.ferment .tint-saffron{--tint:var(--shared);--tint-soft:var(--shared-soft)}.ferment .tint-clay{--tint:#b4623c;--tint-soft:#ebd3c3}.ferment .tint-moss{--tint:#6f8a35;--tint-soft:#dce3c0}.ferment .tint-slate{--tint:#4d6e8c;--tint-soft:#cfdae4}.ferment .tint-plum{--tint:#82577f;--tint-soft:#e3d2e0}@media (prefers-color-scheme:dark){.ferment:not([data-theme=light]) .tint-clay{--tint:#d88b62;--tint-soft:#4a3125}.ferment:not([data-theme=light]) .tint-moss{--tint:#9db862;--tint-soft:#34401f}.ferment:not([data-theme=light]) .tint-slate{--tint:#8aaac8;--tint-soft:#263340}.ferment:not([data-theme=light]) .tint-plum{--tint:#b98db5;--tint-soft:#3d2b3b}}.ferment[data-theme=dark] .tint-clay{--tint:#d88b62;--tint-soft:#4a3125}.ferment[data-theme=dark] .tint-moss{--tint:#9db862;--tint-soft:#34401f}.ferment[data-theme=dark] .tint-slate{--tint:#8aaac8;--tint-soft:#263340}.ferment[data-theme=dark] .tint-plum{--tint:#b98db5;--tint-soft:#3d2b3b}.ferment .swatch input{opacity:0;pointer-events:none;position:absolute}.ferment .swatch span{background:var(--tint-soft);border:2px solid var(--tint);outline-offset:3px;border-radius:999px;outline:2px solid #0000;width:32px;height:32px;display:block}.ferment .swatch input:checked+span{outline-color:var(--ink)}.ferment .swatch input:focus-visible+span{outline-color:var(--live)}