/* Source module: slider.css */ .slider { width: 270px; min-height: 34px; display: flex; align-items: center; gap: 10px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; } .slider-track { position: relative; flex: 1; height: 3px; background: #515351; box-shadow: 0 1px 0 #020202; } .slider-range { position: absolute; inset: 0 auto 0 0; width: var(--value, 50%); background: #f3d367; box-shadow: 0 0 3px rgba(243,211,103,.25); } .slider-thumb { --thumb-edge-top:#86693f; --thumb-edge-bottom:#76593a; --thumb-top:#21365e; --thumb-bottom:#1b2b4d; box-sizing:border-box; position:absolute; left:var(--value,50%); top:50%; width:17px; height:17px; transform:translate(-50%,-50%); border:1px solid transparent; border-radius:50%; background: radial-gradient(circle at 50% 28%,var(--thumb-top),var(--thumb-bottom) 78%) padding-box, linear-gradient(180deg,var(--thumb-edge-top),var(--thumb-edge-bottom)) border-box; box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.025); } .slider-value { min-width: 40px; color: var(--gold); font-size: 12px; text-align: right; } .slider.compact { width: 238px; } .slider.compact, .slider.surface { padding:0 12px;border-radius:17px; } .slider.disabled .slider-range { background:#686868;box-shadow:none; } .slider.disabled .slider-value { color:var(--disabled); } .slider[data-slider] { cursor:pointer;touch-action:none; } .slider[data-slider]:focus-visible { outline:1px solid var(--focus);outline-offset:2px; } .slider.is-hover .slider-thumb, .slider[data-slider]:hover .slider-thumb { --thumb-edge-top:#907960; --thumb-edge-bottom:#80695b; --thumb-top:#2b467f; --thumb-bottom:#253b6e; } .slider.is-pressed .slider-thumb, .slider[data-slider].is-dragging .slider-thumb, .slider[data-slider]:active .slider-thumb { --thumb-edge-top:#907960; --thumb-edge-bottom:#80695b; --thumb-top:#2b467f; --thumb-bottom:#253b6e; } .slider.disabled .slider-thumb { --thumb-edge-top:#454545; --thumb-edge-bottom:#3e3e3e; --thumb-top:#2c2c2c; --thumb-bottom:#242424; box-shadow:0 0 0 1px rgba(0,0,0,.35); }