.page-module-scss-module__W4RfLa__main{width:100vw;height:calc(100vh - var(--header-height))}.page-module-scss-module__W4RfLa__controls{z-index:10;background:var(--background-color);border:2px solid var(--border-color);padding:10px;position:absolute;bottom:10px;left:10px}.page-module-scss-module__W4RfLa__canvas{width:100%;height:100%;display:block}
.index-module-scss-module__kJ34na__slider{margin:.5em 0}.index-module-scss-module__kJ34na__slider label{align-items:center;gap:8px;font-size:14px;display:flex}.index-module-scss-module__kJ34na__slider input[type=range]{appearance:none;background:var(--border-color);cursor:pointer;border:none;outline:none;width:200px;height:0}.index-module-scss-module__kJ34na__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--background-color);cursor:pointer;border:2px solid var(--primary-color);width:16px;height:16px}.index-module-scss-module__kJ34na__slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.index-module-scss-module__kJ34na__slider input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.index-module-scss-module__kJ34na__slider input[type=range]::-moz-range-thumb{background:var(--background-color);cursor:pointer;border:2px solid var(--primary-color);width:16px;height:16px}.index-module-scss-module__kJ34na__slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}.index-module-scss-module__kJ34na__slider input[type=range]::-moz-range-thumb:active{transform:scale(.95)}.index-module-scss-module__kJ34na__slider input[type=range]::-moz-range-track{background:var(--border-color);border:none;width:100%;height:0}.index-module-scss-module__kJ34na__slider .index-module-scss-module__kJ34na__value{text-align:right;min-width:40px;color:var(--text-color);font-weight:500}
.ControlButtons-module-scss-module__txEBLa__container{top:calc(var(--header-height) + 1rem);flex-direction:column;gap:.5rem;display:flex;position:absolute;right:1rem}.ControlButtons-module-scss-module__txEBLa__button{border:2px solid var(--border-color);background:var(--background-color);width:2.5rem;height:2.5rem;color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;display:flex}.ControlButtons-module-scss-module__txEBLa__button:hover{transform:scale(.95)}.ControlButtons-module-scss-module__txEBLa__button:active{filter:invert()}