@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,transform var(--transition-speed);margin:0;border:0;padding:0;width:90%;max-width:500px;height:100vh;max-height:none}@media screen and (min-width: 768px),print{.drawer{width:50%}}@media screen and (min-width: 1440px),print{.drawer{width:33.33%}}.drawer::backdrop{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,opacity var(--transition-speed);cursor:pointer;background:var(--color-overlay-b03)}.drawer[open]{transform:translate(0)}.drawer[open]::backdrop{opacity:1}@starting-style{.drawer[open]{transform:translate(-100%)}.drawer[open]::backdrop{opacity:0}}.drawer--right{right:0;left:auto;transform:translate(100%)}@starting-style{.drawer--right[open]{transform:translate(100%)}}.drawer__wrapper{display:flex;flex-direction:column;height:100dvh}.drawer__header{display:flex;justify-content:flex-end;align-items:center;background:var(--color-soft-grey);padding:var(--spacing-unit-xs) 0;height:60px}@media screen and (min-width: 1024px),print{.drawer__header{height:80px}}.drawer--right .drawer__header{flex-direction:row-reverse}.filters-layout__modal .drawer__header{background:var(--color-white);padding-top:calc(var(--spacing-unit-s) * 2);padding-right:var(--spacing-unit-s);height:6.5rem}.drawer__title{display:flex;gap:var(--spacing-unit-xxs)}.filters-layout__modal .drawer__title{color:var(--color-charcoal);font-size:var(--font-size-heading-2)}.drawer__close-button{display:flex;justify-content:center;align-items:center;width:44px;height:44px}.drawer__close-icon{width:1.5rem;height:1.5rem}.drawer__body{flex-grow:1;padding:var(--spacing-unit-s);overflow-y:auto}.drawer--mobile-nav .drawer__body{padding:0}.drawer__footer{position:sticky;bottom:0;z-index:4}.drawer--mobile-nav .drawer__footer{padding:0}.drawer--mobile-nav .drawer__footer{position:absolute;right:0;bottom:0;left:0}.drawer--mobile-nav-children .drawer__footer{display:none}.filters-layout__modal :is(.drawer__close-icon svg){transform:scale(.4)}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/drawer.css.map */