html{scroll-behavior:smooth}.calendar{max-width:420px;margin:40px auto;font-family:sans-serif}.calendar__header{display:flex;justify-content:space-between;margin-bottom:12px}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar__weekday{font-size:12px;text-align:center}.calendar__legend{display:flex;gap:12px;margin-top:12px;font-size:12px;opacity:.7}.day{min-height:56px;border:1px solid #eee;border-radius:4px;padding:4px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit}.day--empty{border:none}.day--today{background:#f5f5f5}.day--disabled{opacity:.5;pointer-events:none}.day__top{display:flex;justify-content:space-between;align-items:center}.day__number{font-size:13px}.day__number--today{font-weight:700}.day__dot{width:8px;height:8px;border-radius:50%;display:inline-block}.day__text{font-size:11px}.legend-item{display:flex;align-items:center;gap:4px}.status-available{background:#2e7d32}.status-near_full{background:#f9a825}.status-full{background:#c62828}.status-disabled{background:#bdbdbd}.text-available{color:#2e7d32}.text-near_full{color:#f9a825}.text-full{color:#c62828}.text-disabled{color:#bdbdbd}.login-container{display:flex;flex-direction:column;max-width:510px!important;margin:8rem auto}.day-selection-container{margin-top:32px;display:flex;flex-direction:column;align-items:center}.day-list{padding:0}.day-list-item{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:8px;margin-bottom:8px}.timeslot{border:1px solid gray;width:100%!important;padding:8px;min-width:85px}.timeslot:has(input:checked){border-color:var(--pico-primary);outline:1px solid var(--pico-primary)}.day-break-box{padding:8px;border:1px solid gray;background-color:#f5f5f5;width:100%;grid-column-start:1;grid-column-end:5;text-align:center}.reserved-slot{opacity:.2;pointer-events:none;position:relative}.reserved-slot:after,.reserved-slot:before{content:"";position:absolute;width:109%;height:1px;background:gray;transform-origin:center}.reserved-slot:before{transform:translate(0) rotate(23deg);top:50%;right:-5%}.reserved-slot:after{transform:translate(0) rotate(-22deg);top:50%;left:-5%}