.rk{--rk-raised:var(--surface);--rk-sunk:color-mix(in oklab, var(--surface-2), var(--foreground) 4%);--rk-edge:#ffffffe6;--rk-shade:#0f111429;--rk-tip:-22deg;--rk-top:var(--rk-raised);--rk-bot:var(--rk-sunk);--rk-top-fx:inset 0 1px 0 var(--rk-edge);--rk-bot-fx:inset 0 2px 2px -1px var(--rk-shade);--rk-i:var(--foreground);--rk-o:var(--muted);background:var(--surface-2);width:20px;height:30px;box-shadow:inset 0 0 0 1px var(--line-2), inset 0 2px 0 -1px var(--rk-edge);perspective:48px;border-radius:2px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:3px 3px 4px;display:flex;position:relative}:root[data-theme=dark] .rk{--rk-raised:color-mix(in oklab, var(--surface-2), var(--foreground) 9%);--rk-sunk:var(--surface);--rk-edge:#ffffff1a;--rk-shade:#00000073}.rk[data-on=true],:root:not([data-theme=dark]) .rk[data-on=theme]{--rk-tip:22deg;--rk-top:var(--rk-sunk);--rk-bot:var(--rk-raised);--rk-top-fx:inset 0 -2px 2px -1px var(--rk-shade);--rk-bot-fx:inset 0 -1px 0 var(--rk-edge);--rk-i:var(--muted);--rk-o:var(--foreground)}:root[data-theme=dark] .rk[data-on=theme]{--rk-pilot:#ffca90;--rk-pilot-ring:0 0 4px .5px #ffca908c}.rk-pilot{background:var(--rk-pilot,var(--line-2));width:6px;height:2px;box-shadow:var(--rk-pilot-ring,none);transition:background-color .24s var(--ease-out), box-shadow .24s var(--ease-out);border-radius:1px;flex-shrink:0;display:block}.rk-paddle{width:100%;box-shadow:0 0 0 1px var(--line-2);transform:rotateX(calc(var(--rk-tip) * var(--rk-press,1)));transform-style:preserve-3d;transition:transform .24s var(--ease-out);border-radius:1px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.rk-host:active .rk{--rk-press:.35}.rk-host:active .rk-paddle{transition-duration:.14s}.rk-half{transition:background-color .14s var(--ease-out), box-shadow .14s var(--ease-out);flex:1;justify-content:center;align-items:center;display:flex}.rk-top{background:var(--rk-top);box-shadow:var(--rk-top-fx)}.rk-bot{background:var(--rk-bot);box-shadow:var(--rk-bot-fx)}.rk-pivot{background:var(--line-2);height:1px}.rk-i{background:var(--rk-i);width:1px;height:5px;transition:background-color .14s;display:block}.rk-o{border:1px solid var(--rk-o);border-radius:50%;width:5px;height:5px;transition:border-color .14s;display:block}@media (prefers-reduced-motion:reduce){.rk-paddle,.rk-pilot,.rk-half,.rk-i,.rk-o{transition:none}}
