:root{--color-bg:#000;--color-text:#fff;--color-selected:#ff0;--color-border:#fff}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:sans-serif}.pt-grid{container-type:inline-size}.pt-symbol{align-self:center;margin-top:auto;font-size:2.2cqw;font-weight:700;line-height:1}.pt-number{font-size:1.6cqw;line-height:1}@media (width<=600px){.pt-number{display:none}}:root{--slider-thumb-width:16px}input[type=range]{margin:0;padding:0}input[type=range]::-webkit-slider-thumb{width:var(--slider-thumb-width)}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-width)}