.drawer{--display-heading: flex;--drawer-width: 100%;--height-inner: 100%;--size-close: 1.4rem;--opacity-overlay: 0;--margin-inner: 0;--margin-header: 1rem;--margin-close: 0;--pointer-events-overlay: none;--padding-block-drawer: 1.6rem;--padding-inline-drawer: 1.6rem;--padding-header: 0;--padding-content: 0;--padding-bottom-footer: 0;--gap-inner: 3.4rem;--gap-content: 2.4rem;--gap-header: 1rem;--flex-direction-header: column;--background-overlay: rgba(var(--black-rgb) / .4);--justify-content: flex-end;--translate-x: 100%;--translate-y: 0;--text-size-heading: var(--h3);--text-size-title: 2rem;--text-size-close: var(--small-body);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--bottom{--justify-content: flex-end;--translate-x: 0%;--translate-y: 100%}.drawer--active{--opacity-overlay: 1;--pointer-events-overlay: auto;--translate-x: 0;--translate-y: 0;visibility:visible}.drawer__close{align-items:center;display:flex;font-family:var(--body-family);font-size:1.4rem;gap:.8rem;margin:var(--margin-close);opacity:var(--opacity-overlay);text-transform:uppercase;z-index:var(--layer-5)}.drawer__close-icon{color:var(--copper);height:var(--size-close);margin-top:-.1rem;opacity:var(--opacity-overlay);width:var(--size-close)}.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(--secondary-colour);border-radius:0;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;gap:var(--gap-inner);height:var(--height-inner);margin:var(--margin-inner);max-height:100%;outline:none;padding:var(--padding-block-drawer) var(--padding-inline-drawer);position:relative;transform:translate(var(--translate-x),var(--translate-y));transition:transform var(--duration-long) var(--easing-function);width:var(--drawer-width);z-index:var(--layer-3)}.drawer__header{align-items:center;display:flex;flex-direction:var(--flex-direction-header);gap:var(--gap-header);justify-content:space-between;margin:var(--margin-header);padding:var(--padding-header)}.drawer__heading{align-items:center;display:var(--display-heading);line-height:normal;justify-content:space-between;width:100%}.drawer__heading,.drawer__title{font-family:var(--heading-family);font-size:var(--text-size-heading)}.drawer__content{display:flex;flex-direction:column;gap:var(--gap-content);padding:var(--padding-content);flex:1;overflow-x:hidden;overflow-y:auto}.drawer__footer{padding-bottom:var(--padding-bottom-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/2/assets/drawer.css.map */