.om-cym-console{isolation:isolate;background:radial-gradient(120% 80% at 50% 0%, rgb(var(--om-gold-500-rgb) / .08), transparent 60%), linear-gradient(180deg, rgb(var(--om-ink-base-rgb) / .04), rgb(var(--om-ink-base-rgb) / .015));box-shadow:0 40px 120px -40px #000000d9, 0 0 0 1px rgb(var(--om-gold-500-rgb) / .16), inset 0 1px 0 rgb(var(--om-ink-white-rgb) / .08);position:relative}.om-cym-console:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--om-gold-500-rgb) / .55), transparent);pointer-events:none;height:1px;position:absolute;inset:0 10% auto}.om-cym-nebula{background:radial-gradient(42% 48% at 20% 25%, rgb(var(--om-gold-500-rgb) / .12), transparent 70%), radial-gradient(35% 40% at 80% 30%, rgb(var(--om-cyan-rgb) / .07), transparent 70%), radial-gradient(45% 45% at 50% 75%, rgb(var(--om-violet-500-rgb) / .12), transparent 70%);-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.om-cym-range{--fill:50%;--track:rgb(var(--om-ink-base-rgb) / .12);--fill-color:var(--om-gold-500);appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.om-cym-range:focus{outline:none}.om-cym-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fill-color) 0 var(--fill), var(--track) var(--fill) 100%);border-radius:999px;height:4px}.om-cym-range::-moz-range-track{background:var(--track);border-radius:999px;height:4px}.om-cym-range::-moz-range-progress{background:var(--fill-color);border-radius:999px;height:4px}.om-cym-range::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, var(--om-gold-100), var(--om-gold-500) 70%);width:18px;height:18px;box-shadow:0 2px 8px #0009, 0 0 0 1px rgb(var(--om-gold-500-rgb) / .4);border-radius:999px;margin-top:-7px;transition:transform .15s,box-shadow .15s}.om-cym-range:hover::-webkit-slider-thumb{box-shadow:0 4px 12px #000000b3, 0 0 12px rgb(var(--om-gold-500-rgb) / .6);transform:scale(1.12)}.om-cym-range::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, var(--om-gold-100), var(--om-gold-500) 70%);width:18px;height:18px;box-shadow:0 2px 8px #0009, 0 0 0 1px rgb(var(--om-gold-500-rgb) / .4);border:none;border-radius:999px;transition:transform .15s,box-shadow .15s}.om-cym-range:hover::-moz-range-thumb{box-shadow:0 4px 12px #000000b3, 0 0 12px rgb(var(--om-gold-500-rgb) / .6);transform:scale(1.12)}