.school-class-selector-widget{padding-top:32px}.school-class-selector-widget .school-class-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.school-class-selector-widget .school-class-header-content h3,.school-class-selector-widget .school-class-header-content p{margin:0}.school-class-selector-widget .school-class-header-content h3{font-size:30px}.school-class-selector-widget .school-class-header-content p{font-size:18px}.school-class-selector-widget .school-class-progress{width:100%;padding:32px 0;overflow:hidden}.school-class-selector-widget .school-class-progress .school-class-progress-bar{width:100%;height:4px;position:relative;display:flex}.school-class-selector-widget .school-class-progress .school-class-progress-bar .progress-fill{height:100%;width:50%;background-color:#f99d25;transition:width .3s ease-in-out}.school-class-selector-widget .school-class-progress .school-class-progress-bar .progress-fill.uncompleted{opacity:.2}.school-class-selector-widget .school-selector .school-selector-header,.school-class-selector-widget .school-selector .class-selector-header{display:flex;align-items:center;justify-content:space-between}.school-class-selector-widget .school-selector .school-selector-header h4,.school-class-selector-widget .school-selector .class-selector-header h4{font-size:24px;margin:0}.school-class-selector-widget .school-selector .school-selector-header input,.school-class-selector-widget .school-selector .class-selector-header input{max-width:500px;height:50px;border:1px solid #000}.schools-grid{margin-top:24px;position:relative;width:100%;height:50vh;max-height:80vh;overflow-y:auto;overflow-x:hidden;background-color:#fff;padding:16px;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;font-family:Arial,sans-serif}.schools-grid--inner{display:flex;flex-wrap:wrap;gap:16px}.schools-grid .schools-grid-error{display:none;width:100%;text-align:center;color:red;font-size:16px;margin-bottom:14px}.schools-grid-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.5)}.schools-grid-loader .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f99d25;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.school-item{border:1px solid #e6e6e6;padding:16px 24px;width:calc(25% - 12px);box-sizing:border-box;height:88px;display:flex;align-items:center;justify-content:normal;cursor:pointer;gap:18px}.school-item img{width:55px;aspect-ratio:1;object-fit:contain}.school-item h4{margin:0;font-size:12px !important;line-height:1.2}.school-item[data-category-id="11639"] h4{font-size:11px !important}.selected-school-container{margin-bottom:32px}.selected-school-container .school-item{width:fit-content;cursor:default}.selected-school-container .school-item .back-button{background-color:transparent;padding-right:0;margin-left:auto}.classes-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:24px}.classes-grid .class-item{display:flex;align-items:center;justify-content:center;border:1px solid #e6e6e6;text-decoration:none;padding:0 1.33em;text-align:center}.classes-grid .class-item.selected,.classes-grid .class-item:active,.classes-grid .class-item:focus{border-color:#f99d25}.school-selector-input-wrapper{display:flex;position:relative;align-items:center;width:100%;max-width:500px}.school-selector-input-wrapper>span{position:absolute;display:flex;align-items:center;height:100%}.school-selector-input-wrapper>span.school-search-icon{left:10px}.school-selector-input-wrapper>span.school-clear-icon{right:10px;cursor:pointer}.schools-empty-state,.classes-empty-state{background-color:#fdf0d5;color:#6f4400;padding:24px;width:100%;grid-column:1/-1}@media (max-width:768px){.school-class-selector-widget{padding-top:24px}.school-class-selector-widget .school-class-header-content h3{font-size:20px}.school-class-selector-widget .school-class-header-content p{font-size:14px}.school-class-selector-widget .school-selector .class-selector-header,.school-class-selector-widget .school-selector .school-selector-header{flex-direction:column;align-items:flex-start;gap:16px}.school-class-selector-widget .school-selector .class-selector-header h4,.school-class-selector-widget .school-selector .school-selector-header h4{font-size:18px}.schools-grid--inner{gap:8px}.school-item{padding:12px;gap:12px;width:calc(50% - 4px)}.school-item img{width:40px}.selected-school-container .school-item{width:100%}.classes-grid{grid-template-columns:repeat(1,1fr)}.school-class-selector-widget .school-class-progress{padding:24px 0}.selected-school-container{margin-bottom:24px}}