body{height:100dvh;width:calc(100dvw - 4rem);margin:1rem 2rem;overflow:hidden;max-width:unset}.container{display:grid;grid-template-columns:repeat(2,calc(50% - 1rem));gap:1rem}.slider-container{display:flex;align-items:center;width:100%;gap:1rem}.slider-container input[type=range]{flex-grow:1}.slider-container input[type=number]{width:50px}.button-icons-group{--icon-size: 20px;display:flex;justify-content:space-evenly}.button-icons-group button{display:inline-flex;gap:1rem}.annotation-label{padding:.25rem 1rem;position:absolute;margin:0;background-color:var(--color);left:var(--x);top:var(--y);color:#fff;border-radius:.5rem;rotate:var(--rotation)}