.settings-slab{transform-origin:50% 0;animation:.24s cubic-bezier(.2,.9,.25,1.12) both settings-slab-drop}@keyframes settings-slab-drop{0%{opacity:0;transform:translateY(-14px)scaleY(.97)}to{opacity:1;transform:translateY(0)scaleY(1)}}.settings-crown{position:relative}.settings-crown:after{content:"";pointer-events:none;background:linear-gradient(90deg, rgb(var(--energy-ember-rgb) / .45), #7a6e6040 55%, transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.settings-title{color:var(--paper);text-shadow:0 1px #000000b3,0 -1px #ffffff0d}html[data-theme=light] .settings-title{text-shadow:0 1px #fff9,0 -1px #0000000f}.settings-tab{color:var(--paper-dim);border-left:2px solid #0000;transition:color .16s,background-color .16s,border-color .16s}@media (hover:hover){.settings-tab:hover{color:var(--paper);background:linear-gradient(90deg, rgb(var(--energy-ember-rgb) / .08), transparent 70%)}}.settings-tab[aria-selected=true]{background:linear-gradient(90deg, rgb(var(--energy-ember-rgb) / .14), transparent 70%);color:#ffc882;text-shadow:0 0 12px rgb(var(--energy-ember-rgb) / .35);border-left-color:#ff9a3cf2}html[data-theme=light] .settings-tab[aria-selected=true]{text-shadow:none}.settings-toggle{border:1px solid var(--edge);background:linear-gradient(180deg, #0006, #0000001f), var(--stone-deep);cursor:pointer;border-radius:999px;flex:none;width:44px;height:24px;transition:border-color .16s,box-shadow .16s;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #00000080,inset 0 -1px #ffffff0a}.settings-toggle:before{content:"";position:absolute;inset:-10px -2px}.settings-toggle__thumb{background:linear-gradient(180deg, var(--iron), var(--iron-deep));width:16px;height:16px;transition:transform .16s var(--ease-out), background .16s ease, box-shadow .16s ease;border-radius:999px;margin-top:-8px;position:absolute;top:50%;left:3px;transform:translate(0);box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff24}.settings-toggle[aria-checked=true]{border-color:rgb(var(--accent-hi-rgb) / .55);box-shadow:inset 0 1px 2px #00000080, inset 0 0 8px -2px rgb(var(--accent-rgb) / .35)}.settings-toggle[aria-checked=true] .settings-toggle__thumb{background:linear-gradient(180deg, var(--accent-hi), var(--accent));box-shadow:0 0 10px 1px rgb(var(--accent-hi-rgb) / .5), inset 0 1px 0 #ffffff59;transform:translate(20px)}.settings-toggle:disabled{cursor:not-allowed;opacity:.4}.settings-range{appearance:none;cursor:pointer;background:0 0;height:24px}.settings-range:disabled{cursor:not-allowed}.settings-range::-webkit-slider-runnable-track{border:1px solid var(--edge);background:linear-gradient(180deg, #0006, #0000001f), var(--stone-deep);border-radius:1px;height:8px;box-shadow:inset 0 1px 2px #00000073}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg, var(--accent-hi), var(--accent));border:1px solid #0000008c;border-radius:1px;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff4d}.settings-range::-moz-range-track{border:1px solid var(--edge);background:linear-gradient(180deg, #0006, #0000001f), var(--stone-deep);border-radius:1px;height:8px;box-shadow:inset 0 1px 2px #00000073}.settings-range::-moz-range-thumb{background:linear-gradient(180deg, var(--accent-hi), var(--accent));border:1px solid #0000008c;border-radius:1px;width:14px;height:14px;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff4d}.settings-swatch{position:relative}.settings-swatch:after{content:"";border-radius:999px;position:absolute;inset:-10px -4px}html[data-anim=off] .settings-slab{animation:none}html[data-anim=off] .settings-tab,html[data-anim=off] .settings-toggle,html[data-anim=off] .settings-toggle__thumb{transition:none}