.drawer{--drawer-width: 100%;--size-close: var(--space-18);--position-right-close: var(--space-8);--position-top-close: var(--space-8);--opacity-overlay: 0;--margin-header: 0;--pointer-events-overlay: none;--padding-block-drawer: var(--space-12);--padding-inline-drawer: var(--space-12);--padding-header: 0;--padding-content: 0;--border-header: none;--gap-inner: var(--space-20);--gap-content: var(--space-20);--gap-header: var(--space-8);--gap-form: var(--space-12);--background-overlay: rgba(var(--color-primary-rgb) / .4);--justify-content: flex-end;--translate-x: 100%;--text-size-heading: var(--text-size-h4);--text-size-title: var(--text-size-xs);display:flex;height:100dvh;justify-content:var(--justify-content);left:0;position:fixed;top:0;transition:visibility var(--duration-long) linear;visibility:hidden;width:100vw;z-index:var(--layer-3)}.drawer--left{--justify-content: flex-start;--translate-x: -100%}.drawer--active{--opacity-overlay: 1;--pointer-events-overlay: auto;--translate-x: 0;visibility:visible}.drawer__close{align-items:center;display:flex;height:var(--size-close);justify-content:center;position:absolute;opacity:var(--opacity-overlay);right:var(--position-right-close);top:var(--position-top-close);transform:translate(var(--translate-x));transition:transform var(--duration-long) var(--easing-function);transition-property:opacity,transform;width:var(--size-close);z-index:var(--layer-5)}.drawer__overlay{background-color:var(--background-overlay);bottom:0;left:0;opacity:var(--opacity-overlay);pointer-events:var(--pointer-events-overlay);position:absolute;right:0;top:0;transition:opacity var(--duration-long) linear;z-index:var(--layer-3)}.drawer__inner{background-color:var(--color-secondary);border-radius:0;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;gap:var(--gap-inner);height:100%;margin:var(--margin-inner);outline:none;padding:var(--padding-block-drawer) var(--padding-inline-drawer);position:relative;transform:translate(var(--translate-x));transition:transform var(--duration-long) var(--easing-function);width:var(--drawer-width);z-index:var(--layer-3)}.drawer__header{border-bottom:var(--border-header);display:flex;flex-direction:column;gap:var(--gap-header);margin:var(--margin-header);padding:var(--padding-header)}.drawer__heading,.drawer__title{font-family:var(--font-heading-family);font-size:var(--text-size-heading);font-weight:var(--font-heading-weight)}.drawer__title{font-size:var(--text-size-title)}.drawer__content{display:flex;flex-direction:column;gap:var(--gap-content);padding:var(--padding-content);flex:1;overflow-x:hidden;overflow-y:auto}.drawer__form{display:flex;flex-direction:column;gap:var(--gap-form)}.drawer__footer{margin-top:auto}@media (min-width: 750px){.drawer{--drawer-width: 53.8rem;--position-right-close: var(--space-12);--position-top-close: var(--space-12)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/drawer.css.map */