.quick-channel{--play-button-size:70px;position:relative}.quick-channel .vjs-paused.vjs-controls-disabled:after{content:"";top:calc(50% - var(--play-button-size) / 2);left:calc(50% - var(--play-button-size) / 2);width:var(--play-button-size);height:var(--play-button-size);z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23ffffff'%3E%3E%3Cg%3E%3Cpath d='M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm0,60A28,28,0,1,1,60,32,28,28,0,0,1,32,60ZM29.1,19.69a1.09,1.09,0,0,0-.7-.26,1.11,1.11,0,0,0-1.11,1.11V43.46a1.11,1.11,0,0,0,1.11,1.11,1.09,1.09,0,0,0,.7-.26L42.75,32.85a1.1,1.1,0,0,0,0-1.69Zm2.18,17.56V26.75L37.54,32Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.quick-channel .vjs-controls-disabled{cursor:pointer}.quick-channel .vjs-big-play-button .vjs-icon-placeholder svg{display:none}.quick-channel .vjs-big-play-button .vjs-icon-placeholder:after{content:"";width:var(--play-button-size);height:var(--play-button-size);z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23ffffff'%3E%3E%3Cg%3E%3Cpath d='M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm0,60A28,28,0,1,1,60,32,28,28,0,0,1,32,60ZM29.1,19.69a1.09,1.09,0,0,0-.7-.26,1.11,1.11,0,0,0-1.11,1.11V43.46a1.11,1.11,0,0,0,1.11,1.11,1.09,1.09,0,0,0,.7-.26L42.75,32.85a1.1,1.1,0,0,0,0-1.69Zm2.18,17.56V26.75L37.54,32Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.quick-channel__overlay{background-color:var(--white);color:var(--black);pointer-events:none;flex-direction:column;justify-content:center;width:100%;padding-top:1rem;display:flex}@media (width<=599px){.quick-channel__overlay--hidden{height:0;padding:0;overflow:hidden}}@media (width>=600px){.quick-channel__overlay{max-width:min(100%, var(--max-content-width) / 2);min-height:200px;padding:1rem 2rem;position:absolute;top:50%;transform:translateY(-50%)}.quick-channel__overlay--hidden{opacity:0}.vjs-playing+.quick-channel__overlay:not(.quick-channel__overlay--hidden){display:none!important}.quick-channel__image{display:none}}@media (width<=599px){.quick-channel__image+.quick-channel__video{display:none}}.quick-channel__texts{flex-direction:column;gap:1rem;padding:1rem 0 0;display:flex}.quick-channel__texts__h3{font:var(--h3)}@media (width>=600px){.quick-channel:has(.quick-channel__overlay):not(:has(.quick-channel__overlay--hidden)) .vjs-paused.vjs-controls-disabled:after{display:none}.quick-channel:has(.quick-channel__overlay):not(:has(.quick-channel__overlay--hidden)) .quick-channel__overlay{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;display:flex}.quick-channel:has(.quick-channel__overlay):not(:has(.quick-channel__overlay--hidden)) .quick-channel__overlay:after{content:"";-webkit-box-flex:0;-ms-flex:0 0 var(--play-button-size);flex:0 0 var(--play-button-size);width:var(--play-button-size);height:var(--play-button-size);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23000000'%3E%3E%3Cg%3E%3Cpath d='M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm0,60A28,28,0,1,1,60,32,28,28,0,0,1,32,60ZM29.1,19.69a1.09,1.09,0,0,0-.7-.26,1.11,1.11,0,0,0-1.11,1.11V43.46a1.11,1.11,0,0,0,1.11,1.11,1.09,1.09,0,0,0,.7-.26L42.75,32.85a1.1,1.1,0,0,0,0-1.69Zm2.18,17.56V26.75L37.54,32Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}}