.drawer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--c-brand-black-30);cursor:pointer}.drawer__panel{position:absolute;display:flex;flex-direction:column;background-color:#fff;width:100%;max-width:min(90%,28rem);height:100%;transition:transform var(--transition)}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--wrapper-padding) 1.25rem;margin-bottom:2rem;border-bottom:.0625rem solid var(--c-brand-red)}.header-nav__title.header-nav__title--has-children svg{width:13px}.drawer__title{font-family:var(--font-heading);font-size:.85rem;font-weight:400;text-transform:uppercase}.drawer__close{font-family:var(--font-heading);font-size:.85rem;font-weight:400;margin-left:auto}.drawer__close svg{height:15px;transform:rotate(45deg)}.drawer__content{padding:0 var(--wrapper-padding) 1.5rem;overflow-x:hidden;overflow-y:auto}.drawer__panel--from-left{left:0;border-right:.125rem solid var(--c-brand-red)}.drawer__panel--from-right{right:0;border-left:.125rem solid var(--c-brand-red)}.drawer__panel--from-left.drawer__panel--enter-start,.drawer__panel--from-left.drawer__panel--leave-end{transform:translate(-100%)}.drawer__panel--from-left.drawer__panel--enter-end,.drawer__panel--from-left.drawer__panel--leave-start{transform:translate(0)}.drawer__panel--from-right.drawer__panel--enter-start,.drawer__panel--from-right.drawer__panel--leave-end{transform:translate(100%)}.drawer__panel--from-right.drawer__panel--enter-end,.drawer__panel--from-right.drawer__panel--leave-start{transform:translate(0)}@media (max-width: 39.9375rem){.drawer__panel--mobile-from-bottom{left:auto;right:auto;bottom:0;width:100%;max-width:none;height:auto}.drawer__panel--mobile-from-bottom .drawer__content{max-height:70vh}@supports (max-height: 70vh){.drawer__panel--mobile-from-bottom .drawer__content{max-height:70vh}}.drawer__panel--mobile-from-bottom.drawer__panel--enter-start,.drawer__panel--mobile-from-bottom.drawer__panel--leave-end{transform:translateY(100%)}.drawer__panel--mobile-from-bottom.drawer__panel--enter-end,.drawer__panel--mobile-from-bottom.drawer__panel--leave-start{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-drawer.css.map */