@charset "utf-8";
/* CSS Document */

body { margin: 0; overflow: hidden; height: 100vh; position: relative; transition: background-color 0.3s, color 0.3s; background-color: #FFF; color: #000; }
        .controls { position: absolute; top: 15px; left: 7px; z-index: 100; display: flex; flex-direction: column; align-items: flex-start; }
        .slider-label { display: flex; align-items: center; margin-bottom: 5px; }
        .slider-label span, select, input[type="range"], input[type="checkbox"], button { margin-bottom: 5px; }