.modal-video{background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') 12 12,pointer}.modal-video[open]{opacity:1;visibility:visible;z-index:101}.modal-video__content{background-color:rgb(var(--color-background));height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%}.modal-video__toggle{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55);cursor:pointer!important;display:flex;justify-content:center;margin:0 0 0 auto;padding:1.2rem;position:fixed;right:.5rem;top:2rem;width:4rem;z-index:2}@media screen and (min-width: 750px){.modal-video__toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.modal-video__toggle{right:4.3rem;top:3rem}}.modal-video__toggle .icon{height:auto;margin:0;width:2.2rem}.modal-video__content-info{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;padding:8rem .5rem 3rem;box-sizing:border-box;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') 12 12,pointer}@media screen and (min-width: 750px){.modal-video__content-info{padding:9.5rem 4.8rem 3.75rem}}@media screen and (min-width: 990px){.modal-video__content-info{padding:9rem 4.3rem 3.5rem}}.modal-video__video{position:relative;width:100%;height:0;padding-bottom:56.25%;max-width:min(177.8vh,100%);margin:0 auto;cursor:default}@media (min-aspect-ratio: 16/9){.modal-video__video{width:auto;height:100%;padding-bottom:0;aspect-ratio:16 / 9}}.modal-video__video iframe,.modal-video__video video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;cursor:default;pointer-events:auto}.modal-video__video video{display:block;background-color:#000;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modal-video.css.map */