.modal{display:block;position:fixed;top:0;left:0;z-index:var(--z-modals);width:100%;height:100%;background-color:color-mix(in srgb,var(--color-background-primary) 20%,transparent);visibility:hidden;opacity:0;pointer-events:none;will-change:visibility,opacity;transition:visibility var(--duration-default),opacity var(--duration-default)}.modal[open]{opacity:1;visibility:visible;pointer-events:all}.modal__wrapper{position:absolute;top:50%;left:50%;width:109.2rem;max-width:calc(100% - calc(var(--container-gutter) * 2));max-height:calc(100% - calc(var(--container-gutter) * 2));padding:var(--spacing-4) var(--spacing-2);overflow-y:auto;background-color:var(--color-background-secondary);border-radius:var(--radius-5);transform:translate(-50%,-20%);transition:transform .6s}@media screen and (min-width: 990px){.modal__wrapper{padding:var(--spacing-5)}}[open] .modal__wrapper{transform:translate(-50%,-50%)}.modal__close{position:absolute;top:.8rem;right:.8rem;background-color:transparent;border:0;padding:0;min-width:4.8rem;min-height:4.8rem;cursor:pointer;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-modal.css.map */