.sf-options{gap:.375rem;display:grid;position:relative}.sf-options .glass-glider{border-radius:999px}.sf-option{white-space:nowrap;min-height:2.25rem;color:var(--muted-foreground);background:color-mix(in oklab, var(--background) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 55%, transparent);-webkit-tap-highlight-color:transparent;transition:background-color .22s ease-out, box-shadow .22s ease-out, color .22s ease-out, scale .3s var(--glass-ease-pop);border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.sf-option:hover{color:var(--foreground);background:color-mix(in oklab, var(--background) 88%, transparent)}.sf-option:active{transition-duration:90ms;scale:.95}.sf-option:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--destructive) 28%, transparent);outline:none}.sf-option[aria-checked=true]{color:var(--destructive);box-shadow:none;background:0 0}.sf-option-check{opacity:0;width:0;transition:width .3s var(--glass-ease), opacity .16s ease-out, scale .42s var(--glass-ease-pop);scale:.4}.sf-option[aria-checked=true] .sf-option-check{opacity:1;width:.8rem;scale:1}.sf-search{background:color-mix(in oklab, var(--background) 65%, transparent);height:2.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 #ffffff80;border:0;border-radius:999px;padding-left:2.25rem;transition:background-color .2s ease-out,box-shadow .2s ease-out}@supports (color:lab(0% 0 0)){.sf-search{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 lab(100% 0 0/.5)}}.sf-search:hover{background:color-mix(in oklab, var(--background) 82%, transparent)}.sf-search:focus-visible{background:color-mix(in oklab, var(--background) 92%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 45%, transparent), 0 0 0 4px color-mix(in oklab, var(--destructive) 10%, transparent);outline:none}.sf-list{border-radius:1.1rem}.sf-list .glass-row{--glass-row-inset:2.6rem}.sf-list-row{text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:.65rem;width:100%;min-height:2.75rem;padding:.55rem .75rem;font-size:.875rem;line-height:1.25;transition:background-color .18s ease-out,color .18s ease-out;display:flex}.sf-list-row:hover{background:color-mix(in oklab, var(--foreground) 3.5%, transparent)}.sf-list-row:active{background:color-mix(in oklab, var(--foreground) 6%, transparent)}.sf-list-row:focus-visible{background:color-mix(in oklab, var(--destructive) 7%, transparent);outline:none}.sf-list-row[aria-pressed=true],.sf-list-row[aria-checked=true]{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 6%, transparent);font-weight:600}.sf-radio{width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--border) 90%, transparent);border-radius:999px;flex-shrink:0;place-items:center;transition:box-shadow .22s ease-out;display:grid;position:relative}.sf-radio:before{content:"";border-radius:inherit;background:var(--destructive);opacity:0;transition:scale .42s var(--glass-ease-pop), opacity .16s ease-out;position:absolute;inset:0;scale:.2}.sf-radio>svg{color:var(--destructive-foreground);opacity:0;transition:scale .46s var(--glass-ease-pop) 40ms, opacity .16s ease-out 40ms;position:relative;scale:.4}[aria-pressed=true]>.sf-radio,[aria-checked=true]>.sf-radio{box-shadow:0 .35rem .8rem -.3rem color-mix(in oklch, var(--destructive) 60%, transparent)}[aria-pressed=true]>.sf-radio:before,[aria-checked=true]>.sf-radio:before,[aria-pressed=true]>.sf-radio>svg,[aria-checked=true]>.sf-radio>svg{opacity:1;scale:1}.sf-count{font-variant-numeric:tabular-nums;color:var(--muted-foreground);background:color-mix(in oklab, var(--foreground) 5%, transparent);border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.6875rem;font-weight:500}[aria-pressed=true]>.sf-count,[aria-checked=true]>.sf-count{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 12%, transparent)}.sf-tile{isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 55%, transparent), 0 .5rem 1.25rem -1rem color-mix(in oklch, var(--foreground) 30%, transparent);-webkit-tap-highlight-color:transparent;transition:translate .42s var(--glass-ease), box-shadow .36s var(--glass-ease), scale .3s var(--glass-ease-pop);border-radius:1.1rem;position:relative;overflow:hidden}.sf-tile img{transition:scale .7s var(--glass-ease)}@media (hover:hover){.sf-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--destructive) 30%, transparent), 0 .9rem 1.6rem -1rem color-mix(in oklch, var(--destructive) 45%, transparent);translate:0 -.15rem}.sf-tile:hover img{scale:1.07}}.sf-tile:active{transition-duration:90ms;scale:.97}.sf-tile:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--destructive) 35%, transparent);outline:none}.sf-tile[data-active]{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--destructive) 70%, transparent), 0 .9rem 1.6rem -1rem color-mix(in oklch, var(--destructive) 55%, transparent)}.sf-tile:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--destructive) 75%, transparent);opacity:0;transition:opacity .26s ease-out;position:absolute;inset:0}.sf-tile[data-active]:after{opacity:1}@media (prefers-reduced-motion:no-preference){.sf-cascade>*{animation:glass-kit-rise .56s var(--glass-ease) backwards;animation-delay:calc(min(var(--sf-i,0), 12) * 35ms + 80ms)}}.pf-track{background:color-mix(in oklab, var(--foreground) 8%, transparent);height:.375rem;box-shadow:inset 0 1px 1px color-mix(in oklab, var(--foreground) 8%, transparent);border-radius:999px;flex-grow:1;position:relative}.pf-range{background:linear-gradient(90deg, color-mix(in oklab, var(--destructive) 75%, var(--background)), var(--destructive));height:100%;box-shadow:0 .2rem .7rem -.1rem color-mix(in oklch, var(--destructive) 55%, transparent);border-radius:999px}.pf-tick{background:color-mix(in oklab, var(--background) 85%, transparent);width:.25rem;height:.25rem;box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent);pointer-events:none;border-radius:999px;position:absolute;top:50%;translate:-50% -50%}.pf-thumb{background:var(--background);width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 70%, transparent), 0 .3rem .8rem -.2rem color-mix(in oklch, var(--foreground) 35%, transparent);transition:scale .36s var(--glass-ease-pop), box-shadow .26s ease-out;-webkit-tap-highlight-color:transparent;border-radius:999px;display:block;position:relative}.pf-thumb:before{content:"";border-radius:inherit;background:var(--destructive);transition:inset .36s var(--glass-ease-pop);position:absolute;inset:.45rem}.pf-thumb:after{content:"";border-radius:inherit;position:absolute;inset:-.6rem}@media (hover:hover){.pf-thumb:hover{scale:1.08}}.pf-thumb[data-dragging]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--destructive) 40%, transparent), 0 0 0 6px color-mix(in oklab, var(--destructive) 14%, transparent), 0 .5rem 1.1rem -.3rem color-mix(in oklch, var(--destructive) 45%, transparent);scale:1.18}.pf-thumb:has(input:focus-visible){box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--destructive) 40%, transparent), 0 0 0 6px color-mix(in oklab, var(--destructive) 14%, transparent), 0 .5rem 1.1rem -.3rem color-mix(in oklch, var(--destructive) 45%, transparent);scale:1.18}.pf-thumb[data-dragging]:before{inset:.38rem}.pf-thumb:has(input:focus-visible):before{inset:.38rem}.pf-tip{bottom:calc(100% + .55rem);left:var(--tip-left,50%);translate:var(--tip-x,-50%) .3rem;transform-origin:var(--tip-origin,50%) 100%;opacity:0;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--destructive-foreground);background:var(--destructive);box-shadow:0 .4rem .9rem -.3rem color-mix(in oklch, var(--destructive) 60%, transparent);transition:opacity .16s ease-out, scale .38s var(--glass-ease-pop), translate .38s var(--glass-ease);border-radius:999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;position:absolute;scale:.7}.pf-thumb[data-dragging]:focus-within .pf-tip{opacity:1;scale:.847458;translate:var(--tip-x,-50%) 0}.pf-thumb:has(input:focus-visible) .pf-tip{opacity:1;scale:.847458;translate:var(--tip-x,-50%) 0}.pf-bar{transform-origin:50% 100%;background:color-mix(in oklab, var(--foreground) 10%, transparent);height:100%;transition:scale .52s var(--glass-ease), background-color .26s ease-out;border-radius:.25rem .25rem .1rem .1rem;flex:1 1 0}.pf-bar[data-in]{background:linear-gradient(to top, color-mix(in oklab, var(--destructive) 70%, transparent), color-mix(in oklab, var(--destructive) 28%, transparent))}.pf-field{background:color-mix(in oklab, var(--background) 65%, transparent);min-width:0;height:2.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 #ffffff80;border-radius:999px;align-items:center;gap:.25rem;padding:0 .75rem;transition:background-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative}@supports (color:lab(0% 0 0)){.pf-field{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 lab(100% 0 0/.5)}}.pf-field:hover{background:color-mix(in oklab, var(--background) 82%, transparent)}.pf-field:focus-within{background:color-mix(in oklab, var(--background) 92%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 45%, transparent), 0 0 0 4px color-mix(in oklab, var(--destructive) 10%, transparent)}.pf-field input{font-variant-numeric:tabular-nums;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:.875rem;font-weight:600}@media (max-width:767px){.pf-field input,.sf-search{font-size:1rem}}@media (prefers-reduced-motion:reduce){.sf-option,.sf-option-check,.sf-radio:before,.sf-radio>svg,.sf-tile,.sf-tile img,.pf-thumb,.pf-thumb:before,.pf-tip,.pf-bar{transition:none}.sf-tile:hover,.sf-tile:active,.sf-option:active{translate:0;scale:1}}