.modal-video{background:rgba(var(--color-foreground),.2);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}.modal-video[open]{opacity:1;visibility:visible;z-index:101}.modal-video__content{background-color:#000;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;display:flex;justify-content:center;margin:0;padding:10px;position:fixed;right:20px;top:20px;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;padding-top:8rem;width:calc(100% - 1rem)}@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}.modal-video.media-modal .modal-video__toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50px;background:linear-gradient(180deg,#3c374173,#312c3959,#28243073);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000026;color:#312c39;transition:box-shadow .2s ease,transform .2s ease}.modal-video.media-modal .modal-video__toggle:hover{box-shadow:inset 0 1px #ffffffe6,0 2px 8px #312c3933;transform:translateY(-1px)}.modal-video.media-modal .modal-video__toggle .svg-wrapper{width:41px;height:41px;color:#fff}.modal-video.media-modal .modal-video__toggle .svg-wrapper svg,.modal-video.media-modal .modal-video__toggle .icon{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modal-video.css.map */