/* Page styles (see lib/site-assets.ts) */
.reveal{position:relative;width:min(100%, calc((100vh - 380px) * 1.727));margin-left:auto;border-radius:18px;overflow:hidden;background:var(--ink);aspect-ratio:1629/943;max-width:100%;user-select:none;touch-action:pan-y;border:1px solid var(--line-d)}
.range{width:100%;accent-color:var(--red)}
#u6 .reveal,
#platform-pages .reveal{width:1200px;margin:0 auto;border:0;border-radius:16px;background:#F7F8FA;box-shadow:none}
#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}
#u6 .reveal,

#platform-pages .reveal{width:100%;max-width:1200px}
#platform-pages .reveal{aspect-ratio:1629/943;background:#F7F8FA}
@media (max-width:999px){
#platform-pages .reveal{aspect-ratio:auto;height:min(120vw,620px)}
}
#u6 .reveal,#platform-pages .reveal{border-radius:8px!important;overflow:hidden!important}
@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}
}