.timetable-period-selector{border:0;min-width:0;margin:0;padding:0}.timetable-period-selector legend{margin-bottom:8px;font-size:.88rem;font-weight:700}.timetable-period-selector>div{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;display:grid}.timetable-period-selector button{white-space:nowrap;border-radius:9px;flex-direction:column;gap:2px;height:auto;min-height:54px;padding:8px 5px;display:flex}.timetable-period-selector button small{opacity:.85;font-size:.7rem;font-weight:400}.timetable-period-selector>small{color:#69758e;margin-top:7px;font-size:.8rem;display:block}.timetable-period-selector button:focus-visible{outline-offset:2px;outline:3px solid #326587}.timetable-period-selector button[aria-pressed=true]{font-weight:800;box-shadow:inset 0 0 0 1px #fff5}@media (max-width:1050px){.timetable-period-selector>div{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:600px){.timetable-period-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}}.timetable-period-selector button.period-state-available:not([aria-pressed=true]){color:#245b39;background:#f3faf3;border-color:#9dc8a8}.timetable-period-selector button.period-state-conditional:not([aria-pressed=true]){color:#85500d;background:#fff8eb;border-color:#e4b777}.timetable-period-selector button.period-state-reserved:not([aria-pressed=true]),.timetable-period-selector button.period-state-occupied:not([aria-pressed=true]),.timetable-period-selector button.period-state-blocked:not([aria-pressed=true]){color:#3962ad;background:#f1f4fa;border-color:#b8c4d9}.timetable-period-selector button:disabled{opacity:.75;cursor:not-allowed}.timetable-period-selector button[aria-pressed=true] small{color:inherit}.timetable-period-selector .period-selector-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex}.timetable-period-selector button.period-select-all{flex-direction:row;gap:8px;min-height:42px;padding:8px 13px;font-size:.85rem}.timetable-period-selector button.period-select-all svg{width:16px;height:16px}@media (max-width:400px){.timetable-period-selector .period-selector-heading{gap:8px}.timetable-period-selector button.period-select-all{padding:8px 10px;font-size:.8rem}}