:root{--aspect-ratio:56.25%;--transition-speed:.3s}.youtube-thumbnail-container{cursor:pointer;padding-top:var(--aspect-ratio);background-color:#000;width:100%;position:relative;overflow:hidden}.youtube-thumbnail{object-fit:cover;height:100%;transition:transform var(--transition-speed)ease;width:100%;position:absolute;top:0;left:0}.youtube-thumbnail[width][height]{width:auto;height:auto}.youtube-play-button{transition:transform calc(var(--transition-speed) - .1s)ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-thumbnail-container:hover .youtube-play-button{transform:translate(-50%,-50%)scale(1.1)}.youtube-play-button-bg{fill:red;fill-opacity:.8}.youtube-play-button-icon{fill:#fff}.youtube-modal-content{background-color:#000;border:none;justify-content:center;align-items:center;width:min(90vw,1200px);max-width:min(90vw,1200px);height:auto;padding:0;display:flex}.youtube-iframe-container{aspect-ratio:16/9;background:#000;width:100%;position:relative}.youtube-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}@media (min-width:1024px){.youtube-modal-content{width:min(85vw,1280px);max-width:min(85vw,1280px)}}