.occupied-slot-styles{margin:1px 2px;background-color:#fff;min-height:16px;height:100%;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;z-index:2;line-height:10px;font-family:sans-serif;font-style:normal;font-weight:500;overflow:hidden;white-space:nowrap;position:relative;transition:all .3s ease-in-out;color:#667085;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}.occupied-slot-styles,.occupied-slot-styles:hover{font-size:clamp(10px,1.2vh,16px)}.animate-slot-styles:hover>div:first-of-type{overflow:visible;text-overflow:clip;animation:marquee 5s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-80%)}}.scheduled-slot-styles{border:1px solid #e2e8f0;border-radius:8px}.scheduled-slot-styles:hover{background:#e5e7eb;font-size:clamp(10px,1.2vh,16px)}.scheduled-slot-confirmed-by-student-styles{color:#667085;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}.scheduled-slot-confirmed-by-student-styles:hover{background:#f6fef9;font-size:clamp(10px,1.2vh,16px)}.is-scheduled-unconfirmed-by-student-styles{color:#667085;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}.is-scheduled-unconfirmed-by-student-styles:hover{background:#f6fef9;font-size:clamp(10px,1.2vh,16px)}.clicked-slot-styles{transition:transform .1s;opacity:.9}.not-selected-slot-styles{opacity:.3}.not-selected-slot-styles:hover{font-size:clamp(10px,1.2vh,16px);opacity:1}.past-viewing-slot-styles{opacity:.6}.past-viewing-slot-styles:hover{font-size:clamp(10px,1.2vh,16px);opacity:1;background:#e5e7eb}.proposed-slot-styles{border:1px dashed #f7b409;color:#f7b409}.proposed-slot-styles:hover{font-size:clamp(10px,1.2vh,16px);opacity:1;background:#f7b40914}.cancelled-slot-styles{background:#f9fafb;color:#f04438}.cancelled-slot-styles:hover{font-size:clamp(10px,1.2vh,16px);opacity:1;background:#fef2f2}.linkWrapper{display:flex;flex-direction:row;align-items:center;width:100%;padding:0}.linkWrapper:hover{background-color:#f9fafb;opacity:.8}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputStyle{line-height:1.5;border-radius:4px;border-width:1px;font-size:14px;font-weight:500;width:54px;height:54px;text-align:center}@media(max-width:495px){.inputStyle{width:45px;height:45px}}@media(max-width:425px){.inputStyle{width:36px;height:36px}}.inputStyle:focus{border:1px solid #d0d5dd!important;border-width:0;outline:0 solid #d0d5dd}.inputStyle:focus-visible{border:1px solid #d0d5dd!important;border-width:0;outline:0 solid #d0d5dd}.inputStyle:active{border:1px solid #d0d5dd!important;border-width:0;outline:0 solid #d0d5dd}.inputStyle:hover{border:1px solid #d0d5dd!important;opacity:1;border-color:#d0d5dd;outline:0 solid #d0d5dd}