.cmp-chip{text-align:left;min-height:2.5rem;color:var(--foreground);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--border-strong);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:scale .15s var(--ease-out), background-color .15s ease-out, color .15s ease-out, box-shadow .15s ease-out;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem 1rem .45rem .6rem;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-flex;position:relative}.cmp-chip:after{content:"";position:absolute;inset:-2px 0}.cmp-chip:active{scale:.96}.cmp-chip[aria-pressed=true]{background:var(--foreground);color:var(--background);box-shadow:inset 0 0 0 1.5px var(--foreground)}.cmp-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover){.cmp-chip:hover{box-shadow:inset 0 0 0 1.5px var(--foreground)}}.cmp-chip-box{width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 1.5px var(--border-strong);color:#0000;border-radius:999px;flex:none;place-items:center;display:grid}.cmp-chip-box svg{opacity:0;transition:scale .22s var(--ease-out), opacity .15s var(--ease-out);scale:.4}.cmp-chip[aria-pressed=true] .cmp-chip-box{background:var(--lime);color:var(--lime-ink);box-shadow:none}.cmp-chip[aria-pressed=true] .cmp-chip-box svg{opacity:1;scale:1}.cmp-textbtn{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px;transition:scale .15s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:4px;font-weight:500;position:relative}.cmp-textbtn:after{content:"";position:absolute;inset:-12px -8px}.cmp-textbtn:active{scale:.97}.cmp-textbtn:disabled{opacity:.4;pointer-events:none}.cmp-link{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px;border-radius:4px;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.cmp-link>svg{transition:translate .18s var(--ease-out)}@media (hover:hover){.cmp-link:hover>svg{translate:3px}.cmp-link:hover>svg[data-down]{translate:0 3px}.cmp-link:hover,.cmp-textbtn:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}}.cmp-tally{box-shadow:0 0 0 1px var(--border)}.cmp-tally.is-lead{box-shadow:0 0 0 1.5px var(--foreground)}.cmp-handle{z-index:1;border:1.5px solid var(--foreground);border-radius:3px;width:11px;height:11px;position:absolute}.cmp-handle[data-at="0"]{top:-6px;left:-6px}.cmp-handle[data-at="1"]{top:-6px;right:-6px}.cmp-handle[data-at="2"]{bottom:-6px;left:-6px}.cmp-handle[data-at="3"]{bottom:-6px;right:-6px}.cmp-dock{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), translate .26s var(--ease-out);translate:0 12px}.cmp-dock.is-on{opacity:1;translate:none}.cmp-dock-cell.is-lead{box-shadow:inset 0 0 0 1.5px var(--lime);background:#ffffff1f;background:lab(100% 0 0/.12)}.cmp-table{--cmp-pick:color-mix(in oklch, var(--lime) 30%, transparent);--cmp-us:color-mix(in oklch, var(--lime) 9%, transparent)}@media (prefers-color-scheme:dark){.cmp-table{--cmp-pick:color-mix(in oklch, var(--lime) 15%, transparent);--cmp-us:color-mix(in oklch, var(--lime) 4%, transparent)}}@media (min-width:768px){.cmp-tr>.cmp-td{border-top:1px solid var(--border)}.cmp-tr>.cmp-us{background:var(--cmp-us)}.cmp-tr.is-picked>.cmp-td{background:var(--cmp-pick)}.cmp-tr.is-picked>.cmp-td:first-child{border-radius:14px 0 0 14px;padding-left:12px}.cmp-tr.is-picked>.cmp-td:last-child{border-radius:0 14px 14px 0;padding-right:12px}.cmp-tr.is-picked>.cmp-td,.cmp-tr.is-picked+.cmp-tr>.cmp-td{border-top-color:#0000}.cmp-tr .cmp-us{padding-right:1rem}}@media (max-width:767.98px){.cmp-tr{border-top:1px solid var(--border);font-size:14px;line-height:1.5}.cmp-tr.is-picked{background:var(--cmp-pick);border-top-color:#0000;border-radius:16px;margin:0 -10px;padding-left:10px;padding-right:10px}.cmp-tr.is-picked+.cmp-tr{border-top-color:#0000}}.cmp-seg{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));background:var(--muted-strong);border-radius:999px;padding:4px;display:grid;position:relative}.cmp-seg-thumb{width:calc((100% - 8px) / var(--n,2));background:var(--card);box-shadow:var(--shadow-float);translate:calc(var(--at,0) * 100%) 0;transition:translate .26s var(--ease-out);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.cmp-seg-btn{min-height:2.5rem;color:var(--muted-foreground);transition:color .15s ease-out, scale .15s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.cmp-seg-btn[aria-pressed=true]{color:var(--foreground)}.cmp-seg-btn:active{scale:.97}.cmp-seg-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cmp-table tbody{touch-action:pan-y}@media (prefers-reduced-motion:no-preference){.cmp-pop{animation:cmp-pop .26s var(--ease-out) backwards}@keyframes cmp-pop{0%{opacity:0;scale:.86}}.cmp-count{animation:cmp-count .34s var(--ease-out) backwards;display:inline-block}@keyframes cmp-count{0%{opacity:0;filter:blur(3px);translate:0 .35em}}.cmp-fade{animation:cmp-fade .26s var(--ease-out) backwards}@keyframes cmp-fade{0%{opacity:0;translate:0 4px}}.cmp-bead{animation:cmp-pop .24s var(--ease-out) backwards}.cmp-row-in{animation:cmp-row-in .32s var(--ease-out) backwards}@keyframes cmp-row-in{0%{opacity:0;translate:0 -8px;scale:.98}}.cmp-handle{animation:cmp-pop .22s var(--ease-out) backwards}.cmp-handle[data-at="1"]{animation-delay:30ms}.cmp-handle[data-at="2"]{animation-delay:60ms}.cmp-handle[data-at="3"]{animation-delay:90ms}@media (max-width:767.98px){.cmp-table[data-dir=next] .cmp-swap{animation:cmp-from-right .3s var(--ease-out) backwards}.cmp-table[data-dir=prev] .cmp-swap{animation:cmp-from-left .3s var(--ease-out) backwards}}@keyframes cmp-from-right{0%{opacity:0;translate:24px}}@keyframes cmp-from-left{0%{opacity:0;translate:-24px}}.js-motion [data-reveal] .cmp-rise,.js-motion [data-reveal] .cmp-land{opacity:0}.js-motion [data-reveal] .cmp-draw{clip-path:inset(0 100% 0 0)}.js-motion [data-reveal].is-in .cmp-rise{animation:cmp-rise .7s var(--ease-out) calc(.3s + var(--d,0s)) forwards}.js-motion [data-reveal].is-in .cmp-land{animation:cmp-land .72s var(--ease-out) calc(.3s + var(--d,0s)) forwards}.js-motion [data-reveal].is-in .cmp-draw{animation:cmp-draw .7s var(--ease-out) calc(.3s + var(--d,0s)) forwards}@keyframes cmp-rise{0%{opacity:0;filter:blur(4px);translate:0 8%}to{opacity:1;filter:none;translate:none}}@keyframes cmp-land{0%{opacity:0;filter:blur(3px);translate:-18% -30%;scale:.82}to{opacity:1;filter:none;translate:none;scale:1}}@keyframes cmp-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.js-motion .cmp-vs{animation:cmp-vs 3.2s var(--ease-in-out) infinite}@keyframes cmp-vs{0%,to{translate:0}50%{translate:0 -5px}}}@media (prefers-reduced-motion:reduce){.cmp-chip,.cmp-chip-box svg,.cmp-seg-thumb,.cmp-seg-btn,.cmp-textbtn,.cmp-dock,.cmp-link>svg{transition-property:opacity,background-color,color,box-shadow}.cmp-chip:active,.cmp-seg-btn:active,.cmp-textbtn:active{scale:none}.cmp-dock{translate:none}.cmp-row-in,.cmp-count,.cmp-fade,.cmp-pop{animation:.15s ease-out backwards cmp-fade-only}@keyframes cmp-fade-only{0%{opacity:0}}}