.modal-video{background:rgba(var(--color-foreground),.2);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1;transition:opacity .25s ease,visibility 0s linear .25s}.modal-video[open],.modal-video.is-closing{visibility:visible;z-index:101;pointer-events:auto}.modal-video[open]{opacity:1;transition:opacity .25s ease}.modal-video__content{background-color:rgb(var(--color-background));height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%}.modal-video:after{content:"Close";position:fixed;left:2rem;bottom:2rem;padding:.8rem 1.2rem;border-radius:999px;background:#121814b8;color:#fff;font-size:1.3rem;letter-spacing:.04em;line-height:1;opacity:0;pointer-events:none;transform:translateY(.6rem);transition:opacity .25s ease,transform .25s ease;z-index:1}.modal-video[open]:after{opacity:.9;transform:translateY(0)}.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;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{height:calc(100% - 6rem);margin:0 auto;opacity:0;padding-top:8rem;transform:translateY(1.6rem) scale(.98);transition:opacity .25s ease,transform .25s ease;width:calc(100% - 1rem)}.modal-video[open] .modal-video__content-info{opacity:1;transform:translateY(0) scale(1)}@media screen and (min-width:750px){.modal-video__content-info{height:calc(100% - 7.5rem);padding-top:9.5rem;width:calc(100% - 9.6rem)}}@media screen and (min-width:990px){.modal-video__content-info{height:calc(100% - 7rem);padding-top:9rem;width:calc(100% - 8.6rem)}}.modal-video__video,.modal-video__video iframe{height:100%;width:100%}.modal-video__video iframe{position:static;border:0}@media(prefers-reduced-motion:reduce){.modal-video,.modal-video__content-info,.modal-video:after{transition:none}.modal-video__content-info,.modal-video:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/component-modal-video.css.map */