.dev-video-lightbox{display:contents}.dev-video-lightbox__modal{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:var(--modal-px);border:0;background-color:var(--modal-overlay)}.dev-video-lightbox__modal[open]{display:flex;align-items:center;justify-content:center}.dev-video-lightbox__modal::backdrop{background-color:transparent}.dev-video-lightbox__modal[data-modal-state=opening]{animation:dev-video-lightbox-in var(--modal-in) var(--ease-out) both}.dev-video-lightbox__modal[data-modal-state=closing]{animation:dev-video-lightbox-out var(--modal-out) var(--ease-in) both}@keyframes dev-video-lightbox-in{0%{background-color:transparent}}@keyframes dev-video-lightbox-out{to{background-color:transparent}}.dev-video-lightbox__modal[data-modal-state=opening] .dev-video-lightbox__inner{animation:dev-video-lightbox-player-in var(--modal-in) var(--ease-out) both}.dev-video-lightbox__modal[data-modal-state=closing] .dev-video-lightbox__inner{animation:dev-video-lightbox-player-out var(--modal-out) var(--ease-in) both}@keyframes dev-video-lightbox-player-in{0%{opacity:0;transform:scale(.96) translateY(12px)}}@keyframes dev-video-lightbox-player-out{to{opacity:0;transform:scale(.98)}}.dev-video-lightbox__inner{position:relative;width:100%;max-width:var(--modal-max-w);max-height:calc(100dvh - (var(--modal-px) * 2) - var(--close-size) - var(--close-gap));aspect-ratio:16 / 9}.dev-video-lightbox__video{display:block;width:100%;height:100%;border:0}.dev-video-lightbox__close{position:absolute;right:0;bottom:calc(100% + var(--close-gap));display:inline-flex;align-items:center;justify-content:center;width:var(--close-size);height:var(--close-size);padding:10px;border:0;border-radius:var(--close-radius);background-color:transparent;color:var(--color);cursor:pointer;-webkit-appearance:none;appearance:none}.dev-video-lightbox__close-icon{display:block;width:var(--close-icon);height:var(--close-icon)}.dev-video-lightbox__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dev-video-lightbox__close:focus:not(:focus-visible){outline:none}.dev-video-lightbox__inner:focus{outline:none}@media(prefers-reduced-motion:reduce){.dev-video-lightbox,.dev-video-lightbox *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dev-video-lightbox-scroll-lock,.dev-video-lightbox-scroll-lock .page-wrapper{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/28/assets/dev-video-lightbox.css.map */