[data-time='1'] {
    top: 0;
}

[data-time='2'] {
    top: 32px;
}

[data-time='3'] {
    top: 64px;
}

[data-time='4'] {
    top: 96px;
}

[data-time='5'] {
    top: 128px;
}

[data-time='6'] {
    top: 160px;
}

[data-time='7'] {
    top: 192px;
}

[data-time='8'] {
    top: 224px;
}

[data-time='9'] {
    top: 256px;
}

[data-time='10'] {
    top: 288px;
}

[data-time='11'] {
    top: 320px;
}

[data-time='12'] {
    top: 352px;
}

[data-time='13'] {
    top: 384px;
}

[data-time='14'] {
    top: 416px;
}

[data-time='15'] {
    top: 448px;
}

[data-duration='1'] {
    height: 21px;
}

[data-duration='2'] {
    height: 53px;
}

[data-duration='3'] {
    height: 85px;
}

[data-duration='4'] {
    height: 117px;
}

[data-duration='5'] {
    height: 149px;
}

[data-duration='6'] {
    height: 181px;
}

[data-duration='7'] {
    height: 213px;
}

[data-duration='8'] {
    height: 245px;
}

[data-duration='9'] {
    height: 277px;
}

[data-duration='10'] {
    height: 309px;
}

[data-duration='11'] {
    height: 341px;
}

[data-duration='12'] {
    height: 373px;
}

[data-duration='13'] {
    height: 405px;
}

[data-duration='14'] {
    height: 437px;
}

[data-duration='15'] {
    height: 469px;
}

/* Slots 16–34: half-hour grid 07:00–23:30 (32px rows; height accounts for 5px top/bottom margin on blocks). */
[data-time='16'] {
    top: 480px;
}

[data-time='17'] {
    top: 512px;
}

[data-time='18'] {
    top: 544px;
}

[data-time='19'] {
    top: 576px;
}

[data-time='20'] {
    top: 608px;
}

[data-time='21'] {
    top: 640px;
}

[data-time='22'] {
    top: 672px;
}

[data-time='23'] {
    top: 704px;
}

[data-time='24'] {
    top: 736px;
}

[data-time='25'] {
    top: 768px;
}

[data-time='26'] {
    top: 800px;
}

[data-time='27'] {
    top: 832px;
}

[data-time='28'] {
    top: 864px;
}

[data-time='29'] {
    top: 896px;
}

[data-time='30'] {
    top: 928px;
}

[data-time='31'] {
    top: 960px;
}

[data-time='32'] {
    top: 992px;
}

[data-time='33'] {
    top: 1024px;
}

[data-time='34'] {
    top: 1056px;
}

[data-duration='16'] {
    height: 501px;
}

[data-duration='17'] {
    height: 533px;
}

[data-duration='18'] {
    height: 565px;
}

[data-duration='19'] {
    height: 597px;
}

[data-duration='20'] {
    height: 629px;
}

[data-duration='21'] {
    height: 661px;
}

[data-duration='22'] {
    height: 693px;
}

[data-duration='23'] {
    height: 725px;
}

[data-duration='24'] {
    height: 757px;
}

[data-duration='25'] {
    height: 789px;
}

[data-duration='26'] {
    height: 821px;
}

[data-duration='27'] {
    height: 853px;
}

[data-duration='28'] {
    height: 885px;
}

[data-duration='29'] {
    height: 917px;
}

[data-duration='30'] {
    height: 949px;
}

[data-duration='31'] {
    height: 981px;
}

[data-duration='32'] {
    height: 1013px;
}

[data-duration='33'] {
    height: 1045px;
}

[data-duration='34'] {
    height: 1077px;
}