.sticky-filter-trigger{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:140}.sticky-filter-trigger__button{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--fg) 46%,transparent);border-radius:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--fg);font:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px color-mix(in srgb,var(--shadow, var(--fg)) 12%,transparent);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.sticky-filter-trigger__button:hover,.sticky-filter-trigger__button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--fg) 82%,transparent);background:color-mix(in srgb,var(--bg) 98%,transparent)}.sticky-filter-trigger__button[aria-expanded=true]{color:var(--fg);border-color:var(--fg)}.filter-drawer--panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:transparent;pointer-events:none;transition:background .22s ease}.filter-drawer--panel[aria-hidden=false]{background:color-mix(in srgb,var(--fg) 8%,transparent);pointer-events:all}.filter-drawer--panel .filter-drawer__inner{top:auto;left:auto;right:max(20px,env(safe-area-inset-right));bottom:calc(max(68px,env(safe-area-inset-bottom) + 48px) + var(--scroll-to-top-sticky-offset, 0px));width:min(420px,calc(100vw - 32px));height:min(72vh,760px);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:var(--sticky-filter-panel-radius, 22px);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 26px 68px color-mix(in srgb,var(--shadow, var(--fg)) 22%,transparent);opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s,transform .42s cubic-bezier(.22,1,.36,1)}.filter-drawer--panel[aria-hidden=false] .filter-drawer__inner{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .32s ease,visibility 0s linear 0s,transform .42s cubic-bezier(.22,1,.36,1)}.filter-drawer--panel form{display:flex;flex-direction:column;min-height:0;height:100%}.filter-drawer--panel .drawer-header{padding:18px 18px 0;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0}.filter-drawer--panel .drawer-title{margin:0;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.filter-drawer--panel .drawer-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:color-mix(in srgb,var(--fg) 68%,transparent);cursor:pointer}.filter-drawer--panel .drawer-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 18px 10px}.filter-drawer--panel .drawer-footer{padding:14px 18px 18px;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.filter-drawer--panel .drawer-apply{flex:1 1 auto;padding:12px;border:0;background:var(--button-bg);color:var(--button-fg);font:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filter-drawer--panel .drawer-clear{padding:12px 18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);color:color-mix(in srgb,var(--fg) 72%,transparent);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter-drawer--panel .drawer-header,.filter-drawer--panel .filter-group,.filter-drawer--panel .drawer-footer{opacity:0;transform:translateY(12px)}.filter-drawer--panel[aria-hidden=false] .drawer-header,.filter-drawer--panel[aria-hidden=false] .filter-group,.filter-drawer--panel[aria-hidden=false] .drawer-footer{opacity:1;transform:translateY(0)}@media(max-width:767px){.filter-drawer--panel .filter-drawer__inner{right:max(14px,env(safe-area-inset-right));bottom:calc(max(60px,env(safe-area-inset-bottom) + 44px) + var(--scroll-to-top-sticky-offset, 0px));width:calc(100vw - 28px);max-height:min(74vh,720px)}}@media(max-width:767px){.sticky-filter-trigger{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/3404/assets/sticky-filter-trigger.css.map */