:root{--slide-background:#f4f4f4;--sidebar-width-collapsed:40px;--sidebar-width-expanded:350px}*{box-sizing:border-box;margin:0;padding:0}button{outline:none}main{align-items:center;display:flex;flex-direction:column;width:100%}@media (max-width:768px){:root{--sidebar-width-collapsed:50px;--sidebar-width-expanded:250px}}.hour-wrapper{background-color:#fff;border-radius:7px;padding:10px 20px;width:fit-content}.dot-hour{align-items:center;display:flex;gap:8px;height:fit-content;position:relative}.dot{background-color:#000;border-radius:100px;height:10px;width:10px}.hour{display:flex;gap:5px}