.ui-slider{cursor:pointer;touch-action:none;outline:none;flex:1;min-width:80px;height:24px;position:relative}.ui-slider[aria-disabled]{opacity:.45;cursor:default}.ui-slider-track{background:#f5f4ee24;border-radius:4px;height:4px;position:absolute;top:50%;left:0;right:0;overflow:hidden;translate:0 -50%}.ui-slider-fill{background:var(--bx-accent,#ffde21);position:absolute;top:0;bottom:0;left:0}.ui-slider-thumb{background:#f5f4ee;border-radius:50%;width:16px;height:16px;transition:scale .14s,box-shadow .14s;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 1px 4px #00000073,0 0 #ffde214d}.ui-slider:hover .ui-slider-thumb,.ui-slider[data-dragging] .ui-slider-thumb{scale:1.1}.ui-slider:focus-visible .ui-slider-thumb{box-shadow:0 1px 4px #00000073,0 0 0 5px #ffde214d}.ui-color-swatch{cursor:pointer;border:0;border-radius:10px;flex:none;width:36px;height:36px;transition:scale .14s,box-shadow .14s;box-shadow:inset 0 0 0 1px #f5f4ee29}.ui-color-swatch:hover:not(:disabled),.ui-color-swatch[aria-expanded=true]{box-shadow:inset 0 0 0 1px #f5f4ee4d,0 0 0 3px #f5f4ee14}.ui-color-swatch:disabled{cursor:default}.ui-color-panel{z-index:140;background:#1a1a19;border-radius:14px;gap:12px;width:240px;padding:12px;display:grid;position:fixed;box-shadow:0 0 0 1px #f5f4ee1c,0 18px 48px #0000008c}.ui-color-plane{cursor:crosshair;touch-action:none;border-radius:10px;outline:none;height:150px;position:relative}.ui-color-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;outline:none;height:14px;position:relative}.ui-color-knob{pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #fff,0 1px 6px #00000080}.ui-color-plane:focus-visible .ui-color-knob,.ui-color-hue:focus-visible .ui-color-knob{box-shadow:0 0 0 2px #fff,0 0 0 5px #ffde2173}.ui-color-row{align-items:center;gap:8px;display:flex}.ui-color-preview{border-radius:10px;flex:none;width:36px;height:36px;box-shadow:inset 0 0 0 1px #f5f4ee29}.ui-color-hex{height:36px;font-family:var(--font-mono,ui-monospace), monospace;font-size:13px}
