html,body,#map{height:100%;width:100%;height:100vh;width:100vw;margin:0}.settings-button{position:absolute;top:10px;right:10px;margin:5px;background:none;border:none;cursor:pointer;font-size:20px;color:#333;z-index:1000}.main-container{display:flex}.sidebar{width:50px;padding:10px;border-right:1px solid #ccc;transition:width 0.2s}.sidebar.expanded{width:250px}.event-list h2{margin-bottom:10px}.event-list ul{list-style:none;padding:0;margin:35px 0 0 0;overflow-y:auto}.event-list li{height:40px;cursor:pointer;display:flex;align-items:center}.event-list li i{margin-left:5px;font-size:25px}.event-list li.active{color:green}.sidebar.expanded .event-data-group{display:block}.event-data-group{display:flex;flex-direction:column;text-wrap:nowrap;display:none;transition:display 0.2s}.event-list .event-data-group{margin-left:10px}.expand-button{width:25px;height:25px;background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.expand-button:hover{background-color:#e0e0e0}.expanded .expand-button{left:198px}