.modal-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e0;z-index:101;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-popup[style*=flex]{opacity:1;visibility:visible}.modal-popup .modal-content{background-color:#1c1c1c!important;box-shadow:0 4px 20px #00000026;padding:1rem;border-radius:5px;width:100%;overflow:auto;position:relative;margin:3rem}.modal-content iframe{width:100%;height:auto;aspect-ratio:16/9;max-width:100%;border-radius:5px;border:0;position:static}.modal-close{position:absolute;top:1rem;right:1.5rem;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;align-items:center;justify-content:center;width:4rem;height:4rem;font-size:2.2rem;line-height:1;z-index:2}.modal-close:hover{color:rgba(var(--color-foreground),.8);border-color:rgba(var(--color-foreground),.2)}@media screen and (max-width: 749px){.modal-content{margin:1rem;padding:1.5rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)}.modal-close{width:3.5rem;height:3.5rem;font-size:2rem;top:.5rem;right:1rem}}@media screen and (min-width: 750px){.modal-content{padding:2.5rem}.modal-close{top:1.5rem;right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/a11-modal-video.css.map */