.typing-indicator{justify-content:center;align-items:center;gap:7px;margin-top:0;display:flex}.typing-indicator--inline{background-color:transparent;border:none;justify-content:flex-start;width:auto;margin-top:8px;padding:8px 0 0}.typing-indicator span{border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-pulse;display:inline-block}.typing-indicator span:first-child{background-color:var(--ui-color-brand-fod-primary-a);animation-delay:0s}.typing-indicator span:nth-child(2){background-color:var(--ui-color-brand-fod-dark);animation-delay:.2s}.typing-indicator span:nth-child(3){background-color:var(--ui-color-brand-fod-light);animation-delay:.4s}@keyframes typing-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.distribution-bar,.distribution-bar__container{width:100%;position:relative}.distribution-bar__container--with-labels-above{margin-top:40px}.distribution-bar__segments-wrapper{width:100%;height:24px;display:flex}.distribution-bar__segment-wrapper{flex-direction:column;align-items:center;height:24px;display:flex;position:relative}.distribution-bar__segment-wrapper--with-border:after{content:"";border-right:2px dashed #0095a2;width:1px;position:absolute;top:-10px;bottom:-10px;right:0}.distribution-bar__label-container{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:-40px;left:100%;transform:translate(-50%)}.distribution-bar__label-container--last{transform:translate(-100%)}.distribution-bar__percentage-value{font-size:18px;font-weight:700;font-family:var(--font-first);color:#4e4e4e;white-space:nowrap;line-height:28px}.distribution-bar__segment{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.distribution-bar__segment--mastered{background-color:#0095a2}.distribution-bar__segment--in-progress{background-color:#00b4c5}.distribution-bar__segment--not-started{background-color:#d4fbff}.distribution-bar__segment-label{font-size:12px;font-weight:600;font-family:var(--font-first);color:#333;white-space:nowrap;z-index:1}.distribution-bar__segment--first{border-radius:8px 0 0 8px}.distribution-bar__segment--last{border-radius:0 8px 8px 0}.distribution-bar__segment--only{border-radius:8px}.distribution-bar__segment-wrapper:first-child .distribution-bar__segment{border-radius:8px 0 0 8px}.distribution-bar__segment-wrapper:last-child .distribution-bar__segment{border-radius:0 8px 8px 0}.distribution-bar__segment-wrapper:only-child .distribution-bar__segment{border-radius:8px}.distribution-bar__legend{gap:16px;margin-top:16px;display:flex}.distribution-bar__legend-item{align-items:center;gap:8px;display:flex}.distribution-bar__legend-color{border-radius:2px;flex-shrink:0;width:28px;height:12px}.distribution-bar__legend-text{color:#4e4e4e;font-family:Lato Regular,sans-serif;font-size:14px;font-weight:500;line-height:1}.distribution-bar__labels{display:none}.distribution-bar--small .distribution-bar__container--with-labels-above{margin-top:26px}.distribution-bar--small .distribution-bar__segments-wrapper,.distribution-bar--small .distribution-bar__segment-wrapper{height:8px}.distribution-bar--small .distribution-bar__label-container{top:-26px}.distribution-bar--small .distribution-bar__segment--first{border-radius:4px 0 0 4px}.distribution-bar--small .distribution-bar__segment--last{border-radius:0 4px 4px 0}.distribution-bar--small .distribution-bar__segment--only{border-radius:4px}.distribution-bar--small .distribution-bar__percentage-value{font-family:var(--font-first);color:#4e4e4e;text-align:right;font-size:14px;font-weight:500;line-height:20px}.lesson-recommendation-item{align-items:center;gap:16px;padding:0;display:flex}.lesson-recommendation-item__alert{background-color:#fff0f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lesson-recommendation-item__content{flex:1}.lesson-recommendation-item__title{color:#333;font-family:Lato Bold,sans-serif;font-size:16px;font-weight:600;line-height:24px}.multi-select-checkbox{width:100%}.multi-select-checkbox__badge{background-color:#f9f9f9;border:1px solid #f2f2f2;border-radius:16px;align-items:center;gap:8px;max-width:180px;margin:2px;padding:4px 8px;display:inline-flex}.multi-select-checkbox__badge-text{font-family:var(--font-second);color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.multi-select-checkbox__badge-remove{cursor:pointer;color:#767676;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:14px;line-height:1;display:flex}.multi-select-checkbox__badge-remove:hover{color:#333}.multi-select-checkbox__all-selected-label{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);font-weight:var(--ui-font-weight-regular);line-height:var(--ui-line-height-24);color:var(--ui-color-neutral-grey-600);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.multi-select-checkbox__option{cursor:pointer;background-color:#fff;border-bottom:1px solid #f2f2f2;align-items:center;padding:8px;display:flex}.multi-select-checkbox__option .chat-checkbox{pointer-events:none}.multi-select-checkbox__option .chat-checkbox__custom{border-color:#ababab;border-radius:2px;width:18px;height:18px}.multi-select-checkbox__option .chat-checkbox__text{font-family:var(--font-second);color:#4e4e4e;font-size:16px;font-weight:500;line-height:24px}.multi-select-checkbox .select-customizable__control{flex-wrap:nowrap}.multi-select-checkbox .select-customizable__value-container{flex-wrap:nowrap;flex:auto;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.multi-select-checkbox .select-customizable__placeholder{white-space:nowrap;text-overflow:ellipsis;min-width:0;position:static;overflow:hidden;transform:none}.multi-select-checkbox .select-customizable__indicators{flex-shrink:0}.multi-select-checkbox .select-customizable__menu-list{border-radius:4px;padding:0}.multi-select-checkbox .select-customizable__menu-list>.multi-select-checkbox__option:last-child{border-bottom:none}.multi-select-checkbox .select-customizable__option{background-color:transparent!important;padding:0!important}.multi-select-checkbox .select-customizable__option:hover,.multi-select-checkbox .select-customizable__option--is-focused{color:inherit!important;background-color:#f9f9f9!important}.multi-select-checkbox .select-customizable__option--is-selected{background-color:transparent!important}