.modal-drawer{--pad-x: clamp(min(3rem, var(--spacing-edges)), var(--spacing-edges) / 2, 4rem);--pad-y: max(2rem, var(--spacing-sections) / 2);--modal-close-icon-size: 2rem;--modal-inset: clamp(2rem, calc(24 / var(--vw-desktop-large) * 100vw), 2.4rem);position:fixed;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;transition:visibility var(--duration-default) ease;opacity:0;visibility:hidden;z-index:-1}.modal-drawer[open]{opacity:1;visibility:visible;z-index:1000}.modal-drawer__inner{height:100%;width:60rem;max-width:var(--modal-drawer-width);background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;will-change:transform;overflow-y:auto}@media screen and (max-width: 749px){.modal-drawer__inner{width:100vw}}.modal-drawer__content{padding:var(--pad-y) var(--pad-x)}.modal-drawer__header{padding-right:calc(var(--modal-close-icon-size) + (var(--modal-inset) * 2) - var(--pad-x))}.modal-drawer__close{color:rgb(var(--color-secondary));display:flex;align-items:center;justify-content:center;padding:calc(var(--modal-inset) - 1rem);position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;cursor:pointer;transition:color var(--transition-hover)}.modal-drawer__close:hover,.modal-drawer__close:focus-visible,.modal-drawer__close:active{color:rgb(var(--color-primary));transition:color var(--transition-hover-active)}.modal-drawer__close .icon{display:block;transition:transform var(--transition-hover);will-change:transform;height:auto;width:var(--modal-close-icon-size);margin:0}.modal-drawer__close:hover .icon,.modal-drawer__close:focus-visible .icon{transform:scale(1.08);transition:transform var(--transition-hover-active)}.modal-drawer__close:active .icon{transform:scale(1.02);transition:transform var(--transition-hover-active)}
/*# sourceMappingURL=/cdn/shop/t/978/assets/component-modal-drawer.css.map */