html.video-lightbox-open,html.video-lightbox-open body{overflow:hidden;overscroll-behavior:none}.video-lightbox{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ae0;display:flex;inset:0;justify-content:center;padding:clamp(1rem,4vw,2.5rem);position:fixed;z-index:1200}.video-lightbox__close{position:relative}.video-lightbox__close:after{background-image:repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:100% 1px,100% 1px,1px 100%,1px 100%;content:"";inset:0;pointer-events:none;position:absolute}.video-lightbox__close{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:background-color .2s ease,color .2s ease;width:44px;z-index:2}.video-lightbox__close:hover{background:#f2ff66;color:#000}.video-lightbox__close:focus-visible{outline:2px solid #f2ff66;outline-offset:3px}.video-lightbox__panel{color:#fff;display:flex;flex-direction:column;max-height:min(90vh,900px);padding:48px;width:min(1100px,100%)}.video-lightbox__stage{aspect-ratio:16/9;background:#000;border-radius:8px;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.video-lightbox__video{cursor:pointer;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-lightbox__overlay{align-items:center;background:#00000047;border:none;color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;margin:0;padding:0;position:absolute;transition:background-color .2s ease;z-index:1}.video-lightbox__overlay:hover{background:#00000061}.video-lightbox__overlay:focus-visible{outline:2px solid #f2ff66;outline-offset:-6px}.video-lightbox__overlay-icon{border:none;position:relative}.video-lightbox__overlay-icon:after{background-image:repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:100% 1px,100% 1px,1px 100%,1px 100%;content:"";inset:0;pointer-events:none;position:absolute}.video-lightbox__overlay-icon{align-items:center;color:#fff;display:flex;height:clamp(64px,12vw,88px);justify-content:center;transition:background-color .2s ease,color .2s ease;width:clamp(64px,12vw,88px)}.video-lightbox__overlay-icon svg{display:block;height:42%;width:42%}.video-lightbox__overlay:hover .video-lightbox__overlay-icon{background:#f2ff66;color:#000}.video-lightbox__controls{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.video-lightbox__progress{display:flex;flex-direction:column;gap:.35rem}.video-lightbox__timeline{cursor:pointer;padding:10px 0;touch-action:none}.video-lightbox__timeline:focus-visible{outline:2px solid #f2ff66;outline-offset:4px}.video-lightbox__timeline-track{background:#cfcfcf;height:3px;overflow:hidden;position:relative;width:100%}.video-lightbox__timeline-fill{background:#f2ff66;height:100%;transform-origin:left center;width:0;will-change:width}.video-lightbox__times{color:#ffffffb3;display:flex;font-size:12px;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.video-lightbox__actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.video-lightbox__sound,.video-lightbox__transport{align-items:center;display:flex;gap:.5rem}.video-lightbox__sound{flex:1 1 auto;justify-content:flex-end;margin-left:auto;max-width:240px}.video-lightbox__btn{position:relative}.video-lightbox__btn:after{background-image:repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#f2f2f2,#f2f2f2 10px,transparent 0,transparent 18px);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:100% 1px,100% 1px,1px 100%,1px 100%;content:"";inset:0;pointer-events:none;position:absolute}.video-lightbox__btn{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:42px}.video-lightbox__btn:hover{background:#f2ff66;color:#000}.video-lightbox__btn:focus-visible{outline:2px solid #f2ff66;outline-offset:3px}.video-lightbox__icon{display:block;flex-shrink:0;height:22px;width:22px}.video-lightbox__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff38;border-radius:999px;cursor:pointer;height:4px;outline:none;width:100%}.video-lightbox__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f2ff66;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.video-lightbox__range::-moz-range-thumb{background:#f2ff66;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.video-lightbox__range--volume{width:min(140px,30vw)}.video-lightbox__range:focus-visible{outline:2px solid #f2ff66;outline-offset:4px}.video-lightbox-enter-active,.video-lightbox-leave-active{transition:opacity .25s ease}.video-lightbox-enter-active .video-lightbox__panel,.video-lightbox-leave-active .video-lightbox__panel{transition:opacity .25s ease,transform .25s ease}.video-lightbox-enter-from,.video-lightbox-leave-to{opacity:0}.video-lightbox-enter-from .video-lightbox__panel,.video-lightbox-leave-to .video-lightbox__panel{opacity:0;transform:translateY(12px) scale(.985)}@media only screen and (max-width:599px){.video-lightbox{padding:.75rem}.video-lightbox__close{height:40px;right:10px;top:10px;width:40px}.video-lightbox__panel{padding:12px}.video-lightbox__btn{height:40px;width:40px}.video-lightbox__sound{justify-content:flex-start;margin-left:0;max-width:none;width:100%}}