.ui-icon-btn{justify-content:flex-start;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);height:26px;font:var(--type-mono-label);cursor:pointer;white-space:nowrap;max-width:26px;transition:max-width .3s var(--ease-fluid), background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast), padding .3s var(--ease-fluid);box-sizing:border-box;color:var(--text);border:1px solid var(--border);background:0 0;padding:0 6px;display:flex;overflow:hidden}.ui-icon-btn>svg{flex-shrink:0}.ui-icon-btn span{opacity:0;transition:opacity var(--duration-fast)}.ui-icon-btn:hover,.ui-icon-btn:focus-visible{max-width:150px;padding:0 var(--space-md);background:color-mix(in srgb, var(--text) 5%, transparent)}.ui-icon-btn:hover span,.ui-icon-btn:focus-visible span{opacity:1}.ui-icon-btn[data-active=true]{max-width:150px;padding:0 var(--space-md);background:var(--text);color:var(--bg);border-color:var(--text)}.ui-icon-btn[data-active=true] span{opacity:1}.ui-icon-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.ui-slider{appearance:none;cursor:pointer;background:0 0;height:14px}.ui-slider::-webkit-slider-runnable-track{background:var(--track-bg,color-mix(in srgb, var(--border) 80%, transparent));border-radius:7px;width:100%;height:14px}.ui-slider::-moz-range-track{background:var(--track-bg,color-mix(in srgb, var(--border) 80%, transparent));border-radius:7px;width:100%;height:14px}.ui-slider::-webkit-slider-thumb{appearance:none;background:var(--thumb-bg,var(--text));border:2px solid var(--bg);border-radius:50%;width:20px;height:20px;margin-top:-3px}.ui-slider::-moz-range-thumb{background:var(--thumb-bg,var(--text));border:2px solid var(--bg);border-radius:50%;width:20px;height:20px;margin-top:-3px}.ui-slider:focus{outline:none}