*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:"Exo 2",sans-serif}#root{height:100%}@supports (height:100dvh){body,#root{height:100dvh}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}input[type=range]{appearance:none;background:#80808040;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb-color,white);width:16px;height:16px;box-shadow:0 0 6px var(--thumb-color,transparent);cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--thumb-color,white);width:16px;height:16px;box-shadow:0 0 6px var(--thumb-color,transparent);cursor:pointer;border:none;border-radius:50%}@media (pointer:coarse){input[type=range]{border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}.cdf-col{container:cdfcol/inline-size}.cdf-header{flex-wrap:wrap;align-items:flex-start;gap:10px 16px;display:flex}.cdf-header__title{flex:auto;align-items:baseline;gap:12px;min-width:0;display:flex}.cdf-header__switch{flex-shrink:0;order:1}.cdf-header__ruler{flex-shrink:0;flex-basis:100%;order:2}@container cdfcol (width>=1080px){.cdf-header__ruler{flex-basis:auto;order:1}.cdf-header__switch{order:2}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;vertical-align:middle;line-height:1}