.bottom-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-menu-drawer);padding:0;margin:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;color:inherit;overflow:hidden;pointer-events:none;display:none}.bottom-drawer[open]{display:block}.bottom-drawer[data-state=open],.bottom-drawer[data-state=closing]{pointer-events:auto}.bottom-drawer[data-state=open] .bottom-drawer__sheet{transform:translateY(0)}.bottom-drawer[data-state=closing] .bottom-drawer__sheet{transform:translateY(100%)}.bottom-drawer::backdrop{display:none}.bottom-drawer__sheet{position:fixed;bottom:0;left:0;right:0;max-height:60dvh;background:var(--color-background-alt);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden;will-change:transform;box-shadow:0 -4px 24px #00000014;padding-bottom:env(safe-area-inset-bottom)}.bottom-drawer__sheet[data-size=tall]{max-height:90dvh}.bottom-drawer__handle{display:flex;justify-content:center;padding-top:var(--space-2);cursor:grab;touch-action:none}.bottom-drawer__handle:active{cursor:grabbing}.bottom-drawer__handle-bar{width:50px;height:5px;background:#0000001a;border-radius:3px}.bottom-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-4) var(--space-1);border-bottom:1px solid rgba(0,0,0,.06)}.bottom-drawer__title{font-family:var(--font-title-family);font-size:var(--font-size-md);font-weight:300;text-transform:uppercase;margin:0}.bottom-drawer__close{width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:flex-end}.bottom-drawer__close svg{width:16px}.bottom-drawer__body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding:var(--space-1) var(--space-4);position:relative}.bottom-drawer__body:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 50%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;background-position:-50% 0;animation:bottom-drawer-shimmer 1.1s linear infinite;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.bottom-drawer[data-loading=true] .bottom-drawer__body:before{opacity:1}@keyframes bottom-drawer-shimmer{0%{background-position:-50% 0}to{background-position:150% 0}}.bottom-drawer__footer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid rgba(0,0,0,.1)}.bottom-drawer__footer-btn{flex:1;padding:var(--space-3) var(--space-4);border:1px solid #000;font-family:var(--font-button-family);font-size:var(--font-size-2xs);text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}.bottom-drawer__footer-btn--apply{background:var(--color-foreground);color:var(--color-background);flex:2}.bottom-drawer__footer-btn--apply:hover{background:var(--color-background);color:var(--color-foreground)}.bottom-drawer__footer-btn--clear{background:none;color:var(--color-foreground)}.bottom-drawer__footer-btn--clear:hover{background:var(--color-foreground);color:var(--color-background)}.bottom-drawer__footer-btn--clear[hidden]{display:none}@media(min-width:768px){[data-responsive=true] .bottom-drawer__sheet{top:0;bottom:0;right:0;left:auto;width:var(--drawer-width, min(420px, 90vw));max-height:none;border-radius:0;transform:translate(100%);box-shadow:-4px 0 24px #00000014}[data-responsive=true][data-state=open] .bottom-drawer__sheet{transform:translate(0)}[data-responsive=true][data-state=closing] .bottom-drawer__sheet{transform:translate(100%)}[data-responsive=true] .bottom-drawer__handle{display:none}[data-responsive=true] .bottom-drawer__header{padding:var(--space-2) var(--space-4);border-bottom:none}[data-responsive=true] .bottom-drawer__title{font-size:var(--font-size-xl);font-weight:400}}@media(prefers-reduced-motion:reduce){.bottom-drawer__sheet{transition-duration:.01ms}.bottom-drawer__body:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/bottom-drawer.css.map */