#calendar-page{display:flex;justify-content:center;background-size:78vw 60vw;padding-left:30px;padding-right:30px;background-repeat:no-repeat;background-position:50%;.calendar-section{margin-bottom:20px;.calendar-title{margin-top:20px}.input-controls{margin:16px 0;padding:0 12px;.date-picker-wrapper{cursor:pointer;display:flex;align-items:center;position:relative;gap:16px;border-radius:12px;border:1px solid;padding:8px 12px;&>.MuiButtonBase-root{padding:0}}.sessions-datePicker{cursor:pointer;vertical-align:middle;display:block;& .MuiInputBase-root{background-color:transparent;border:none;height:36px;width:100%;padding:4px 6px;font-size:12px;text-align:center;color:#282218}& .MuiInputAdornment-root{display:none}& .MuiInputLabel-root{position:relative;transform:none;font-size:10px;color:inherit;letter-spacing:.1px;max-width:-moz-fit-content;max-width:fit-content;cursor:pointer;transition:none!important}& .MuiInputLabel-root.Mui-focused{color:inherit}& .MuiInputLabel-root+.MuiInputBase-root{position:absolute}&:hover{background-color:transparent}& .MuiOutlinedInput-notchedOutline{border:none}& .MuiInputBase-input{opacity:0;cursor:pointer}}.multi-select,.search{border-radius:12px;border:1px solid;overflow:hidden;>*{border-radius:0;border:none}.MuiInputBase-root,.MuiSelect-select{padding:0}.MuiSelect-select{min-height:-moz-fit-content;min-height:fit-content}fieldset[class^=MuiOutlinedInput]{border:none}}.search{max-width:100%;.MuiInputBase-input{padding-top:12px;padding-bottom:12px}}.multi-select-wrapper{display:flex;flex-direction:column;width:100%;gap:8px;align-items:center}.multi-select{color:initial;padding:6px 12px;.MuiFormControl-root{display:grid}label{color:inherit;max-width:-moz-fit-content;max-width:fit-content;transform:none}label[data-shrink=true]{opacity:0}.MuiInputBase-root,label{color:initial;font-family:"NyghtSerif",serif;font-weight:700;font-size:16px;text-transform:lowercase;font-style:italic;line-height:100%;letter-spacing:.04em;position:relative;grid-column:1/-1;grid-row:1/-1}}@media (min-width:768px){.calendar-title{margin-top:60px}.input-controls{margin:20px 0;padding:0}.multi-select-wrapper{flex-direction:row;justify-content:flex-end;gap:16px}.search{max-width:350px}.multi-select{max-width:150px;padding:8px 16px;.MuiInputBase-root,label{font-size:18px}}.date-picker-wrapper{border-radius:16px;padding:10px 16px;gap:20px}.sessions-datePicker{& .MuiInputBase-root{height:40px;padding:5px 8px;font-size:14px}& .MuiInputLabel-root{font-size:12px}}}}.calendar{width:100%;gap:8px;padding:0 12px;flex-wrap:nowrap;.date{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;>*{text-align:center;font-size:12px}.MuiTypography-h8{font-size:16px}}.sessions-wrapper{min-width:100px;max-width:120px;flex:1 1;display:flex;flex-direction:column;gap:8px;.session{display:flex;flex-direction:column;width:100%;border-radius:12px;border:1px solid;padding:8px 12px;.room,.teachers,.time,.title{margin-bottom:4px}.places{margin-bottom:6px;font-size:12px}.title{min-height:20px;&>*{font-style:italic;font-weight:700;cursor:pointer;font-size:14px}}.time{&>*{text-transform:uppercase;font-weight:600;font-size:12px}}.teachers{>*{cursor:pointer;font-size:12px}}.places{display:flex;flex-direction:row}.actions{button{font-size:10px;padding:3px 6px}button.error{color:#FE4538;border-color:#FE4538;font-weight:400;font-family:Manrope,sans-serif;&:hover{background:transparent}}}}.session:nth-child(2){margin-top:8px}}@media (min-width:768px) and (max-width:991px){gap:16px;padding-left:16px;padding-bottom:0;padding-right:16px;padding-top:0;.date{margin-bottom:24px;gap:8px;>*{font-size:14px}.MuiTypography-h8{font-size:18px}}.sessions-wrapper{min-width:110px;max-width:130px;gap:16px;.session{border-radius:16px;padding:12px 16px;.room,.teachers,.time,.title{margin-bottom:6px}.places{margin-bottom:8px;font-size:14px}.title{min-height:24px;&>*{font-size:16px}}.time{&>*{font-size:14px}}.teachers{>*{font-size:14px}}.actions{button{font-size:12px;padding:4px 8px}}}.session:nth-child(2){margin-top:12px}}}@media (min-width:992px){gap:24px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;.date{margin-bottom:40px;gap:12px;>*{font-size:16px}.MuiTypography-h8{font-size:20px}}.sessions-wrapper{min-width:120px;max-width:134px;gap:24px;.session{border-radius:24px;padding:16px 20px;.room,.teachers,.time,.title{margin-bottom:8px}.places{margin-bottom:12px;font-size:16px}.title{min-height:28px;&>*{font-size:18px}}.time{&>*{font-size:16px}}.teachers{>*{font-size:16px}}.actions{button{font-size:14px;padding:6px 12px;width:100%}}}.session:nth-child(2){margin-top:16px}}}}}}