:root {
      --slot-count: 16;
      --header-slot-count: 10;
      --slot-width: 2rem;
      --slot-gap: .02rem;
    }
    .container-schedule {width: fit-content;}
    .container {margin-bottom: var(--slot-width);}
    .schedule {width: 95vw;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    .timeline {display: grid;
      grid-template-columns: [t-1000] 2rem [t-1005] 2rem [t-1010] 2rem [t-1015] 2rem [t-1020] 2rem [t-1025] 2rem [t-1030] 2rem [t-1035] 2rem [t-1040] 2rem [t-1045] 2rem [t-1050] 2rem [t-1055] 2rem [t-1100] 2rem [t-1105] 2rem [t-1110] 2rem [t-1115] 2rem [t-1120] 2rem [t-1125] 2rem [t-1130] 2rem [t-1135] 2rem [t-1140] 2rem [t-1145] 2rem [t-1150] 2rem [t-1155] 2rem [t-1200] 2rem [t-1205] 2rem [t-1210] 2rem [t-1215] 2rem [t-1220] 2rem [t-1225] 2rem [t-1230] 2rem [t-1235] 2rem [t-1240] 2rem [t-1245] 2rem [t-1250] 2rem [t-1255] 2rem [t-1300] 2rem [t-1305] 2rem [t-1310] 2rem [t-1315] 2rem [t-1320] 2rem [t-1325] 2rem [t-1330] 2rem [t-1335] 2rem [t-1340] 2rem [t-1345] 2rem [t-1350] 2rem [t-1355] 2rem [t-1400] 2rem [t-1405] 2rem [t-1410] 2rem [t-1415] 2rem [t-1420] 2rem [t-1425] 2rem [t-1430] 2rem [t-1435] 2rem [t-1440] 2rem [t-1445] 2rem [t-1450] 2rem [t-1455] 2rem [t-1500] 2rem [t-1505] 2rem [t-1510] 2rem [t-1515] 2rem [t-1520] 2rem [t-1525] 2rem [t-1530] 2rem [t-1535] 2rem [t-1540] 2rem [t-1545] 2rem [t-1550] 2rem [t-1555] 2rem [t-1600] 2rem [t-1605] 2rem [t-1610] 2rem [t-1615] 2rem [t-1620] 2rem [t-1625] 2rem [t-1630] 2rem [t-1635] 2rem [t-1640] 2rem [t-1645] 2rem [t-1650] 2rem [t-1655] 2rem [t-1700] 2rem [t-1705] 2rem [t-1710] 2rem [t-1715] 2rem [t-1720] 2rem [t-1725] 2rem [t-1730] 2rem [t-1735] 2rem [t-1740] 2rem [t-1745] 2rem [t-1750] 2rem [t-1755] 2rem [t-1800] 2rem [t-1805] 2rem [t-1810] 2rem [t-1815] 2rem [t-1820] 2rem [t-1825] 2rem [t-1830] 2rem [t-1835] 2rem [t-1840] 2rem [t-1845] 2rem [t-1850] 2rem [t-1855] 2rem [t-1900] 2rem [t-1905] 2rem [t-1910] 2rem [t-1915] 2rem [t-1920] 2rem [t-1925] 2rem [t-1930] 2rem [t-1935] 2rem [t-1940] 2rem [t-1945] 2rem [t-1950] 2rem [t-1955] 2rem [t-2000] 2rem [t-2005] 2rem [t-2010] 2rem [t-2015] 2rem [t-2020] 2rem [t-2025] 2rem [t-2030] 2rem [t-2035] 2rem [t-2040] 2rem [t-2045] 2rem [t-2050] 2rem [t-2055] 2rem [t-2100] 2rem [t-2105] 2rem [t-2110] 2rem [t-2115] 2rem [t-2120] 2rem [t-2125] 2rem [t-2130] 2rem [t-2135] 2rem [t-2140] 2rem [t-2145] 2rem [t-2150] 2rem [t-2155] 2rem [t-2200] 2rem [t-2205] 2rem [t-2210] 2rem [t-2215] 2rem [t-2220] 2rem [t-2225] 2rem [t-2230] 2rem [t-2235] 2rem [t-2240] 2rem [t-2245] 2rem [t-2250] 2rem [t-2255] 2rem [t-2300] 2rem [t-2305] 2rem [t-2310] 2rem [t-2315] 2rem [t-2320] 2rem [t-2325] 2rem [t-2330] 2rem [t-2335] 2rem [t-2340] 2rem [t-2345] 2rem [t-2350] 2rem [t-2355] 2rem [t-0000] 2rem [t-0005] 2rem [t-0010] 2rem [t-0015] 2rem [t-0020] 2rem [t-0025] 2rem [t-0030] 2rem [t-0035] 2rem [t-0040] 2rem [t-0045] 2rem [t-0050] 2rem [t-0055] 2rem [t-0100] 2rem [t-0105] 2rem [t-0110] 2rem [t-0115] 2rem [t-0120] 2rem [t-0125] 2rem [t-0130] 2rem [t-0135] 2rem [t-0140] 2rem [t-0145] 2rem [t-0150] 2rem [t-0155] 2rem;
      column-gap: var(--slot-gap);
    }
    .timeline-header {display: grid;grid-template-columns: repeat(auto-fill, calc(12 * var(--slot-width)));column-gap: calc(12 * var(--slot-gap));position: sticky;top: 0;margin-bottom: .5rem;z-index: 2;}
    .timeline-body {padding-top: 46px;}
    .timeline-header-slot {background-color: #0e100f;color: #ff1517;padding: .25rem;letter-spacing: 3px;}
    .timeline-event {background-color: #4f5c52;padding: .5rem;margin: .5rem 0;position: relative;color: #FFF;word-wrap: break-word; }
    .timeline-event span {display: block;font-size: .85rem;}
    .timeline-now {position: absolute;top: 35px;z-index: 5;height: 100%;opacity:.5;}
    .stage-title {padding: .5rem;position: sticky;display: inline;left: 0;margin: 0;z-index: 0;}
    .title-wrapper {display: block;border-top: 1px solid #4f5c52;background-color:#0e100f;}
    .schedule .line {width: 3px;height: calc(100% + 30px);z-index: 200;background: rgb(255,21,23);background: linear-gradient(180deg, rgba(255,21,23,1) 0%, rgba(255,21,23,1) 57%, rgba(0,0,0,1) 100%);padding:1px}

    .schedule-nav .active:before {
    background: #ea502c;
    height: 10px;
    bottom: -6px;
    border-radius: 1px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 10px;
  }