@media (width>=1280px){.cmp-head,.cmp-row-grid{grid-template-columns:var(--cmp-grid);align-items:center;column-gap:1.25rem}}.cmp-sort[aria-pressed=true]{color:var(--color-brand-700)}.cmp-panel{display:none}.cmp-panel[data-open]{z-index:60;background:#0b1b3f73;animation:.2s ease-out cmp-fade;display:block;position:fixed;inset:0}.cmp-panel[data-open] .cmp-panel-inner{background:#fff;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;max-height:min(88dvh,52rem);animation:.26s cubic-bezier(.2,.8,.2,1) cmp-up;display:flex;position:absolute;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 40px #0b1b3f2e}.cmp-handle{background:var(--color-line);border-radius:9999px;width:2.5rem;height:.3rem;margin:.6rem auto .5rem;display:block}.cmp-sheet-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.cmp-sheet-foot{padding-bottom:max(1rem, env(safe-area-inset-bottom))}@media (width>=640px){.cmp-panel[data-open] .cmp-panel-inner{width:36rem;left:50%;right:auto;translate:-50%}}@keyframes cmp-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes cmp-fade{0%{background:#0b1b3f00}}.cmp-sortsel{color:var(--color-muted);align-items:center;gap:.6rem;font-size:.875rem;display:inline-flex}.cmp-sortsel select{appearance:none;border:1.5px solid var(--color-line);min-height:2.6rem;color:var(--color-ink);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230b1b3f'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") right .75rem center/1rem no-repeat;border-radius:.75rem;padding:.45rem 2.4rem .45rem .95rem;font-size:.9375rem;font-weight:600;transition:border-color .15s}.cmp-sortsel select:hover{border-color:var(--color-brand-200)}.cmp-sortsel select:focus-visible{border-color:var(--color-brand-600);outline:none;box-shadow:0 0 0 3px #3256ed26}@media (width>=1024px){.cmp-panel,.cmp-panel[data-open]{z-index:auto;background:0 0;animation:none;display:block;position:static;inset:auto}.cmp-panel .cmp-panel-inner,.cmp-panel[data-open] .cmp-panel-inner{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;max-height:none;padding:0;animation:none;position:static;inset:auto;overflow:visible;translate:none}.cmp-sheet-body{overflow:visible}.cmp-sheet-body>:first-child{padding-top:0}}.pager-btn{border:1px solid var(--color-line);min-width:2.5rem;height:2.5rem;color:var(--color-ink-soft);background:#fff;border-radius:.625rem;padding:0 .75rem;font-size:.925rem;font-weight:600}.pager-btn:hover:not(:disabled){border-color:var(--color-brand-200);color:var(--color-ink)}.pager-btn[aria-current=page]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.pager-btn:disabled{opacity:.4;cursor:default}.pager-gap{color:var(--color-muted);padding:0 .25rem}@media (width<=639px){.pager-step{flex-basis:calc(50% - .375rem);order:2}}.cmp input[type=range]{--pct:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:2.25rem}.cmp input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-brand-600) var(--pct), var(--color-line) var(--pct));border-radius:999px;height:.5rem}.cmp input[type=range]::-moz-range-track{background:var(--color-line);border-radius:999px;height:.5rem}.cmp input[type=range]::-moz-range-progress{background:var(--color-brand-600);border-radius:999px;height:.5rem}.cmp input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-brand-600);background:#fff;border-radius:999px;width:1.75rem;height:1.75rem;margin-top:-.625rem;transition:transform .1s;box-shadow:0 2px 6px #0b1b3f40}.cmp input[type=range]::-moz-range-thumb{border:2px solid var(--color-brand-600);background:#fff;border-radius:999px;width:1.5rem;height:1.5rem;box-shadow:0 2px 6px #0b1b3f40}.cmp input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.optf,.optf-field{position:relative}.optf-icon{width:1.1rem;height:1.1rem;color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;translate:0 -50%}.optf-field input{border:1.5px solid var(--color-line);width:100%;min-height:2.75rem;color:var(--color-ink);background:#fff;border-radius:.75rem;padding:.55rem .85rem .55rem 2.35rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.optf-field input::placeholder{color:var(--color-muted)}.optf-field input:focus{border-color:var(--color-brand-600);outline:none;box-shadow:0 0 0 3px #3256ed26}.optf-pop{z-index:30;overscroll-behavior:contain;border:1px solid var(--color-line);background:#fff;border-radius:.875rem;max-height:18rem;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px -12px #0b1b3f4d}.optf-list .check{min-height:2.5rem;margin:0;padding:.25rem .6rem}.optf-list [aria-selected=true] .check,.optf-list [data-active] .check{background:var(--color-paper)}.optf-list [data-active] .check{box-shadow:inset 0 0 0 1.5px var(--color-brand-200)}.optf-none{color:var(--color-muted);padding:.75rem;font-size:.875rem}.optf-chips{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.optf-chips button{background:var(--color-brand-50);color:var(--color-brand-800);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .45rem .3rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.optf-chips button:hover{background:var(--color-brand-100)}.optf-chips svg{width:.85rem;height:.85rem}@media (width<=1023px){.optf-pop{box-shadow:none;margin-top:.4rem;position:static}}
