.reservation{min-height:100vh;padding:1rem 0}.reservation-container{grid-gap:.2rem;grid-template-rows:repeat(28,1fr);grid-template-columns:4rem repeat(1,1fr);grid-template-areas:"time800 a""time830 a""time900 a""time930 a""time1000 a""time1030 a""time1100 a""time1130 a""time1200 a""time1230 a""time1300 a""time1330 a""time1400 a""time1430 a""time1500 a""time1530 a""time1600 a""time1630 a""time1700 a""time1730 a""time1800 a""time1830 a""time1900 a""time1930 a""time2000 a""time2030 a""time2100 a""time2130 a";display:grid}.reservation-time{border-top:thin dotted #ccc;justify-content:flex-end;height:100%;padding:0 .5rem;display:flex}.reservation-time.start-800{grid-area:time800}.reservation-time.start-830{grid-area:time830}.reservation-time.start-900{grid-area:time900}.reservation-time.start-930{grid-area:time930}.reservation-time.start-1000{grid-area:time1000}.reservation-time.start-1030{grid-area:time1030}.reservation-time.start-1100{grid-area:time1100}.reservation-time.start-1130{grid-area:time1130}.reservation-time.start-1200{grid-area:time1200}.reservation-time.start-1230{grid-area:time1230}.reservation-time.start-1300{grid-area:time1300}.reservation-time.start-1330{grid-area:time1330}.reservation-time.start-1400{grid-area:time1400}.reservation-time.start-1430{grid-area:time1430}.reservation-time.start-1500{grid-area:time1500}.reservation-time.start-1530{grid-area:time1530}.reservation-time.start-1600{grid-area:time1600}.reservation-time.start-1630{grid-area:time1630}.reservation-time.start-1700{grid-area:time1700}.reservation-time.start-1730{grid-area:time1730}.reservation-time.start-1800{grid-area:time1800}.reservation-time.start-1830{grid-area:time1830}.reservation-time.start-1900{grid-area:time1900}.reservation-time.start-1930{grid-area:time1930}.reservation-time.start-2000{grid-area:time2000}.reservation-time.start-2030{grid-area:time2030}.reservation-time.start-2100{grid-area:time2100}.reservation-time.start-2130{grid-area:time2130}.reservation-time[class*="30"]:not(.start-1300){color:#aaa}.reservation-slot{background-color:orange;border-radius:.2rem;flex-direction:column;padding:.5rem 1rem;line-height:1.4;display:flex}.reservation-slot span{width:100%;font-size:.9em;font-weight:400;display:block}.reservation-slot.start-800{grid-row-start:time800}.reservation-slot.start-830{grid-row-start:time830}.reservation-slot.start-900{grid-row-start:time900}.reservation-slot.start-930{grid-row-start:time930}.reservation-slot.start-1000{grid-row-start:time1000}.reservation-slot.start-1030{grid-row-start:time1030}.reservation-slot.start-1100{grid-row-start:time1100}.reservation-slot.start-1130{grid-row-start:time1130}.reservation-slot.start-1200{grid-row-start:time1200}.reservation-slot.start-1230{grid-row-start:time1230}.reservation-slot.start-1300{grid-row-start:time1300}.reservation-slot.start-1330{grid-row-start:time1330}.reservation-slot.start-1400{grid-row-start:time1400}.reservation-slot.start-1430{grid-row-start:time1430}.reservation-slot.start-1500{grid-row-start:time1500}.reservation-slot.start-1530{grid-row-start:time1530}.reservation-slot.start-1600{grid-row-start:time1600}.reservation-slot.start-1630{grid-row-start:time1630}.reservation-slot.start-1700{grid-row-start:time1700}.reservation-slot.start-1730{grid-row-start:time1730}.reservation-slot.start-1800{grid-row-start:time1800}.reservation-slot.start-1830{grid-row-start:time1830}.reservation-slot.start-1900{grid-row-start:time1900}.reservation-slot.start-1930{grid-row-start:time1930}.reservation-slot.start-2000{grid-row-start:time2000}.reservation-slot.start-2030{grid-row-start:time2030}.reservation-slot.start-2100{grid-row-start:time2100}.reservation-slot.start-2130{grid-row-start:time2130}.reservation-slot.end-800{grid-row-end:time800}.reservation-slot.end-830{grid-row-end:time830}.reservation-slot.end-900{grid-row-end:time900}.reservation-slot.end-930{grid-row-end:time930}.reservation-slot.end-1000{grid-row-end:time1000}.reservation-slot.end-1030{grid-row-end:time1030}.reservation-slot.end-1100{grid-row-end:time1100}.reservation-slot.end-1130{grid-row-end:time1130}.reservation-slot.end-1200{grid-row-end:time1200}.reservation-slot.end-1230{grid-row-end:time1230}.reservation-slot.end-1300{grid-row-end:time1300}.reservation-slot.end-1330{grid-row-end:time1330}.reservation-slot.end-1400{grid-row-end:time1400}.reservation-slot.end-1430{grid-row-end:time1430}.reservation-slot.end-1500{grid-row-end:time1500}.reservation-slot.end-1530{grid-row-end:time1530}.reservation-slot.end-1600{grid-row-end:time1600}.reservation-slot.end-1630{grid-row-end:time1630}.reservation-slot.end-1700{grid-row-end:time1700}.reservation-slot.end-1730{grid-row-end:time1730}.reservation-slot.end-1800{grid-row-end:time1800}.reservation-slot.end-1830{grid-row-end:time1830}.reservation-slot.end-1900{grid-row-end:time1900}.reservation-slot.end-1930{grid-row-end:time1930}.reservation-slot.end-2000{grid-row-end:time2000}.reservation-slot.end-2030{grid-row-end:time2030}.reservation-slot.end-2100{grid-row-end:time2100}.reservation-slot.end-2130{grid-row-end:time2130}.reservation-slot.span-1{grid-column-end:span 1}