:root{--background-color-slot-alpha:.6;--background-color-slot-hover-alpha:.2;--background-color-harriet-chris:hsla(196,100%,50%,var(--background-color-slot-alpha));--background-color-chris-ryelle:hsla(300,100%,50%,var(--background-color-slot-alpha));--background-color-ryelle-roy:hsla(40,100%,50%,var(--background-color-slot-alpha));--background-color-harriet-chris-hover:hsla(196,100%,50%,var(--background-color-slot-hover-alpha));--background-color-chris-ryelle-hover:hsla(300,100%,50%,var(--background-color-slot-hover-alpha));--background-color-ryelle-roy-hover:hsla(40,100%,50%,var(--background-color-slot-hover-alpha));--border-color-dark:hsla(0,0%,78.4%,0.5);--border-color-light:hsla(0,0%,90.2%,0.5);--color-bg:#ddd;--color-text:rgba(0,0,0,0.6);--overlay-bg:rgba(0,0,0,0.3);--shadow:0 0 1rem 0 rgba(0,0,0,0.2)}body{font-family:sans-serif;background-color:var(--color-bg);color:var(--color-text);display:grid;grid-template:". container ." minmax(30rem,auto)/1fr minmax(22.5rem,50rem) 1fr;position:absolute;top:0;bottom:0;left:0;right:0;padding:0;margin:0;font-size:16px}.container{background:#fff;box-shadow:var(--shadow);display:grid;grid-area:container;grid-template:"header" auto "totals" auto "user" auto "timescale" auto "timeslots" 1fr "buttons-bar" auto/1fr;max-width:100%;overflow:hidden;width:100%}header{background-color:#fff;grid-area:header;padding:1rem}.buttons-bar{display:flex;grid-area:buttons-bar}.f1{flex:1}.m0{margin:0}.p0{padding:0}.p1{padding:1rem}.timeslots{grid-area:timeslots}li{position:relative;list-style:none;padding:1rem;border-bottom:1px solid #eee}li .text{margin-left:10px}li.checked{color:#888}li.checked .text{text-decoration:line-through}@media (max-width:600px){li{padding:12px 15px}}ul.timeslots{display:grid;grid-template-rows:repeat(7,1fr)}.timeslots li{padding:0}.timeslots ul{display:grid;grid-template-columns:[day-label-start] repeat(8,1fr) [day-label-end];grid-template-rows:[day-label-start] 1fr [day-label-end];padding:0}.timeslots ul li{padding:0}.timeslots ul li div{width:100%;height:60%;position:absolute;bottom:20%;top:20%;left:0;right:0}.timeslots ul li div.harriet-chris{background:linear-gradient(180deg,var(--background-color-harriet-chris),var(--background-color-harriet-chris) 33%,transparent 0)}.timeslots ul li div.chris-ryelle{background:linear-gradient(180deg,transparent,transparent 33%,var(--background-color-chris-ryelle) 0,var(--background-color-chris-ryelle) 67%,transparent 0)}.timeslots ul li div.ryelle-roy{background:linear-gradient(180deg,transparent,transparent 67%,var(--background-color-ryelle-roy) 0,var(--background-color-ryelle-roy))}.timeslots ul li div.harriet-chris-ryelle{background:linear-gradient(180deg,var(--background-color-harriet-chris),var(--background-color-chris-ryelle) 67%,transparent 0)}.timeslots ul li div.chris-ryelle-roy{background:linear-gradient(180deg,transparent,transparent 33%,var(--background-color-chris-ryelle) 0,var(--background-color-ryelle-roy))}.timeslots ul li div.harriet-chris-ryelle-roy{background:linear-gradient(180deg,var(--background-color-harriet-chris),var(--background-color-chris-ryelle) 50%,var(--background-color-ryelle-roy))}.lq{opacity:.3}.text-label{color:var(--color-text);font-weight:600}