/*
 * OscMix Web
 * Copyright (C) 2026 Martin Augustyniak
 * SPDX-License-Identifier: GPL-3.0-or-later
 * https://www.gnu.org/licenses/gpl-3.0.html
 */
.swatch-picker{position:fixed;z-index:9999;display:none;gap:5px;padding:7px;background:#252525;border:1px solid #484848;border-radius:4px;box-shadow:0 4px 14px #000000a6}.swatch-picker__swatch{width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:3px;cursor:pointer;transition:transform 80ms ease,border-color 80ms ease}.swatch-picker__swatch--none{background:silver;border-color:#fff6}.swatch-picker__swatch:hover{transform:scale(1.18);border-color:#ffffffb3}:root{--swatch-channel-1: whitesmoke;--swatch-channel-2: darkgray;--swatch-channel-3: peru;--swatch-channel-4: indianred;--swatch-channel-5: cornflowerblue;--swatch-channel-6: mediumseagreen;--swatch-channel-7: goldenrod;--swatch-channel-8: palevioletred}.strip[data-color="1"]{--channel-color: var(--swatch-channel-1)}.strip[data-color="2"]{--channel-color: var(--swatch-channel-2)}.strip[data-color="3"]{--channel-color: var(--swatch-channel-3)}.strip[data-color="4"]{--channel-color: var(--swatch-channel-4)}.strip[data-color="5"]{--channel-color: var(--swatch-channel-5)}.strip[data-color="6"]{--channel-color: var(--swatch-channel-6)}.strip[data-color="7"]{--channel-color: var(--swatch-channel-7)}.strip[data-color="8"]{--channel-color: var(--swatch-channel-8)}:root{--swatch-groups-1: red;--swatch-groups-2: darkorange;--swatch-groups-3: gold;--swatch-groups-4: limegreen;--swatch-groups-5: darkturquoise;--swatch-groups-6: royalblue;--swatch-groups-7: blueviolet;--swatch-groups-8: deeppink}.fader{--cap-color: transparent}.fader[data-cap-color="1"]{--cap-color: color-mix(in srgb, var(--swatch-groups-1) 38%, transparent)}.fader[data-cap-color="2"]{--cap-color: color-mix(in srgb, var(--swatch-groups-2) 40%, transparent)}.fader[data-cap-color="3"]{--cap-color: color-mix(in srgb, var(--swatch-groups-3) 38%, transparent)}.fader[data-cap-color="4"]{--cap-color: color-mix(in srgb, var(--swatch-groups-4) 38%, transparent)}.fader[data-cap-color="5"]{--cap-color: color-mix(in srgb, var(--swatch-groups-5) 38%, transparent)}.fader[data-cap-color="6"]{--cap-color: color-mix(in srgb, var(--swatch-groups-6) 38%, transparent)}.fader[data-cap-color="7"]{--cap-color: color-mix(in srgb, var(--swatch-groups-7) 38%, transparent)}.fader[data-cap-color="8"]{--cap-color: color-mix(in srgb, var(--swatch-groups-8) 38%, transparent)}:root{--eq-color-lc: var(--accent-orange);--eq-color-1: tomato;--eq-color-2: limegreen;--eq-color-3: deepskyblue;--eq-color-4: gold;--eq-color-5: orchid;--eq-color-6: turquoise;--eq-color-7: coral;--eq-color-8: mediumpurple;--eq-color-9: yellowgreen;--eq-color-left: var(--accent-orange);--eq-color-right: var(--accent-cyan);--eq-color-link: var(--accent-green)}