.toppers{margin-top:80px}@media(max-width:600px){.toppers{margin-top:60px}}.container{width:100%;max-width:1200px;padding:16px 0;margin:0 auto 50px}.toggleContainer{margin:20px;display:flex}.toggle{position:relative;display:flex;width:160px;height:36px;background-color:#ddd;border-radius:10px;overflow:hidden}.toggleOption{flex:1;z-index:1;background:none;border:none;cursor:pointer;font-size:14px;color:#333}.toggleOption.selected{font-weight:700;color:#fff}.toggleThumb{position:absolute;top:2px;width:calc(50% - 4px);height:calc(100% - 4px);background-color:#42adb4;border-radius:8px;transition:left .3s}.dayNow{display:flex;justify-content:center;gap:12px;margin:16px 0}.day1,.day2{width:auto;height:12vw;font-size:10vw}.day1:not(.active),.day2:not(.active){display:none}.headerRow{display:grid;grid-template-columns:45px 1fr 1fr 45px;align-items:stretch;margin-bottom:8px;height:60px;position:relative;z-index:2;background-color:#101c32}.headerAxis{width:45px}.headerStage{text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.stageTitle{font-weight:700;margin-bottom:4px}.stageDelay{font-size:12px;color:#007bff}.timeTableVertical{display:flex;width:100%;margin-top:8px}.axis{position:relative;width:45px}.axisLabel{position:absolute;left:0;transform:translateY(-50%);font-size:12px;color:#ffffff}.axisLeft .axisLabel{text-align:right;right:0;padding-right:8px}.axisRight .axisLabel{text-align:left;left:0;padding-left:8px}.eventsContainer{position:relative;flex:1;background-color:#101c32}.gridLine{position:absolute;left:0;right:0;height:1px;background-color:#d9ecff;box-shadow:0 0 6px rgba(180,220,255,.8),0 0 20px rgba(180,220,255,.5)}.eventBox{position:absolute;box-sizing:border-box;padding:4px;border-radius:5px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:black}.gym{background-color:#faf287}.gym,.outdoor{border:1px solid #ffffff}.outdoor{background-color:#a5f9ff}.event_details{padding:10px}