/* Page styles (see lib/site-assets.ts) */
.range{width:100%;accent-color:var(--red)}
#u6 .range,
#platform-pages .range{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,#F5455C var(--p,0%),#E1E4E8 var(--p,0%));outline-offset:6px}
#u6 .range::-webkit-slider-thumb,
#platform-pages .range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #F5455C;box-shadow:0 2px 6px rgba(31,35,41,.2);cursor:ew-resize}
#u6 .range::-moz-range-thumb,
#platform-pages .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #F5455C;cursor:ew-resize}
.fp-vrows .v{font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border:1px solid rgba(255,255,255,.2);color:#C9CED6;white-space:nowrap}
@media (max-width:899px){
#page main :is(#u6,#platform-pages) .range,#page main#r-io .io-rg{box-sizing:border-box!important;height:24px!important;padding-block:10px!important;background-clip:content-box!important}
#page main :is(#u6,#platform-pages) .range{margin-block:-8px!important}
}