.mantine-TimePicker-input{min-height:50px;border:1px solid var(--toggle-border);border-radius:12px;padding:var(--spacing-14);background-color:var(--white-color);color:var(--body-color);font-size:var(--input-font-size);transition:all .2s ease}.mantine-TimePicker-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.mantine-TimePicker-input::placeholder{color:var(--placeholder-color);opacity:.8}.mantine-MultiSelect-pill{color:var(--white-color);background-color:var(--text-color);font-weight:500}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:unset!important;-webkit-box-shadow:inset 0 0 0 1000px rgba(0,0,0,0)!important;box-shadow:inset 0 0 0 1000px rgba(0,0,0,0)!important;transition:background-color 99999s ease-out 0s}.form-input input,.form-input label{color:var(--body-color)}.form-input input{border:1px solid var(--input-border-color);border-radius:var(--radius-md)}.form-input input::placeholder{font-size:var(--input-font-size);color:var(--secondry-eighty)}.form-input input:focus,.form-input input:hover{outline:3px solid var(--icon-box-color);border-color:var(--active-color)}.form-input input[name=confirmNewPassword],.form-input input[name=confirmPassword],.form-input input[name=newPassword],.form-input input[name=password]{padding-right:var(--padding-xxl)}.form-input textarea{padding:var(--input-padding);border:1px solid var(--input-border-color)}.form-input textarea:focus,.form-input textarea:hover{outline:3px solid var(--icon-box-color);border-color:var(--active-color)}.form-input[data-error=true] input,.form-input[data-error=true] textarea{border:1px solid var(--input-border-color-error);outline:3px solid var(--error-outline-color);--input-placeholder-color:var(--text-color)}.form-input[data-error=true] p{color:var(--error-color);font-size:var(--font-size-xs)}.form-input input[data-disabled=true]{background-color:var(--secondry-sixty);color:var(--body-color);border:none;cursor:not-allowed}.select-box .react-select-menu__control{cursor:pointer;min-height:52px;border-radius:var(--radius-md);border:1px solid var(--input-border-color);font-size:var(--input-font-size)}.select-box .react-select-menu__control:hover{border-color:var(--active-color)}.select-box .react-select-menu__control.react-select-menu__control--is-focused{box-shadow:none;outline:3px solid var(--icon-box-color);border-color:var(--active-color)}.select-box .error .react-select-menu__control{border-color:var(--error-color)!important;box-shadow:0 0 0 3px var(--error-outline-color)!important}.select-box .react-select-menu__placeholder{color:var(--secondry-eighty);font-size:var(--input-font-size)}.select-box .react-select-menu__multi-value{background-color:var(--text-color);border-radius:16px;padding:2px 6px}.select-box .react-select-menu__multi-value__label{color:var(--white-color);font-weight:400;font-size:var(--font-size-xs)}.select-box .react-select-menu__multi-value__remove{color:var(--copyright-color);border-radius:var(--radius-xxl);border:1px solid var(--copyright-color);margin-left:var(--spacing-xs);cursor:pointer}.select-box .react-select-menu__multi-value__remove:hover{background-color:var(--background-color);color:var(--text-color)}.select-box .react-select-menu__menu{cursor:pointer;z-index:9999!important}.common-carousel .mantine-Carousel-controls button{background-color:var(--white-color);border:1px solid var(--border-color);box-shadow:var(--box-shadow9);color:var(--toggle-icon);opacity:1;width:48px;height:48px}.common-carousel .mantine-Carousel-controls button svg{width:20px!important;height:20px!important;color:var(--toggle-icon);stroke-width:1.5px}.lesson-badge{font-size:var(--font-size-sm);font-weight:400;text-transform:capitalize;color:var(--toggle-icon);background-color:var(--default-color);border:1px solid var(--border-color);margin-bottom:16px}.status-badge-active{color:var(--status-color);background-color:var(--status-active);border-radius:var(--radius-lg);font-weight:500;font-size:calc(var(--font-size-base) - 4px);text-transform:capitalize;min-height:28px;cursor:pointer;min-width:120px;position:relative}.status-badge-active svg{position:absolute;right:15px}.status-badge-inactive{color:var(--error-color);background-color:var(--error-outline-color);border-radius:var(--radius-lg);font-weight:500;font-size:calc(var(--font-size-base) - 4px);text-transform:capitalize;min-height:28px;min-width:120px;cursor:pointer;position:relative}.status-badge-inactive svg{position:absolute;right:15px}.filter-bars .multiselect.active .filter__indicators svg{color:var(--white-color)}.filter-bars .multiselect .mantine-Checkbox-inner input:checked{background-color:var(--active-color);border-color:var(--active-color)}.filter-bars .multiselect .mantine-Checkbox-inner input[data-indeterminate=true]{background-color:var(--toggle-icon);border-color:var(--toggle-icon)}.modal-image-view header,.modal-image-view header button{width:30px;height:30px}.modal-image-view .modal-image-box{max-width:600px}.steps{color:var(--toggle-icon)!important}.steps .icon{border:.13rem solid var(--toggle-border);height:40px;width:40px;border-radius:50%;padding:4px;cursor:pointer}.steps .icon:hover{background-color:var(--toggle-border)}.steps .border{border:.1rem solid var(--toggle-border);height:24px;width:1px}.header-layer1{position:relative}.header-layer1:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6117647059);left:0}.header-layer1 .header-profile{background-color:var(--white-color);z-index:2;border-radius:20px 20px 0 0;padding:10px 0 2px 20px;justify-content:start!important}.header-layer1 .header-profile:before{content:"";position:absolute;background:var(--white-color);height:24px;width:100%;top:50px;left:0}.header-layer1 .header-profile.hide-profile-layer{z-index:0}.header-layer1 .header-profile.hide-profile-layer:before{background:rgba(0,0,0,0)}.header-layer1 .mantine-List-root{margin-top:8px!important}.header-layer2{position:relative}.header-layer2:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6117647059);left:0}.event-tabs .mantine-Tabs-list button.tab-button{flex:0 0 50%}.added-list-item{box-shadow:var(--box-shadow1);border-radius:var(--radius-xl);list-style:none;background-color:var(--default-color);margin-bottom:var(--spacing-md)}.added-list-item div span{display:flex;flex-direction:row;gap:8px}.added-list-item .added-list-heading{color:var(--body-color)}.added-list-item .added-list-text{color:var(--text-color)}.added-list-item:last-child{margin-bottom:0}.confirmation-list .added-list-item{box-shadow:var(--box-shadow1);background-color:rgba(var(--active-color),.02)}.confirmation-list .added-list-item div span{display:flex;flex-direction:row}.checkbox-card-label,.confirmation-heading{color:var(--body-color)}.formatted-content img{width:100%;height:auto;object-fit:cover;object-position:center}.chat-drawer{padding:10px 10px 10px 0;background-color:var(--sidebar-bg)}.chat-drawer .mantine-Drawer-content{overflow:hidden}.chat-drawer .mantine-ScrollArea-viewport{padding:25px 15px 10px}.chat-drawer .mantine-Drawer-body{padding:0}.chat-drawer .mantine-Drawer-header{background:linear-gradient(90deg,var(--toggle-icon) 0,#ad6fda 100%);color:var(--white-color);padding:10px}.chat-drawer .mantine-Drawer-header .mantine-Drawer-title{font-size:15px;color:var(--white-color);line-height:20px}.chat-drawer .mantine-Drawer-header .mantine-Drawer-close{color:var(--toggle-icon)!important;border:1px solid var(--border-color);background-color:var(--white-color);border-radius:50%}.chat-drawer .chat-footer{background-color:var(--white-color);padding:10px 15px;position:sticky;bottom:0;height:auto}.chat-drawer .chat-footer input{min-height:80px}.dashboard-calender-slider .mantine-Carousel-controls button{position:relative;opacity:1}.dashboard-calender-slider .mantine-Carousel-controls button[data-type=previous]:after{content:"";background:var(--white-color);width:45px;height:70px;position:absolute;right:0;z-index:-3}.dashboard-calender-slider .mantine-Carousel-controls button[data-type=next]:after{content:"";background:var(--white-color);width:45px;height:70px;position:absolute;left:0;z-index:-3}.tox-browse-url{background:var(--white-color)!important;border:1px solid var(--input-border-color)!important}.tox .tox-editor-header{z-index:1!important}:root{--primary-gradient:linear-gradient(90deg,#ff9a00,#ffcd00);--primary-color:#1a73e8;--link-color:#43acff;--secondary-color:#ff9800;--background-color:#f9f9f9;--text-color:#64748b;--copyright-color:#b1b9c5;--body-color:#081021;--label-color:#081021;--border-color:#efebf1;--border-color1:#fffbca;--border-color2:#e0d6f5;--white-color:#ffffff;--sidebar-bg:#fcfbfc;--toggle-border:#e2d5e9;--toggle-icon:#5c3b74;--icon-box-color:#fffaf2;--black-color:#000000;--active-color:#ff9a00;--default-color:#fffdfa;--pagination-active:#fcfbfc;--pagination-active-bg:#fcfbfc;--modal-header:#f7f5f8;--tab-color:rgba(92,59,116,0.1019607843);--status-color:#14ae5c;--status-active:#ebffee;--status-inactive-color:#767676;--status-inactive-bg:#f5f5f5;--status-inactive-border:#f5f5f5;--status-readonly-color:#bf6a02;--status-readonly-bg:#fffbeb;--status-readonly-border:#fde68a;--error-color:#ea3535;--error-outline-color:#ffebeb;--shape-gradient:#ffcd00;--ivory-glow-color:#fffdfa;--perl-white:#fffaf2;--amethyst-glow:#7a5690;--electric-voilet:#722cff;--secondry-sixty:#e2e8f0;--secondry-eighty:#8390a2;--purple-light:#fef3ff;--cotton-candy:#fcd6ff;--review-bg:#fffbeb;--review-color:#bf6a02;--access-guest-bg:#f3e8ff;--access-preparation-bg:#fce7f3;--access-preparation-color:#9d174d;--access-executive-bg:#ede9fe;--access-executive-color:#5b21b6;--upload-surface:#f5f5f7;--box-shadow:0 6px 0 0 rgba(92,59,116,0.1);--box-shadow1:0px 6px 0px 0px rgba(255,154,0,0.1);--box-shadow2:0px 2px 0px 0px rgba(255,154,0,0.1);--box-shadow3:0px 6px 0px 0px rgba(92,59,116,0.1);--box-shadow4:0px 2px 4px 0px rgba(0,0,0,0.1);--box-shadow5:0px 0.7px 2.8px 0px rgba(14,17,74,0.12);--box-shadow6:0px 6px 0px 0px rgba(122,86,144,0.1);--box-shadow7:0px 4px 1px 0px rgba(92,59,116,0.1);--box-shadow8:0px 6px 0px 0px rgba(246,132,255,0.1);--box-shadow9:0px 4px 12px 0px rgba(0,0,0,0.1);--box-shadow10:0px 4px 16px 0px rgba(255,154,0,0.25);--box-shadow11:0 4px 20px rgba(0,0,0,0.3);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-12:0.75rem;--spacing-14:0.875rem;--spacing-20:1.25rem;--padding-xs:0.25rem;--padding-sm:0.5rem;--padding-md:1rem;--padding-lg:1.5rem;--padding-xl:2rem;--padding-xxl:3rem;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-xxl:56px;--radius-full:100px;--radius-8:8px;--radius-20:20px;--radius-24:24px;--input-min-height:50px;--input-padding:0.75rem 1rem;--input-font-size:0.875rem;--input-bg-color:#fff;--input-border-color:#e2d5e9;--input-border-color-error:#ea3535;--sidebar-width-open:300px;--sidebar-width-collapsed:100px;--app-shell-header:20px;--font-dm-sans:"DM Sans",sans-serif}body{font-family:var(--font-dm-sans);font-size:var(--font-size-base);background-color:var(--background-color);color:var(--body-color)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--input-border-color);border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease}input[type=radio]:checked{border-color:var(--active-color);background-color:var(--active-color)}input[type=radio]:checked:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--white-color)}.text-break{word-break:break-word;white-space:pre-wrap}.shrink-zero{flex-shrink:0}.text-decoration,.text-decoration:active{text-decoration:none!important}.pl-input input{padding-left:var(--padding-xl)!important}.border-bottom{border-bottom:1px solid var(--border-color)}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.event-form-input__placeholder,.mantine-DateInput-input::placeholder,.mantine-DateTimePicker-input::placeholder,.mantine-Input-input::placeholder,.mantine-InputPlaceholder-placeholder,.mantine-Select-input::placeholder,.mantine-Textarea-textarea::placeholder,.mantine-TimeInput-input::placeholder,.mantine-TimePicker-input::placeholder,.react-select__control input::placeholder,.react-select__placeholder,.react-select__single-value,button.mantine-DateTimePicker-input::placeholder,button.mantine-TimeInput-input::placeholder,button.mantine-TimePicker-input::placeholder,input::placeholder,textarea::placeholder{font-size:14px!important;font-family:var(--font-dm-sans),sans-serif!important;color:#8390a2!important;opacity:1!important}.breadcrumps-text{white-space:normal!important;word-break:break-word}@media screen and (min-width:2400px){.max-container{max-width:2200px!important;margin:0 auto!important}}.cancel-button,.gradiant-button,.outline-button,.primary-gradient-button{min-height:44px;border-radius:var(--radius-xxl)!important;min-width:135px;transition:all .3s ease;height:auto!important;font-weight:500!important;box-shadow:none}.cancel-button .mantine-Button-inner,.gradiant-button .mantine-Button-inner,.outline-button .mantine-Button-inner,.primary-gradient-button .mantine-Button-inner{gap:.5rem}.cancel-button .mantine-Button-label,.gradiant-button .mantine-Button-label,.outline-button .mantine-Button-label,.primary-gradient-button .mantine-Button-label{overflow:visible}@media(max-width:48em){.cancel-button,.gradiant-button,.outline-button,.primary-gradient-button{min-width:auto;padding:var(--padding-sm)!important;font-size:var(--font-size-xs)!important;border-radius:var(--radius-sm)!important}}.gradiant-button{background:var(--active-color);color:var(--white-color);border:none}.gradiant-button:hover{box-shadow:var(--box-shadow7);background:var(--toggle-icon)}.outline-button{border-color:var(--active-color);color:var(--active-color);background-color:rgba(0,0,0,0)}.outline-button:hover{background-color:var(--active-color);color:var(--white-color);box-shadow:var(--box-shadow7)}.outline-button:disabled{border-color:var(--sidebar-bg);color:var(--text-color);opacity:.6;cursor:not-allowed}.outline-button:disabled:hover{background-color:rgba(0,0,0,0);color:var(--text-color)}.cancel-button:hover{background-color:var(--active-color)!important;color:var(--white-color)!important;border-color:var(--active-color)!important;box-shadow:var(--box-shadow7)!important}.link-button:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){background:rgba(0,0,0,0)!important}.primary-gradient-button{background:var(--toggle-icon);color:var(--white-color)}.primary-gradient-button:hover{background-color:var(--active-color);color:var(--white-color);box-shadow:var(--box-shadow7)}.primary-gradient-button:disabled{opacity:.6;cursor:not-allowed}.primary-gradient-button:focus-visible{outline:none}.primary-outline:hover{border:1px solid rgba(0,0,0,0)!important;background:var(--toggle-icon)!important;color:var(--white-color)!important}.center-flex{display:flex;justify-content:center}.login-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--default-color,#081021);border-radius:var(--radius-xl);overflow:hidden}.filter-bars,.login-wrapper{position:relative}.filter-bars .custom-placeholder{width:88%;text-align:center;font-size:14px;font-weight:500;color:var(--white-color);position:absolute;height:100%;place-content:center;z-index:1}.filter-bars .multiselect{height:30px;border:1px solid var(--toggle-border);background-color:var(--border-color);padding-top:3px;padding-bottom:4px;min-height:30px;width:200px;font-size:var(--input-fz,var(--mantine-font-size-sm));border-radius:var(--radius-lg)}.filter-bars .multiselect .filter__control,.filter-bars .multiselect .filter__value-container{padding:0;min-height:auto;background-color:rgba(0,0,0,0);border-radius:0;text-align:center}.filter-bars .multiselect .filter__placeholder{color:var(--toggle-icon)}.filter-bars .multiselect .filter__clear-indicator,.filter-bars .multiselect .filter__indicator-separator{display:none}.filter-bars .multiselect .filter__menu-list{padding-top:0}.filter-bars .multiselect .filter__menu-list div[role=option]{cursor:pointer}.filter-bars .multiselect .filter__menu{z-index:5}.filter-bars .multiselect .filter__menu .filter__option{cursor:pointer}.filter-bars .multiselect.active{border:1px solid var(--toggle-icon);background-color:var(--toggle-icon)}.filter-bars .multiselect.active .filter__clear-indicator,.filter-bars .multiselect.active .filter__indicators{color:var(--white-color)}.filter-bars .multiselect.active .filter__clear-indicator svg,.filter-bars .multiselect.active .filter__indicators svg{color:var(--white-color);fill:var(--white-color)!important}.age_filter__control{min-width:160px;min-height:36px;height:29px;border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;background-color:var(--modal-header)!important;color:var(--toggle-color)!important;cursor:pointer}.age_filter__control,.age_filter__control--is-focused{box-shadow:none!important}.active .age_filter__control{background-color:var(--toggle-icon)!important;border-radius:var(--radius-lg);cursor:pointer}.active .age_filter__clear-indicator,.active .age_filter__control,.active .age_filter__dropdown-indicator,.active .age_filter__single-value{color:var(--white-color)!important}.age_filter__value-container{padding:0 10px}.age_filter__indicators{align-items:center}.age_filter__dropdown-indicator{padding:0;transform:translateX(-5px);color:var(--toggle-icon)!important}.age_filter__clear-indicator{padding:6px;color:rgba(0,0,0,0)}.age_filter__indicator-separator{display:none}.age_filter__placeholder{color:var(--toggle-icon)!important;font-size:var(--font-size-sm)}.age_filter__single-value{margin:0;color:var(--toggle-icon)}.age_filter__option{background-color:rgba(0,0,0,0)!important;color:var(--text-color)!important;cursor:pointer!important}.age_filter__option--is-focused,.age_filter__option:hover{background-color:var(--mantine-color-gray-0)!important}.user-name-seciton{z-index:999;border-radius:var(--radius-8);box-shadow:var(--box-shadow3);padding:calc(var(--padding-xs) + var(--padding-sm)) var(--padding-md)}.header{box-shadow:var(--box-shadow4)}.header .header-profile .header-dropdown{box-shadow:var(--box-shadow4);z-index:10}.header .header-navigation:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.header .header-navigation:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.header .header-navigation:hover{background-color:var(--tab-color)}.header .header-navigation div span{display:flex;align-items:center;gap:8px}.custom-span-style{box-shadow:var(--box-shadow1)}.custom-span-style .action-box{box-shadow:var(--box-shadow2)}.custom-tooltip{background-color:var(--sidebar-bg);color:var(--black-color);font-size:var(--font-size-sm);font-weight:500;padding:var(--padding-md) var(--padding-md);border-radius:var(--radius-md);line-height:1.4;box-shadow:0 2px 4px rgba(0,0,0,.1)}.custom-tooltip-arrow{--tooltip-arrow-size:8px;color:var(--black-color)}.mantine-PasswordInput-input{min-height:var(--input-min-height);padding:var(--input-padding);font-size:var(--input-font-size);background-color:var(--input-bg-color);border:1px solid var(--border-color)}.mantine-PasswordInput-input input{border:none!important}.form-input{width:100%;margin-bottom:var(--spacing-lg)}.form-input label{font-size:var(--font-size-sm);color:var(--label-color);margin-bottom:var(--spacing-xs)}.form-input input{min-height:var(--input-min-height);padding:var(--input-padding);font-size:var(--input-font-size);background-color:var(--input-bg-color);border:1px solid var(--border-color)}.form-input input:focus{outline:none}.form-input input[type=password]{padding-right:44px}.form-input textarea:focus{border-color:var(--active-color)}.form-input[data-error=true]{margin-bottom:calc(var(--spacing-lg) + var(--spacing-sm))!important}.form-input[data-error=true] input{border:1px solid var(--error-color);outline:3px solid var(--error-outline-color);--input-placeholder-color:var(--text-color)}.form-input[data-error=true] p{margin-top:var(--spacing-sm)}.event-card{box-shadow:var(--box-shadow6);border:1px solid var(--border-color);background-color:var(--sidebar-bg)}.event-form-input{width:100%}.event-form-input label{font-size:var(--font-size-sm);color:var(--label-color);margin-bottom:var(--spacing-xs);font-weight:500;display:inline-block}.event-form-input .mantine-DateInput-wrapper .mantine-DateInput-input,.event-form-input .mantine-DateInput-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-DateInput-wrapper .mantine-Input-input,.event-form-input .mantine-DateInput-wrapper .mantine-Select-input,.event-form-input .mantine-DateInput-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-DateInput-wrapper .mantine-TimeInput-input,.event-form-input .mantine-DateInput-wrapper .mantine-TimePicker-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateInput-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Input-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Select-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimeInput-input,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimePicker-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateInput-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-Input-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-Select-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimeInput-input,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimePicker-input,.event-form-input .mantine-Select-wrapper .mantine-DateInput-input,.event-form-input .mantine-Select-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-Select-wrapper .mantine-Input-input,.event-form-input .mantine-Select-wrapper .mantine-Select-input,.event-form-input .mantine-Select-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-Select-wrapper .mantine-TimeInput-input,.event-form-input .mantine-Select-wrapper .mantine-TimePicker-input,.event-form-input .mantine-TextInput-wrapper .mantine-DateInput-input,.event-form-input .mantine-TextInput-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-TextInput-wrapper .mantine-Input-input,.event-form-input .mantine-TextInput-wrapper .mantine-Select-input,.event-form-input .mantine-TextInput-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-TextInput-wrapper .mantine-TimeInput-input,.event-form-input .mantine-TextInput-wrapper .mantine-TimePicker-input,.event-form-input .mantine-Textarea-wrapper .mantine-DateInput-input,.event-form-input .mantine-Textarea-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-Textarea-wrapper .mantine-Input-input,.event-form-input .mantine-Textarea-wrapper .mantine-Select-input,.event-form-input .mantine-Textarea-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-Textarea-wrapper .mantine-TimeInput-input,.event-form-input .mantine-Textarea-wrapper .mantine-TimePicker-input,.event-form-input .mantine-TimeInput-wrapper .mantine-DateInput-input,.event-form-input .mantine-TimeInput-wrapper .mantine-DateTimePicker-input,.event-form-input .mantine-TimeInput-wrapper .mantine-Input-input,.event-form-input .mantine-TimeInput-wrapper .mantine-Select-input,.event-form-input .mantine-TimeInput-wrapper .mantine-Textarea-textarea,.event-form-input .mantine-TimeInput-wrapper .mantine-TimeInput-input,.event-form-input .mantine-TimeInput-wrapper .mantine-TimePicker-input{border:1px solid var(--toggle-border);border-radius:12px;padding:var(--spacing-14);background-color:var(--white-color);color:var(--body-color);font-size:var(--input-font-size);transition:all .2s ease}.event-form-input .mantine-DateInput-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-DateInput-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-DateInput-wrapper .mantine-Input-input:focus,.event-form-input .mantine-DateInput-wrapper .mantine-Select-input:focus,.event-form-input .mantine-DateInput-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-DateInput-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-DateInput-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Input-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Select-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-Input-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-Select-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-Select-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-Select-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-Select-wrapper .mantine-Input-input:focus,.event-form-input .mantine-Select-wrapper .mantine-Select-input:focus,.event-form-input .mantine-Select-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-Select-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-Select-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-Input-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-Select-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-TextInput-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-TextInput-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-Input-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-Select-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-Textarea-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-Textarea-wrapper .mantine-TimePicker-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-DateInput-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-DateTimePicker-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-Input-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-Select-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-Textarea-textarea:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-TimeInput-input:focus,.event-form-input .mantine-TimeInput-wrapper .mantine-TimePicker-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.event-form-input .mantine-DateInput-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-DateInput-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-DateTimePicker-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-MultiSelect-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-Select-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-Select-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-TextInput-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-Textarea-wrapper .mantine-TimePicker-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-DateInput-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-DateTimePicker-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-Input-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-Select-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-Textarea-textarea::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-TimeInput-input::placeholder,.event-form-input .mantine-TimeInput-wrapper .mantine-TimePicker-input::placeholder{color:var(--placeholder-color);opacity:.8}.event-form-input .mantine-TimePicker-input{min-height:50px;border:1px solid var(--toggle-border);border-radius:12px;padding:var(--spacing-14);background-color:var(--white-color);color:var(--body-color);font-size:var(--input-font-size);transition:all .2s ease}.event-form-input .mantine-TimePicker-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.event-form-input .mantine-TimePicker-input::placeholder{color:var(--placeholder-color);opacity:.8}.event-form-input .mantine-MultiSelect-pill{color:var(--white-color);background-color:var(--text-color);font-weight:500}.event-form-input .mantine-Input-error .mantine-Input-input,.event-form-input .mantine-Input-error .mantine-Select-input,.event-form-input .mantine-Input-error .mantine-Textarea-textarea,.event-form-input .mantine-MultiSelect-error .mantine-Input-input,.event-form-input .mantine-MultiSelect-error .mantine-Select-input,.event-form-input .mantine-MultiSelect-error .mantine-Textarea-textarea,.event-form-input[data-error=true] .mantine-Input-input,.event-form-input[data-error=true] .mantine-Select-input,.event-form-input[data-error=true] .mantine-Textarea-textarea{border-color:var(--error-color)!important;box-shadow:0 0 0 3px rgba(255,0,0,.25)!important}.event-form-input .mantine-Input-error .mantine-Input-error,.event-form-input .mantine-Input-error p,.event-form-input .mantine-MultiSelect-error .mantine-Input-error,.event-form-input .mantine-MultiSelect-error p,.event-form-input[data-error=true] .mantine-Input-error,.event-form-input[data-error=true] p{margin-top:var(--spacing-xs);color:var(--error-color);font-size:12px}.event-form-input .mantine-Input-wrapper input[data-disabled=true],.event-form-input .mantine-Textarea-textarea[data-disabled=true],.event-form-input .react-select__control--is-disabled{background-color:var(--secondry-sixty);color:var(--body-color);border:none;cursor:not-allowed}.event-form-input .react-select__control{border-radius:12px!important;min-height:50px!important;border:1px solid var(--toggle-border)!important;box-shadow:none!important;background-color:var(--white-color)!important}.event-form-input .react-select__control:hover{border-color:var(--primary-color)!important}.event-form-input .react-select__menu{z-index:9999!important}.event-form-input[aria-invalid=true] .react-select__control{border-color:var(--error-color)!important;box-shadow:0 0 0 3px rgba(255,0,0,.25)!important}.event-link .mantine-TextInput-wrapper .mantine-Input-section[data-position=left]{width:126px;padding-inline:10px;margin-right:10px;background-color:var(--modal-header);border-right:1px solid var(--border-color);margin-bottom:1px}.event-link .mantine-TextInput-wrapper .mantine-Input-section[data-position=right]{--section-end:18px}.event-link .mantine-TextInput-wrapper .mantine-Input-section[data-position=right] button{margin-right:5px}.countdown-alert,.previewMainBox{width:100%;max-width:1200px;margin:0 auto}.event-tabs .mantine-Tabs-list{flex-wrap:nowrap}.event-tabs .mantine-Tabs-list:before{content:none}.event-tabs .mantine-Tabs-list button.tab-button{background-color:var(--tab-color);color:var(--toggle-icon);border-radius:var(--radius-full);box-shadow:none;border:none;font-size:var(--font-size-sm);font-weight:500;flex:0 0 auto}.event-tabs .mantine-Tabs-list button.tab-button:hover{box-shadow:none;outline:none;background-color:var(--tab-color)}.event-tabs .mantine-Tabs-list button.tab-button[data-active=true]{border-color:rgba(0,0,0,0);background-color:var(--toggle-icon);color:var(--white-color);box-shadow:var(--box-shadow4)}.check-box[data-checked=true] .mantine-Checkbox-inner input{background-color:var(--active-color);border:none}.events-card{border:1px solid rgba(0,0,0,0);transition:all .3s ease;border-radius:var(--radius-24);background-color:var(--white-color);position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;margin:5px}.events-card .cancel-badge{background-color:var(--error-outline-color);color:var(--error-color)}.events-card .completed-badge{background-color:var(--status-active);color:var(--status-color)}.events-card .card-footer{background-color:var(--error-outline-color);border-bottom-left-radius:var(--radius-24);border-bottom-right-radius:var(--radius-24);transition:all .3s ease}.events-card .footer-text,.events-card .footer-time{color:var(--error-color);transition:all .3s ease}.events-card:hover{background-color:var(--icon-box-color);border:1px solid var(--border-color);box-shadow:var(--box-shadow3)}.events-card:hover .card-footer{background-color:var(--error-color)}.events-card:hover .footer-text,.events-card:hover .footer-time{color:var(--white-color)}.mantine-AppShell-main{padding-top:var(--app-shell-header)!important;background-color:var(--white-color);transition:left .3s ease-in-out}.mantine-AppShell-main:has(.mobileSidebar){left:100%;transition:left .3s ease-in-out}.mantine-AppShell-main.b2b-add-lesson-main{padding-top:0!important;padding-left:0!important;padding-right:0!important;background-color:var(--default-color);min-height:100vh}.b2b-add-course-lesson-page{min-height:100vh;background-color:var(--default-color);padding:20px 32px 100px;display:flex;flex-direction:column;align-items:stretch}@media(max-width:768px){.b2b-add-course-lesson-page{padding:16px 16px 110px}}.b2b-add-course-lesson-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:16px;padding:8px 16px 8px 12px;border-radius:999px;background-color:#ede4ff;color:#5b3cc4;font-size:14px;font-weight:600;line-height:1.2;transition:background-color .15s ease,color .15s ease}.b2b-add-course-lesson-back:hover{background-color:#e2d4ff;color:#4a2eb0}.b2b-add-course-lesson-card{background-color:var(--white-color);border-radius:24px;box-shadow:0 4px 24px rgba(15,23,42,.06);max-width:640px;width:100%;margin:0 auto;overflow:hidden}.b2b-add-course-lesson-card__body{padding:32px 40px 36px}@media(max-width:768px){.b2b-add-course-lesson-card__body{padding:24px 20px 28px}}.b2b-add-course-lesson-cluster{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:rgba(0,0,0,0)}.b2b-add-course-lesson-cluster__tile{width:100%;height:140px;margin:0;border-radius:16px;display:flex;align-items:center;justify-content:center;background-color:#ffd4e8!important;border:none;box-shadow:none}.b2b-add-course-lesson-cluster__name{color:var(--body-color);width:100%;margin:0;line-height:1.4;font-size:14px;font-weight:400;text-align:center}.b2b-add-course-lesson-thumbnail{width:100%;display:flex;justify-content:stretch}.b2b-add-course-lesson-thumbnail>*{width:100%!important;max-width:100%}.b2b-add-course-lesson-footer{position:fixed;left:0;right:0;bottom:0;z-index:20;background-color:var(--default-color);border-top:1px solid var(--border-color);padding:14px 32px}@media(max-width:768px){.b2b-add-course-lesson-footer{padding:12px 16px}}.b2b-add-course-lesson-footer .mantine-Button-root.outline-button,.b2b-add-course-lesson-footer .outline-button,.b2b-add-course-lesson-footer button.outline-button{background-color:rgba(0,0,0,0)!important;background-image:none!important;--button-bg:transparent!important;--button-hover-bg:var(--active-color)!important}.b2b-add-course-lesson-footer .mantine-Button-root.outline-button:hover:not(:disabled),.b2b-add-course-lesson-footer .outline-button:hover:not(:disabled),.b2b-add-course-lesson-footer button.outline-button:hover:not(:disabled){background-color:var(--active-color)!important;color:var(--white-color)!important}.b2b-add-course-lesson-footer__inner{max-width:1100px;margin:0 auto;width:100%}.b2b-add-course-lesson-modal .mantine-Modal-content,.b2b-add-course-lesson-modal .mantine-Modal-inner{max-height:80vh;overflow:hidden}.b2b-add-course-lesson-modal .mantine-Modal-body{padding:0;min-height:0;overflow:hidden}.b2b-add-course-lesson-modal .b2b-add-course-lesson-page{min-height:0;padding:0;background-color:var(--white-color);display:flex;flex-direction:column;height:min(68vh,640px);max-height:min(68vh,640px);overflow:hidden}.b2b-add-course-lesson-modal .b2b-add-course-lesson-card{max-width:none;border-radius:0;box-shadow:none;overflow:visible}.b2b-add-course-lesson-modal .school-modal-scroll-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.b2b-add-course-lesson-modal .b2b-add-course-lesson-card__body{padding:24px}.b2b-add-course-lesson-modal .b2b-add-course-lesson-modal-content{height:auto!important;max-height:none;overflow:hidden;overflow-x:hidden}.b2b-add-course-lesson-modal .b2b-add-course-lesson-footer{position:relative;left:auto;right:auto;z-index:1;background-color:var(--modal-header);border-top:1px solid var(--border-color);padding:24px;margin:0;box-sizing:border-box;flex-shrink:0}.b2b-add-course-lesson-modal .b2b-add-course-lesson-footer__inner{max-width:none;justify-content:flex-end}@media(max-width:768px){.b2b-add-course-lesson-modal .b2b-add-course-lesson-card__body{padding:20px}.b2b-add-course-lesson-modal .b2b-add-course-lesson-footer{padding:12px 16px}}.program-main-page{background-color:var(--sidebar-bg);padding-top:100px!important}@media(max-width:48em){.program-main-page{padding-left:0}}@media(max-width:62em){.program-main-page{padding-left:0}}.parent-shell-layout .mantine-AppShell-main.program-main-page{padding-top:80px!important}.mantine-AppShell-header{box-shadow:var(--box-shadow4);position:fixed;width:100%;left:0;z-index:110}.page-container{display:flex;flex-direction:column;gap:10px}.mantine-AppShell-navbar{padding-top:0!important;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100;transition:left .3s ease-in-out}@media(max-width:62em){.mantine-AppShell-navbar:has(.mobileSidebar){left:-100%;transition:left .3s ease-in-out}}.sidebar.notactive .nav-links a.parent{border-radius:8px}.sidebar .menu-list{margin-top:0}.sidebar .admin-sidebar{margin-top:100px}.sidebar .humberger-button{position:absolute;top:25px;right:-17px}.sidebar .humberger-button button{background-color:var(--white-color);border-radius:50%;border:1px solid var(--border-color)}@media(max-width:48em){.sidebar .humberger-button{display:block}}.sidebar .parent-humberger-button{top:100px;right:-15px}@media(max-width:48em){.sidebar .parent-humberger-button{display:none}}@media(max-width:62em){.sidebar .parent-humberger-button{display:none}}.sidebar .nav-links{gap:var(--mantine-spacing-sm)}.sidebar .nav-links a{padding:12px 16px;color:var(--toggle-icon);text-transform:capitalize;display:flex;gap:10px}.sidebar .nav-links a .mantine-NavLink-section:where([data-rotate]){transform:rotate(180deg)}.sidebar .nav-links a .mantine-NavLink-section{margin:0}.sidebar .nav-links a:hover{background-color:var(--toggle-icon);color:var(--white-color)!important;border-radius:100px;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;transition:all .3s}.sidebar .nav-links a:hover .mantine-NavLink-section svg path{stroke:var(--white-color)!important}.sidebar .nav-links a.active{border-radius:100px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:var(--toggle-icon);color:var(--white-color)!important;transition:.3s}.sidebar .nav-links a.active .mantine-NavLink-section{margin:0}.sidebar .nav-links a.active .mantine-NavLink-section svg path{stroke:var(--white-color)!important}.sidebar .nav-links.sidebar-footer{position:sticky;bottom:0}.sidebar .mantine-NavLink-children:hover a span{color:var(--toggle-icon)!important}.sidebar .parent-links{margin-top:90px}@media(max-width:48em){.sidebar .parent-links{margin-top:100px}}.sidebar .parent-links a.parent.active{background-color:var(--toggle-icon)!important;color:var(--white-color)!important;border-radius:var(--radius-8)}.sidebar .parent-links a{border-radius:var(--radius-8)}.sidebar .parent-links a:hover{color:var(--white-color)!important;border-radius:var(--radius-8);transition:"all 0.3s"}.sidebar .parent-links a:hover span svg path{stroke:var(--white-color)!important}.sidebar .parent-links .mantine-NavLink-children a span{color:var(--toggle-icon)!important}.sidebar .school-links a{padding-top:10px!important;padding-bottom:10px!important}.sidebar .mantine-NavLink-children{border-left:1px solid var(--border-color);padding-left:0;margin-left:30px}.sidebar .mantine-NavLink-children a{background-color:unset!important;box-shadow:unset!important;border-radius:unset!important;border-left:4px solid rgba(0,0,0,0)!important}.sidebar .mantine-NavLink-children a:hover{background-color:unset!important;box-shadow:unset!important;border-left:4px solid var(--toggle-icon)!important}.sidebar .mantine-NavLink-children a.active,.sidebar .mantine-NavLink-children a[data-active=true]{border-left:4px solid var(--active-color)!important;color:var(--active-color)!important}.sidebar .mantine-NavLink-children a[data-active=true]:hover{border-left:4px solid var(--active-color)!important}.sidebar.notactive .nav-links a{display:block;text-align:center;padding-left:0;padding-right:0;border-radius:100px;transition:all .3s}.sidebar.notactive .nav-links a .mantine-NavLink-body,.sidebar.notactive .nav-links a .mantine-NavLink-body svg{display:none;transition:all .3s}.sidebar.notactive .mantine-NavLink-children{display:none}.sidebar .admin-humberger-button{position:absolute;left:50px;z-index:99}.mantine-datatable-pagination{margin-top:var(--spacing-lg);border:0}.mantine-datatable-pagination button{border:0}.mantine-datatable-pagination button svg{color:var(--toggle-icon)}.mantine-datatable-pagination button[data-active=true]{background-color:var(--sidebar-bg);color:var(--black-color);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.mantine-datatable-table td,.mantine-datatable-table th{padding:10px 14px!important;vertical-align:middle!important;line-height:1.35!important}.mantine-datatable-table thead th{padding-top:12px!important;padding-bottom:12px!important}.mantine-datatable-table tbody tr td{height:auto!important}.mantine-datatable th{font-weight:500}.mantine-datatable td,.mantine-datatable th{color:var(--body-color);font-size:var(--font-size-sm)}.mantine-datatable td{font-weight:400}.mantine-datatable td.wrap-cell{white-space:normal;word-break:break-word}.mantine-datatable .mantine-Table-td,.mantine-datatable .mantine-Table-th,.mantine-datatable table td,.mantine-datatable table th{padding-top:10px!important;padding-bottom:10px!important}.mantine-Modal-root{--mb-z-index:400;--overlay-z-index:400}.common-modal .mantine-Modal-content{max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.common-modal .mantine-Modal-body{padding:0!important;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.common-modal .inner-modal{max-height:64vh;height:100%;overflow-y:auto}@media(max-width:48em){.common-modal .inner-modal{height:40vh!important}}@media(max-width:62em){.common-modal .inner-modal{max-height:40vh!important;overflow-y:auto}}.common-modal .inner-modal.normal-modal{max-height:30vw;place-content:center;padding-top:10px}.common-modal .inner-modal.autofix{max-height:27vw}@media(max-width:62em){.common-modal .inner-modal.autofix{overflow-y:auto!important}}.common-modal form{display:flex;flex-direction:column;flex:1;min-height:0;max-height:calc(90vh - 72px);margin:0;padding:0!important}.common-modal form label{color:var(--body-color);font-size:var(--font-size-sm);font-weight:500}.common-modal .common-modal-footer{width:100%;margin:0;box-sizing:border-box;flex-shrink:0}.common-modal header{background-color:var(--modal-header);padding-left:20px;padding-right:20px}.common-modal header .mantine-Modal-title{font-size:var(--font-size-md);color:var(--toggle-icon);font-weight:600}.common-modal header button.mantine-Modal-close{border:2px solid var(--active-color);border-radius:50%;color:var(--active-color)}.common-modal .school-modal-scroll-body{max-height:calc(90vh - 150px);overflow-y:auto;flex:1;min-height:0;padding-right:4px}.common-modal .mantine-TextInput-input:disabled,.common-modal .mantine-TextInput-input[data-disabled=true]{background-color:var(--secondry-sixty)!important;color:var(--body-color)!important;opacity:1!important;cursor:not-allowed}form.add-school-form,form.add-section-form,form.edit-school-password-form,form.school-contact-form{padding:0!important}form.add-school-form .add-school-section-divider,form.add-section-form .add-school-section-divider,form.edit-school-password-form .add-school-section-divider,form.school-contact-form .add-school-section-divider{width:100%;border-top:1px solid var(--border-color)}form.add-school-form .mantine-InputWrapper-root .mantine-Input-input,form.add-school-form .mantine-InputWrapper-root input,form.add-school-form .mantine-InputWrapper-root textarea,form.add-school-form .mantine-PasswordInput-root .mantine-Input-input,form.add-school-form .mantine-PasswordInput-root input,form.add-school-form .mantine-PasswordInput-root textarea,form.add-school-form .mantine-Select-root .mantine-Input-input,form.add-school-form .mantine-Select-root input,form.add-school-form .mantine-Select-root textarea,form.add-school-form .mantine-TextInput-root .mantine-Input-input,form.add-school-form .mantine-TextInput-root input,form.add-school-form .mantine-TextInput-root textarea,form.add-school-form .mantine-Textarea-root .mantine-Input-input,form.add-school-form .mantine-Textarea-root input,form.add-school-form .mantine-Textarea-root textarea,form.add-section-form .mantine-InputWrapper-root .mantine-Input-input,form.add-section-form .mantine-InputWrapper-root input,form.add-section-form .mantine-InputWrapper-root textarea,form.add-section-form .mantine-PasswordInput-root .mantine-Input-input,form.add-section-form .mantine-PasswordInput-root input,form.add-section-form .mantine-PasswordInput-root textarea,form.add-section-form .mantine-Select-root .mantine-Input-input,form.add-section-form .mantine-Select-root input,form.add-section-form .mantine-Select-root textarea,form.add-section-form .mantine-TextInput-root .mantine-Input-input,form.add-section-form .mantine-TextInput-root input,form.add-section-form .mantine-TextInput-root textarea,form.add-section-form .mantine-Textarea-root .mantine-Input-input,form.add-section-form .mantine-Textarea-root input,form.add-section-form .mantine-Textarea-root textarea,form.edit-school-password-form .mantine-InputWrapper-root .mantine-Input-input,form.edit-school-password-form .mantine-InputWrapper-root input,form.edit-school-password-form .mantine-InputWrapper-root textarea,form.edit-school-password-form .mantine-PasswordInput-root .mantine-Input-input,form.edit-school-password-form .mantine-PasswordInput-root input,form.edit-school-password-form .mantine-PasswordInput-root textarea,form.edit-school-password-form .mantine-Select-root .mantine-Input-input,form.edit-school-password-form .mantine-Select-root input,form.edit-school-password-form .mantine-Select-root textarea,form.edit-school-password-form .mantine-TextInput-root .mantine-Input-input,form.edit-school-password-form .mantine-TextInput-root input,form.edit-school-password-form .mantine-TextInput-root textarea,form.edit-school-password-form .mantine-Textarea-root .mantine-Input-input,form.edit-school-password-form .mantine-Textarea-root input,form.edit-school-password-form .mantine-Textarea-root textarea,form.school-contact-form .mantine-InputWrapper-root .mantine-Input-input,form.school-contact-form .mantine-InputWrapper-root input,form.school-contact-form .mantine-InputWrapper-root textarea,form.school-contact-form .mantine-PasswordInput-root .mantine-Input-input,form.school-contact-form .mantine-PasswordInput-root input,form.school-contact-form .mantine-PasswordInput-root textarea,form.school-contact-form .mantine-Select-root .mantine-Input-input,form.school-contact-form .mantine-Select-root input,form.school-contact-form .mantine-Select-root textarea,form.school-contact-form .mantine-TextInput-root .mantine-Input-input,form.school-contact-form .mantine-TextInput-root input,form.school-contact-form .mantine-TextInput-root textarea,form.school-contact-form .mantine-Textarea-root .mantine-Input-input,form.school-contact-form .mantine-Textarea-root input,form.school-contact-form .mantine-Textarea-root textarea{border:1px solid var(--border-color);background-color:var(--white-color);transition:border-color .2s ease,outline .2s ease}form.add-school-form .mantine-InputWrapper-root .mantine-Input-input:focus,form.add-school-form .mantine-InputWrapper-root .mantine-Input-input:focus-visible,form.add-school-form .mantine-InputWrapper-root input:focus,form.add-school-form .mantine-InputWrapper-root input:focus-visible,form.add-school-form .mantine-InputWrapper-root textarea:focus,form.add-school-form .mantine-InputWrapper-root textarea:focus-visible,form.add-school-form .mantine-PasswordInput-root .mantine-Input-input:focus,form.add-school-form .mantine-PasswordInput-root .mantine-Input-input:focus-visible,form.add-school-form .mantine-PasswordInput-root input:focus,form.add-school-form .mantine-PasswordInput-root input:focus-visible,form.add-school-form .mantine-PasswordInput-root textarea:focus,form.add-school-form .mantine-PasswordInput-root textarea:focus-visible,form.add-school-form .mantine-Select-root .mantine-Input-input:focus,form.add-school-form .mantine-Select-root .mantine-Input-input:focus-visible,form.add-school-form .mantine-Select-root input:focus,form.add-school-form .mantine-Select-root input:focus-visible,form.add-school-form .mantine-Select-root textarea:focus,form.add-school-form .mantine-Select-root textarea:focus-visible,form.add-school-form .mantine-TextInput-root .mantine-Input-input:focus,form.add-school-form .mantine-TextInput-root .mantine-Input-input:focus-visible,form.add-school-form .mantine-TextInput-root input:focus,form.add-school-form .mantine-TextInput-root input:focus-visible,form.add-school-form .mantine-TextInput-root textarea:focus,form.add-school-form .mantine-TextInput-root textarea:focus-visible,form.add-school-form .mantine-Textarea-root .mantine-Input-input:focus,form.add-school-form .mantine-Textarea-root .mantine-Input-input:focus-visible,form.add-school-form .mantine-Textarea-root input:focus,form.add-school-form .mantine-Textarea-root input:focus-visible,form.add-school-form .mantine-Textarea-root textarea:focus,form.add-school-form .mantine-Textarea-root textarea:focus-visible,form.add-section-form .mantine-InputWrapper-root .mantine-Input-input:focus,form.add-section-form .mantine-InputWrapper-root .mantine-Input-input:focus-visible,form.add-section-form .mantine-InputWrapper-root input:focus,form.add-section-form .mantine-InputWrapper-root input:focus-visible,form.add-section-form .mantine-InputWrapper-root textarea:focus,form.add-section-form .mantine-InputWrapper-root textarea:focus-visible,form.add-section-form .mantine-PasswordInput-root .mantine-Input-input:focus,form.add-section-form .mantine-PasswordInput-root .mantine-Input-input:focus-visible,form.add-section-form .mantine-PasswordInput-root input:focus,form.add-section-form .mantine-PasswordInput-root input:focus-visible,form.add-section-form .mantine-PasswordInput-root textarea:focus,form.add-section-form .mantine-PasswordInput-root textarea:focus-visible,form.add-section-form .mantine-Select-root .mantine-Input-input:focus,form.add-section-form .mantine-Select-root .mantine-Input-input:focus-visible,form.add-section-form .mantine-Select-root input:focus,form.add-section-form .mantine-Select-root input:focus-visible,form.add-section-form .mantine-Select-root textarea:focus,form.add-section-form .mantine-Select-root textarea:focus-visible,form.add-section-form .mantine-TextInput-root .mantine-Input-input:focus,form.add-section-form .mantine-TextInput-root .mantine-Input-input:focus-visible,form.add-section-form .mantine-TextInput-root input:focus,form.add-section-form .mantine-TextInput-root input:focus-visible,form.add-section-form .mantine-TextInput-root textarea:focus,form.add-section-form .mantine-TextInput-root textarea:focus-visible,form.add-section-form .mantine-Textarea-root .mantine-Input-input:focus,form.add-section-form .mantine-Textarea-root .mantine-Input-input:focus-visible,form.add-section-form .mantine-Textarea-root input:focus,form.add-section-form .mantine-Textarea-root input:focus-visible,form.add-section-form .mantine-Textarea-root textarea:focus,form.add-section-form .mantine-Textarea-root textarea:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root .mantine-Input-input:focus,form.edit-school-password-form .mantine-InputWrapper-root .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root input:focus,form.edit-school-password-form .mantine-InputWrapper-root input:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root textarea:focus,form.edit-school-password-form .mantine-InputWrapper-root textarea:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root .mantine-Input-input:focus,form.edit-school-password-form .mantine-PasswordInput-root .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root input:focus,form.edit-school-password-form .mantine-PasswordInput-root input:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root textarea:focus,form.edit-school-password-form .mantine-PasswordInput-root textarea:focus-visible,form.edit-school-password-form .mantine-Select-root .mantine-Input-input:focus,form.edit-school-password-form .mantine-Select-root .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-Select-root input:focus,form.edit-school-password-form .mantine-Select-root input:focus-visible,form.edit-school-password-form .mantine-Select-root textarea:focus,form.edit-school-password-form .mantine-Select-root textarea:focus-visible,form.edit-school-password-form .mantine-TextInput-root .mantine-Input-input:focus,form.edit-school-password-form .mantine-TextInput-root .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-TextInput-root input:focus,form.edit-school-password-form .mantine-TextInput-root input:focus-visible,form.edit-school-password-form .mantine-TextInput-root textarea:focus,form.edit-school-password-form .mantine-TextInput-root textarea:focus-visible,form.edit-school-password-form .mantine-Textarea-root .mantine-Input-input:focus,form.edit-school-password-form .mantine-Textarea-root .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-Textarea-root input:focus,form.edit-school-password-form .mantine-Textarea-root input:focus-visible,form.edit-school-password-form .mantine-Textarea-root textarea:focus,form.edit-school-password-form .mantine-Textarea-root textarea:focus-visible,form.school-contact-form .mantine-InputWrapper-root .mantine-Input-input:focus,form.school-contact-form .mantine-InputWrapper-root .mantine-Input-input:focus-visible,form.school-contact-form .mantine-InputWrapper-root input:focus,form.school-contact-form .mantine-InputWrapper-root input:focus-visible,form.school-contact-form .mantine-InputWrapper-root textarea:focus,form.school-contact-form .mantine-InputWrapper-root textarea:focus-visible,form.school-contact-form .mantine-PasswordInput-root .mantine-Input-input:focus,form.school-contact-form .mantine-PasswordInput-root .mantine-Input-input:focus-visible,form.school-contact-form .mantine-PasswordInput-root input:focus,form.school-contact-form .mantine-PasswordInput-root input:focus-visible,form.school-contact-form .mantine-PasswordInput-root textarea:focus,form.school-contact-form .mantine-PasswordInput-root textarea:focus-visible,form.school-contact-form .mantine-Select-root .mantine-Input-input:focus,form.school-contact-form .mantine-Select-root .mantine-Input-input:focus-visible,form.school-contact-form .mantine-Select-root input:focus,form.school-contact-form .mantine-Select-root input:focus-visible,form.school-contact-form .mantine-Select-root textarea:focus,form.school-contact-form .mantine-Select-root textarea:focus-visible,form.school-contact-form .mantine-TextInput-root .mantine-Input-input:focus,form.school-contact-form .mantine-TextInput-root .mantine-Input-input:focus-visible,form.school-contact-form .mantine-TextInput-root input:focus,form.school-contact-form .mantine-TextInput-root input:focus-visible,form.school-contact-form .mantine-TextInput-root textarea:focus,form.school-contact-form .mantine-TextInput-root textarea:focus-visible,form.school-contact-form .mantine-Textarea-root .mantine-Input-input:focus,form.school-contact-form .mantine-Textarea-root .mantine-Input-input:focus-visible,form.school-contact-form .mantine-Textarea-root input:focus,form.school-contact-form .mantine-Textarea-root input:focus-visible,form.school-contact-form .mantine-Textarea-root textarea:focus,form.school-contact-form .mantine-Textarea-root textarea:focus-visible{border-color:var(--active-color)!important;outline:none}form.add-school-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input,form.add-school-form .mantine-InputWrapper-root[data-error=true] input,form.add-school-form .mantine-InputWrapper-root[data-error=true] textarea,form.add-school-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input,form.add-school-form .mantine-PasswordInput-root[data-error=true] input,form.add-school-form .mantine-PasswordInput-root[data-error=true] textarea,form.add-school-form .mantine-Select-root[data-error=true] .mantine-Input-input,form.add-school-form .mantine-Select-root[data-error=true] input,form.add-school-form .mantine-Select-root[data-error=true] textarea,form.add-school-form .mantine-TextInput-root[data-error=true] .mantine-Input-input,form.add-school-form .mantine-TextInput-root[data-error=true] input,form.add-school-form .mantine-TextInput-root[data-error=true] textarea,form.add-school-form .mantine-Textarea-root[data-error=true] .mantine-Input-input,form.add-school-form .mantine-Textarea-root[data-error=true] input,form.add-school-form .mantine-Textarea-root[data-error=true] textarea,form.add-section-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input,form.add-section-form .mantine-InputWrapper-root[data-error=true] input,form.add-section-form .mantine-InputWrapper-root[data-error=true] textarea,form.add-section-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input,form.add-section-form .mantine-PasswordInput-root[data-error=true] input,form.add-section-form .mantine-PasswordInput-root[data-error=true] textarea,form.add-section-form .mantine-Select-root[data-error=true] .mantine-Input-input,form.add-section-form .mantine-Select-root[data-error=true] input,form.add-section-form .mantine-Select-root[data-error=true] textarea,form.add-section-form .mantine-TextInput-root[data-error=true] .mantine-Input-input,form.add-section-form .mantine-TextInput-root[data-error=true] input,form.add-section-form .mantine-TextInput-root[data-error=true] textarea,form.add-section-form .mantine-Textarea-root[data-error=true] .mantine-Input-input,form.add-section-form .mantine-Textarea-root[data-error=true] input,form.add-section-form .mantine-Textarea-root[data-error=true] textarea,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] input,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] textarea,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] input,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] textarea,form.edit-school-password-form .mantine-Select-root[data-error=true] .mantine-Input-input,form.edit-school-password-form .mantine-Select-root[data-error=true] input,form.edit-school-password-form .mantine-Select-root[data-error=true] textarea,form.edit-school-password-form .mantine-TextInput-root[data-error=true] .mantine-Input-input,form.edit-school-password-form .mantine-TextInput-root[data-error=true] input,form.edit-school-password-form .mantine-TextInput-root[data-error=true] textarea,form.edit-school-password-form .mantine-Textarea-root[data-error=true] .mantine-Input-input,form.edit-school-password-form .mantine-Textarea-root[data-error=true] input,form.edit-school-password-form .mantine-Textarea-root[data-error=true] textarea,form.school-contact-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input,form.school-contact-form .mantine-InputWrapper-root[data-error=true] input,form.school-contact-form .mantine-InputWrapper-root[data-error=true] textarea,form.school-contact-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input,form.school-contact-form .mantine-PasswordInput-root[data-error=true] input,form.school-contact-form .mantine-PasswordInput-root[data-error=true] textarea,form.school-contact-form .mantine-Select-root[data-error=true] .mantine-Input-input,form.school-contact-form .mantine-Select-root[data-error=true] input,form.school-contact-form .mantine-Select-root[data-error=true] textarea,form.school-contact-form .mantine-TextInput-root[data-error=true] .mantine-Input-input,form.school-contact-form .mantine-TextInput-root[data-error=true] input,form.school-contact-form .mantine-TextInput-root[data-error=true] textarea,form.school-contact-form .mantine-Textarea-root[data-error=true] .mantine-Input-input,form.school-contact-form .mantine-Textarea-root[data-error=true] input,form.school-contact-form .mantine-Textarea-root[data-error=true] textarea{border:1px solid var(--error-color)!important;outline:3px solid var(--error-outline-color);--input-placeholder-color:var(--text-color)}form.add-school-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus,form.add-school-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus-visible,form.add-school-form .mantine-InputWrapper-root[data-error=true] input:focus,form.add-school-form .mantine-InputWrapper-root[data-error=true] input:focus-visible,form.add-school-form .mantine-InputWrapper-root[data-error=true] textarea:focus,form.add-school-form .mantine-InputWrapper-root[data-error=true] textarea:focus-visible,form.add-school-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus,form.add-school-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus-visible,form.add-school-form .mantine-PasswordInput-root[data-error=true] input:focus,form.add-school-form .mantine-PasswordInput-root[data-error=true] input:focus-visible,form.add-school-form .mantine-PasswordInput-root[data-error=true] textarea:focus,form.add-school-form .mantine-PasswordInput-root[data-error=true] textarea:focus-visible,form.add-school-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus,form.add-school-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus-visible,form.add-school-form .mantine-Select-root[data-error=true] input:focus,form.add-school-form .mantine-Select-root[data-error=true] input:focus-visible,form.add-school-form .mantine-Select-root[data-error=true] textarea:focus,form.add-school-form .mantine-Select-root[data-error=true] textarea:focus-visible,form.add-school-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus,form.add-school-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus-visible,form.add-school-form .mantine-TextInput-root[data-error=true] input:focus,form.add-school-form .mantine-TextInput-root[data-error=true] input:focus-visible,form.add-school-form .mantine-TextInput-root[data-error=true] textarea:focus,form.add-school-form .mantine-TextInput-root[data-error=true] textarea:focus-visible,form.add-school-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus,form.add-school-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus-visible,form.add-school-form .mantine-Textarea-root[data-error=true] input:focus,form.add-school-form .mantine-Textarea-root[data-error=true] input:focus-visible,form.add-school-form .mantine-Textarea-root[data-error=true] textarea:focus,form.add-school-form .mantine-Textarea-root[data-error=true] textarea:focus-visible,form.add-section-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus,form.add-section-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus-visible,form.add-section-form .mantine-InputWrapper-root[data-error=true] input:focus,form.add-section-form .mantine-InputWrapper-root[data-error=true] input:focus-visible,form.add-section-form .mantine-InputWrapper-root[data-error=true] textarea:focus,form.add-section-form .mantine-InputWrapper-root[data-error=true] textarea:focus-visible,form.add-section-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus,form.add-section-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus-visible,form.add-section-form .mantine-PasswordInput-root[data-error=true] input:focus,form.add-section-form .mantine-PasswordInput-root[data-error=true] input:focus-visible,form.add-section-form .mantine-PasswordInput-root[data-error=true] textarea:focus,form.add-section-form .mantine-PasswordInput-root[data-error=true] textarea:focus-visible,form.add-section-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus,form.add-section-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus-visible,form.add-section-form .mantine-Select-root[data-error=true] input:focus,form.add-section-form .mantine-Select-root[data-error=true] input:focus-visible,form.add-section-form .mantine-Select-root[data-error=true] textarea:focus,form.add-section-form .mantine-Select-root[data-error=true] textarea:focus-visible,form.add-section-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus,form.add-section-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus-visible,form.add-section-form .mantine-TextInput-root[data-error=true] input:focus,form.add-section-form .mantine-TextInput-root[data-error=true] input:focus-visible,form.add-section-form .mantine-TextInput-root[data-error=true] textarea:focus,form.add-section-form .mantine-TextInput-root[data-error=true] textarea:focus-visible,form.add-section-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus,form.add-section-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus-visible,form.add-section-form .mantine-Textarea-root[data-error=true] input:focus,form.add-section-form .mantine-Textarea-root[data-error=true] input:focus-visible,form.add-section-form .mantine-Textarea-root[data-error=true] textarea:focus,form.add-section-form .mantine-Textarea-root[data-error=true] textarea:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] input:focus,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] input:focus-visible,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] textarea:focus,form.edit-school-password-form .mantine-InputWrapper-root[data-error=true] textarea:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] input:focus,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] input:focus-visible,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] textarea:focus,form.edit-school-password-form .mantine-PasswordInput-root[data-error=true] textarea:focus-visible,form.edit-school-password-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus,form.edit-school-password-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-Select-root[data-error=true] input:focus,form.edit-school-password-form .mantine-Select-root[data-error=true] input:focus-visible,form.edit-school-password-form .mantine-Select-root[data-error=true] textarea:focus,form.edit-school-password-form .mantine-Select-root[data-error=true] textarea:focus-visible,form.edit-school-password-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus,form.edit-school-password-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-TextInput-root[data-error=true] input:focus,form.edit-school-password-form .mantine-TextInput-root[data-error=true] input:focus-visible,form.edit-school-password-form .mantine-TextInput-root[data-error=true] textarea:focus,form.edit-school-password-form .mantine-TextInput-root[data-error=true] textarea:focus-visible,form.edit-school-password-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus,form.edit-school-password-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus-visible,form.edit-school-password-form .mantine-Textarea-root[data-error=true] input:focus,form.edit-school-password-form .mantine-Textarea-root[data-error=true] input:focus-visible,form.edit-school-password-form .mantine-Textarea-root[data-error=true] textarea:focus,form.edit-school-password-form .mantine-Textarea-root[data-error=true] textarea:focus-visible,form.school-contact-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus,form.school-contact-form .mantine-InputWrapper-root[data-error=true] .mantine-Input-input:focus-visible,form.school-contact-form .mantine-InputWrapper-root[data-error=true] input:focus,form.school-contact-form .mantine-InputWrapper-root[data-error=true] input:focus-visible,form.school-contact-form .mantine-InputWrapper-root[data-error=true] textarea:focus,form.school-contact-form .mantine-InputWrapper-root[data-error=true] textarea:focus-visible,form.school-contact-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus,form.school-contact-form .mantine-PasswordInput-root[data-error=true] .mantine-Input-input:focus-visible,form.school-contact-form .mantine-PasswordInput-root[data-error=true] input:focus,form.school-contact-form .mantine-PasswordInput-root[data-error=true] input:focus-visible,form.school-contact-form .mantine-PasswordInput-root[data-error=true] textarea:focus,form.school-contact-form .mantine-PasswordInput-root[data-error=true] textarea:focus-visible,form.school-contact-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus,form.school-contact-form .mantine-Select-root[data-error=true] .mantine-Input-input:focus-visible,form.school-contact-form .mantine-Select-root[data-error=true] input:focus,form.school-contact-form .mantine-Select-root[data-error=true] input:focus-visible,form.school-contact-form .mantine-Select-root[data-error=true] textarea:focus,form.school-contact-form .mantine-Select-root[data-error=true] textarea:focus-visible,form.school-contact-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus,form.school-contact-form .mantine-TextInput-root[data-error=true] .mantine-Input-input:focus-visible,form.school-contact-form .mantine-TextInput-root[data-error=true] input:focus,form.school-contact-form .mantine-TextInput-root[data-error=true] input:focus-visible,form.school-contact-form .mantine-TextInput-root[data-error=true] textarea:focus,form.school-contact-form .mantine-TextInput-root[data-error=true] textarea:focus-visible,form.school-contact-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus,form.school-contact-form .mantine-Textarea-root[data-error=true] .mantine-Input-input:focus-visible,form.school-contact-form .mantine-Textarea-root[data-error=true] input:focus,form.school-contact-form .mantine-Textarea-root[data-error=true] input:focus-visible,form.school-contact-form .mantine-Textarea-root[data-error=true] textarea:focus,form.school-contact-form .mantine-Textarea-root[data-error=true] textarea:focus-visible{border-color:var(--error-color)!important;outline:3px solid var(--error-outline-color)}form.add-school-form .b2b-select-error .react-select__control,form.add-section-form .b2b-select-error .react-select__control,form.edit-school-password-form .b2b-select-error .react-select__control,form.school-contact-form .b2b-select-error .react-select__control{border:1px solid var(--error-color)!important;outline:3px solid var(--error-outline-color);box-shadow:none!important}.add-unit-grade-radios input[type=radio]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;position:relative!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:1.5px solid var(--toggle-border)!important;border-radius:50%!important;background-color:var(--modal-header)!important;background-image:none!important;box-shadow:none!important;outline:none!important;cursor:pointer;flex-shrink:0;display:inline-block!important;vertical-align:middle;box-sizing:border-box!important;transition:border-color .15s ease,border-width .15s ease,background-color .15s ease}.add-unit-grade-radios input[type=radio]:after,.add-unit-grade-radios input[type=radio]:before{content:none!important;display:none!important}.add-unit-grade-radios input[type=radio]:checked{border:2px solid var(--active-color)!important;background-color:var(--white-color)!important}.add-unit-grade-radios input[type=radio]:checked:after{content:""!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;width:8px!important;height:8px!important;margin:0!important;border:none!important;border-radius:50%!important;background:var(--active-color)!important;box-shadow:none!important;transform:translate(-50%,-50%)!important}.add-unit-grade-radios input[type=radio]:focus,.add-unit-grade-radios input[type=radio]:focus-visible{outline:none!important;box-shadow:none!important}.add-unit-grade-radios .mantine-Radio-icon,.add-unit-grade-radios .mantine-Radio-inner svg,.add-unit-grade-radios [class*=Radio-icon]{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important}.add-unit-grade-radios .mantine-Radio-body,.add-unit-grade-radios [class*=Radio-body]{align-items:center!important;gap:0}.add-unit-grade-radios .mantine-Radio-inner,.add-unit-grade-radios [class*=Radio-inner]{width:18px!important;height:18px!important;align-self:center;display:flex;align-items:center;justify-content:center}.add-unit-grade-radios .mantine-Radio-label,.add-unit-grade-radios [class*=Radio-label]{font-size:14px;font-weight:400;color:#64748b;padding-left:8px;line-height:18px;cursor:pointer}.add-unit-grade-radios .mantine-Radio-root,.add-unit-grade-radios [class*=Radio-root]{cursor:pointer}.common-modal .summary-input{position:relative}.common-modal .summary-input textarea{padding-top:70px}.common-modal .summary-input .mantine-Tabs-list{display:flex;gap:10px;position:absolute;z-index:2;top:15px;min-height:40px;padding:5px 15px}.common-modal .summary-input .mantine-Tabs-list:before{display:none}.common-modal .summary-input .mantine-Tabs-list button{background-color:var(--tab-color);color:var(--toggle-icon);padding:8px 16px;border-radius:8px;min-width:80px;box-shadow:var(--box-shadow4)}.common-modal .summary-input .mantine-Tabs-list button[data-active=true]{border:0;background-color:var(--toggle-icon);color:var(--white-color)}.delete-modal .mantine-Modal-content{overflow:hidden}.delete-modal .mantine-Modal-body{padding:0}.delete-modal .mantine-Modal-body .modal-body{height:300px;overflow-x:hidden;overflow-y:auto;place-content:center}.thumbnail-view-image{width:150px;height:90px;overflow:hidden;flex-shrink:0;border-radius:10px;border:1px solid var(--border-color)}.thumbnail-view-image .mantine-Image-root,.thumbnail-view-image img{width:100%;height:100%;object-fit:cover}.modal-image-view header{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;right:10px;top:10px;background-color:var(--modal-header);min-height:auto;border-radius:50%;box-shadow:none;transition:all .3s ease-in-out;border:1px solid var(--active-color)}.modal-image-view header button{margin-left:0;width:50px;height:50px;border-radius:50%;color:var(--active-color)}.modal-image-view header button:hover{background-color:rgba(0,0,0,0)!important}.modal-image-view header button:focus-visible{outline:rgba(0,0,0,0)}.delete-item{background-color:var(--ivory-glow-color);border:1px solid var(--perl-white);border-radius:var(--radius-lg);width:100%;padding:16px;box-shadow:var(--box-shadow1);display:flex;flex-direction:column;min-width:0;justify-content:center;gap:8px;margin-bottom:16px}.custom-card{width:100%;max-width:354px;border:1px solid rgba(0,0,0,0);transition:all .3s ease-in-out;margin-bottom:var(--spacing-lg);background-color:var(--sidebar-bg);height:auto}@media(max-width:36em){.custom-card{flex-direction:column!important;height:auto}}.custom-card div .card-content,.custom-card div .card-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-height:2.5em;line-height:1em;text-transform:capitalize}.custom-card div .card-content{min-height:2.5em}.custom-card .card-image{box-shadow:var(--box-shadow3);border-radius:var(--radius-24);border:3px solid rgba(0,0,0,0);transition:all .3s ease-in-out}@media(max-width:36em){.custom-card .card-image img{width:100%!important;height:180px}}.custom-card .badge-hover{border:1px solid rgba(0,0,0,0);transition:all .3s ease-in-out}.custom-card:hover{box-shadow:var(--box-shadow3)!important;background-color:var(--white-color)!important;border:1px solid var(--border-color)!important}.custom-card:hover .card-image{border:3px solid var(--active-color)!important;box-shadow:none}.custom-card:hover .card-content,.custom-card:hover div p{color:var(--body-color)!important}.custom-card:hover .badge-hover{border:1px solid var(--border-color);background-color:var(--white-color)}@media screen and (max-width:1399px){.horizontal-card{flex-direction:column!important}}.horizontal-card div p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5em}@media(max-width:88em){.horizontal-card{flex-wrap:wrap}}@media(max-width:36em){.horizontal-card{flex-wrap:wrap}}.horizontal-card .content,.horizontal-card .heading,.horizontal-card img{transition:all .3s ease-in-out}.horizontal-card img{box-shadow:var(--box-shadow3)}@media(max-width:88em){.horizontal-card img{width:100%!important;height:auto!important;max-width:100%!important}}@media(max-width:36em){.horizontal-card img{width:100%!important;height:auto!important;margin:0!important;border-radius:var(--radius-md)!important}}.horizontal-card:hover{background-color:var(--white-color);border:none}.horizontal-card:hover .heading{color:var(--active-color)!important}.horizontal-card:hover .content{color:var(--body-color)!important}.horizontal-card:hover img{border-color:var(--active-color)!important;box-shadow:none}.common-tab>div{gap:var(--spacing-12);padding-bottom:var(--spacing-md)}.common-tab>div:before{border-color:var(--toggle-border)}.common-tab>div button.tab-button{background-color:var(--tab-color);color:var(--toggle-icon);border-radius:var(--radius-full);box-shadow:none;border:none}.common-tab>div button.tab-button:hover{box-shadow:none;outline:none;background-color:var(--tab-color)}.common-tab>div button.tab-button[data-active=true]{border-color:rgba(0,0,0,0);background-color:var(--toggle-icon);color:var(--white-color);box-shadow:var(--box-shadow4)}.modal-tab>div:before{content:none}.menu-item-content{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);padding:0;line-height:1.3}.menu-item-content .mantine-Text-root,.menu-item-content p{white-space:nowrap;line-height:1.3}.menu-item-content svg{flex-shrink:0;width:18px;height:18px}.mantine-Menu-dropdown{padding:4px!important}.mantine-Menu-dropdown .mantine-Menu-item{padding:6px 10px!important;min-height:32px!important;font-size:14px!important;line-height:1.3!important;border-radius:8px}.mantine-Menu-dropdown .mantine-Menu-item .mantine-Menu-itemSection{margin-inline-end:8px}.mantine-Menu-dropdown .mantine-Menu-item .mantine-Menu-itemLabel{line-height:1.3}.mantine-Menu-dropdown.sidebar-user-menu,.sidebar-user-menu.mantine-Menu-dropdown{padding:8px!important}.mantine-Menu-dropdown.sidebar-user-menu .mantine-Menu-item,.sidebar-user-menu.mantine-Menu-dropdown .mantine-Menu-item{padding:10px 12px!important;min-height:40px!important}span.lesson-count{min-width:40px;height:32px;align-items:center;background-color:var(--toggle-icon);display:inline-flex;color:var(--white-color);justify-content:center;border-radius:6px;margin-inline-start:50px;cursor:pointer}.school-grade-status,.status-dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;width:fit-content;min-width:100px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.4;cursor:pointer}.school-grade-status.active,.status-dropdown-trigger[data-status=active]{background-color:var(--status-active);color:var(--status-color)}.school-grade-status.inactive,.status-dropdown-trigger[data-status=inactive]{background-color:var(--error-outline-color);color:var(--error-color)}.school-grade-status.readonly,.status-dropdown-trigger[data-status=readonly]{background-color:var(--status-readonly-bg);color:var(--status-readonly-color);border:1px solid var(--status-readonly-border)}.school-contacts-table .school-grade-status.inactive,.school-contacts-table .status-dropdown-trigger[data-status=inactive],.school-coordinator-access-table .school-grade-status.inactive,.school-coordinator-access-table .status-dropdown-trigger[data-status=inactive],.school-details-page .school-grade-status.inactive,.school-details-page .status-dropdown-trigger[data-status=inactive],.school-details-tabs-panel .school-grade-status.inactive,.school-details-tabs-panel .status-dropdown-trigger[data-status=inactive],.school-grades-accordion .school-grade-status.inactive,.school-grades-accordion .status-dropdown-trigger[data-status=inactive],.school-grades-table .school-grade-status.inactive,.school-grades-table .status-dropdown-trigger[data-status=inactive],.school-management-page .school-grade-status.inactive,.school-management-page .status-dropdown-trigger[data-status=inactive],.school-portal-contacts-page .school-grade-status.inactive,.school-portal-contacts-page .status-dropdown-trigger[data-status=inactive],.school-portal-grades-page .school-grade-status.inactive,.school-portal-grades-page .status-dropdown-trigger[data-status=inactive]{background-color:var(--status-inactive-bg);color:var(--status-inactive-color);border:1px solid var(--status-inactive-border)}.school-contacts-table .school-grade-status.readonly,.school-contacts-table .status-dropdown-trigger[data-status=readonly],.school-coordinator-access-table .school-grade-status.readonly,.school-coordinator-access-table .status-dropdown-trigger[data-status=readonly],.school-details-page .school-grade-status.readonly,.school-details-page .status-dropdown-trigger[data-status=readonly],.school-details-tabs-panel .school-grade-status.readonly,.school-details-tabs-panel .status-dropdown-trigger[data-status=readonly],.school-grades-accordion .school-grade-status.readonly,.school-grades-accordion .status-dropdown-trigger[data-status=readonly],.school-grades-table .school-grade-status.readonly,.school-grades-table .status-dropdown-trigger[data-status=readonly],.school-management-page .school-grade-status.readonly,.school-management-page .status-dropdown-trigger[data-status=readonly],.school-portal-contacts-page .school-grade-status.readonly,.school-portal-contacts-page .status-dropdown-trigger[data-status=readonly],.school-portal-grades-page .school-grade-status.readonly,.school-portal-grades-page .status-dropdown-trigger[data-status=readonly]{background-color:var(--status-readonly-bg);color:var(--status-readonly-color);border:1px solid var(--status-readonly-border)}.status-dropdown-trigger[data-variant=neutral],.status-dropdown-trigger[data-variant=neutral][data-status=active],.status-dropdown-trigger[data-variant=neutral][data-status=inactive]{min-width:96px;padding:8px 16px;border-radius:999px;background-color:#eef2f6;color:#475569;border:1px solid #e2e8f0;font-size:14px;font-weight:500;box-shadow:none}.lesson-status-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;background-color:#f8fafc;border-radius:14px}.lesson-status-panel__label{flex-shrink:0;font-size:14px;font-weight:400;line-height:1.4;color:#64748b}.lesson-preview-panel{justify-content:flex-end}.lesson-preview-btn{height:36px;padding-inline:20px;border-color:#ff9a00!important;color:#ff9a00!important;background-color:#fff!important;font-size:14px;font-weight:500}.lesson-preview-btn:hover{background-color:#fff7ed!important}.tox-dialog__body-nav div[role=tab]:nth-last-child(2),.tox-dialog__body-nav div[role=tab]:nth-last-child(3),div[role=tablist].tox-dialog__body-nav{display:none}.tox .tox-control-wrap{min-width:448px;position:relative}.tox .tox-control-wrap input{height:60px}.tox .tox-form__controls-h-stack{position:relative}.tox-browse-url{position:absolute!important;left:0;height:60px!important;width:448px!important;margin-left:0!important;display:flex!important;justify-content:center;align-items:center;background:#fff!important;border:1px solid #ccc!important}.hidden{display:none!important}.arrow-back{background-color:var(--modal-header);border-radius:var(--radius-lg);border:none!important}.arrow-back>span{gap:var(--spacing-sm)}.user-details-card{overflow:visible}.user-details-card .card-header .user-status{position:absolute;left:-20px;top:20px;z-index:1;text-transform:capitalize;border-radius:var(--radius-lg)}.user-details-card .card-header .user-status.active{color:var(--status-color);background-color:var(--status-active)}.user-details-card .card-header .user-status.inactive{color:var(--error-color);background-color:var(--error-outline-color)}.user-details-card .card-header>div{border:2px solid var(--border-color1);border-radius:var(--radius-full)}.user-details-card .card-body .group{display:flex;flex-direction:column}.user-details-card .card-body .group .icon-group{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.user-details-card .card-body .group strong{color:var(--text-color)}.school-portal-page-header{margin-bottom:28px}.school-portal-page-header-divider{width:100%;margin-top:4px;border-bottom:1px solid var(--border-color)}.school-details-page{width:100%;overflow:visible}.school-role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1.4;color:#008e98;background-color:#ebfbff;white-space:nowrap}.school-details-grid{overflow:visible}.school-profile-col{overflow:visible;padding-left:20px}.school-profile-card{border:1px solid var(--border-color);box-shadow:var(--box-shadow3);background:var(--white-color);overflow:visible;position:relative;width:100%}.school-profile-card .school-profile-header{background-color:var(--modal-header);text-align:center;border-radius:24px 24px 0 0;position:relative;border-radius:var(--radius-xl)}.school-profile-card .school-status-badge,.school-profile-card .school-status-badge-wrap{position:absolute;left:-20px;top:20px;z-index:1}.school-profile-card .school-status-badge{border-radius:var(--radius-lg);text-transform:capitalize}.school-profile-card .school-status-badge.active{color:var(--status-color);background-color:var(--status-active)}.school-profile-card .school-status-badge.inactive{color:var(--error-color);background-color:var(--error-outline-color)}.school-profile-card .school-edit-btn{position:absolute;right:12px;top:12px;z-index:100;cursor:pointer;pointer-events:auto;background-color:var(--white-color)}.school-profile-card .school-avatar{border:3px solid var(--white-color);box-shadow:0 2px 8px rgba(8,16,33,.08)}.school-profile-card .school-profile-body{background:var(--white-color);border-radius:0 0 24px 24px}.school-profile-card .school-info-icon{flex-shrink:0;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center}.school-profile-card .school-access-badge{display:inline-block;padding:3px 12px;border-radius:16px;font-size:12px;font-weight:600;line-height:1.4}.school-profile-card .school-edit-password-btn{border:1px solid var(--active-color)!important;color:var(--active-color)!important;background:rgba(0,0,0,0)!important;border-radius:9999px!important;font-weight:500;min-height:36px;padding-inline:18px}.school-profile-card .school-edit-password-btn .mantine-Button-section{color:var(--active-color)}.school-profile-card .school-edit-password-btn:hover{background-color:rgba(255,154,0,.08)!important;border-color:var(--active-color)!important;color:var(--active-color)!important}.additional-contact-section{border:1px solid var(--border-color);border-radius:12px;padding:16px 16px 18px;background:var(--white-color);overflow:visible}.additional-contact-section .additional-contact-save-link{flex-shrink:0}.additional-contact-section .additional-contact-save-link:hover{opacity:.85}.additional-contact-section .additional-contact-list{overflow:visible;padding-top:10px}.additional-contact-section .additional-contact-card{position:relative;padding:16px 18px 14px;border-radius:10px;background:#fff8ee;border:1px solid #f3e6d4;overflow:visible}.additional-contact-section .additional-contact-actions{position:absolute;top:-12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:0;padding:3px 5px;border-radius:8px;background:var(--white-color);border:1px solid var(--border-color);box-shadow:0 2px 6px rgba(8,16,33,.08)}.additional-contact-section .additional-contact-action-btn{width:26px;height:26px;min-width:26px;min-height:26px}.additional-contact-section .additional-contact-action-btn:hover{background:rgba(0,0,0,0)!important}.additional-contact-section .additional-contact-name,.additional-contact-section .additional-contact-role{max-width:calc(100% - 72px)}.school-details-tabs-panel{width:100%;min-width:0}.school-details-tabs{display:flex;flex-wrap:wrap;gap:12px}.school-details-tab{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:9999px;border:1px solid rgba(0,0,0,0);cursor:pointer;font-size:15px;font-weight:500;line-height:1;color:var(--toggle-icon);background:var(--modal-header);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.school-details-tab:hover{border-color:var(--toggle-icon)}.school-details-tab.is-active{color:var(--white-color);background:var(--toggle-icon);border-color:rgba(0,0,0,0)}.school-details-tab.is-active:hover{border-color:var(--white-color)}.school-grades-accordion{width:100%;background:rgba(0,0,0,0);box-shadow:none}.school-grade-accordion-row,.school-grades-accordion-head{display:grid;grid-template-columns:40px minmax(120px,1.4fr) minmax(120px,1fr);align-items:center;column-gap:20px}.school-grades-accordion-head{padding:4px 14px 12px 0;border-bottom:1px solid #ece7ef}.school-grades-accordion-head .school-grades-accordion-col{font-size:13px;font-weight:600;color:var(--body-color)}.school-grades-accordion-head .toggle{width:40px}.school-grades-accordion-head .status{text-align:right;justify-self:end}.school-grade-accordion-item{border-radius:0;background:rgba(0,0,0,0);box-shadow:none;border:none;border-bottom:1px solid #ece7ef;position:relative}.school-grade-accordion-item.is-expanded{box-shadow:none}.school-grade-accordion-item:before{content:"";position:absolute;left:48px;top:0;width:1px;height:100%;background:#ece7ef}.school-grade-accordion-row{padding:14px 14px 14px 0;cursor:pointer;background:rgba(0,0,0,0)}.school-grade-accordion-row .status{justify-self:end;display:flex;justify-content:flex-end}.school-grade-chevron{width:28px;height:28px;min-width:28px;min-height:28px;border:1px solid #ddd4e6;border-radius:50%;background:rgba(0,0,0,0)}.school-grade-sections{border-top:none;background:rgba(0,0,0,0);margin-inline-start:48px}.school-section-row,.school-section-table-head{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.1fr) minmax(140px,1.2fr) minmax(100px,.9fr) 90px;align-items:center;column-gap:12px}.school-section-table-head{padding:16px;border-bottom:1px solid #ece7ef;background-color:var(--modal-header)}.school-section-table-head>*{font-size:13px;font-weight:600;color:var(--body-color)}.school-section-table-head>:last-child{text-align:right}.school-section-row{padding:16px;border-top:none;background:rgba(0,0,0,0);border-radius:0;margin-bottom:0}.school-section-row,.school-section-row:last-of-type{border-bottom:1px solid #ece7ef}.school-add-section-link{margin-top:4px}.school-add-section-link:hover{opacity:.85}.school-contacts-table,.school-coordinator-access-table{width:100%;min-width:0}.school-contacts-row,.school-contacts-table-head,.school-coordinator-access-row,.school-coordinator-access-table-head{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(140px,1.1fr) minmax(110px,.9fr) 100px;align-items:center;column-gap:12px}.school-contacts-table-head,.school-coordinator-access-table-head{padding:6px 0 10px;border-bottom:1px solid #ece7ef}.school-contacts-table-head>*,.school-coordinator-access-table-head>*{font-size:13px;font-weight:600;color:var(--body-color)}.school-contacts-table-head>:last-child,.school-coordinator-access-table-head>:last-child{text-align:right}.school-contacts-row,.school-coordinator-access-row{padding:14px 0;border-bottom:1px solid #ece7ef;background:rgba(0,0,0,0)}.school-sections-progress{width:100%;min-width:0}.school-sections-grade-tabs{display:flex;flex-wrap:wrap;gap:8px 28px;border-bottom:1px solid #ece7ef;margin-bottom:22px}.school-sections-grade-tab{appearance:none;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;padding:10px 2px 12px;cursor:pointer;font-size:14px;font-weight:500;line-height:1.3;color:var(--text-color);transition:color .2s ease,border-color .2s ease}.school-sections-grade-tab.is-active{color:var(--active-color);border-bottom-color:var(--active-color);font-weight:600}.school-sections-grade-tab:hover:not(.is-active){color:var(--body-color)}.school-sections-progress-body{display:flex;flex-direction:column;gap:28px}.school-sections-progress-heading{margin-bottom:14px}.school-sections-progress-carousel .mantine-Carousel-controls[data-orientation=horizontal]{top:calc(28% - var(--carousel-control-size)/2)}.school-sections-progress-slide .custom-card{margin-bottom:0!important}.school-rating-report-table{min-width:0}.school-rating-report-table .mantine-datatable-table{background:rgba(0,0,0,0)}.school-rating-report-table .mantine-datatable-cell[data-accessor=content_ratings],.school-rating-report-table .mantine-datatable-header-cell[data-accessor=content_ratings]{text-align:right}.school-rating-content-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;background:var(--white-color);color:var(--text-color);border:1px solid var(--border-color,#e0e0e0)}.school-rating-content-badge.is-rated{background:color-mix(in srgb,var(--toggle-icon) 12%,transparent);color:var(--toggle-icon);border-color:color-mix(in srgb,var(--toggle-icon) 35%,transparent)}.school-grades-table{background:var(--white-color);border-radius:12px}.school-grades-table.school-grades-table--portal{background:rgba(0,0,0,0)!important;border-radius:0;box-shadow:none}.school-grades-table.school-grades-table--portal .mantine-Paper-root,.school-grades-table.school-grades-table--portal .mantine-ScrollArea-root,.school-grades-table.school-grades-table--portal .mantine-ScrollArea-viewport,.school-grades-table.school-grades-table--portal .mantine-datatable,.school-grades-table.school-grades-table--portal .mantine-datatable-table,.school-grades-table.school-grades-table--portal .mantine-datatable-table tbody,.school-grades-table.school-grades-table--portal .mantine-datatable-table td,.school-grades-table.school-grades-table--portal .mantine-datatable-table th,.school-grades-table.school-grades-table--portal .mantine-datatable-table thead,.school-grades-table.school-grades-table--portal .mantine-datatable-table tr{background:rgba(0,0,0,0)!important;background-color:rgba(0,0,0,0)!important;box-shadow:none!important}.school-grades-table .mantine-datatable-table{width:100%}.school-grades-table .mantine-datatable-table td,.school-grades-table .mantine-datatable-table th{padding:14px 16px!important}.school-grades-table .mantine-datatable-table th{color:var(--body-color);font-weight:600;font-size:14px;white-space:nowrap}.school-grades-table .mantine-datatable-table td{font-size:14px}.school-grades-table th.mantine-datatable-header-cell-sortable .mantine-datatable-header-cell-sortable-group{display:inline-flex!important;width:fit-content!important;max-width:100%;gap:4px!important;justify-content:flex-start!important;align-items:center}.school-grades-table th.mantine-datatable-header-cell-sortable .mantine-datatable-header-cell-sortable-text{flex:0 0 auto!important;flex-grow:0!important;min-width:0!important}.school-grades-table .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--amethyst-glow);flex-shrink:0}.school-grades-table .mantine-ActionIcon-root{color:var(--toggle-icon)}.school-welcome-letter-shell{padding:0 20px 20px}.school-welcome-letter-logo{text-align:center;margin-bottom:16px}.school-welcome-letter{max-width:680px;margin:0 auto;color:var(--body-color);font-size:14px;line-height:1.55}.school-welcome-letter-title{margin:0 0 24px!important;text-align:center;font-size:24px!important;font-weight:700!important;color:var(--body-color)!important}.school-welcome-letter-closing{margin-top:8px;color:var(--body-color)}.school-welcome-letter-table{width:100%;border-collapse:collapse;margin:0 0 8px;font-size:14px}.school-welcome-letter-table td,.school-welcome-letter-table th{border:1px solid var(--border-color);padding:10px 14px;text-align:left;vertical-align:top;color:var(--body-color)}.school-welcome-letter-table th{background:var(--modal-header);font-weight:600}.school-welcome-letter-table a{color:var(--toggle-icon);text-decoration:underline}.school-welcome-letter-list{margin:8px 0 0;padding-left:22px;color:var(--body-color)}.school-welcome-letter-list li{margin-bottom:6px}.school-welcome-letter-notice{margin:24px 0;padding:14px 16px;background:var(--icon-box-color,#fffaf2);border-left:4px solid var(--active-color,#ff9a00);border-radius:0 10px 10px 0;color:var(--body-color)}.school-welcome-letter a{color:var(--toggle-icon);text-decoration:underline}.sidebar-logo-wrap{display:flex;align-items:end;gap:8px;padding:8px 4px 4px}.sidebar-logo-wrap .sidebar-b2b-badge{flex-shrink:0;background-color:var(--toggle-icon);color:var(--white-color);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;padding:5px 8px;border-radius:4px;text-transform:uppercase;transform:translateY(-5px)}.school-sidebar-access-wrap{padding:0 8px 8px;margin:0}.school-sidebar-access-badge{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:7px 18px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.sidebar.school-portal-sidebar .menu-list{padding-top:0}.sidebar.school-portal-sidebar .school-sidebar-support{width:100%;margin-bottom:8px;padding:16px;border-radius:16px;background:#f7f5f8;border:1px solid #efebf1;text-align:center}.sidebar.school-portal-sidebar .school-sidebar-support__message{margin-bottom:14px;font-size:13px;font-weight:500;line-height:1.5;color:#64748b}.sidebar.school-portal-sidebar .school-sidebar-support__button{height:40px;font-size:14px;font-weight:600;color:var(--white-color);background:linear-gradient(90deg,#ff9a00,#ffcd00);border:none;box-shadow:none;padding-inline:40px;margin:auto;width:max-content}.sidebar.school-portal-sidebar .school-sidebar-support__button:hover{background:linear-gradient(90deg,#ff9a00,#ffcd00);filter:brightness(1.03);color:var(--white-color)}.see-more-text{user-select:none}.see-more-text:hover{color:var(--amethyst-glow);text-decoration:none}.skillsome-loader{position:relative;display:flex;align-items:center;justify-content:center}.skillsome-loader__ring{position:absolute;inset:0;animation:skillsome-loader-spin 1.2s linear infinite}.skillsome-loader__logo{position:relative;object-fit:contain}@keyframes skillsome-loader-spin{to{transform:rotate(1turn)}}.school-learning-programs__header{padding:16px 12px 20px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.school-learning-programs__title{margin-bottom:16px;line-height:1.35}.school-learning-programs__grades{margin-bottom:0}.school-learning-programs__grade-chip{height:36px;padding:0 16px;font-size:14px;font-weight:500;color:var(--toggle-icon)!important;background:var(--modal-header)!important;border:1px solid rgba(0,0,0,0)!important;transition:border-color .15s ease}.school-learning-programs__grade-chip:hover{background:var(--modal-header)!important;border-color:var(--toggle-icon)!important}.school-learning-programs__grade-chip.is-active{color:var(--white-color)!important;background:var(--toggle-icon)!important;border-color:rgba(0,0,0,0)!important}.school-learning-programs__grade-chip.is-active:hover{background:var(--toggle-icon)!important;border-color:var(--white-color)!important}.school-learning-programs__content{padding:0 12px}.school-learning-programs__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}@media(min-width:1440px){.school-learning-programs__grid{grid-template-columns:repeat(4,1fr)!important}}.school-learning-programs__grid .custom-card{max-width:100%!important;width:100%;margin-bottom:0}.card{margin-top:48px}@media(max-width:62em){.card{margin-top:8px}}.main-layout{background:url(https://skillsome-prod-assets.s3.ap-southeast-1.amazonaws.com/assets/Onboarding_bg.png) 50%/cover no-repeat fixed}.group-list{box-shadow:var(--box-shadow3);border:1px solid var(--border-color);border-radius:var(--radius-20);cursor:pointer}.group-list .mantine-Checkbox-body div,.group-list .mantine-Radio-body div,.group-list div div{align-self:center;cursor:pointer}.group-list .mantine-Checkbox-body div:last-child,.group-list .mantine-Radio-body div:last-child,.group-list div div:last-child{flex:50%}.group-list .mantine-Checkbox-body .custom-checkbox-label,.group-list .mantine-Radio-body .custom-checkbox-label,.group-list div .custom-checkbox-label{width:100%;pointer-events:none}.group-list .mantine-Checkbox-body .custom-checkbox-label p,.group-list .mantine-Radio-body .custom-checkbox-label p,.group-list div .custom-checkbox-label p{margin:var(--spacing-md)}.group-list .mantine-Checkbox-body .custom-checkbox-input,.group-list .mantine-Radio-body .custom-checkbox-input,.group-list div .custom-checkbox-input{pointer-events:none;border-color:var(--border-color);background-color:rgba(0,0,0,0)}.group-list label{cursor:pointer;padding-block:var(--spacing-lg)}.group-list label p{margin:0}.group-list[data-checked=true]{box-shadow:var(--box-shadow1);border:1px solid var(--active-color)!important}.group-list.selected .custom-checkbox-input{border-color:var(--active-color);background-color:var(--active-color)}.onboarding-layout{transform:translate(70px)}@media(max-width:62em){.onboarding-layout{transform:scale(.7) translate(70px)}}@media(max-width:88em){.onboarding-layout{transform:scale(.7) translate(70px)}}@media(max-width:62em){.onboarding-layout{transform:translate(0);padding-top:50px;padding-bottom:50px}}.onboarding-layout .freepik-image{position:absolute;left:-18rem;bottom:-410px;transform:scaleX(-1)}@media(max-width:62em){.onboarding-layout .freepik-image{position:unset!important;transform:none;max-width:240px;max-height:240px;margin:auto}}.onboarding-layout .onbaordfirst-heading{padding-top:30px!important;height:140px}@media(max-width:62em){.onboarding-layout .onboarding-lumi-container{text-align:center}.onboarding-layout .onboarding-left-section{max-width:100%!important;justify-content:center!important;padding-left:20px}}@media(max-width:991px){.onboarding-layout{transform:translate(0);padding-top:50px;padding-bottom:50px}.onboarding-layout .freepik-image{position:absolute;left:81%;bottom:-60px;transform:none;max-width:240px;max-height:240px}.onboarding-layout .onboarding-arrow{min-height:100px}.onboarding-layout .onboarding-left-section{max-width:100%!important;justify-content:center!important;padding-left:20px}.onboarding-layout .onboarding-arrow:after,.onboarding-layout .onboarding-arrow:before{display:none}}@media(max-width:768px){.onboarding-layout .onboarding-left-section{justify-content:start!important}}.onboarding-heading{border-radius:var(--radius-xl);box-shadow:var(--box-shadow);color:var(--body-color);z-index:0;background-color:var(--white-color);min-height:100px;max-width:340px}.onboarding-arrow{padding-bottom:27px!important;min-height:200px;place-content:center}@media(max-width:62em){.onboarding-arrow{min-height:150px}}.onboarding-arrow:after,.onboarding-arrow:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-radius:0 0 28px 0}@media(max-width:62em){.onboarding-arrow:after,.onboarding-arrow:before{display:none}}.onboarding-arrow:before{border-color:rgba(0,0,0,0) rgba(119,119,119,.1803921569) rgba(0,0,0,0) rgba(0,0,0,0);border-width:120px 40px 4px 2px;transform:rotate(225deg);bottom:-95px;left:75px}.onboarding-arrow:after{border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);border-width:120px 48px 1px 5px;transform:rotate(221deg);bottom:-90px;left:70px}.heading-height .onboarding-heading{height:210px}.onboarding-remove .card{margin-top:0;border:none;padding-inline:0;box-shadow:none}@media(max-width:62em){.onboarding-remove .card{padding-top:0!important}}.radio-image{object-fit:contain;background-color:var(--border-color1);padding:4px;border-radius:var(--radius-sm)!important;position:absolute;left:12px;width:45px!important;height:45px}.checkbox-card div{--avatar-bg:transparent}.checkbox-card .checkbox-input{pointer-events:none;z-index:1}.checkbox-card .checkbox-input[data-checked=true]{display:block}.checkbox-card .checkbox-input[data-checked=true] div div input:checked{background-color:var(--active-color);border:none;border-radius:var(--radius-sm)}.checkbox-item label{color:var(--body-color)}.checkbox-item div div input{border-radius:var(--radius-sm)}.checkbox-item div div input:checked{background-color:var(--active-color);border:none}.floating-chat-button{box-shadow:0 16px 24px 0 rgba(122,86,144,.25);animation:bounce 2s infinite;transition:transform .3s;overflow:visible}.floating-chat-button:hover{transform:scale(1.1)}.chat-tabs button{background-color:var(--tab-color);color:var(--toggle-icon);padding:8px 16px;border-radius:8px;min-width:80px}.chat-tabs button[data-active=true]{border:0;background-color:var(--toggle-icon)}.chat-tabs button[data-active=true] span{color:var(--white-color)}.focus-list .focus-icon{--avatar-bg:transparent}.focus-list+p{color:var(--text-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.chat-drawer .mantine-ScrollArea-content{height:auto}.progress-status-box{gap:8px;align-items:center;flex-direction:column;background-color:var(--white-color);border-radius:16px;padding:12px;width:100%;max-width:158px;margin-left:auto}.progress-status-box .school-grade-progress-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:9999px;border:1px solid #e2d5e9;background:var(--white-color);font-size:13px;font-weight:500;color:var(--toggle-icon);line-height:1.2;white-space:nowrap}@media(max-width:768px){.progress-status-box{margin:0 auto}}.section-rating-trigger{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 16px;border-radius:9999px;border:1px solid #e5e7eb;background:var(--white-color);font-size:14px;font-weight:500;line-height:1;color:var(--body-color);flex-shrink:0;transition:border-color .15s ease,background-color .15s ease}.section-rating-trigger:hover:not(:disabled){background:var(--white-color);border-color:#d1d5db}.section-rating-trigger:disabled{opacity:1;cursor:default}.section-rating-trigger.is-rated{cursor:default;pointer-events:none}.section-rating-trigger__label{white-space:nowrap}.section-rating-trigger__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:var(--white-color);flex-shrink:0;transition:background-color .15s ease,border-color .15s ease}.section-rating-trigger__icon.is-active{border-color:rgba(0,0,0,0);background:var(--active-color)}.custom-carousel .mantine-Carousel-viewport{height:480px}@media screen and (min-width:1920px){.custom-carousel .mantine-Carousel-viewport{height:var(--carousel-height)}}@media screen and (max-width:1799px){.custom-carousel .mantine-Carousel-viewport{height:470px}}@media screen and (max-width:1499px){.custom-carousel .mantine-Carousel-viewport{height:420px}}@media screen and (max-width:1299px){.custom-carousel .mantine-Carousel-viewport{height:342px}}@media screen and (max-width:1199px){.custom-carousel .mantine-Carousel-viewport{height:400px}}@media screen and (max-width:991px){.custom-carousel .mantine-Carousel-viewport{height:420px}}@media screen and (max-width:767px){.custom-carousel .mantine-Carousel-viewport{height:auto}}.custom-carousel .mantine-Carousel-controls[data-orientation=horizontal]{top:calc(30% - var(--carousel-control-size)/2)}.custom-carousel .custom-card{width:100%!important}@media screen and (min-width:1920px){.custom-carousel .custom-card{width:auto!important}}.custom-carousel .mantine-Carousel-indicators button[data-active=true]{background-color:var(--shape-gradient)!important}.program-carousel .custom-card{margin-bottom:10px!important}.program-carousel .mantine-Carousel-controls[data-orientation=horizontal]{top:calc(20% - var(--carousel-control-size)/2)}.program-carousel .mantine-Carousel-controls button{background-color:var(--white-color);border:1px solid var(--border-color);color:var(--toggle-icon);opacity:1;box-shadow:var(--box-shadow9);min-width:2.25rem;min-height:2.25rem}.program-carousel .mantine-Carousel-controls button svg{width:20px!important;height:20px!important;color:var(--toggle-icon);stroke-width:1.5px}.program-carousel .mantine-Carousel-controls button:hover{background-color:var(--white-color);border:1px solid var(--border-color);box-shadow:var(--box-shadow);color:var(--toggle-icon)}.progress-box{margin-left:auto;margin-right:0;margin-bottom:var(--spacing-20)}@media(max-width:48em){.progress-box{margin:0 auto}}.reflection-list label{padding-block:var(--spacing-sm)}.hover-none:hover{background-color:rgba(0,0,0,0)}.hover-none:disabled{background:rgba(0,0,0,0)!important}.artical-link{text-decoration:none!important}.right-side-lesson{max-height:calc(100vh - 32px);overflow-y:auto;padding-block:24px;padding-inline-end:24px}.right-side-lesson .mantine-Carousel-root{padding-inline:0!important}@media screen and (max-width:1199px){.right-side-lesson{max-height:none;overflow-y:visible}}.right-side-lesson .mantine-Carousel-controls{display:none}@media screen and (max-width:1199px){.right-side-lesson .mantine-Carousel-controls{display:flex}}.suggetion-large-box{display:block}@media screen and (max-width:1199px){.suggetion-large-box{display:none}}.suggetion-mobile-box{display:block}@media screen and (min-width:1199px){.suggetion-mobile-box{display:none}}@media(max-width:48em){.account-page{padding-left:var(--padding-md)!important}.account-page .account-profile-header{flex-wrap:wrap;justify-content:center}}.account-page .card{box-shadow:var(--box-shadow6)}.questionaries-list .slides .card{margin-top:0;padding:25px}.questionaries-list .mantine-Carousel-controls{position:absolute;top:-40px;width:auto;right:0;justify-content:end;gap:20px}.questionaries-list .mantine-Carousel-controls button{background-color:var(--toggle-icon);border:1px solid var(--toggle-icon);opacity:1;box-shadow:var(--box-shadow)}.questionaries-list .mantine-Carousel-controls button svg{filter:invert(1)}.create-lesson-form{width:800px;margin:auto;padding:1.5rem;border-radius:var(--radius-lg)}.cluster-box{width:128px;height:77px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease;margin-bottom:10px;cursor:pointer}.cluster-box.selected{border:4px solid var(--mantine-color-orange-5)}.cluster-box.unselected{border:4px solid rgba(0,0,0,0)}.cluster-box img{width:30px;height:30px}.cluster-name{font-size:14px;font-weight:400;color:#64748b;text-align:center}.user-type-box{cursor:pointer;width:100%;height:90px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;transition:all .2s ease}.user-type-box.selected{border:3px solid #ff9a00}.user-type-box.unselected{border:3px solid rgba(0,0,0,0)}.user-type-box img{width:32px;height:32px}.center-text{color:#64748b;text-align:center}.label-text{font-weight:500;margin-bottom:6px}.label-text span{color:red}.error-text{font-size:12px;color:red;margin-top:6px}.reflection-section p{margin:0}.delete-media-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;background:rgba(255,0,0,.85);border:none;border-radius:50%;color:var(--white-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:9999;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.15)}.library-detail .extra-info{box-shadow:var(--box-shadow1);background-color:var(--primary-gradient)}.library-detail .content{padding:var(--padding-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color);background-color:var(--white-color);box-shadow:var(--box-shadow)}.library-detail .libary-data .common-tab>div:before{border:0}.form-controll{width:100%;transition:border-color .1s;text-align:var(--input-text-align);color:var(--input-color);border:calc(.0625rem*var(--mantine-scale)) solid rgba(0,0,0,0);background-color:var(--input-bg);font-family:var(--input-font-family,var(--mantine-font-family));height:var(--input-size);min-height:var(--input-height);line-height:var(--input-line-height);font-size:var(--input-fz,var(--input-fz,var(--mantine-font-size-sm)));border-radius:var(--input-radius);padding-inline-start:var(--input-padding-inline-start);padding-inline-end:var(--input-padding-inline-end);padding-top:var(--input-padding-y,0);padding-bottom:var(--input-padding-y,0);cursor:var(--input-cursor);overflow:var(--input-overflow)}.form-controll::placeholder{color:#8390a2;font-size:14px}.library-form .form-input{margin-bottom:0}.library-form .filter__placeholder{font-size:14px;color:#8390a2;font-weight:400}.mobile-dropdown{display:none}.linked-account-card{background-color:var(--modal-header);border:1px solid var(--border-color);box-shadow:var(--box-shadow3)}@media(max-width:48em){.linked-account-card{flex-wrap:wrap}}.linked-account-card .linked-account-header{background-color:var(--white-color);border-radius:16px;flex-wrap:nowrap}@media(max-width:48em){.linked-account-card .linked-account-header{flex-wrap:wrap}}@media(max-width:88em){.linked-account-card .linked-account-header .avatar-group{flex-wrap:nowrap;align-items:flex-start}}@media screen and (max-width:1499px){.linked-account-card .linked-account-header .avatar-group{flex-wrap:nowrap;align-items:flex-start}}@media(max-width:36em){.linked-account-card .linked-account-header .avatar-group{justify-content:center;flex-wrap:wrap}}.linked-account-card .active{transition:all .3s ease;background-color:var(--border-color1)}.linked-account-card p{word-break:break-word}.linked-account-card .child-avatar{box-shadow:var(--box-shadow2)}.linked-account-list .linked-account-card .mantine-List-itemWrapper{display:inline}.linked-account-list .mantine-Accordion-item{background-color:var(--modal-header);border:1px solid var(--border-color);box-shadow:var(--box-shadow3);border-radius:var(--radius-lg)}.mantine-Table-thead{z-index:1}.image-overlay-img{box-shadow:var(--box-shadow11)}.close-overlay-btn{z-index:10000}.tab-list-scroll{overflow-x:auto;width:100%}.tab-list-scroll .mantine-Tabs-list{flex-wrap:nowrap;gap:10px}.tab-list-scroll .mantine-Tabs-list:before{border:0}.mantine-datatable td:last-child,.mantine-datatable th:last-child{text-align:right}.questionnaire-container{transition:max-width .5s ease;box-shadow:var(--box-shadow1)}.questionnaire-container.question-1{max-width:440px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-1{margin:auto}}.questionnaire-container.question-2{max-width:550px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-2{margin:auto}}.questionnaire-container.question-3{max-width:610px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-3{margin:auto}}.questionnaire-container.question-4{max-width:520px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-4{margin:auto}}.questionnaire-container.question-5{max-width:740px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-5{margin:auto}}.questionnaire-container.question-6{max-width:850px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-6{margin:auto}}.questionnaire-container.question-7{max-width:600px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-7{margin:auto}}.questionnaire-container.question-8{max-width:480px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-8{margin:auto}}.questionnaire-container.question-9{max-width:650px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-9{margin:auto}}.questionnaire-container.question-10{max-width:800px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-10{margin:auto}}.questionnaire-container.question-11{max-width:750px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-11{margin:auto}}.questionnaire-container.question-12{max-width:750px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-12{margin:auto}}.questionnaire-container.question-13{max-width:600px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-13{margin:auto}}.questionnaire-container.question-14{max-width:600px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-14{margin:auto}}.questionnaire-container.question-15{max-width:500px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-15{margin:auto}}.questionnaire-container.question-16{max-width:750px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-16{margin:auto}}.questionnaire-container.question-17{max-width:500px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-17{margin:auto}}.questionnaire-container.question-18{max-width:500px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-18{margin:auto}}.questionnaire-container.question-19{max-width:750px!important;margin-left:0}@media(max-width:75em){.questionnaire-container.question-19{margin:auto}}@media(max-width:48em){.questionnaire-container.question-13{margin-left:auto}}@media(max-width:88em){.questionnaire-container.question-13{margin-left:auto}}.questionnaire-container .radio-group .mantine-Radio-body{display:none}.question8-grid{margin:auto;justify-content:center}.question8-box{margin:0 24px 40px;box-shadow:none!important}.question8-group{position:absolute;left:0;top:0}.question8-group .mantine-Radio-root{opacity:0}.question8-innerbox{width:130px;height:130px;padding:10px}.question8-innerbox .radio-image{width:100%!important;height:100%!important;position:static}.question8-text{position:absolute;top:133px;width:100%;text-align:center}.congratulation-section .flin-image{position:absolute;left:-14rem;top:40px}.db-welcome-modal .mantine-Modal-content{background-color:rgba(0,0,0,0);box-shadow:none;overflow:unset;width:100%}.db-welcome-modal .flin-image{position:absolute;left:-117px;bottom:-310px}.db-welcome-modal .mantine-Modal-overlay{z-index:3}.setup-child-section .card{margin-top:0}@media(max-width:62em){.setup-child-section .child-card{width:100%!important;max-width:90%!important;margin:0 auto}}@media screen and (min-width:992px)and (max-width:1365px){.login-wrapper-animation,.onboarding-layout{transform:scale(.8) translate(70px)}.login-left-section{margin-left:-35rem}}@media(max-width:62em){.login-wrapper-animation{transform:scale(.7) translate(70px)}}@media(max-width:88em){.login-wrapper-animation{transform:scale(.7) translate(70px)}}@media(max-width:62em){.login-wrapper-animation{transform:scale(.7) translate(0)}}.login-wrapper-animation .gradiant-button{background:var(--toggle-icon)}.login-wrapper-animation .gradiant-button:hover{background:var(--active-color)}.login-left-section{margin-left:-28rem}@media(max-width:62em){.login-left-section{margin-left:-35rem}}@media(max-width:88em){.login-left-section{margin-left:-35rem}}@media(max-width:62em){.login-left-section{flex-wrap:wrap;margin-left:0!important}}@media(max-width:48em){.login-left-section{margin-left:-3rem!important}}@media(max-width:62em){.login-left-section .onboarding-heading{width:100%!important}}@media(max-width:48em){.login-left-section .onboarding-heading{min-width:250px!important}}.login-left-section .flin-image{transform:scaleX(-1) translate(-100px,100px)}@media(max-width:62em){.login-left-section .flin-image{transform:scaleX(-1) translateY(-14px)}}@media(max-width:48em){.login-left-section .flin-image{max-width:250px;max-height:250px;transform:scaleX(-1) translate(0)}}.school-auth-wrapper .login-wrapper-animation .gradiant-button{background:var(--primary-gradient);background-image:linear-gradient(90deg,#ffcd00,#ff9a00);color:var(--white-color);border:none}.school-auth-wrapper .login-wrapper-animation .gradiant-button:hover{background-image:linear-gradient(90deg,#ffcd00,#ff9a00);filter:brightness(1.02)}.school-auth-wrapper .school-speech-wrap{position:relative;z-index:1}.school-auth-wrapper .create-password-card{min-height:auto}.school-auth-wrapper .create-password-card .form-input{margin-bottom:var(--spacing-md)}.school-auth-wrapper .create-password-card .form-input[data-error=true]{margin-bottom:var(--spacing-md)!important}.school-auth-wrapper .create-password-card .form-input[data-error=true] .mantine-InputWrapper-error,.school-auth-wrapper .create-password-card .form-input[data-error=true] .mantine-PasswordInput-error,.school-auth-wrapper .create-password-card .form-input[data-error=true] .mantine-TextInput-error,.school-auth-wrapper .create-password-card .form-input[data-error=true] p{margin-top:4px;margin-bottom:0}.school-auth-wrapper.school-login-layout .login-left-section{align-items:flex-start}.school-auth-wrapper.school-login-layout .school-speech-bubble{min-height:100%!important;height:100%!important;max-width:380px!important;padding:32px 28px!important;display:flex;flex-direction:column;justify-content:center;transform:none;align-self:stretch}.school-auth-wrapper.school-login-layout .school-speech-wrap{display:flex;align-self:stretch;min-height:280px}.school-auth-wrapper.school-login-layout .create-password-card{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-self:stretch}@media screen and (min-width:992px){.school-auth-wrapper.school-login-layout .login-left-section .flin-image{transform:scaleX(-1) translate(-100px,160px)}.school-auth-wrapper.school-login-layout .create-password-card,.school-auth-wrapper.school-login-layout .school-speech-wrap{min-height:300px}.school-auth-wrapper.school-login-layout .school-speech-bubble{min-height:300px!important;height:300px!important}}.school-auth-wrapper.school-set-password-layout .login-left-section{align-items:flex-start}.school-auth-wrapper.school-set-password-layout .school-speech-bubble{min-height:auto!important;height:auto!important;max-width:380px!important;padding:28px!important;display:flex;flex-direction:column;justify-content:flex-start;transform:none}.school-auth-wrapper.school-set-password-layout .school-speech-wrap{display:block;align-self:flex-start;min-height:auto}.school-auth-wrapper.school-set-password-layout .create-password-card{min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}@media screen and (min-width:992px){.school-auth-wrapper.school-set-password-layout .login-left-section .flin-image{transform:scaleX(-1) translate(-100px,140px)}.school-auth-wrapper.school-set-password-layout .school-speech-bubble{min-height:auto!important;height:auto!important}}@media screen and (max-width:991px){.school-auth-wrapper .login-wrapper-animation{transform:none!important;padding-inline:16px}.school-auth-wrapper .login-left-section{margin-left:0!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;gap:0}.school-auth-wrapper .school-speech-wrap{order:1;display:block}.school-auth-wrapper .school-speech-bubble,.school-auth-wrapper .school-speech-wrap{width:100%!important;max-width:100%!important;min-height:auto!important;margin:0 auto}.school-auth-wrapper .school-speech-bubble{height:auto!important;min-width:0!important;padding:16px 18px!important;transform:none!important;place-content:flex-start!important;justify-content:flex-start!important}.school-auth-wrapper .school-speech-bubble.onboarding-arrow{padding-bottom:16px!important;min-height:0!important;place-content:flex-start!important}.school-auth-wrapper .school-speech-bubble.onboarding-arrow:after,.school-auth-wrapper .school-speech-bubble.onboarding-arrow:before{display:none!important;content:none!important;border:none!important}.school-auth-wrapper .login-left-section .flin-image{order:2;transform:none!important;width:240px!important;max-width:240px!important;max-height:none!important;height:auto!important;margin:-4px auto 12px!important;position:relative!important;left:auto!important;top:auto!important;object-fit:contain}.school-auth-wrapper .create-password-card{min-height:auto!important;width:100%!important;max-width:100%!important;margin:0 auto 24px!important;padding:var(--padding-xl)!important}}@media screen and (max-width:575px){.school-auth-wrapper .login-left-section .flin-image{width:200px!important;max-width:200px!important}}@media screen and (min-width:768px)and (max-width:1200px){.programs-card-left{position:absolute!important;top:130px;left:110px;max-width:50%}.program-slider-right{position:absolute!important;top:140px;right:20px;min-width:35%}.lesson-details-medium{margin-top:460px!important}}@media screen and (min-width:768px)and (max-width:991px){.programs-card-left{left:10px}.program-slider-right{min-width:45%}.lesson-details-medium{margin-top:420px!important}}@media screen and (max-width:991px){.login-left-section{margin-left:0;flex-wrap:wrap}.login-left-section .flin-image{transform:scaleX(-1) translateY(30px)}.setup-child-section .child-card{width:100%!important;max-width:90%!important;margin:0 auto}}@media screen and (max-width:768px){.login-left-section{margin-left:-5rem}.login-left-section .onboarding-heading{min-width:250px!important}.school-auth-wrapper .login-left-section{margin-left:0!important}.school-auth-wrapper .login-left-section .onboarding-heading.school-speech-bubble{min-width:0!important;width:100%!important;max-width:100%!important}.login-left-section .flin-image{transform:scaleX(-1) translate(0);max-width:250px;max-height:250px}}@media(max-width:48em){.create-password-card{width:100%!important;margin-bottom:50px}}@media(max-width:62em){.create-password-card{width:100%!important;margin-bottom:50px}}@media(max-width:48em){.login-wrapper:after{display:none}}@media(max-width:62em){.login-wrapper:after{display:none}}@media(max-width:48em){.question-image-checkbox{max-width:50%!important}}@media(max-width:62em){.question-image-checkbox{max-width:50%!important}}@media(max-width:48em){.congratulation-section .flin-image{max-width:350px!important;max-height:350px!important}}@media(max-width:62em){.congratulation-section .flin-image{max-width:350px!important;max-height:350px!important}}.congratulation-section .flin-image{left:-5rem}.sidebar .nav-item.hovered{background-color:var(--toggle-icon)}.sidebar .nav-item.hovered svg path{stroke:var(--white-color)!important}.sidebar .hovered-parent{z-index:9999}.suggetion-box{overflow:auto}@media(max-width:88em){.suggetion-box .suggestion-header{padding-block:var(--padding-md);margin-bottom:var(--spacing-md)}}.right-lesson-list{align-self:flex-start}.right-lesson-list .right-side-lesson{overflow-y:auto}.right-lesson-list .right-side-lesson .mantine-Carousel-root{padding-inline:0!important}@media(max-width:75em){.right-lesson-list .right-side-lesson{max-height:none}}.right-lesson-list .right-side-lesson .mantine-Carousel-controls{display:none}@media(max-width:75em){.right-lesson-list .right-side-lesson .mantine-Carousel-controls{display:flex}}.lesson-details{box-shadow:var(--box-shadow)}.lesson-details .lesson-sub-details{overflow:auto}@media(max-width:48em){.lesson-details .lesson-sub-details{height:auto}}.program-slider-right{z-index:1}.program-slider-right .ring-label{box-shadow:var(--box-shadow5);transform:rotate(-180deg);scale:1.2}@media(max-width:62em){.program-slider-right{padding:var(--spacing-md)}}.lesson-tabs{transition:all .3s ease}.lesson-tabs.active{border-radius:var(--radius-full);border:4px solid var(--active-color);margin-top:var(--spacing-xs);box-shadow:var(--box-shadow10);background-color:var(--modal-header)}.lesson-tabs.inactive{border-radius:0;border-color:rgba(0,0,0,0);border-bottom:1px solid var(--border-color);box-shadow:none;margin-top:0}.lesson-tabs.inactive:last-child{border-bottom:none}.lesson-tabs:has(+.active){border-bottom:none}@media(max-width:48em){.lesson-tabs{padding:var(--padding-sm)}}.document-view-btn{align-items:center;justify-content:center}.video-list{transition:all .3s ease}.video-list img{box-shadow:none}.video-list .hover-overlay,.video-list .icon-play-button{opacity:0;transition:opacity .3s ease}.video-list .icon-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.video-list:hover img{box-shadow:var(--box-shadow3)}.video-list:hover .hover-overlay,.video-list:hover .icon-play-button{opacity:1}.video-box,.watch-video{min-height:420px;border-radius:var(--radius-8);background-color:var(--black-color)}.watch-video{width:100%;height:100%;border-radius:var(--radius-lg)}.custom-textarea-input{font-size:var(--font-size-base);padding:var(--padding-md);padding-top:10px;border:1px solid var(--border-color2);border-radius:var(--radius-lg);resize:vertical}.button-root-custom{border-right:1px solid var(--toggle-border)!important}.usernamesuggestion{z-index:9999;transition:all .3s ease-in-out}.usernamesuggestion .sub-suggestion-box{box-shadow:var(--box-shadow3)}.usernamesuggestion .sub-suggestion-box .user-suggestion-button .mantine-Button-label{word-break:break-word;white-space:pre-wrap}.form-input.pl-input input{padding-inline-start:40px}.refelecton-button{transform:translateY(1px)}.program-carousel .m_d98df724.mantine-Carousel-slide{padding:0!important}