/* Page styles (see lib/site-assets.ts) */
.mode{transition:opacity .5s}
.range{width:100%;accent-color:var(--red)}
.pop{position:absolute;background:#FFFFFF;border-radius:10px;box-shadow:0 14px 40px rgba(31,35,41,.28),0 0 0 1px rgba(31,35,41,.06);opacity:0;transform:translateY(10px) scale(.97);transition:opacity .45s, transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:5}
#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}
@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}
}