.drawer::backdrop{transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,background-color var(--transition-speed);background-color:#0000}.drawer[open]::backdrop{background:var(--color-overlay-l03)}@starting-style{.drawer[open]::backdrop{background-color:#0000}}@layer components{.drawer{top:0;right:auto;bottom:0;left:0;transform:translate(-100%);z-index:3;transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,opacity var(--transition-speed),transform var(--transition-speed);margin:0;border:0;background:var(--color-utility-03);padding:0;width:100%;max-width:500px;height:100vh;max-height:none;overflow:clip}@media screen and (min-width: 768px),print{.drawer{width:50%}}@media screen and (min-width: 1440px),print{.drawer{width:33.33%}}.drawer::backdrop{cursor:pointer;background:var(--color-overlay-l03)}.drawer[open]{transform:translate(0);opacity:1}@starting-style{.drawer[open]{transform:translate(-100%);opacity:0}}.drawer--right{right:0;left:auto;transform:translate(100%)}@media screen and (min-width: 768px),print{.drawer--right{border-left:var(--border-width) solid var(--color-brand-01)}}@starting-style{.drawer--right[open]{transform:translate(100%)}}.drawer--mini-cart{display:none;flex-grow:0;opacity:0;transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,opacity var(--transition-speed);max-width:100vw;overflow:clip}.drawer--mini-cart[open]{display:block;opacity:1}@starting-style{.drawer--mini-cart[open]{opacity:0}}@media screen and (min-width: 768px),print{.drawer--mini-cart{top:5.4rem;right:var(--content-wrapper-spacing);bottom:var(--spacing-unit-s);transform:translate(0);border:var(--border-width) solid var(--color-brand-01);border-radius:var(--border-radius);max-width:390px;height:auto}}@media screen and (min-width: 1024px),print{.drawer--mini-cart{top:11.6rem}@supports (animation-timeline: scroll()){.drawer--mini-cart{top:11.6rem;animation:drawer-grow linear both;animation-timeline:scroll();animation-range:var(--header-animation-range)}}}@supports not (animation-timeline: scroll()){body.page-header--condensed .drawer--mini-cart{top:6.4rem}}.drawer__wrapper{display:flex;flex-direction:column;height:100dvh}@media screen and (min-width: 768px),print{.drawer--mini-cart .drawer__wrapper{height:100%}}.drawer__header{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 var(--content-wrapper-spacing);height:60px}.drawer--mobile-nav .drawer__header{flex-direction:row-reverse}@media screen and (min-width: 768px),print{.drawer__header{padding:0 var(--spacing-unit-m)}}.drawer--mini-cart .drawer__header{padding:0 var(--spacing-unit-s)}@media screen and (min-width: 768px),print{.drawer--mini-cart .drawer__header{border-radius:var(--border-radius) var(--border-radius) 0 0}}.drawer__title{display:flex;align-items:center;gap:var(--spacing-unit-xxs);text-transform:uppercase}.drawer--mini-cart .drawer__title{gap:var(--spacing-unit-s)}.drawer__title-cart-count live-region{display:inline}.drawer__close{display:flex}.drawer__close-button{width:2rem;height:2rem}.drawer__body{flex-grow:1;padding:var(--spacing-unit-m);min-height:0;overflow-y:auto}.drawer--mobile-nav .drawer__body{padding:0}.drawer--mini-cart .drawer__body{padding:0 var(--spacing-unit-s)}.drawer--filters .drawer__body{padding:0 var(--content-wrapper-spacing)}@media screen and (min-width: 768px),print{.drawer--filters .drawer__body{padding:0 var(--spacing-unit-m)}}.drawer__footer{flex-shrink:0;border-top:var(--border-width) solid var(--color-borders);padding:var(--spacing-unit-m)}.drawer--mobile-nav .drawer__footer{border-top:0;padding:0}.drawer--mini-cart .drawer__footer{position:relative;z-index:2;border:0;padding:0 var(--spacing-unit-s) var(--spacing-unit-s)}.drawer--filters .drawer__footer{margin:0 var(--content-wrapper-spacing) var(--spacing-unit-s);border-color:var(--color-brand-01);padding:var(--spacing-unit-s) 0 0 0}@media screen and (min-width: 768px),print{.drawer--filters .drawer__footer{padding:0 var(--spacing-unit-m)}}.filters-footer{display:flex;gap:var(--spacing-unit-xs)}.filters-footer__clear,.filters-footer__apply{flex:1}@keyframes drawer-grow{0%{top:11.6rem}to{top:6.4rem}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/drawer.css.map */