.icon-btn{appearance:none;border:1px solid color-mix(in srgb, var(--color-accent) 15%, transparent);background:color-mix(in srgb, var(--color-accent) 15%, transparent);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.icon-btn:hover{color:var(--color-text-primary);background:var(--base-700);border-color:var(--border)}.icon-btn--ghost{border-color:var(--color-border-subtle);background:0 0}.icon-btn--ghost:hover{background:var(--color-white-15);border-color:var(--color-white-20);color:var(--color-text-primary)}.icon-btn--danger{border-color:var(--color-negative);background:var(--color-negative);color:var(--color-text-primary)}.icon-btn--danger:hover{background:var(--color-negative-alt);border-color:var(--color-negative-alt);color:var(--color-text-primary)}.icon-btn--square{border-radius:var(--radius-sm)}.icon-btn--fit{gap:6px;width:auto;padding:0 10px}.icon-btn--fill{flex:1;width:auto}.icon-btn__tooltip--fill{flex:1}
.slide-switch{--slide-switch-n:2;--slide-switch-i:0;--slide-switch-inset:3px;padding:var(--slide-switch-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:0 0;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.slide-switch__thumb{top:4px;bottom:4px;left:var(--slide-switch-inset);width:calc((100% - var(--slide-switch-inset) * 2) / var(--slide-switch-n));border-radius:calc(var(--radius-lg) - 4px);transform:translateX(calc(var(--slide-switch-i) * 100%));background:var(--color-white-15);pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),background .2s;position:absolute}@media (prefers-reduced-motion:reduce){.slide-switch__thumb{transition:background .2s}}.slide-switch__option{z-index:1;min-width:0;min-height:36px;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;transition:color .2s;position:relative}.slide-switch__option:hover,.slide-switch__option--on{color:var(--color-text-primary)}.slide-switch--directional .slide-switch__thumb{background:var(--color-positive-15)}.slide-switch--directional[data-tone-end=true] .slide-switch__thumb{background:var(--color-negative-15)}.slide-switch--directional .slide-switch__option--on:first-of-type{color:var(--color-positive)}.slide-switch--directional[data-tone-end=true] .slide-switch__option--on{color:var(--color-negative)}