@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bungee&display=swap);
.base-chatbot {
  transition: grid-template-columns var(--chatbot-transition-duration) cubic-bezier(.19, 1, .22, 1);
  grid-template-rows: 100vh;
  grid-template-columns: 1fr 0;
  width: 100%;
  height: 100vh;
  display: grid;
  position: relative;
  overflow: hidden;
}

.base-chatbot.base-chatbot--resizing, .base-chatbot.base-chatbot--resizing .base-chatbot__container > * {
  transition: none;
}

.base-chatbot__container {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  position: relative;
  overflow-y: auto;
}

.base-chatbot__container > * {
  transition: width var(--chatbot-transition-duration) cubic-bezier(.19, 1, .22, 1);
  width: 100%;
  overflow-x: hidden;
}

.base-chatbot__chatbot {
  width: var(--chatbot-width);
  max-width: var(--chatbot-width);
  background-color: var(--chatbot-background);
  color: var(--chatbot-text-color);
  box-shadow: var(--chatbot-box-shadow);
  opacity: 0;
  transition: transform var(--chatbot-transition-duration) cubic-bezier(.19, 1, .22, 1), opacity var(--chatbot-transition-duration) cubic-bezier(.19, 1, .22, 1), width 0s;
  will-change: transform, opacity;
  z-index: 100;
  flex-direction: column;
  grid-column: 2;
  min-width: 0;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateX(100%);
}

.base-chatbot__chatbot > * {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.base-chatbot__chatbot > * .chatbot__content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.base-chatbot__chatbot > * .chatbot__content .chat-messages {
  flex: 1;
  overflow-y: auto;
}

.base-chatbot__chatbot > * .chatbot__content .chatbot__input-container {
  flex-shrink: 0;
  margin-top: auto;
}

.base-chatbot__button-container {
  z-index: 101;
  bottom: var(--chatbot-button-bottom);
  right: var(--chatbot-button-right);
  opacity: 1;
  transition: opacity .3s ease-in-out, right var(--chatbot-transition-duration) cubic-bezier(.19, 1, .22, 1);
  position: fixed;
}

.base-chatbot__button-container--hidden {
  opacity: 0;
  pointer-events: none;
}

.base-chatbot--enabled {
  grid-template-columns: 1fr var(--chatbot-width);
}

.base-chatbot--enabled .base-chatbot__chatbot {
  opacity: 1;
  transform: translateX(0);
}

.base-chatbot--enabled .base-chatbot__button-container:not(.base-chatbot__button-container--hidden) {
  right: calc(var(--chatbot-width)  + var(--chatbot-button-right));
}

.base-chatbot.chatbot-closing {
  grid-template-columns: 1fr 0;
}

.base-chatbot.chatbot-closing .base-chatbot__chatbot {
  opacity: 0;
  transform: translateX(100%);
}

.base-chatbot.chatbot-closing .base-chatbot__button-container:not(.base-chatbot__button-container--hidden) {
  right: var(--chatbot-button-right);
}

.base-chatbot__chatbot:focus-within {
  outline: none;
}

.base-chatbot__chatbot {
  contain: layout style;
}

.base-chatbot--enabled {
  --chatbot-is-open: 1;
}

.base-chatbot__resize-overlay {
  z-index: 9999;
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  60% {
    opacity: 1;
    transform: translateX(0);
  }

  80% {
    opacity: 1;
    transform: translateX(-15%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.chatbot-button {
  cursor: pointer;
  z-index: 100;
  transition: opacity .5s linear;
  animation: .6s ease-out forwards slideIn;
  display: flex;
  position: fixed;
  bottom: 7em;
  right: 2em;
}

.chatbot-button__image {
  background-image: var(--tangerine-ai-bot);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
}

.chatbot-button:focus {
  outline: none;
}

.chatbot-resize-handle {
  cursor: col-resize;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 8px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.chatbot-resize-handle:hover, .chatbot-resize-handle:focus, .chatbot-resize-handle--active {
  background-color: rgba(0, 0, 0, .05);
}

.chatbot-resize-handle:hover .chatbot-resize-handle__grip, .chatbot-resize-handle:focus .chatbot-resize-handle__grip, .chatbot-resize-handle--active .chatbot-resize-handle__grip {
  opacity: 1;
}

.chatbot-resize-handle--active {
  background-color: var(--chatbot-gray-dark, #e0e0e0);
}

.chatbot-resize-handle--active .chatbot-resize-handle__grip span {
  background-color: #fff;
}

.chatbot-resize-handle__grip {
  opacity: 0;
  flex-direction: column;
  gap: 2px;
  transition: opacity .2s;
  display: flex;
}

.chatbot-resize-handle__grip span {
  background-color: #999;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  transition: background-color .2s;
  display: block;
}

.activity-combobox {
  width: 100%;
  position: relative;
}

.activity-combobox__input-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.activity-combobox__input {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color .2s, box-shadow .2s;
}

.activity-combobox__input:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, .25);
}

.activity-combobox__input::placeholder {
  color: #999;
}

.activity-combobox__toggle {
  cursor: pointer;
  color: #666;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: color .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.activity-combobox__toggle:hover {
  color: #333;
}

.activity-combobox__toggle:focus {
  color: #007bff;
  outline: none;
}

.activity-combobox__arrow {
  font-size: 12px;
  transition: transform .2s;
}

.activity-combobox__arrow--up {
  transform: rotate(180deg);
}

.activity-combobox__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.activity-combobox__list {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.activity-combobox__option {
  cursor: pointer;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: background-color .15s;
}

.activity-combobox__option:last-child {
  border-bottom: none;
}

.activity-combobox__option:hover, .activity-combobox__option--highlighted {
  background-color: #f8f9fa;
}

.activity-combobox__option--highlighted {
  background-color: #e3f2fd;
}

.activity-combobox__option[aria-selected="true"] {
  color: #fff;
  background-color: #007bff;
}

.activity-combobox__no-options {
  color: #999;
  text-align: center;
  padding: 8px 12px;
  font-size: 14px;
  font-style: italic;
}

.activity-combobox--open .activity-combobox__input {
  border-bottom-color: #ddd;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.activity-combobox__list {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(0, 0, 0, 0);
}

.activity-combobox__list::-webkit-scrollbar {
  width: 6px;
}

.activity-combobox__list::-webkit-scrollbar-track {
  background: none;
}

.activity-combobox__list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.activity-combobox__list::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

@media (prefers-color-scheme: dark) {
  .activity-combobox__input {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #555;
  }

  .activity-combobox__input:focus {
    border-color: #0d6efd;
  }

  .activity-combobox__input::placeholder {
    color: #aaa;
  }

  .activity-combobox__dropdown {
    background: #2d2d2d;
    border-color: #555;
  }

  .activity-combobox__option {
    color: #fff;
    border-bottom-color: #444;
  }

  .activity-combobox__option:hover, .activity-combobox__option--highlighted {
    background-color: #3d3d3d;
  }

  .activity-combobox__option--highlighted {
    background-color: #1e3a5f;
  }

  .activity-combobox__no-options, .activity-combobox__toggle {
    color: #aaa;
  }

  .activity-combobox__toggle:hover {
    color: #fff;
  }
}

.chat-dev-tools {
  background-color: #f2f2f2;
  border-top: 1px solid #e0e0e0;
  width: 100%;
  font-size: 14px;
  position: relative;
}

.chat-dev-tools__header {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  padding: 8px 16px;
  transition: background-color .2s;
  display: flex;
}

.chat-dev-tools__title {
  color: #333;
  flex: none;
  margin-right: 16px;
  font-weight: 600;
}

.chat-dev-tools__toggle {
  color: #828282;
  margin-left: auto;
  font-size: 12px;
}

.chat-dev-tools__status {
  align-items: center;
  gap: 5px;
  margin-left: 16px;
  display: flex;
}

.chat-dev-tools__status-label {
  color: #828282;
  font-size: 14px;
}

.chat-dev-tools__status-indicator {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.chat-dev-tools__status-text {
  font-size: 14px;
  font-weight: 500;
}

.chat-dev-tools__prompt-indicator {
  align-items: center;
  gap: 5px;
  margin-left: 16px;
  display: flex;
}

.chat-dev-tools__prompt-active {
  color: #40d158;
  background-color: #ecfaee;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: 500;
}

.chat-dev-tools__content {
  max-height: 0;
  transition: max-height .3s ease-out;
  overflow: hidden;
}

.chat-dev-tools--expanded .chat-dev-tools__content {
  border-top: 1px solid #e0e0e0;
  max-height: 500px;
  padding: 16px;
  overflow-y: auto;
}

.chat-dev-tools__section {
  margin-bottom: 16px;
}

.chat-dev-tools__section h3 {
  color: #828282;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

.chat-dev-tools__code {
  white-space: pre-wrap;
  word-break: break-word;
  color: #333;
  background-color: #e5e5e5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  max-height: 200px;
  margin: 0;
  padding: 12px;
  font-family: Monaco, Menlo, Ubuntu Mono, monospace;
  font-size: 12px;
  line-height: 1.4;
  overflow: auto;
}

.chat-dev-tools__textarea {
  color: #333;
  resize: vertical;
  background-color: #e5e5e5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100%;
  min-height: 80px;
  padding: 10px;
  font-family: Monaco, Menlo, Ubuntu Mono, monospace;
  font-size: 14px;
  line-height: 1.4;
}

.chat-dev-tools__textarea:focus {
  border-color: var(--color-tangerine-ai, #bc3ebc);
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__textarea::placeholder {
  color: #bdbdbd;
}

.chat-dev-tools__input-group {
  flex-direction: column;
  display: flex;
  position: relative;
}

.chat-dev-tools__buttons {
  z-index: 1;
  gap: 4px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.chat-dev-tools__clear-button {
  color: #828282;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .1);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 1;
  display: flex;
}

.chat-dev-tools__clear-button:hover {
  color: #333;
  background-color: rgba(0, 0, 0, .2);
}

.chat-dev-tools__save-button {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.chat-dev-tools__save-button:hover {
  background-color: var(--color-tangerine-ai-dark, #741571);
}

.chat-dev-tools__save-button:disabled {
  cursor: not-allowed;
  background-color: #bdbdbd;
}

.chat-dev-tools__help-text {
  color: #828282;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.3;
}

.chat-dev-tools__help-text small {
  color: #888;
  margin-top: 2px;
  display: inline-block;
}

.chat-dev-tools__info-grid {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.chat-dev-tools__info-item {
  flex-direction: column;
  font-size: 14px;
  display: flex;
}

@media (min-width: 600px) {
  .chat-dev-tools__info-item {
    flex-direction: row;
    align-items: flex-start;
  }
}

.chat-dev-tools__info-label {
  color: #555;
  min-width: 110px;
  margin-right: 8px;
  font-weight: 600;
}

@media (min-width: 600px) {
  .chat-dev-tools__info-label {
    flex-shrink: 0;
  }
}

.chat-dev-tools__info-value {
  word-break: break-all;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-family: Monaco, Menlo, Ubuntu Mono, monospace;
  display: flex;
}

.chat-dev-tools__warning {
  color: #e65100;
  background-color: rgba(255, 152, 0, .1);
  border-left: 3px solid #ff9800;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.chat-dev-tools__copy-button {
  cursor: pointer;
  color: #555;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 12px;
}

.chat-dev-tools__copy-button:hover {
  background-color: #e0e0e0;
}

.chat-dev-tools__notification {
  color: #fff;
  z-index: 100;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  animation: .3s ease-out forwards slide-up;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)translateY(100%);
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(-8px);
  }
}

.chat-dev-tools__select-wrapper {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
}

.chat-dev-tools__select-wrapper:after {
  content: "▼";
  pointer-events: none;
  color: #666;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.chat-dev-tools__select {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
}

.chat-dev-tools__select:focus {
  border-color: #07f;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 119, 255, .1);
}

.chat-dev-tools__select optgroup {
  padding: 4px 0;
  font-style: normal;
  font-weight: bold;
}

.chat-dev-tools__select option {
  padding: 4px 0;
}

.chat-dev-tools__slider-container {
  margin: 12px 0;
}

.chat-dev-tools__slider-label {
  color: #828282;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.chat-dev-tools__slider {
  -webkit-appearance: none;
  background: #e0e0e0;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
}

.chat-dev-tools__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.chat-dev-tools__slider::-moz-range-thumb {
  background: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.chat-dev-tools__input-label {
  color: #828282;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.chat-dev-tools__number-input {
  color: #333;
  background-color: #e5e5e5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100px;
  padding: 6px 8px;
  font-size: 14px;
}

.chat-dev-tools__number-input:focus {
  border-color: var(--color-tangerine-ai, #bc3ebc);
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__activity-input-wrapper {
  flex: 1;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.chat-dev-tools__activity-combobox {
  flex: 1;
  min-width: 0;
}

.chat-dev-tools__activity-combobox .activity-combobox__input {
  color: #333;
  background-color: #e5e5e5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100%;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  line-height: 1.4;
}

.chat-dev-tools__activity-combobox .activity-combobox__input:focus {
  border-color: var(--color-tangerine-ai, #bc3ebc);
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__activity-combobox .activity-combobox__input::placeholder {
  color: #bdbdbd;
}

.chat-dev-tools__activity-combobox .activity-combobox__toggle {
  color: #828282;
}

.chat-dev-tools__activity-combobox .activity-combobox__toggle:hover {
  color: #333;
}

.chat-dev-tools__activity-combobox .activity-combobox__toggle:focus {
  color: var(--color-tangerine-ai, #bc3ebc);
}

.chat-dev-tools__activity-combobox .activity-combobox__dropdown {
  background: #e5e5e5;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.chat-dev-tools__activity-combobox .activity-combobox__option {
  color: #333;
  border-bottom-color: #e0e0e0;
}

.chat-dev-tools__activity-combobox .activity-combobox__option:hover, .chat-dev-tools__activity-combobox .activity-combobox__option--highlighted {
  background-color: rgba(0, 123, 255, .1);
}

.chat-dev-tools__activity-combobox .activity-combobox__option[aria-selected="true"] {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
}

.chat-dev-tools__activity-combobox .activity-combobox__no-options {
  color: #828282;
}

.chat-dev-tools__refresh-button {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: bold;
  transition: background-color .2s;
  display: flex;
}

.chat-dev-tools__refresh-button:hover {
  background-color: var(--color-tangerine-ai-dark, #741571);
}

.chat-dev-tools__refresh-button:disabled {
  cursor: not-allowed;
  background-color: #bdbdbd;
}

.chat-dev-tools__refresh-button:focus {
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__update-button {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-top: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.chat-dev-tools__update-button:hover {
  background-color: var(--color-tangerine-ai-dark, #741571);
}

.chat-dev-tools__update-button:disabled {
  cursor: not-allowed;
  background-color: #bdbdbd;
}

.chat-dev-tools__update-button:focus {
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__regenerate-button {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.chat-dev-tools__regenerate-button:hover:not(:disabled) {
  background-color: var(--color-tangerine-ai-dark, #741571);
}

.chat-dev-tools__regenerate-button:disabled {
  cursor: not-allowed;
  opacity: .7;
  background-color: #bdbdbd;
}

.chat-dev-tools__regenerate-button:focus {
  box-shadow: 0 0 0 2px var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  outline: none;
}

.chat-dev-tools__error-text {
  color: #f66868;
  background-color: rgba(246, 104, 104, .1);
  border: 1px solid rgba(246, 104, 104, .3);
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.4;
}

.chat-dropdown-overlay {
  z-index: 999;
  background: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-dropdown-portal {
  z-index: 1000;
  position: fixed;
}

.chat-badge {
  border-radius: 16px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 14px;
  display: inline-flex;
}

.chat-badge__emoji {
  font-size: inherit;
}

.chat-badge__text {
  font-family: var(--font-second);
  color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
  line-height: 26px;
}

.chat-badge--practice {
  background-color: #d6f6ff;
}

.chat-badge--practice .chat-badge__text {
  color: #0a3366;
}

.chat-badge--study {
  background-color: #ffe8ff;
}

.chat-badge--study .chat-badge__text {
  color: #6b0a6b;
}

.chat-badge--revision {
  background-color: #fff3e0;
}

.chat-badge--revision .chat-badge__text {
  color: #e65100;
}

.chat-button {
  font-family: var(--font-first);
  cursor: pointer;
  color: inherit;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
  position: relative;
}

.chat-button--large {
  height: 40px;
  padding: 8px 12px;
  font-size: 18px;
}

.chat-button--large .chat-button__icon svg, .chat-button--large .chat-button__icon-right svg, .chat-button--large .icon__wrapper svg {
  width: 24px;
  height: 24px;
}

.chat-button--small {
  gap: 8px;
  height: 30px;
  padding: 2px 8px;
  font-size: 16px;
}

.chat-button--small .chat-button__icon {
  width: 16px;
  height: 16px;
}

.chat-button--icon-only {
  gap: 0;
}

.chat-button--icon-only.chat-button--large {
  padding: 8px;
}

.chat-button--icon-only.chat-button--small {
  padding: 4px;
}

.chat-button--icon-only .chat-button__text {
  display: none;
}

.chat-button--icon-only {
  color: var(--color-tangerine-ai, #bc3ebc);
}

.chat-button--icon-only svg path {
  fill: var(--color-tangerine-ai, #bc3ebc) !important;
}

.chat-button--icon-only:active {
  color: var(--color-tangerine-ai-dark, #741571);
}

.chat-button--icon-only:active svg path {
  fill: var(--color-tangerine-ai-dark, #741571) !important;
}

.chat-button--brand.chat-button--contained {
  color: #fff;
  background: var(--color-tangerine-ai-gradient, linear-gradient(111deg, #e14de3 12.58%, #8c2a89 100%));
}

.chat-button--brand.chat-button--contained:hover:not(:disabled) {
  background: var(--color-tangerine-ai-gradient-reverse, linear-gradient(291deg, #e14de3 12.5%, #8c2a89 99.91%));
}

.chat-button--brand.chat-button--contained:active:not(:disabled) {
  background: var(--color-tangerine-ai-dark, #741571);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--large {
  box-shadow: 0 3px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--large:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 5px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--large:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: inset 0 3px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--small {
  box-shadow: 0 3px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--small:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--contained.chat-button--has-shadow.chat-button--small:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: inset 0 3px rgba(188, 62, 188, .3);
}

.chat-button--brand.chat-button--outlined {
  color: var(--color-tangerine-ai, #bc3ebc);
  border: 1px solid var(--color-tangerine-ai, #bc3ebc);
  background-color: #fff;
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--large {
  box-shadow: 0 3px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--large:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 5px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--large:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: inset 0 3px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--small {
  box-shadow: 0 3px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--small:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined.chat-button--has-shadow.chat-button--small:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: inset 0 3px rgba(188, 62, 188, .2);
}

.chat-button--brand.chat-button--outlined:hover:not(:disabled), .chat-button--brand.chat-button--outlined:active:not(:disabled) {
  color: var(--color-tangerine-ai-dark, #741571);
  background-color: var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
  border-color: var(--color-tangerine-ai-dark, #741571);
}

.chat-button--brand.chat-button--outlined.chat-button--icon-right svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.chat-button--brand.chat-button--text {
  color: var(--color-tangerine-ai, #bc3ebc);
  font-family: var(--font-first);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.chat-button--brand.chat-button--text.chat-button--icon-right svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.chat-button--brand.chat-button--text:hover:not(:disabled) {
  color: var(--color-tangerine-ai-dark, #741571);
  background-color: var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
}

.chat-button--brand.chat-button--text:hover:not(:disabled).chat-button--icon-right svg path {
  fill: var(--color-tangerine-ai-dark, #741571);
}

.chat-button--brand.chat-button--text.chat-button--icon-only:hover:not(:disabled) {
  background-color: var(--color-tangerine-ai-lighter, #d068d0);
}

.chat-button--brand.chat-button--text.chat-button--icon-only:hover:not(:disabled) svg path {
  fill: var(--color-tangerine-ai, #bc3ebc) !important;
}

.chat-button--brand.chat-button--text.chat-button--icon-only:active:not(:disabled) {
  background-color: var(--color-tangerine-ai-lighter, #d068d0);
}

.chat-button--brand.chat-button--text.chat-button--icon-only:active:not(:disabled) svg path {
  fill: var(--color-tangerine-ai-dark, #741571) !important;
}

.chat-button--brand.chat-button--text:not(.chat-button--icon-only):hover:not(:disabled), .chat-button--brand.chat-button--text:not(.chat-button--icon-only):active:not(:disabled) {
  color: var(--color-tangerine-ai-dark, #741571);
  background-color: var(--color-tangerine-ai-alpha, rgba(188, 62, 188, .15));
}

.chat-button:disabled {
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.chat-button__text {
  font-family: var(--font-first);
  font-weight: 700;
  line-height: 26px;
}

.chat-button__icon {
  color: var(--color-tangerine-ai, #bc3ebc);
}

.chat-button__icon svg path {
  fill: var(--color-tangerine-ai, #bc3ebc) !important;
}

.chat-header-container {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
}

.chat-header {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
  position: relative;
}

.chat-header__left, .chat-header__right {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.chat-header__left {
  justify-content: flex-start;
}

.chat-header__center {
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chat-header__right {
  justify-content: flex-end;
}

.chat-header__button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.chat-header__button:hover {
  cursor: pointer;
}

.chat-header__badge {
  background-color: var(--color-tangerine-ai, #bc3ebc);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: bold;
  display: flex;
}

.chat-header__divider {
  background-color: #f2f2f2;
  width: 1px;
  height: 30px;
  margin: 0 8px;
}

.chat-audio-recorder {
  background: var(--color-tangerine-ai, #bc3ebc);
  border-radius: 24px;
  width: 100%;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}

.chat-audio-recorder__content {
  z-index: 1;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 4px 12px;
  display: flex;
  position: relative;
}

.chat-audio-recorder__waves {
  flex: 1;
  align-items: center;
  gap: 3px;
  height: 30px;
  margin-right: 8px;
  display: inline-flex;
}

.chat-audio-recorder__waves span {
  background: rgba(255, 255, 255, .95);
  border-radius: 2px;
  width: 4px;
  height: 4px;
}

.chat-audio-recorder__actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.chat-audio-recorder__icon-btn {
  background: var(--color-gray-07);
  cursor: pointer;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: all .2s ease-in-out;
  display: grid;
}

.chat-audio-recorder__icon-btn--white {
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.chat-audio-recorder__icon-btn svg {
  width: 16px;
  height: 16px;
}

.chat-audio-recorder__icon-btn:not(:disabled):hover {
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
}

.chat-audio-recorder__icon-btn:not(:disabled):active {
  background: var(--color-gray-07);
  transform: translateY(0);
  box-shadow: inset 0 3px rgba(224, 224, 224, .7);
}

.chat-audio-recorder__icon-btn:disabled {
  cursor: not-allowed;
  background: #f2f2f2;
  transform: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.chat-icon-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.chat-icon-button--large {
  width: 32px;
  height: 32px;
}

.chat-icon-button--large .icon {
  width: 20px;
  height: 20px;
}

.chat-icon-button--small {
  width: 24px;
  height: 24px;
}

.chat-icon-button--small svg.icon {
  width: 14px !important;
  height: 14px !important;
}

.chat-icon-button--default .icon path, .chat-icon-button--default .icon svg, .chat-icon-button--default .icon path path, .chat-icon-button--default .icon svg path {
  fill: #828282 !important;
  color: #828282 !important;
  stroke: rgba(0, 0, 0, 0) !important;
}

.chat-icon-button--error .icon path, .chat-icon-button--error .icon svg, .chat-icon-button--error .icon path path, .chat-icon-button--error .icon svg path {
  fill: #f66868 !important;
  color: #f66868 !important;
  stroke: rgba(0, 0, 0, 0) !important;
}

.chat-icon-button:hover:not(.chat-icon-button--disabled) {
  background-color: #f2f2f2;
}

.chat-icon-button:hover:not(.chat-icon-button--disabled) .icon path, .chat-icon-button:hover:not(.chat-icon-button--disabled) .icon svg {
  fill: #333 !important;
  color: #333 !important;
  stroke: rgba(0, 0, 0, 0) !important;
}

.chat-icon-button:active:not(.chat-icon-button--disabled) {
  background-color: #f2f2f2;
  box-shadow: inset 0 3px rgba(224, 224, 224, .7);
}

.chat-icon-button:focus-visible {
  outline: 2px solid var(--color-tangerine-ai, #bc3ebc);
  outline-offset: 2px;
}

.chat-icon-button--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.chatbot-mathField {
  align-items: center;
  line-height: 1;
  transition: height .2s;
  display: none;
}

.chatbot-mathField-show {
  z-index: 4002;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chatbot-mathField.chatbot-selected {
  border-color: var(--color-tangerine-ai, #bc3ebc);
}

.chatbot-mathField.chatbot-selected .chatbot-calc-button {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.chatbot-mathField-modal {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  padding: 0;
  overflow: hidden;
}

.chatbot-mathField-header {
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 8px;
  display: flex;
}

.chatbot-mathField-title {
  font-size: 18px;
  line-height: 24px;
  font-family: var(--font-second);
  color: #4e4e4e;
  margin: 0;
  font-weight: 600;
}

.chatbot-mathField-close {
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}

.chatbot-mathField-close svg {
  fill: #333;
  width: 20px;
  height: 20px;
}

.chatbot-mathField-close .icon--color-default.icon--lib-skin path {
  fill: #333;
}

.chatbot-mathField-content {
  flex-direction: column;
  gap: 15px;
  padding: 8px 16px;
  display: flex;
}

.chatbot-mathField-input {
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.chatbot-mathField-input:focus-within {
  border: 1px solid var(--color-tangerine-ai, #bc3ebc);
}

.chatbot-mathField-submit {
  color: #fff;
  background: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  font-family: var(--font-first);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  font-size: 18px;
  font-weight: 700;
  transition: transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chatbot-mathField-submit > * {
  z-index: 1;
  position: relative;
}

.chatbot-mathField-submit:before {
  content: "";
  background: var(--color-tangerine-ai-lighter, #d068d0);
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chatbot-mathField-submit:after {
  content: "";
  background: var(--color-tangerine-ai-dark, #741571);
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chatbot-mathField-submit:hover:before, .chatbot-mathField-submit:active:after {
  opacity: 1;
}

.chatbot-mathField.chatbot-with-focus {
  opacity: 1;
  z-index: 4002;
  background-color: #fff;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 320px);
  font-size: 1.4em;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.chatbot-mathField.chatbot-disabled math-field > span {
  pointer-events: none;
}

math-field::part(virtual-keyboard-toggle) {
  display: none;
}

math-field::part(virtual-keyboard-toggle):after {
  display: none;
}

.chatbot-mathField__tooltip .react-tooltip {
  margin-top: 4px !important;
}

body .ML__keyboard {
  z-index: 10001;
  --keyboard-zindex: 10001;
  position: fixed;
}

body .ML__keyboard .ML__keyboard--plate .rows ul:last-child li.action:last-child {
  background-color: var(--color-tangerine-ai, #bc3ebc);
}

body .ML__keyboard .MLK__rows .row .MLK__keycap {
  min-width: 28px;
}

@supports (-webkit-touch-callout: none) {
  body .ML__keyboard .MLK__backdrop {
    height: calc(30px + var(--_keyboard-height));
  }
}

@media (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 28px;
  }
}

@media (min-width: 560px) and (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 50px;
  }
}

.chat-input {
  background-color: #fff;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  padding: 0;
  display: flex;
}

.chat-input__field-wrapper {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 40px;
  padding: 3px 12px;
  display: flex;
  position: relative;
}

.chat-input__field-wrapper:focus-within {
  border: 1px solid var(--color-tangerine-ai, #bc3ebc);
}

.chat-input__text-row {
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  display: flex;
}

.chat-input__recording {
  transform-origin: 100%;
  width: 100%;
  animation: .22s forwards chat-input-grow-from-right;
  transform: scaleX(0);
}

.chat-input__error {
  color: #f66868;
  flex-basis: 100%;
  width: 100%;
  margin-bottom: 6px;
  padding-left: 4px;
  font-size: 12px;
  line-height: 1.3;
}

.chat-input__field {
  font-size: 15px;
  font-family: var(--font-second);
  color: #333;
  resize: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  align-self: center;
  width: 100%;
  min-height: 24px;
  max-height: 72px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  overflow-y: auto;
}

.chat-input__field::-webkit-scrollbar {
  display: none;
}

.chat-input__field {
  scrollbar-width: none;
}

.chat-input__field--rich {
  cursor: text;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.chat-input__field--rich:empty:not(:focus):before {
  content: attr(data-placeholder);
  color: #828282;
  pointer-events: none;
  position: absolute;
}

.chat-input__field--rich:not(:focus):has( > br:only-child):before {
  content: attr(data-placeholder);
  color: #828282;
  pointer-events: none;
  position: absolute;
}

.chat-input__field--rich br {
  content: "";
  display: block;
}

.chat-input__formula {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 2px;
  display: inline-block;
}

.chat-input__formula .katex {
  font-size: 16px;
  line-height: 16px;
  font-family: var(--font-second);
  display: inline-block;
}

.chat-input__formula .katex-display {
  text-align: left;
  margin: 0;
  display: inline-block;
}

.chat-input__formula .katex .katex-html {
  color: #333;
}

.chat-input__image-preview {
  background: #f2f2f2;
  border-radius: 12px;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 4px;
  display: flex;
  position: relative;
}

.chat-input__image-preview img {
  object-fit: cover;
  border-radius: 8px;
  width: 48px;
  height: 48px;
}

.chat-input__image-remove {
  cursor: pointer;
  background: #e0e0e0;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.chat-input__image-remove:hover {
  background: #000;
}

.chat-input__image-remove svg {
  width: 10px;
  height: 10px;
}

.chat-input__image-remove svg path {
  fill: #fff !important;
}

.chat-input__image-button {
  width: 24px;
  top: -10px;
}

.chat-input__image-button svg {
  width: 20px;
  height: 20px;
}

.chat-input__calculator-button {
  width: 24px;
}

.chat-input__calculator-button svg {
  width: 20px;
  height: 20px;
}

.chat-input__action-button {
  background: var(--color-tangerine-ai-gradient, linear-gradient(111deg, #e14de3 12.58%, #8c2a89 100%));
  cursor: pointer;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  transition: transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chat-input__action-button:before {
  content: "";
  background: var(--color-tangerine-ai-gradient-reverse, linear-gradient(291deg, #e14de3 12.5%, #8c2a89 99.91%));
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-input__action-button:after {
  content: "";
  background: var(--color-tangerine-ai-dark, #741571);
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-input__action-button:hover:before, .chat-input__action-button:active:after {
  opacity: 1;
}

.chat-input__action-button svg {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.chat-input__action-button svg path {
  fill: #fff !important;
}

.chat-input__action-button:disabled {
  cursor: not-allowed;
  background: none;
  transform: none;
}

.chat-input__action-button:disabled:before {
  content: "";
  background: var(--color-tangerine-ai-gradient, linear-gradient(111deg, #e14de3 12.58%, #8c2a89 100%));
  opacity: .4;
  border-radius: inherit;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-input__action-button:disabled:hover {
  transform: none;
}

.chat-input__action-button:disabled:hover:before {
  opacity: .4;
}

.chat-input__action-button:disabled:active:after {
  opacity: 0;
}

.chat-input__action-button--recording {
  background: #f66868;
  animation: 1.5s ease-in-out infinite pulse;
}

.chat-input__action-button--recording:before, .chat-input__action-button--recording:after {
  display: none;
}

.chat-input__action-button--recording:hover {
  background: #f33838;
}

.chat-input__action-button--recording:active {
  background: #f22020;
}

.chat-input__action-button--recording svg path {
  fill: #fff !important;
}

.chat-input__field::placeholder {
  color: #828282;
}

.chat-input--disabled .chat-input__field-wrapper {
  cursor: not-allowed;
  background-color: #f9f9f9;
  border-color: #f2f2f2;
}

.chat-input--disabled .chat-input__field {
  color: #828282;
  cursor: not-allowed;
}

.chat-input--disabled .chat-input__field::placeholder {
  color: #828282;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.05);
  }
}

@keyframes chat-input-grow-from-right {
  from {
    opacity: 0;
    transform: scaleX(0);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.status-modal__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
  display: flex;
}

.status-modal__icon {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 56px;
  display: flex;
}

.status-modal__bot-icon {
  background-image: var(--tangerine-ai-bot-happy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 56px;
}

.status-modal__bot-icon--error {
  background-image: var(--tangerine-ai-bot-sad);
}

.status-modal__text {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.status-modal__title {
  font-family: var(--font-first);
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

.status-modal__title--success {
  color: #333;
}

.status-modal__message {
  font-family: var(--font-second);
  color: #4e4e4e;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.chat-link {
  color: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.chat-link:hover {
  color: var(--color-tangerine-ai, #bc3ebc);
  text-decoration: underline;
}

.chat-link:active {
  color: var(--color-tangerine-ai-dark, #741571);
  text-decoration: underline;
}

.chat-link:focus {
  outline: 2px solid var(--color-tangerine-ai, #bc3ebc);
  outline-offset: 2px;
  border-radius: 2px;
}

.chat-link:focus-visible {
  outline: 2px solid var(--color-tangerine-ai, #bc3ebc);
  outline-offset: 2px;
  border-radius: 2px;
}

.chat-link:focus:not(:focus-visible) {
  outline: none;
}

.chat-link--disabled {
  color: var(--color-tangerine-ai, #bc3ebc);
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

.chat-link--disabled:hover {
  text-decoration: none;
}

.chat-content-references {
  background-color: var(--color-gray-07);
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 8px;
  padding: 8px;
}

.chat-content-references__title {
  color: #828282;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  font-family: var(--font-second);
}

.chat-content-references__label {
  color: #828282;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 600;
}

.chat-content-references__button {
  color: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
}

.chat-content-references__button svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.chat-content-references__button:hover {
  color: var(--color-tangerine-ai-dark, #741571);
}

.chat-content-references__header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.chat-content-references__list {
  flex-direction: column;
  gap: 8px;
  transition: all .2s;
  display: flex;
}

.chat-content-references__list--hidden {
  display: none;
}

.chat-content-references__item {
  color: var(--color-tangerine-ai, #bc3ebc);
  flex-direction: column;
  gap: 2px;
  max-width: 212px;
  font-size: 15px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.chat-content-references__item:hover {
  text-decoration: underline;
}

.chat-content-references__item:active {
  color: var(--color-tangerine-ai-dark, #741571);
}

.chat-content-references__item span p {
  margin: 0;
  display: inline;
}

.chat-content-references__item-title {
  color: var(--color-tangerine-ai, #bc3ebc);
  font-weight: 600;
  display: block;
}

.chat-content-references__section {
  margin-bottom: 12px;
}

.chat-content-references__section:last-child {
  margin-bottom: 0;
}

.chat-content-references__section-header {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.chat-content-references__section-icon {
  align-items: center;
  font-size: 16px;
  display: flex;
}

.chat-content-references__section-title {
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-second);
  color: #4e4e4e;
}

.chat-content-references__section-links {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.chat-content-references__separator {
  background-color: #e0e0e0;
  width: 100%;
  height: 1px;
}

.chat-content-references__link {
  font-size: 14px;
  font-family: var(--font-second);
  word-break: break-word;
  line-height: 1.4;
  display: block;
}

.chat-content-references__link-text {
  display: block;
}

.chat-content-references__snippet {
  color: #333;
  margin-bottom: 4px;
  font-size: 14px;
  font-style: italic;
  line-height: 1.4;
  display: block;
}

.chat-content-references__domain {
  color: #333;
  font-size: 12px;
  display: block;
}

.chat-content-references--expanded {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.chat-content-references--expanded .chat-content-references__header {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .chat-content-references {
    margin-top: 12px;
    padding: 10px 12px;
  }

  .chat-content-references__item {
    padding: 3px 10px;
    font-size: 11px;
  }
}

.chat-d3-modal .dialog__content {
  padding: 0;
  overflow: hidden;
}

.chat-d3-modal__content {
  background-color: #f2f2f2;
  width: 100%;
  height: 80vh;
  position: relative;
}

.chat-d3-modal__iframe {
  background-color: #fff;
  border: none;
  width: 100%;
  height: 100%;
}

.chat-d3-card {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin: 8px 0;
  transition: all .2s;
}

.chat-d3-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.chat-d3-card__header {
  padding: 8px;
}

.chat-d3-card__title {
  font-family: var(--font-second);
  color: #4e4e4e;
  flex: 1;
  font-size: 18px;
  font-weight: 700;
}

.chat-d3-card__footer {
  background-color: var(--color-gray-07);
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 8px 8px;
  margin-top: 0;
  padding: 8px;
}

.chat-d3-card__footer__content {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.chat-d3-card__footer__title {
  color: #333;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.chat-d3-card__footer__title svg path {
  fill: #333;
}

.chat-d3-card__footer__button {
  color: var(--color-tangerine-ai, #bc3ebc);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
}

.chat-d3-card__footer__button:hover {
  color: var(--color-tangerine-ai-dark, #741571);
}

.chat-image-modal-container {
  border-radius: var(--border-radius-01);
  background-color: var(--color-background-secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  padding: 20px;
  display: flex;
  position: relative;
}

.chat-image-modal-container .chat-image-modal__image {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(80vh - 200px);
  display: block;
}

.chat-image-modal-container .chat-image-modal__download-button {
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-01);
  cursor: pointer;
  opacity: .9;
  z-index: 10;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.chat-image-modal-container .chat-image-modal__download-button:hover {
  background-color: var(--color-background-hover);
  opacity: 1;
  transform: scale(1.05);
}

.chat-image-modal-container .chat-image-modal__download-button:active {
  transform: scale(.95);
}

.chat-image-modal-container .chat-image-modal__download-button svg {
  color: var(--color-text-primary);
  width: 20px;
  height: 20px;
}

@media (max-width: 768px) {
  .chat-image-modal-container {
    padding: 10px;
  }

  .chat-image-modal-container .chat-image-modal__image {
    max-height: calc(90vh - 150px);
  }

  .chat-image-modal-container .chat-image-modal__download-button {
    padding: 6px;
    top: 10px;
    right: 10px;
  }

  .chat-image-modal-container .chat-image-modal__download-button svg {
    width: 18px;
    height: 18px;
  }
}

.diagram-mermaid {
  width: 100%;
  height: 100%;
  position: relative;
}

.diagram-mermaid svg {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.diagram-mermaid__download-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}

.diagram-mermaid__download-btn svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.diagram-mermaid-error__container {
  flex-direction: row;
  gap: 8px;
  display: flex;
}

.diagram-mermaid-error__icon {
  margin-bottom: .5rem;
  font-size: 2rem;
}

.diagram-mermaid-error__message {
  color: #333;
  font-size: 18px;
}

.diagram-mermaid-error__details {
  font-size: 14px;
}

.diagram-mermaid-error__code {
  color: #333;
  max-width: 280px;
  overflow: auto;
}

.chat-mermaid-card {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin: 8px 0;
  transition: all .2s;
}

.chat-mermaid-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.chat-mermaid-card--error {
  color: #f66868;
  box-shadow: none;
  cursor: default;
  background: #fef0ef;
  border-color: #f66868;
  padding: 8px;
}

.chat-mermaid-card--error:hover {
  box-shadow: none;
  border-color: #f66868;
  transform: none;
}

.chat-mermaid-card__preview {
  padding: 8px;
  overflow: hidden;
}

.chat-mermaid-card__preview .diagram-mermaid, .chat-mermaid-card__preview .diagram-mermaid * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.chat-mermaid-card__footer {
  background-color: #f2f2f2;
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 8px 8px;
  padding: 16px;
}

.chat-mermaid-card__footer__content {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.chat-mermaid-card__footer__title {
  color: #333;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.chat-mermaid-card__footer svg path {
  fill: #333;
}

.chat-mermaid-modal-container {
  border-radius: var(--border-radius-01);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  padding: 20px;
  display: flex;
}

.chat-mermaid-modal-container .chat-mermaid-modal__diagram {
  text-align: center;
}

.chat-mermaid-modal-container .chat-mermaid-modal__diagram svg {
  max-width: 100%;
  height: auto;
}

.chat-checkbox {
  font-size: 14px;
  display: block;
}

.chat-checkbox__label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-checkbox__input-wrapper {
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
}

.chat-checkbox__input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.chat-checkbox__custom {
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.chat-checkbox__custom:after {
  content: "";
  opacity: 0;
  border-radius: 4px;
  transition: opacity .2s;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}

.chat-checkbox__checkmark {
  opacity: 0;
  font-size: 12px;
  transition: all .2s;
  transform: scale(.8);
}

.chat-checkbox__content {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
}

.chat-checkbox__text {
  font-family: var(--font-second);
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.chat-checkbox__description {
  color: #828282;
  font-size: 12px;
  line-height: 1.4;
}

.chat-checkbox__label:hover .chat-checkbox__custom {
  border-color: var(--color-first);
  background-color: var(--color-first-alpha);
}

.chat-checkbox__input:checked + .chat-checkbox__custom {
  background-color: var(--color-first);
  border-color: var(--color-first);
}

.chat-checkbox__input:checked + .chat-checkbox__custom .chat-checkbox__checkmark {
  opacity: 1;
  transform: scale(1);
}

.chat-checkbox__label:active .chat-checkbox__custom {
  background-color: var(--color-first);
  border-color: var(--color-first);
  transform: scale(.95);
}

.chat-checkbox__label:active .chat-checkbox__custom:after {
  opacity: .2;
  background-color: var(--color-first);
}

.chat-checkbox__input:focus-visible + .chat-checkbox__custom {
  outline: 2px solid var(--color-first);
  outline-offset: 2px;
}

.chat-checkbox--disabled .chat-checkbox__label {
  cursor: not-allowed;
}

.chat-checkbox--disabled .chat-checkbox__custom {
  opacity: .5;
  background-color: #f2f2f2;
  border-color: #e0e0e0;
}

.chat-checkbox--disabled .chat-checkbox__text, .chat-checkbox--disabled .chat-checkbox__description {
  opacity: .5;
}

.chat-checkbox--disabled .chat-checkbox__label:hover .chat-checkbox__custom {
  background-color: #f2f2f2;
  border-color: #e0e0e0;
}

.chat-checkbox--position-right .chat-checkbox__label {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.chat-checkbox--position-right .chat-checkbox__input-wrapper {
  margin-top: 0;
}

.chat-checkbox--position-right .chat-checkbox__content {
  flex: 1;
}

.report-modal__content {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.report-modal__subtitle {
  font-family: var(--font-second);
  color: #4e4e4e;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.report-modal__options {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.report-modal__options .input-radio .input-radio__icon-container {
  align-items: center;
  display: flex;
}

.report-modal__option {
  padding: 0;
}

.report-modal__comment {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.report-modal .dialog__actions .footer-buttons .button {
  color: #fff;
  background: linear-gradient(111.12deg, var(--color-gradient-1) 0.31%, var(--color-gradient-2) 100%);
}

.report-modal .dialog__actions .footer-buttons .button.button--color-transparent {
  color: var(--color-first);
  background: none;
}

.report-modal .dialog__actions .footer-buttons .button.button--color-transparent .button__text {
  color: var(--color-first);
}

.report-modal .dialog__actions .footer-buttons .button:disabled {
  opacity: .5;
  background: #e0e0e0;
}

.report-modal .dialog__title {
  font-family: var(--font-second);
  font-size: 15px;
  font-weight: 600;
}

.typing-indicator {
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 0;
  display: flex;
}

.typing-indicator--inline {
  background-color: rgba(0, 0, 0, 0);
  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(--color-tangerine-ai, #bc3ebc);
  animation-delay: 0s;
}

.typing-indicator span:nth-child(2) {
  background-color: var(--color-tangerine-ai-dark, #741571);
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  background-color: var(--color-tangerine-ai-light, #f0c0f0);
  animation-delay: .4s;
}

@keyframes typing-pulse {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.6);
  }
}

.tool-indicator {
  border: 1px solid var(--color-tangerine-ai, #bc3ebc);
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  margin: 8px 0;
  padding: 8px 12px;
  animation: .3s ease-in-out fadeIn;
  display: flex;
}

.tool-indicator--error {
  color: #f66868;
  background: #fef0ef;
  border-color: #f66868;
}

.tool-indicator__icon {
  flex-shrink: 0;
  margin-right: 12px;
}

.tool-indicator__icon svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.tool-indicator__content {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.tool-indicator__message {
  font-family: var(--font-second);
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-message {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.chat-bubble {
  gap: 8px;
  margin-bottom: 0;
  display: flex;
}

.chat-bubble__avatar {
  background-color: rgba(0, 0, 0, 0);
  background-image: var(--tangerine-ai-bot);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0%;
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.chat-bubble__content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-bubble__message {
  word-wrap: break-word;
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
}

.chat-bubble__message-content {
  padding: 8px;
}

.chat-bubble__message .markdown-container p {
  margin-bottom: .5rem;
}

.chat-bubble__message .markdown-container p:last-child {
  margin-bottom: 0;
}

.chat-bubble__message .chat-d3-card {
  width: 100%;
}

.chat-bubble__message .chat-d3-card:first-child {
  margin-top: 0;
}

.chat-bubble__message .chat-d3-card:last-child {
  margin-bottom: 0;
}

.chat-bubble__image {
  margin-bottom: 8px;
  padding: 0 8px;
}

.chat-bubble__image img {
  cursor: pointer;
  border-radius: 8px;
  max-width: 100%;
  max-height: 300px;
  display: block;
}

.chat-bubble__attachments {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.chat-bubble__attachments .chat-bubble__image {
  margin-bottom: 0;
}

.chat-bubble--bot .chat-bubble__content {
  width: 100%;
}

.chat-bubble--bot .chat-bubble__message {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  width: 100%;
}

.chat-bubble--user {
  flex-direction: row-reverse;
}

.chat-bubble--user .chat-bubble__content {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.chat-bubble--user .chat-bubble__message {
  background-color: var(--color-tangerine-ai-lighter, #d068d0);
  border: 1px solid var(--color-tangerine-ai-light, #f0c0f0);
  color: #333;
  border-radius: 8px 8px 0;
  width: auto;
  max-width: 80%;
}

.chat-bubble--just-posted .chat-bubble__message {
  border-style: solid;
  border-width: 1px;
  border-image: linear-gradient(111.12deg, var(--color-tangerine-ai, #bc3ebc) 12.58%, var(--color-tangerine-ai-dark, #741571) 100%) 1;
}

.chat-bubble__tool-indicators {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.chat-message__error-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.chat-message__error-icon-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.chat-message__bubble--error .chat-bubble__content {
  background: #fef0ef;
  border: 1px solid #f66868;
  border-radius: 8px;
  padding: 12px 8px;
}

.chat-message__bubble--error .chat-bubble__message {
  background: none;
  border: none;
  padding: 0;
}

.chat-message__bubble--error .chat-bubble__text {
  color: #f66868;
}

.chat-message--streaming .chat-bubble__content .typing-indicator {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 8px 8px 8px 0;
  width: 100%;
  padding: 12px 16px;
}

.chat-message__actions {
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  margin-left: 40px;
  display: flex;
}

.chat-message__audio-button--loading {
  opacity: .6;
  cursor: wait;
}

.chat-message__flag-button {
  transition: all .2s;
}

.chat-message__flag-button--flagged {
  opacity: .7;
  cursor: default;
}

.chat-message__flag-button--flagged:hover {
  opacity: .7;
}

.chat-messages {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-height: 100%;
  padding: 16px;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.chat-messages__container {
  overflow-y: unset;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.chat-messages__container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.chat-messages__container::-webkit-scrollbar-track {
  background: #f2f2f2;
}

.chat-messages__container::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
  border-radius: 20px;
}

.chat-messages__container {
  scrollbar-width: thin;
  scrollbar-color: #bdbdbd #f2f2f2;
}

.chat-messages__empty-state {
  text-align: center;
  color: #828282;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 32px 16px;
  display: flex;
}

.chat-messages__empty-state-content {
  max-width: 320px;
}

.chat-messages__empty-state-content h3 {
  color: #333;
  margin-bottom: 12px;
  font-size: 32px;
}

.chat-messages__empty-state-content p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.chat-messages__toast {
  color: #fff;
  background-color: #333;
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  animation: .3s ease-in-out fadeIn;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.chat-message-container {
  flex-direction: column;
  display: flex;
  position: relative;
}

.chat-message-container:hover .chat-message__debug-actions {
  opacity: 1;
}

.chat-message__debug-actions {
  opacity: 0;
  gap: 4px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  top: -8px;
  right: -8px;
}

.chat-message__context-view {
  color: #333;
  background-color: #f2f2f2;
  border-radius: 8px;
  margin-top: 8px;
  padding: 8px;
  font-size: 14px;
}

.chat-message__context-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.chat-message__context-title {
  color: #828282;
  margin: 0;
  font-size: 14px;
}

.chat-message__debug-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.chat-message__debug-button:hover {
  background-color: #e0e0e0;
}

.chat-message__context-data {
  font-family: var(--font-first);
  white-space: pre-wrap;
  background-color: #fff;
  border-radius: 4px;
  max-height: 200px;
  margin: 0;
  padding: 8px;
  font-size: 14px;
  overflow-y: auto;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, 10px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.chat-dropdown {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  animation: .2s ease-out slideDown;
  display: flex;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.chat-dropdown__header {
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
}

.chat-dropdown__header-content {
  flex: 1;
}

.chat-dropdown__title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  font-family: var(--font-first);
  letter-spacing: normal;
  margin: 0;
}

.chat-dropdown__subtitle {
  color: #828282;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--font-second);
  letter-spacing: normal;
  margin: 0;
}

.chat-dropdown__content {
  flex: 1;
  min-height: 60px;
  max-height: 60vh;
  padding: 0 8px;
  overflow-x: hidden;
  overflow-y: auto;
}

.chat-dropdown__footer {
  border-top: 1px solid #e0e0e0;
  padding: 12px 16px;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-settings-popup__content {
  flex-direction: column;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.chat-settings-popup__description {
  color: #828282;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.conversation-history__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.conversation-history__item {
  position: relative;
}

.conversation-history__item:not(:last-child):after {
  content: "";
  background-color: #e0e0e0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.conversation-history__item-wrapper {
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.conversation-history__item-wrapper:hover {
  background-color: #f2f2f2;
}

.conversation-history__button {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding: 0;
  display: flex;
}

.conversation-history__info {
  flex: 1;
  min-width: 0;
}

.conversation-history__item-title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--font-second);
  letter-spacing: normal;
  margin-bottom: 2px;
  overflow: hidden;
}

.conversation-history__metadata {
  color: #828282;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  font-family: var(--font-second);
  letter-spacing: normal;
}

.conversation-history__empty {
  text-align: center;
  color: #828282;
  padding: 40px 16px;
  font-size: 14px;
}

.conversation-history__loading {
  text-align: center;
  color: #828282;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px 16px;
  font-size: 14px;
  display: flex;
}

.conversation-history__spinner {
  border: 2px solid #f2f2f2;
  border-top-color: var(--color-tangerine-ai, #bc3ebc);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: .8s linear infinite spin;
}

.conversation-history__error {
  text-align: center;
  color: #f66868;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px 16px;
  font-size: 14px;
  display: flex;
}

.conversation-history__error .icon__wrapper {
  width: 24px;
  height: 24px;
}

.conversation-history__delete-button {
  cursor: pointer;
  opacity: 1;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 2px;
  transition: background-color .2s;
  display: flex;
}

.conversation-history__delete-button:hover {
  background-color: rgba(246, 104, 104, .1);
}

.conversation-history__delete-button:hover .icon__wrapper svg path {
  fill: #f66868;
}

.conversation-history__delete-button .icon__wrapper {
  width: 20px;
  height: 20px;
}

.conversation-history__new-chat-button {
  width: 100%;
}

.conversation-history__load-more {
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 16px;
  display: flex;
}

.conversation-history__loading-more {
  color: #828282;
  font-size: 14px;
  font-family: var(--font-second);
  align-items: center;
  gap: 8px;
  display: flex;
}

.conversation-history__end {
  text-align: center;
  color: #828282;
  font-size: 14px;
  font-family: var(--font-second);
  padding: 16px;
  font-weight: 500;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.chatbot {
  background-color: #fff;
  border-left: 1px solid #e0e0e0;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chatbot__header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.chatbot__header-left {
  position: relative;
}

.chatbot__header-wrapper {
  flex-shrink: 0;
  position: relative;
}

.chatbot__history-button {
  color: #4e4e4e;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 16px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 15px;
  transition: background-color .2s;
  display: flex;
}

.chatbot__history-button:hover, .chatbot__history-button.active {
  color: #333;
  background-color: #f2f2f2;
}

.chatbot__close-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.chatbot__close-button:hover {
  background-color: #f2f2f2;
}

.chatbot__content {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chatbot__drag-overlay {
  border: 2px dashed var(--color-tangerine-ai, #bc3ebc);
  z-index: 20;
  pointer-events: none;
  background-color: rgba(51, 51, 51, .25);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chatbot__drag-overlay--invalid {
  background-color: rgba(246, 104, 104, .05);
  border-color: #ba1f33;
}

.chatbot__drag-overlay-text {
  font-family: var(--font-second-bold);
  color: #fff;
  pointer-events: none;
  white-space: nowrap;
  text-align: center;
  background-color: #333;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  position: absolute;
  transform: translate(-50%, 24px);
  box-shadow: 0 2px 8px rgba(51, 51, 51, .15);
}

.chatbot__drag-overlay-text--invalid {
  color: #333;
  background-color: #fff;
  border: 1px solid #e04949;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  display: flex;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.chatbot__input-container {
  z-index: 10;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  flex-shrink: 0;
  width: 100%;
  min-height: 72px;
  margin-top: auto;
  padding: 16px 8px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.ai-revision-loading {
  z-index: 2147483647;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.ai-revision-loading__backdrop {
  background: var(--color-background);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ai-revision-loading__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 24px;
  display: flex;
  position: relative;
}

.ai-revision-loading__bot-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ai-revision-loading__bot {
  width: 120px;
  height: auto;
  animation: 2s ease-in-out infinite ai-revision-loading-bounce;
}

.ai-revision-loading__stars {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ai-revision-loading__star {
  color: var(--color-first);
  font-size: 28px;
  animation: 1.5s ease-in-out infinite ai-revision-loading-sparkle;
  position: absolute;
}

.ai-revision-loading__star--1 {
  animation-delay: 0s;
  top: -10px;
  right: -15px;
}

.ai-revision-loading__star--2 {
  animation-delay: .75s;
  bottom: 10px;
  left: -20px;
}

.ai-revision-loading__text {
  font-family: var(--font-first);
  color: #4e4e4e;
  text-align: center;
  max-width: 300px;
  font-size: 22px;
  animation: .3s ease-in-out ai-revision-loading-fade;
}

@keyframes ai-revision-loading-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes ai-revision-loading-sparkle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(.8);
  }
}

@keyframes ai-revision-loading-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.challenge-type-tag {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-second);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 16px;
  padding: 4px 8px;
  line-height: 22px;
  overflow: hidden;
}

.challenge-type-tag--small {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
}

.challenge-type-tag:before {
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 4px;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}

.challenge-type-tag--new {
  color: #ba1f33;
  background: #fff0f0;
}

.challenge-type-tag--new:before {
  content: "🌱";
}

.challenge-type-tag--new.done {
  color: #4e4e4e;
  background: #f9f9f9;
}

.challenge-type-tag--new.done:before {
  content: "🌱";
  filter: grayscale();
}

.challenge-type-tag--review {
  color: #0038a8;
  background: #eaf5ff;
}

.challenge-type-tag--review:before {
  content: "🧠";
}

.challenge-type-tag--review.done {
  color: #4e4e4e;
  background: #f9f9f9;
}

.challenge-type-tag--review.done:before {
  content: "🧠";
  filter: grayscale();
}

.challenge-type-tag--refuerzo-microtest {
  color: #830089;
  background: #feeeff;
}

.challenge-type-tag--refuerzo-microtest:before {
  content: "🧪";
}

.challenge-type-tag--refuerzo-microtest.done {
  color: #830089;
  background: #f9f9f9;
}

.challenge-type-tag--refuerzo-microtest.done:before {
  content: "🧪";
  filter: grayscale();
}

.challenge-type-tag--práctica-mezclada {
  color: #873600;
  background: #feeeff;
}

.challenge-type-tag--práctica-mezclada:before {
  content: "🧩";
}

.challenge-type-tag--práctica-mezclada.done {
  color: #828282;
  background: #e0e0e0;
}

.challenge-type-tag--práctica-mezclada.done:before {
  content: "🧩";
  filter: grayscale();
}

.challenge-type-tag--del-docente {
  color: #135f3e;
  background: #eefaf4;
}

.challenge-type-tag--del-docente:before {
  content: "🎓";
}

.challenge-type-tag--del-docente.done {
  color: #828282;
  background: #e0e0e0;
}

.challenge-type-tag--del-docente.done:before {
  content: "🎓";
  filter: grayscale();
}

.ai-practice-view__header-left {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.ai-practice-view__header-left .text-html {
  flex: auto;
  min-width: 0;
}

.ai-practice-view__header-left .text-html * {
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-first);
  max-width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  overflow: hidden;
}

.ai-practice-view__header-left .tag {
  white-space: nowrap;
}

.ai-practice-view__progress-container {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.ai-practice-view__progress-container .progress-bar {
  width: 100%;
  height: 12px;
}

.ai-practice-view__progress-container .progress-bar .progress-bar__bar {
  background: #e0e0e0;
  border-radius: 16px;
}

.ai-practice-view__progress-container .progress-bar .progress-bar__progress {
  background: var(--color-tangerine-ai-gradient, linear-gradient(111deg, #e14de3 12.58%, #8c2a89 100%));
  border-radius: 16px 16px 0;
}

.ai-practice-view__progress-container--100 .progress-bar .progress-bar__bar .progress-bar__progress {
  border-radius: 16px;
}

.ai-practice-view__content {
  width: 80%;
  margin: 0 auto;
}

.ai-practice-view .ai-practice-view__lesson-title {
  border-bottom: 1px solid var(--color-bg-03);
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.ai-practice-view .ai-practice-view__lesson-title-text {
  font-family: var(--font-second);
  color: #4e4e4e;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
}

.ai-practice-view__activity-container {
  width: 100%;
  margin: 0 auto;
}

.ai-practice-view__activity-container .card-generic {
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.ai-practice-view__activity-container .ai-practice-view__activity-info {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.ai-practice-view__activity-container .ai-practice-view__activity-info-item {
  font-family: var(--font-second);
  color: #4e4e4e;
  font-size: 15px;
  line-height: normal;
}

.ai-practice-view__activity-container .ai-practice-view__exercise-content {
  padding: 16px;
}

.ai-practice-view__activity-container .ai-practice-view__exercise-content .lemo-stimulus {
  color: #333;
  font-family: var(--font-first);
  margin-top: 0;
  padding-top: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.ai-practice-view__activity-container .ai-practice-view__actions {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.ai-practice-view__activity-container .ai-practice-view__error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ai-practice-view__summary {
  width: 100%;
  margin: 0 auto;
}

.ai-practice-view__summary .card-generic {
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.ai-practice-view__summary-content {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ai-practice-view__summary-upper-section {
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.ai-practice-view__summary-celebration {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 0;
  display: flex;
}

.ai-practice-view__summary-celebration-image {
  background-image: var(--tangerine-ai-bot-celebrating);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 130px;
  height: 130px;
}

.ai-practice-view__summary-title {
  font-family: var(--font-first);
  color: #333;
  margin: 0 0 16px;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
}

.ai-practice-view__summary-learning-sections {
  background-color: var(--color-bg-04);
  border: 1px solid var(--color-bg-01);
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
  display: flex;
}

.ai-practice-view__summary-section {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ai-practice-view__summary-section-title {
  font-family: var(--font-first);
  color: #333;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: inline;
}

.ai-practice-view__summary-separator {
  background-color: #e0e0e0;
  height: 1px;
  margin: 0;
}

.ai-practice-view__summary-answers-section {
  text-align: center;
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.ai-practice-view__summary-answers-title {
  font-family: var(--font-first);
  color: #333;
  text-align: center;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.ai-practice-view__summary-list {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ai-practice-view__summary-list-item {
  font-family: var(--font-second);
  color: #4e4e4e;
  margin-left: 24px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  list-style-type: disc;
}

.ai-practice-view__summary-responses {
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.ai-practice-view__summary-response-indicator {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: relative;
}

.ai-practice-view__summary-response-indicator--correct {
  background: #28a773;
  border: 2px solid #135f3e;
}

.ai-practice-view__summary-response-indicator--incorrect {
  background: #e04949;
  border: 2px solid #ba1f33;
}

.ai-practice-view__summary-response-number {
  color: #fff;
  font-family: var(--font-first);
  font-size: 18px;
  font-weight: 800;
  line-height: normal;
}

.ai-practice-view__notify-button {
  background: var(--color-gray-07);
  cursor: pointer;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: all .2s ease-in-out;
  display: flex;
}

.ai-practice-view__notify-button .icon {
  width: 16px;
  height: 16px;
  transition: color .2s ease-in-out;
}

.ai-practice-view__notify-button .icon--color-default.icon--lib-skin path {
  fill: #f66868 !important;
}

.ai-practice-view__notify-button:not(:disabled):hover {
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
}

.ai-practice-view__notify-button:not(:disabled):hover .icon {
  color: #333;
}

.ai-practice-view__notify-button:not(:disabled):active {
  background: var(--color-gray-07);
  transform: translateY(0);
  box-shadow: inset 0 3px rgba(224, 224, 224, .7);
}

.ai-practice-view__notify-button:not(:disabled):active .icon {
  color: #333;
}

.ai-practice-view__notify-button:disabled {
  cursor: not-allowed;
  background: #f2f2f2;
  transform: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.ai-practice-view__notify-button:disabled .icon {
  color: #bdbdbd;
}

.ai-practice-view .card-generic__children {
  position: relative;
}

.ai-practice-view .lemonade-exercises .lemo-question-header {
  width: calc(100% - 64px);
}

.distribution-bar {
  width: 100%;
  position: relative;
}

.distribution-bar__container {
  width: 100%;
  margin-top: 40px;
  position: relative;
}

.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: translateX(-50%);
}

.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 {
  width: 100%;
  height: 100%;
}

.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-wrapper:first-child .distribution-bar__segment {
  border-radius: 16px 0 0 16px;
}

.distribution-bar__segment-wrapper:last-child .distribution-bar__segment {
  border-radius: 0 16px 16px 0;
}

.distribution-bar__segment-wrapper:only-child .distribution-bar__segment {
  border-radius: 16px;
}

.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: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.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;
}

.unit-metrics-card {
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.unit-metrics-card__info {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.unit-metrics-card__title, .unit-metrics-card__title .text-html * {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-first);
  color: #4e4e4e;
  margin: 0;
  line-height: 28px;
}

.unit-metrics-card__recommendation-tag {
  background-color: #fff0f0;
  border-radius: 8px;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  display: inline-flex;
}

.unit-metrics-card__recommendation-tag--all-good {
  background-color: #eefaf4;
}

.unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-icon, .unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-text {
  color: #135f3e;
}

.unit-metrics-card__recommendation-tag--all-good svg path {
  fill: #135f3e !important;
}

.unit-metrics-card__recommendation-icon {
  color: #ba1f33;
  font-size: 20px;
}

.unit-metrics-card__recommendation-text {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-second);
  color: #ba1f33;
  line-height: 24px;
}

.unit-metrics-card__progress {
  flex: 4;
  min-width: 0;
}

.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;
}

.unit-recommendations-card {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.unit-recommendations-card__indicator {
  background-color: #00b4c5;
  border-radius: 8px 0 0 8px;
  flex-shrink: 0;
  width: 8px;
}

.unit-recommendations-card__content {
  background-color: #fff;
  border: 1px solid #d3e9ff;
  border-left: none;
  border-radius: 0 8px 8px 0;
  flex-direction: column;
  flex: 1;
  padding: 8px 8px 24px;
  display: flex;
}

.unit-recommendations-card__header {
  background-color: rgba(0, 180, 197, .05);
  border-radius: 8px 8px 0 0;
  align-items: center;
  min-height: 44px;
  margin-bottom: 24px;
  padding: 8px 10px;
  display: flex;
}

.unit-recommendations-card__title, .unit-recommendations-card__title .text-html * {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-first);
  color: #333;
  margin: 0;
  line-height: 28px;
  display: flex;
}

.unit-recommendations-card__lessons {
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
  display: flex;
}

.unit-recommendations-card__no-recommendations {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-second);
  color: #828282;
  margin: 0;
  line-height: 24px;
}

.teacher-layout-wrapper {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.teacher-layout-wrapper__sidebar {
  background: #faf7f5;
  flex-direction: column;
  flex-shrink: 0;
  width: 265px;
  height: 100vh;
  transition: width .3s;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.teacher-layout-wrapper__sidebar-header {
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
  display: flex;
}

.teacher-layout-wrapper__collapse-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 24px;
  transition: background-color .2s;
  display: flex;
}

.teacher-layout-wrapper__collapse-btn:hover {
  background-color: rgba(0, 0, 0, .05);
}

.teacher-layout-wrapper__collapse-btn .icon {
  color: #828282;
}

.teacher-layout-wrapper__title-container {
  visibility: visible;
  transition: opacity .3s;
  overflow: hidden;
}

.teacher-layout-wrapper__title {
  color: #4e4e4e;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--font-first);
  margin: 0;
  padding: 24px 24px 0;
}

.teacher-layout-wrapper__navigation {
  flex: 1;
  padding: 24px 0 0 24px;
  transition: padding .3s;
}

.teacher-layout-wrapper__nav-list {
  font-family: var(--font-first);
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.teacher-layout-wrapper__nav-item {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px 0 0 8px;
  align-items: center;
  width: 100%;
  padding: 8px 15px;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.teacher-layout-wrapper__nav-item .icon {
  flex-shrink: 0;
}

.teacher-layout-wrapper__nav-item .icon__wrapper svg path {
  fill: #828282;
  transition: fill .2s;
}

.teacher-layout-wrapper__nav-item:hover {
  background: rgba(255, 255, 255, .5);
}

.teacher-layout-wrapper__nav-item:hover .icon__wrapper svg path {
  fill: var(--color-tangerine-ai-dark, #741571);
}

.teacher-layout-wrapper__nav-item:hover .teacher-layout-wrapper__nav-text {
  color: var(--color-tangerine-ai-dark, #741571);
}

.teacher-layout-wrapper__nav-item--active {
  background: #fff;
}

.teacher-layout-wrapper__nav-item--active .teacher-layout-wrapper__nav-text {
  color: var(--color-tangerine-ai, #bc3ebc);
  font-family: var(--font-first);
}

.teacher-layout-wrapper__nav-item--active .icon__wrapper svg path {
  fill: var(--color-tangerine-ai, #bc3ebc);
}

.teacher-layout-wrapper__nav-item--active:hover {
  background: #fff;
}

.teacher-layout-wrapper__nav-text {
  color: #828282;
  white-space: nowrap;
  opacity: 1;
  width: auto;
  margin-left: 12px;
  font-family: Dosis Bold, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: opacity .2s, width .3s;
}

.teacher-layout-wrapper__main {
  background: #fff;
  flex: 1;
  min-width: 0;
  padding-top: 36px;
  overflow: auto;
}

.teacher-layout-wrapper__main--default-padding {
  padding-left: 72px;
  padding-right: 72px;
}

.teacher-layout-wrapper__main--left-only-padding {
  padding-left: 72px;
  padding-right: 0;
}

.teacher-layout-wrapper__main--none-padding {
  padding-left: 0;
  padding-right: 0;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar {
  width: 80px;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header .back-arrow {
  display: none;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__title-container {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility 0s linear .3s;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__navigation {
  align-items: center;
  padding: 24px 0 0 24px;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-item {
  justify-content: center;
  padding: 8px;
}

.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-text {
  opacity: 0;
  width: 0;
  margin-left: 0;
  transition: opacity .2s ease-out, width .3s, margin-left .3s;
}

.teacher-layout-wrapper__mobile-menu-button, .teacher-layout-wrapper__mobile-menu-backdrop {
  display: none;
}

.title-h1 {
  font-family: var(--font-first);
  font-size: 48px;
  line-height: 61px;
}

.title-h2 {
  font-family: var(--font-first);
  font-size: 36px;
  line-height: 46px;
}

.title-h3 {
  font-family: var(--font-first-semi);
  font-size: 32px;
  line-height: 40px;
}

.title-h4, .analytics-error-state__texts-title {
  font-family: var(--font-first-semi);
  font-size: 28px;
  line-height: 35px;
}

.title-h5 {
  font-family: var(--font-first-semi);
  font-size: 22px;
  line-height: 28px;
}

.text-link {
  color: var(--color-first) !important;
}

.title-h6 {
  font-family: var(--font-first-semi);
  font-size: 18px;
  line-height: 23px;
}

.title-h7 {
  font-family: var(--font-first-semi);
  font-size: 15px;
  line-height: 23px;
}

.title-h8 {
  font-family: var(--font-first-semi);
  font-size: 14px;
  line-height: 23px;
}

.text-p, .text-p-bold {
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 27px;
}

.text-p-bold {
  font-family: var(--font-second-bold);
}

.text-small, .placeholder, .label {
  font-family: var(--font-second);
  font-size: 15px;
  line-height: 20px;
}

.text-small-bold, .label {
  font-family: var(--font-second-bold);
  font-size: 15px;
  line-height: 24px;
}

.text-smallest-bold {
  font-family: var(--font-second-bold);
  font-size: 14px;
  line-height: 24px;
}

.label {
  color: #828282;
}

.text-s {
  font-family: var(--font-second);
  font-size: 15px;
  line-height: 25px;
}

.text-smallest {
  font-family: var(--font-second);
  font-size: 14px;
  line-height: 18px;
}

.text-extra, .text-extra-bold {
  font-family: var(--font-second);
  font-size: 12px;
  line-height: 18px;
}

.text-extra-bold {
  font-family: var(--font-second-bold);
}

.text-xs {
  font-family: var(--font-second);
  font-size: 10px;
  line-height: 14px;
}

.text-button {
  font-family: var(--font-first);
  font-size: 18px;
  line-height: 23px;
}

.placeholder {
  color: #bdbdbd;
}

.border-primary {
  border: 2px solid var(--color-first);
}

.border-primary-thin {
  border: 1px solid var(--color-first);
}

.border-default {
  border: 2px solid var(--color-bg-01);
}

.border-light, .card-default, .card-background, .card-secondary, .card-secondary-small, .card-default-big, .card-default-small, .card-simple {
  border: 1px solid var(--color-bg-01);
}

.border-light-black {
  border: 1px solid #828282;
}

.border-errors {
  border: 1px solid #f66868;
}

.border-actions {
  border: 1px dotted var(--color-first);
}

.border-dashed {
  border: 2px dashed var(--color-bg-01);
}

.border-dashed-primary {
  border: 2px dashed var(--color-first);
}

.hover-basic, .text-link {
  cursor: pointer;
}

.disabled-hover {
  cursor: default !important;
  opacity: 1 !important;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellipsis-complex {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media only screen and (min-width: 640px) {
  .hover-basic:hover, .text-link:hover {
    opacity: .7;
    transition-duration: .3s;
  }
}

.transition-hover-border {
  transition-duration: .4s;
  border-width: 1px !important;
}

.transition-hover-border:hover {
  border-color: var(--color-first);
}

@keyframes wobble {
  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-30deg);
  }

  75% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--color-first-alpha);
  }

  10% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}

.card-default, .card-background, .card-secondary, .card-secondary-small, .card-default-big, .card-default-small, .card-simple {
  border-radius: var(--border-radius-01);
  box-shadow: none;
  background: #fff;
  padding: 16px 12px;
}

.card-default-small, .card-simple {
  padding: 8px;
}

.card-default-big {
  padding: 20px 30px;
}

.card-secondary, .card-secondary-small {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.card-secondary-small {
  padding: 8px;
}

.card-background {
  background: var(--color-card-background);
  padding: 8px;
}

body {
  overflow-y: scroll;
}

.grid, .grid-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.grid {
  max-width: 1200px;
}

.grid-column {
  flex-flow: wrap;
  width: calc(100% + 24px);
  margin-left: -24px;
  display: flex;
}

.grid-column--without-gutter {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.grid-lateral {
  padding-left: 5%;
}

.grid-lateral-right {
  padding-right: 5%;
}

.margin-default-rigth {
  margin-right: 24px;
}

.margin-default-left {
  margin-left: 24px;
}

.margin-default {
  margin-left: 24px;
  margin-right: 24px;
}

.padding-default-rigth {
  padding-right: 24px;
}

.padding-default-left {
  padding-left: 24px;
}

.default-left {
  left: 24px !important;
}

.padding-default {
  padding-left: 24px;
  padding-right: 24px;
}

.scroll-bar-horizontal::-webkit-scrollbar {
  border-radius: 20px;
  width: 6px;
  height: 22px;
}

.scroll-bar-horizontal::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 6px solid #fff;
  border-radius: 20px;
}

.scroll-bar-horizontal::-webkit-scrollbar-thumb {
  background: #888;
  border: 6px solid #888;
  border-radius: 20px;
}

.scroll-bar-horizontal::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

@media only screen and (min-width: 1340px) {
  .grid-lateral {
    padding-left: calc(50% - 600px);
  }

  .grid-lateral-right {
    padding-right: calc(50% - 600px);
  }

  .margin-default-rigth {
    margin-right: 32px;
  }

  .margin-default-left {
    margin-left: 32px;
  }

  .margin-default {
    margin-left: 32px;
    margin-right: 32px;
  }

  .padding-default-rigth {
    padding-right: 32px;
  }

  .padding-default-left {
    padding-left: 32px;
  }

  .default-left {
    left: 32px !important;
  }

  .padding-default {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 1500px) {
  .grid {
    max-width: 1200px;
  }

  .grid-lateral {
    padding-left: calc(50% - 600px);
  }

  .grid-lateral-right {
    padding-right: calc(50% - 600px);
  }

  .margin-default-rigth {
    margin-right: 64px;
  }

  .margin-default-left {
    margin-left: 64px;
  }

  .margin-default {
    margin-left: 64px;
    margin-right: 64px;
  }

  .padding-default-rigth {
    padding-right: 64px;
  }

  .padding-default-left {
    padding-left: 64px;
  }

  .default-left {
    left: 64px !important;
  }

  .padding-default {
    padding-left: 64px;
    padding-right: 64px;
  }
}

.analytics-error-state {
  padding: var(--spacing-3xl);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 400px;
  display: flex;
}

.analytics-error-state__content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.analytics-error-state__texts {
  text-align: center;
  flex-direction: column;
  margin: 20px auto;
  display: flex;
}

.analytics-error-state__texts-title {
  margin: 8px auto;
  font-size: 22px;
}

.analytics-error-state__texts-subtitle {
  font-size: 16px;
}

.analytics-error-state__image-error {
  width: 100%;
  max-width: 600px;
  height: auto;
}

.analytics-error-state__image-error--student {
  content: var(--error-page-image-student);
}

.analytics-error-state__image-error--teacher {
  content: var(--error-page-image-teacher);
}

.teacher-analytics-view__loading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-height: 400px;
  display: flex;
}

.teacher-analytics-view__loading p {
  color: #828282;
  font-size: 14px;
}

.teacher-analytics-view__error {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  min-height: 400px;
  display: flex;
}

.teacher-analytics-view__error p {
  color: #dc3545;
  max-width: 500px;
  font-size: 14px;
}

.teacher-analytics-view__header-container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.teacher-analytics-view__header-container .teacher-analytics-view__class-selector {
  min-width: 200px;
  max-width: 300px;
  margin-left: auto;
}

.teacher-analytics-view__subject-selector {
  min-width: 200px;
  max-width: 300px;
}

.teacher-analytics-view__units-grid {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.teacher-analytics-view__sections-container {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.teacher-analytics-view__section-separator {
  border-bottom: 1px solid #eee4dc;
  margin: 16px 0;
}

.teacher-analytics-view__recommendations {
  gap: var(--spacing-lg);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.teacher-analytics-view__section {
  display: block;
}

.teacher-analytics-view__section-title {
  color: #333;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--font-first);
  margin: 0 0 24px;
}

.teacher-analytics-view__legend {
  justify-content: flex-end;
  gap: 24px;
  margin-top: 16px;
  display: flex;
}

.teacher-analytics-view__legend-item {
  align-items: center;
  gap: 8px;
  display: flex;
}

.teacher-analytics-view__legend-color {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.teacher-analytics-view__legend-color--mastered {
  background-color: #0095a2;
}

.teacher-analytics-view__legend-color--in-progress {
  background-color: #00b4c5;
}

.teacher-analytics-view__legend-color--not-started {
  background-color: #d4fbff;
}

.teacher-analytics-view__legend-text {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-second);
  color: #4e4e4e;
  line-height: 1;
}

.course-selector {
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.course-selector__button {
  transition: all .2s;
}

.empty-state-analytics {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-xl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.empty-state-analytics__icon {
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-lg);
  font-size: 64px;
}

.empty-state-analytics__message {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  margin: 0 0 var(--spacing-md) 0;
}

.empty-state-analytics__description {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0;
}

.quiz-location-dialog .dialog__content {
  min-height: 350px;
}

.quiz-location-dialog__content {
  padding: 20px 0;
}

.quiz-location-dialog__field {
  margin-bottom: 20px;
}

.quiz-location-dialog__field:last-child {
  margin-bottom: 0;
}

.quiz-location-dialog__loading {
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 20px;
  display: flex;
}

.quiz-location-dialog__error-title {
  color: #f66868;
  font-family: var(--font-second);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.quiz-location-dialog__error {
  margin-top: 16px;
}

.quiz-location-dialog__error-message {
  color: #f66868;
  font-family: var(--font-second);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.student-recommendations {
  border: 2px solid var(--color-tangerine-ai, #bc3ebc);
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.student-recommendations--loading {
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.student-recommendations__loader {
  color: #4e4e4e;
  font-size: 15px;
}

.student-recommendations__header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.student-recommendations__header-left {
  align-items: center;
  gap: 16px;
  display: flex;
}

.student-recommendations__avatar {
  background-image: var(--tangerine-ai-bot-happy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.student-recommendations__header-content {
  flex: 1;
}

.student-recommendations__title {
  color: #333;
  font-family: var(--font-first);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.student-recommendations__subtitle {
  color: #4f4f4f;
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.student-recommendations__cards {
  gap: 12px;
  padding-top: 8px;
  padding-bottom: 24px;
  display: flex;
  overflow-x: auto;
}

.student-recommendations__cards::-webkit-scrollbar {
  height: 6px;
}

.student-recommendations__cards::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 3px;
}

.student-recommendations__cards::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 3px;
}

.student-recommendations__card {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  width: 362px;
  min-height: 136px;
  padding: 8px 8px 0;
  transition: all .1s ease-in;
  display: flex;
  position: relative;
  box-shadow: 0 2px #f8f8f8;
}

.student-recommendations__card:hover {
  border: 1px solid #bdbdbd;
  width: 460px;
  box-shadow: 0 2px 3px #ececec;
}

.student-recommendations__card:focus {
  outline: none;
}

.student-recommendations__card:focus-visible {
  background-image: linear-gradient(#fff, #fff), linear-gradient(111.12deg, #e14de3 12.58%, #8c2a89 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  width: 460px;
  box-shadow: 0 2px 3px #ececec;
}

.student-recommendations__card:active {
  background-image: none !important;
  border: 1px solid #bdbdbd !important;
  box-shadow: inset 0 3px rgba(224, 224, 224, .7) !important;
}

.student-recommendations__card:hover:focus-visible {
  width: 460px;
}

.student-recommendations__card-body {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.student-recommendations__card-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.student-recommendations__card-header--left {
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.student-recommendations__card-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
}

.student-recommendations__card-icon img {
  width: 100%;
  max-width: 50px;
}

.student-recommendations__card-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.student-recommendations__card-title {
  color: #333;
  font-family: var(--font-first);
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  overflow: hidden;
}

.student-recommendations__card-title .text-html {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.student-recommendations__card-subtitle {
  color: #4e4e4e;
  font-family: var(--font-second);
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.student-recommendations__card-subtitle .text-html > :first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.student-recommendations__card:hover .student-recommendations__card-subtitle .text-html > :first-child {
  white-space: normal;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 48px;
  display: -webkit-box;
  overflow: hidden;
}

.student-recommendations__card-progress {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.student-recommendations__card-check-icon {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.student-recommendations__card-check-icon svg {
  width: 100%;
  height: 100%;
}

.student-recommendations__card-check-icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.student-recommendations__card-progress-bar {
  background-color: #f2f2f2;
  height: 2px;
  margin: 0 -8px;
  position: relative;
  overflow: hidden;
}

.student-recommendations__card-progress-bar-fill {
  background-color: #41d158;
  height: 100%;
  transition: width .3s;
}

.student-recommendations__card-footer {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.student-recommendations__activities, .student-recommendations__session-status {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-first);
  background: var(--color-tangerine-ai-gradient, linear-gradient(111deg, #e14de3 12.58%, #8c2a89 100%));
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  background-clip: text;
  align-items: center;
  height: 20px;
  display: inline-flex;
}

@media (max-width: 768px) {
  .student-recommendations {
    padding: 16px;
  }

  .student-recommendations__title {
    font-size: 20px;
  }

  .student-recommendations__subtitle {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .student-recommendations {
    margin: 16px 0;
  }

  .student-recommendations__header {
    gap: 12px;
  }

  .student-recommendations__avatar-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}

.teacher-tool-card {
  cursor: pointer;
  font-family: var(--font-second);
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 8px;
  display: flex;
  position: relative;
}

.teacher-tool-card__icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.teacher-tool-card__content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.teacher-tool-card__title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
}

.teacher-tool-card__description {
  color: #828282;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  min-height: 36px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
}

.teacher-tool-card:hover:not(.teacher-tool-card--disabled):not(.teacher-tool-card--pressed):not(.teacher-tool-card--active) {
  outline: 1px solid #f2f2f2;
  box-shadow: 0 5px 12px rgba(16, 16, 16, .05);
}

.teacher-tool-card--pressed {
  border-color: #bdbdbd;
}

.teacher-tool-card--active {
  background: #fff;
  border-color: #bc3ebc;
}

.teacher-tool-card--active:hover {
  border-color: #bc3ebc;
  box-shadow: 0 5px 12px rgba(16, 16, 16, .05);
}

.teacher-tool-card--disabled {
  cursor: not-allowed;
  background: #f9f9f9;
  border-color: #f2f2f2;
}

.teacher-tool-card--disabled .teacher-tool-card__title, .teacher-tool-card--disabled .teacher-tool-card__description {
  color: #828282;
}

.teacher-tool-card--disabled .teacher-tool-card__icon {
  filter: grayscale();
}

.teacher-tool-card--disabled:hover {
  box-shadow: none;
  border-color: #f2f2f2;
}

@media (max-width: 768px) {
  .teacher-tool-card {
    padding: 12px;
  }

  .teacher-tool-card__title {
    font-size: 14px;
    line-height: 18px;
  }

  .teacher-tool-card__description {
    min-height: 32px;
    font-size: 12px;
    line-height: 16px;
  }
}

.teacher-tools-view__content {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 0;
  display: flex;
}

.teacher-tools-view__title {
  font-family: var(--font-first);
  color: #333;
  margin: 0;
  padding: 8px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.teacher-tools-view__description-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.teacher-tools-view__description {
  font-family: var(--font-second);
  color: #4e4e4e;
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.teacher-tools-view__description-image {
  background-image: var(--tangerine-ai-bot-help);
  background-position: center;
  background-size: cover;
  width: 48px;
  height: 56px;
}

.teacher-tools-view__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 16px;
  display: grid;
}

@media (max-width: 1023px) {
  .teacher-tools-view__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }
}

@media (max-width: 575px) {
  .teacher-tools-view__grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 16px;
  }
}

:root {
  --font-first: "Titilium Bold", sans-serif;
  --font-first-semi: "Titilium Semi Bold", sans-serif;
  --font-second: "Titilium Regular", sans-serif;
  --font-second-bold: "Titilium Bold", sans-serif;
  --font-second-custom: "Titilium Regular", sans-serif;
  --font-second-bold-custom: "Titilium Bold", sans-serif;
  --font-first-custom: "Titilium Bold", sans-serif;
  --font-first-semi-custom: "Titilium Semi Bold", sans-serif;
}

::-webkit-scrollbar {
  border-radius: 20px;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 6px solid #fff;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border: 6px solid #dbd5ce;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:focus {
  outline: 0;
}

a {
  text-decoration: none;
}

em {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: italic;
}

svg {
  display: inline;
}

select {
  -webkit-appearance: none;
}

input, label, select, button, textarea {
  font-size: inherit;
  vertical-align: middle;
  white-space: normal;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: inline-block;
}

button, select {
  box-sizing: border-box;
}

input[type="reset"] {
  box-sizing: border-box;
}

input[type="button"] {
  box-sizing: border-box;
}

input[type="submit"] {
  box-sizing: border-box;
}

input[type="checkbox"] {
  box-sizing: border-box;
}

input[type="radio"] {
  box-sizing: border-box;
}

button {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

body {
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  font-size: 100%;
  font-weight: normal;
}

.direction--ar, .direction--rtl {
  direction: rtl;
}

.title-h1, .game-view__name, .cronometer__timeout-text, .header-lesson--student .header-lesson__title-text {
  font-family: Titilium Bold;
  font-size: 48px;
  line-height: 61px;
}

.title-h2, .turn-to-speak-view .turn-to-speak-view__name, .error__title, .new-classroom-step-books__header-action, .resources-view .resources-view__header-title, .header-info-course__name, .modules-accordion__index, .units-accordion__index, .note-card__note, .layout-header__background-text {
  font-family: Titilium Bold;
  font-size: 36px;
  line-height: 46px;
}

.title-h3, .signup__header, .signup-step-license__header, .new-course-step-schedule__title, .new-course-step-configuration__title, .new-classroom-step-books__title, .new-classroom-step-basic__title, .hero-banner__title, .maintenance-view__text-orange, .mint-view .mint-footer-lms__counters-number, .view-evaluation-chosen-student__attemps-actual, .custom-assessment-student-results__attemps-actual, .primary2022-banner-game__content-left-game-name, .program-view-banner__title, .student-classrooms-subheader__name, .new-classroom-step-students__title, .individual-activity-container .individual-activity-container__attemps-actual, .hint__dropdown-title, .progress-with-label__title, .task-simple-item__student-status-text, .header-simple__title, .agroup-timeline-two-sides-in-images__item-name, .gamification-dialog-level__title, .square-progress-badge .square-progress-badge__progress, .answer-test-bar-footer__status-title, .group-lessons-progress-card__name {
  font-family: Titilium Semi Bold;
  font-size: 32px;
  line-height: 40px;
}

.title-h4, .resources-page__needs-login, .assessment-instructions-print-header__assessment-title, .assessment-individual-results-view__title, .assessment-individual-results-view__name, .assessment-student-result-header__header-title, .new-assessment-view-header__header-title, .do-evaluation-final__title, .do-evaluation-front__title, .content-not-found-view__texts-title, .about-view__contact, .primary-2022-card__title, .layout-big-header__texts-title, .library-view__left-header-title, .mint-lesson-view-header__title, .resource-view-consumption__header-title, .resource-view-content__header-title, .xapi-individual-results-view__title, .xapi-individual-results-view__name, .xapi-results-activity__header-title, .scorm-individual-results-view__title, .scorm-individual-results-view__name, .scorm-results-activity__header-title, .turn-speak-student-active__name, .grades-periods__message-error, .grades-global-educa__needs-login, .grades__title, .xapi-results-overview__title, .scorm-results-overview__title, .student-grades-grades .student-grades-grades__title, .student-grades-graphics .student-grades-graphics__title, .grades-graphic__title, .grades-attendance__title, .grades-behavior__title, .classroom-users-content__name, .my-classrooms-view__programs-container #panel1a-header div, .my-classrooms-view__enter-class-text, .project-remote-control__controls-mint-title, .icon-title__title, .assigments-main-info__name, .login-form__title, .gamification-dialog-ranking__text, .gamification-dialog-badges__text, .recover-password__title, .dialog-student-feedback__header-title, .dialog-add-program-to-class__no-classes, .doughnut-chart__text1, .class-room-card__name, .loading .loading__text, .input-points--size-big .input-points__input {
  font-family: Titilium Semi Bold;
  font-size: 28px;
  line-height: 35px;
}

.title-h5, .answer-test-footer__paginator-formative-steps-index, .answer-test-footer__paginator-formative-separator, .answer-test-footer__paginator-formative-steps-length, .task-view__title, .assessment-results-view__title, .new-content-view .new-content-view__mobile-menu-header .new-content-view__mobile-menu-header-title, .new-assesment-view-questions__empty-title, .new-assesment-view-questions__length, .signup-step-license__licenses-title, .landing-edelvives__know-more span, .results-evaluation-view__name, .do-evaluation-final__delivered, .create-evaluations-view__points-text--points, .create-evaluations-title__text-aux, .create-evaluations-title__input .input-text__input, .create-evaluations-title__input .input-date input, .input-date .create-evaluations-title__input input, .create-evaluations-title__input .input-time-range__input, .create-evaluations-title__input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .create-evaluations-title__input input, .create-evaluations-title__input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title__input input, .create-evaluations-title__input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title__input input, .about-view__login span, .about-view .login-form__politics .login-form__legal-advice, .about-view .login-form__politics .login-form__privacy, .view-evaluation-chosen-student__duration-value, .view-evaluation-chosen-student__name, .view-evaluation-stats__title, .view-evaluations-dialog-export__radio .input-radio__label, .view-evaluation-evaluation__evaluation-title, .custom-assessment-student-results__name, .videolesson-results-view__right .videolesson-results__name, .secondary-2022-list-lesson__name, .secondary-2022-unit-empty__text-first, .primary-2022-card__accesible, .resource-view-content__content-link-name, .videolesson-results-view__title, .section-resources-view__empty-case-text, .student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-score .score, .student-grades-table .student-grades-table__unit-accordion .student-grades-table__unit-accordion-score .score, .program__header-text, .stream__empty-list-text, .myclassrooms-view-library__program-group-title, .individual-activity-container .individual-activity-container__name, .assessment-grade-tag__grade-total, .assessment-grade-tag__grade, .lesson-task-list__name, .project-remote-control__controls-player-name, .toolbar__month-title, .no-items__item-title, .avatar-generator .header-custom__left, .modules-accordion__name-input .input-text__input, .modules-accordion__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .modules-accordion__name-input input, .modules-accordion__name-input .input-date input, .input-date .modules-accordion__name-input input, .modules-accordion__name-input .input-time-range__input, .modules-accordion__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .modules-accordion__name-input input, .modules-accordion__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .modules-accordion__name-input input, .modules-accordion__name, .units-accordion__name, .units-accordion__name-input .input-text__input, .units-accordion__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .units-accordion__name-input input, .units-accordion__name-input .input-date input, .input-date .units-accordion__name-input input, .units-accordion__name-input .input-time-range__input, .units-accordion__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .units-accordion__name-input input, .units-accordion__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .units-accordion__name-input input, .question-item__numeration, .lesson-item-student__name, .header-responsive .header-responsive__mobile-menu-header-title, .header-lesson__info-unit, .group-resources-slider__title-text, .gamification-dialog-level__description, .forgot-password__title, .period-form__title, .course-form-schedule__title, .course-form__form-title, .dialog-desktop-version__header, .personalize-program__head-title, .dialog-status-big__title, .dialog-project-lesson-item__content-name, .dialog-list-behaviour__title-name, .dialog-form-behaviour__header-title, .dialog-delete__title, .dialog-courses__name, .dialog__title, .group-lessons-progress-card__lesson-name, .program-card__title, .school-card__title, .school-card__name, .post-card__title, .note-card__percent, .note-card__note-total, .book-card__coming-soon, .attention-card__title, .aside-units__unit, .iframe-viewer__footer-title, .title-generic__text, .numeration__number, .input-points--size-medium .input-points__input, .buble-and-date__day {
  font-family: Titilium Semi Bold;
  font-size: 22px;
  line-height: 28px;
}

.text-link, .remote__error-connect-action, .new-classroom-step-books__header-action, .toolbar__add-event-text, .icon-title-action__action, .no-items-mode-edit__add-button, .next-event-item__view, .lesson-item-list__children-results-text, .device-item__view, .header-lesson__create-link-text, .login-form__link, .login-form__text--forget, .profile-form__image, .period-form__add-day-text, .course-form__item-link, .account-form__terms, .dropdown-profile__link, .action-text__container, .course-card__info-item-configure, .aside-profile__link, .text-link-component, .demo-landing-page__footer-links a {
  color: var(--color-first) !important;
}

.title-h6, .input-points__input, .list-simple-dropdown__li--active .list-simple-dropdown__name, .welcome-step__container .welcome-step__welcome-text, .remote__tools-card-projecting-text, .remote__tools-card-title, .project-remote-list__projecting-text, .project-remote-list__title-book, .assessment-instructions-teacher-notes__title, .assessment-instructions-print-header__course-name, .cover-test-view__name, .lemon-test .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title, .assessment-results-view__students-header .assessment-results-view__students-name, .lesson-item-evaluable__duration, .lesson-item-evaluable__accordion-title, .signup-step__teams-select-class-to-create, .signup-step__teams-select-class, .signup-step__teams-add-class, .signup-step-license__classrooms-length, .signup-step-license__licenses-length, .resource-card__name, .results-evaluation-view__course-name, .do-evaluation-final__course-name, .do-evaluation-front__course-name, .create-evaluations-units__list-label, .game-view__description, .view-evaluation-stats__stats-pie .analytic-card-donuts__legend, .do-evaluation-view__header-course, .customs-assessment-students-results__comment-number, .add-license__logout-text, .secondary-2022-unit-item__title, .secondary-2022-program__time-title, .primary2022-dialog-publish__checklist .input-checkbox__label, .primary2022-new-unit__title, .primary2022-banner-game__content-left-text, .primary-2022-program__time-title, .program-view-banner-sessions-info__center, .assessment-result-view__stats-pie .analytic-card-donuts__legend, .videolesson-results-view__students-header .videolesson-results-view__students-name, .xapi-individual-results-progress .xapi-individual-results-progress__text, .scorm-individual-results-progress .scorm-individual-results-progress__text, .remote-mint-lesson-item__name, .dialog-turn-to-speak__header-left-text, .footer-projection__remote-text, .projection-view__book-lesson-name, .projection-view__content-name, .card-resourse-test-student__name, .card-resourse-test__name, .card-resource-activity__name, .card-resource-video-lesson__name, .card-resource-document__name, .card-resource-video__name, .card-resource-audio__name, .section-resources-view__name-group, .section-resources-view__title, .lesson-info-lesson-items__title, .lesson-info__title--books, .kanban-dialog-add-card .dialog__title, .kanban-students__title, .kanban-header__title-separator, .kanban-header__title, .grades-periods-student-modules__accordion-summary-text, .dialog-periods-model__model-title, .student-grades-grades .student-grades-grades__treasurehunt-title, .student-grades-grades .student-grades-grades__treasurehunt-name, .student-grades .list-simple-dropdown__name, .grades-grades__table-students-column-units-text, .grades-grades__table-students-column-average-text, .grades-grades__table-students-column-header-title, .grades .list-simple-dropdown__name, .my-classrooms-view__ask-teacher, .teacher-notes__editor-header-title, .teacher-notes__add-note-text, .learning-objetives-tag-list__title, .comments-list-and-create__view-all, .cronometer__actions-button--ten, .task-type__name, .toolbar__add-event-text, .filters-bar__text, .icon-title-action__title, .header-info-course__classroomName, .no-items-mode-edit, .no-items--size-small .no-items__item-title, .title-and-action__text, .avatar-assets-list__category-title, .modules-accordion__restore-dialog-message-attention, .modules-accordion__empty-lessons-title, .modules-accordion__main-content-not-available, .module-item__name, .exercise-item__name, .google-classroom-student-item__name, .unit-item__name, .times-accordion__empty-title, .user-item__input-note, .units-accordion__main-content-not-available, .units-accordion__restore-dialog-message-attention, .units-accordion__empty-lessons-title, .task-simple-item__pending, .solution-corrective-feedback__show-text, .notifications-todo-item__teacher-action, .license-expired-item__content-name, .license-item__content-name, .library-content-item__name, .lesson-element-item__name, .lesson-item__restore-dialog-message-attention, .lesson-item__name-input .input-text__input, .lesson-item__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .lesson-item__name-input input, .lesson-item__name-input .input-date input, .input-date .lesson-item__name-input input, .lesson-item__name-input .input-time-range__input, .lesson-item__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .lesson-item__name-input input, .lesson-item__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .lesson-item__name-input input, .lesson-item__name, .tooltip-learning-objectives__title, .lesson-header--edit__title, .header-course__student-version-text, .header-course__name, .header-course-selector__item--name, .simple-tabs__option, .header-tabs__type-view-background .header-tabs__tab-text, .header-tabs__type-view-background-round .header-tabs__tab-text, .header-tabs__type-view-vertical .header-tabs__tab-text, .header-tabs__type-view-pill .header-tabs__tab-text, .header-tabs__type-view-default .header-tabs__tab-text, .gamification-leader-board__title, .gamification-basic-info-float__bar, .new-unit__title, .profile-form__image, .period-form__add-day-text, .period-form__subtitle, .new-classroom-step-basic-settings__section .new-classroom-step-basic-settings__section-title, .new-classroom-step-basic-settings__title, .course-form__shedule-title, .content-form__preview-name, .lesson-navigation-footer__title, .dropdown-next-events__title, .dropdown-profile__options .list-simple-dropdown__name, .dropdown-profile__name, .dropdown-profile__link, .action-text__container, .material-preview-messages h3, .dialog-calendar-settings__info-day-name, .dialog-calendar-settings__title, .dialog-notes__header-title, .dialog-feed-back__textarea-title, .dialog-content-library__name, .dialog-code__name, .link-content__name, .group-lessons-progress-card__lesson-done-text, .group-resource-card__name, .post-card__header-info-text-global, .course-card__info-item-configure, .course-card__info-item--name, .aside-units__lesson, .menu-aside__header-title, .tooltip-content__header-text, .stars-treasure-hunt .stars-treasure-hunt__star-length, .tag--size-big .tag__text, .result-tag__text, .count__number, .classroom-code__number, .bubble-content__content, .layout-progress__steps {
  font-family: Titilium Semi Bold;
  font-size: 18px;
  line-height: 23px;
}

.title-h7, .do-evaluation-front__instructions-title, .classroom-resources-list-student__period-resource-name, .classroom-resources-list-teacher__period-resource-name, .classroom-resources__period-resource-name, .card-resourse-test-student__date, .lesson-info__list-books .book-card .book-card__title, .kanban-header__see-as-student-text, .program__content__title-text, .avatar-assets-list__category-content-title, .task-pending-item__count, .task-pending-item__section, .lesson-header__unit-name, .book-select__name, .program-image__edit, .new-classroom-step-basic-settings__section .input-radio__description, .dialog-content-library__owner, .program-card__edit, .course-card__edit {
  font-family: Titilium Semi Bold;
  font-size: 15px;
  line-height: 23px;
}

.title-h8, .dropdown-switch-app__section-name, .program-view-banner-sessions-info__top, .gamification-dialog-badges-title__text, .kanban-column__header-text, .kanban-column__header-items-length {
  font-family: Titilium Semi Bold;
  font-size: 14px;
  line-height: 23px;
}

.text-p, .assessment-individual-results-view__questions, .assessment-results-view__subtitle, .signup__license-disclaimer, .resources-demo-container__title, .resources-demo-container__text, .dialog-show-know-more__container, .landing-edelvives-plus__text, .yoy__message, .dropdown-switch-app__name, .dropdown__lib .list-simple-dropdown__name, .resources-view .resources-view__results-text, .resources-view .resources-view__no-results-text, .do-evaluation-final__instructions-text, .do-evaluation-front__instructions-text, .do-evaluation-front__questions, .do-evaluation-front__date, .create-evaluations-view__header-left-text, .create-evaluations-coming-soon__text, .create-evaluations-questions-card-header__stimulus, .create-evaluations-questions__item .lemo-stimulus, .create-evaluations-custom__activity-name-text, .create-evaluations-activities__activity-name-text, .maintenance-view__text-black, .game-view__game-not-compatible-text, .view-evaluation-stats__subtitle, .view-evaluations-dialog-export__text, .secondary-2022-unit-empty__text-second, .primary2022-dialog-publish__text, .primary2022-banner-game__mobile, .videolesson-results-view__subtitle, .xapi-individual-results-view__questions, .scorm-individual-results-view__questions, .kanban-student-banner__text, .profile-view-licenses__empty, .profile-view-devices__text, .project-remote-control__controls-pdf-info-page, .project-remote-control__controls-tools-title, .project-remote-control__name, .message-sender--focus .textarea__input, .google-clasroom-item__name, .unit-item__editorial, .classroom-users__students-text, .question-item__student-result-score, .question-item__ranking-scale, .next-event-item__day, .device-item__day, .assessment-item__title, .lesson-header__lesson-name, .kanban-header__subtitle, .dialog-replace-editorial-course__text, .header-lesson__info-title-text, .header-assessment__title, .steps__item--text, .forgot-password__success-text, .forgot-password__subtitle, .add-license-form__custom-error, .dropdown-users-classroom__all-text, .dropdown-users-classroom__no-students, .dialog-desktop-version__text, .dialog-activity__group-name, .dialog-videolesson__name, .personalize-program__entry-text, .personalize-program__subhead, .dialog-user-courses__course-name, .dialog-skip-student__text, .dialog-reassign-assessment__text, .dialog-project-lesson-item__link .dialog-project-lesson-item__message, .upload-file-container__text-container, .dialog-delete__text, .cookie-card .cookie-card__body-text .text-link-component, .cookie-card .cookie-card__body-text .demo-landing-page__footer-links a, .demo-landing-page__footer-links .cookie-card .cookie-card__body-text a, .cookie-card .cookie-card__body-text, .post-card__mark-as-read-text, .post-card__text, .attachment-card__title, .aside-profile__name, .input-points--size-medium .input-points__points-total, .input-points--size-big .input-points__points-total, .text-p-bold, .assessment-instructions-view-header__title, .answer-test-view__clock, .gradebook-table-td-cell--is-average .gradebook-table-td-cell--rating__value, .dropdown-event-calendar__name, .dropdown-event-calendar__task-name, .cookie-card .cookie-card__title-text {
  font-family: Titilium Regular;
  font-size: 18px;
  line-height: 27px;
}

.text-p-bold, .assessment-instructions-view-header__title, .answer-test-view__clock, .gradebook-table-td-cell--is-average .gradebook-table-td-cell--rating__value, .dropdown-event-calendar__name, .dropdown-event-calendar__task-name, .cookie-card .cookie-card__title-text {
  font-family: Titilium Bold;
}

.text-small, .assessment-instructions-teacher-notes__text, .assessment-instructions-print-header__assessment-description, .cover-test-view__description, .lemon-test .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle, .task-view__course-level, .assessment-student-result-header__header-description, .assessment-results-view__user-empty, .new-assessment-view-header__description, .lesson-item-evaluable__children-note-text, .signup__description, .new-course-step-schedule__subtitle, .new-classroom-step-books__subtitle, .new-classroom-step-basic__subtitle, .dialog-reassign__text, .results-evaluation-view___date, .do-evaluation-front__questions-title, .do-evaluation-front__date-title, .create-evaluations-custom__activity-view-text, .create-evaluations-custom__activity-description-text, .create-evaluations-custom__activity-name-unit, .create-evaluations-activities__activities-loading, .create-evaluations-activities__activity-action-text, .create-evaluations-activities__activity-add-text, .create-evaluations-activities__activity-description-text, .create-evaluations-activities__activity-name-unit, .create-evaluations-activities__title, .create-evaluations-units__title, .create-evaluations-custom__title, .lesson-footer__nav-text, .view-evaluation-chosen-student__duration-text, .view-evaluation-chosen-student__date, .view-evaluations-dialog-export__loading-text, .custom-assessment-student-results__date, .videolesson-results-view__right .videolesson-results__date, .classroom-resources-list-teacher__period-resource-type, .classroom-resources__period-resource-library-item, .classroom-resources__period-resource-type, .resource-view-content__header-description, .videolesson-results-view__user-empty, .xapi-results-activity__header-description, .scorm-results-activity__header-description, .projection-view__content-description, .section-resources-view__count-resources, .dialog-export .input-radio__label, .dialog-export .input-checkbox__label, .dialog-periods-model__category-title, .dialog-publish-score__text, .dialog-publish-score__continue, .grades-periods__tooltip > div, .grades-grades__table-not-turned, .grades-behaviour__cell-header-day-number, .grades-behaviour__cell-header-month, .button-import__classroom-text, .my-classrooms-view-top-right-order__text, .new-classroom-view-step-students-dropdown__course-name, .new-classroom-step-students__subtitle, .individual-activity-container .individual-activity-container__date, .lesson-task-list__date, .linear-graphic__tooltip-name, .project-remote-control__projecting-text, .project-remote-control__timeout-text, .task-type__amount, .edit-by__editby, .edit-by__editby-name, .only-you-see__text, .quizz__container-content-text, .modules-accordion__empty-lessons-text, .custom-lesson-item__name, .unit-item__info-unit, .times-accordion__empty-text, .avatars-list__count-bubble-text, .units-accordion__empty-lessons-text, .question-item__limit-wrong-text, .notification-item__subinfo, .notification-item__text, .license-expired-item__content-range-text, .license-expired-item__content-code, .license-expired-item__content-level, .license-item__content-range-text, .license-item__content-code, .license-item__content-level, .lesson-item-list__children-description, .lesson-item__date-text, .lesson-item__sessions-text, .lesson-item__date, .learning-objective-item__name, .comment-item__text, .classrooms-simple-item__text, .avatar-with-name__name, .assessment-item__course, .lesson-header--see-as__title, .lesson-header__unit-hidden-text, .header-lesson__meta-info-text, .header-assessment__points, .header-course-selector__item--class-name, .login-form__third-parties .button__text, .kanban-empty-card__text, .kanban-card__card-text, .profile-form__role, .new-test-form__big--task-type-radio .input-radio__label, .new-classroom-step-basic-settings__devices-text, .new-classroom-step-basic-settings__section .input-radio .input-radio__label.input-radio__label--no-description, .info-footer__text, .home-page__desktop-versions .login-form__desktop-versions, .footer-banner, .dropdown-tasks__name, .dropdown-profile__email, .dropdown-event-calendar__date, .dropdown-event-calendar__task-course, .dropdown-courses__class, .list-simple-dropdown__title, .list-simple-dropdown__name, .dialog-search-questions-new__header-right-founds, .dialog-add-videolesson .input-text__label, .dialog-add-videolesson .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-videolesson .vl-wrapper-title-error__title, .dialog-add-videolesson .textarea__label, .dialog-add-content__google-drive-text, .dialog-google-clasroom-import-users__number, .dialog-add-program-to-class__subtitle, .dialog-add-unit__number-results, .dialog-search-questions__header-right-founds, .dialog-project-lesson-item__content-description, .dialog-project-lesson-item__projecting-text, .dialog-feed-back__description, .dialog-crop-image__description, .dialog-content-library__contents-total, .dialog-add-link .input-text__label, .dialog-add-link .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-link .vl-wrapper-title-error__title, .dialog-add-link .textarea__label, .dialog__text, .pdf-navigation .pdf-page-info, .program-card__version-name, .projection-card__title, .post-card__header-info-text-action, .course-card__info-item--school-class, .attention-card__text, .aside-profile__close-session, .aside-profile__role, .aside-notifications__mark-as-read, .uploads-disclaimer-text, .input-date-picker--portal, .input-date-picker .react-datepicker-wrapper, .tooltip-content__text, .textarea__input, .select-checkboxs .picky__input, .select-customizable .select-customizable__multi-value > div, .select-customizable .select-customizable__menu-notice--no-options *, .select-customizable .select-customizable__menu-notice--no-options, .select-customizable .select-customizable__single-value *, .select-customizable .select-customizable__single-value, .select-customizable .select-customizable__option *, .select-customizable .select-customizable__option, .select-customizable:focus .select-customizable__control, .select-customizable:active .select-customizable__control, .line-with-text__text, .input-text__input, .video-lesson .video-lesson-content .vl-input-generic-title input, .dropdown-schedule__wrapper .dropdown-schedule__hour input, .select-checkboxs .picky__filter input, .input-time-range__input, .input-date input, .input-points__error-message, .input-points__points-total, .input-date-v2 .MuiFormControl-root, .placeholder, .select-customizable .select-customizable__placeholder, .label, .signup__license-disclaimer, .project-remote-list__title-section, .dialog-assign-score__info, .preview-content__name, .profile-form__label, .dialog-lemonade-templates__type-name, .dialog-select-template__type-name, .input-date-picker__wrapper .input-date-picker__label, .select-checkboxs__label, .select-customizable__label, .select-bubble__label, .input-time-range__label, .input-text__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .textarea__label, .input-radio__label, .input-radio__description, .input-date-v2 .input-date-v2__label, .input-date__label, .input-checkbox__label {
  font-family: Titilium Regular;
  font-size: 15px;
  line-height: 20px;
}

.select-customizable:focus-within .select-customizable__control {
  font-family: Titilium Regular;
  font-size: 15px;
  line-height: 20px;
}

.text-small-bold, .dropdown-event-calendar__task-unit, .rbc-overlay-header, .assessment-results-view__users-list-header-text, .assessment-results-view__users-list-header-length, .do-evaluation-front__late-text, .create-evaluations-view__points-text--total-points, .mint-header-lms__actions-calendar-text, .lesson-footer__lesson-name, .view-evaluation-chosen-student__attemps-text, .custom-assessment-student-results__attemps-text, .layout-big-header__texts-subtitle, .layout-big-header__tabs .tag__text, .classroom-resources-list-student__period-resource-type, .sessions-scheduled-for .description, .videolesson-results-view__users-list-header-text, .videolesson-results-view__users-list-header-length, .remote-mint-view__title, .student-classrooms-subheader__right .button__text, .grades-periods-student-average__title, .dialog-periods-model__category-name, .grades-grades__table--assigments .grades-grades__table-students-column-units-text--average, .grades-grades__table--assigments .grades-grades__table-students-column-units-text, .grades-grades__table-students-user-fullname, .grades__text, .student-grades-grades .student-grades-grades__text, .student-grades-graphics .student-grades-graphics__text, .grades-graphic__text, .grades-attendance__text-present, .grades-attendance__text, .grades-behavior__text, .classroom-user-aside-info__title, .new-classroom-view-step-students-dropdown__title, .new-classroom-view-step-students-empty__text-import, .new-classroom-view-step-students-metainfo__title, .individual-activity-container .individual-activity-container__attemps-text, .linear-graphic__tooltip-title, .linear-graphic__tick-x-title, .checklists__title-text, .calendar-big .header-month__header-month-day-name, .calendar-big .header-week__header-week-day-name, .calendar-small__calendar .DayPicker-Caption > div, .calendar-big--view-month .rbc-date-cell, .toolbar__action--today, .vertical-students-results__average-number, .vertical-students-results__count-bubble-text-2, .vertical-students-results__count-bubble-text, .icon-title-action__action, .no-items__item-text, .assigments-main-info__deadline-text, .for-users__zero-text, .progress-with-label__description, .custom-lesson-item--selected .custom-lesson-item__name, .horizontal-users-list__entry--active .horizontal-users-list__entry-name, .user-item__name, .task-simple-item__title, .notification-item__name, .next-event-item__view, .next-event-item__title, .license-expired-item__content-range, .license-item__content-range, .lesson-item-list__children-results-text, .lesson-element-item__meta-info-description, .device-item__view, .device-item__title, .comment-item__user, .classrooms-simple-item__name, .calendar-item__name, .behaviour-item__name, .assessment-item__lesson, .lesson-header__personalize-text, .header-course__class-entry, .header-lesson__create-link-text, .login-form__text, .gamification-leader-board__user-name, .gamification-dialog-ranking__text-next-level, .gamified-level-progress__bar .progress-bar__text, .course-form__item-link, .dropdown-session-calendar__date-header, .dropdown-session-calendar__course-name, .dropdown-tasks__subtype, .dropdown-event-calendar__date-header, .dropdown-event-calendar__course-name, .dropdown-courses__name, .dropdown-courses__my-classes-text, .material-preview-due-date .description, .content-detail__page-number, .post-card__header-info-text-user, .post-card__header-info-text-item, .book-card__title, .card-generic__title-text, .aside-lesson-actions .button__content, .asside-lessons__personalize-title, .toast, .text-link-component, .demo-landing-page__footer-links a, .switch__label, .select-checkboxs .select-autocomplete-option, .select-checkboxs .select-checkboxs__all, .score, .progress-bar--reverse .progress-bar__label, .input-points__input, .icon-background__info-description, .label, .signup__license-disclaimer, .project-remote-list__title-section, .dialog-assign-score__info, .preview-content__name, .profile-form__label, .dialog-lemonade-templates__type-name, .dialog-select-template__type-name, .input-date-picker__wrapper .input-date-picker__label, .select-checkboxs__label, .select-customizable__label, .select-bubble__label, .input-time-range__label, .input-text__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .textarea__label, .input-radio__label, .input-radio__description, .input-date-v2 .input-date-v2__label, .input-date__label, .input-checkbox__label {
  font-family: Titilium Bold;
  font-size: 15px;
  line-height: 24px;
}

.text-smallest-bold, .task-view__course-name, .view-evaluation-evaluation__deliver-late-text, .grades-periods-student-activity__title, .dialog-item-lesson__item-value, .unit-item__edited-by-text span, .task-reviewed-item__score, .task-pending-item__title, .gamification-badge__name, .kanban-card__card-owner-text, .new-classroom-step-basic-settings__devices .input-checkbox__label, .program-card__responsive, .bubble-text {
  font-family: Titilium Bold;
  font-size: 14px;
  line-height: 24px;
}

.label, .signup__license-disclaimer, .project-remote-list__title-section, .dialog-assign-score__info, .preview-content__name, .profile-form__label, .dialog-lemonade-templates__type-name, .dialog-select-template__type-name, .input-date-picker__wrapper .input-date-picker__label, .select-checkboxs__label, .select-customizable__label, .select-bubble__label, .input-time-range__label, .input-text__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .textarea__label, .input-radio__label, .input-radio__description, .input-date-v2 .input-date-v2__label, .input-date__label, .input-checkbox__label {
  color: #a39b93;
}

.text-s, .dialog-add-library-material__classify-content-selector .label, .dialog-add-library-material__classify-content-selector .signup__license-disclaimer, .dialog-add-library-material__classify-content-selector .project-remote-list__title-section, .dialog-add-library-material__classify-content-selector .dialog-assign-score__info, .dialog-add-library-material__classify-content-selector .preview-content__name, .dialog-add-library-material__classify-content-selector .profile-form__label, .dialog-add-library-material__classify-content-selector .input-checkbox__label, .dialog-add-library-material__classify-content-selector .input-date__label, .dialog-add-library-material__classify-content-selector .input-date-v2 .input-date-v2__label, .input-date-v2 .dialog-add-library-material__classify-content-selector .input-date-v2__label, .dialog-add-library-material__classify-content-selector .input-radio__label, .dialog-add-library-material__classify-content-selector .input-radio__description, .dialog-add-library-material__classify-content-selector .input-text__label, .dialog-add-library-material__classify-content-selector .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-library-material__classify-content-selector .vl-wrapper-title-error__title, .dialog-add-library-material__classify-content-selector .input-time-range__label, .dialog-add-library-material__classify-content-selector .select-bubble__label, .dialog-add-library-material__classify-content-selector .select-customizable__label, .dialog-add-library-material__classify-content-selector .select-checkboxs__label, .dialog-add-library-material__classify-content-selector .textarea__label, .dialog-add-library-material__classify-content-selector .input-date-picker__wrapper .input-date-picker__label, .input-date-picker__wrapper .dialog-add-library-material__classify-content-selector .input-date-picker__label, .dialog-add-library-material__classify-content-selector .dialog-select-template__type-name, .dialog-add-library-material__classify-content-selector .dialog-lemonade-templates__type-name, .dialog-add-library-material__classify-content-title, .dialog-calendar-settings__info-day-date {
  font-family: Titilium Regular;
  font-size: 15px;
  line-height: 25px;
}

.text-smallest, .assessment-instructions-print-header__student, .assessment-instructions-print-header__date, .assessment-instructions-print-header__grade, .assessment-individual-results-view__text-info, .profile-view__title, .resource-card__size, .create-evaluations-view__dialog-activity-title-unit, .student-custom-footer__comment-amount, .mint-view-header-teacher__legend-item-text, .view-evaluation-stats__bars-legend-text, .view-evaluation-evaluation__deliver-late-title, .lesson-sidebar__item-comments-count, .sessions-scheduled-for .text, .assessment-result-view__bars-legend-text, .xapi-individual-results-view__text-date, .scorm-individual-results-table-item > span, .scorm-individual-results-view__text-info, .card-resource-activity__duration, .card-resource-video-lesson__duration, .card-resource-document__size, .card-resource-video__duration, .card-resource-audio__size, .dialog-item-lesson__item-label, .dialog-export__label, .dialog-settings__label, .dialog-settings__scoring .input-radio__label, .dialog-settings__visualization .input-radio__label, .dialog-settings__ordering .input-radio__label, .grades-graphic__legend-text, .grades-grades__table-students-column-header-sort-text, .program__header-edit-mode-text, .stream__right .stream__config .stream__config-wrapper .stream__config-text, .classroom-users-content__students, .linear-graphic__tick-y-title, .linear-graphic__tick-x-text, .preview-content__description, .calendar-big .rbc-overlay-header, .calendar-big .rbc-label, .calendar-big .rbc-show-more, .horizontal-students-results__step-number, .vertical-students-results__score-percent, .header-info-course__level, .assigments-main-info__meta-info, .modules-accordion__visibility, .modules-accordion__lessons-length, .module-item__visibility, .exercise-item__extra-title, .google-classroom-student-item__email, .class-to-add-item__in-use, .unit-item__edited-by-text, .unit-item__book, .horizontal-users-list__entry-tooltip .MuiTooltip-tooltip, .times-accordion__lessons-length, .units-accordion__lessons-length, .units-accordion__visibility, .task-pending-item__progress-text, .task-simple-item__pending-text, .task-simple-item__no-date, .task-simple-item__date, .task-simple-item__questions-length, .lesson-element-item__meta-info-text, .assigments-list__children-description, .lesson-element-item__right-date, .lesson-item-student__today, .lesson-item-student__date, .lesson-item__visibility, .tooltip-learning-objectives__text, .comment-item__date, .classrooms-simple-item__level, .behaviour-item__date, .behaviour-item__comment, .assessment-item__date, .assessment-item__questions-length, .header-assessment__saved-text, .message-background__text, .login-form__legal-advice, .login-form__system-requirements, .login-form__privacy, .login-form__support, .square-progress-badge .square-progress-badge__title, .audio-player__duration, .new-test-form__big--task-type-radio .input-radio__description, .new-test-form .error-text, .content-form__preview-size, .dropdown-notifications__text-empty, .dropdown-next-events__no-events-title, .dropdown-event-calendar__task-info-questions, .list-simple-dropdown__description, .material-preview-due-date .text, .dialog-project-lesson-item__content-detail, .upload-file-container__max-size, .dialog-code__level, .dialog-courses__level, .link-content__description, .group-resource-card__count, .template-card__title, .template-card__description, .school-card__location, .post-card__meta-info-icon-text, .class-room-card__courses-length, .class-room-card__header-level, .attachment-card__size, .iframe-viewer__footer-origin, .switch__description, .select-checkboxs__option-text, .input-time-range__input, .input-radio__description, .icon-time-check__text, .icon-background__info-text, .count__text, .button-split__option-text {
  font-family: Titilium Regular;
  font-size: 14px;
  line-height: 18px;
}

.text-extra, .assessment-results-view__on-time, .assessment-results-view__due-date, .create-evaluations-custom__header-title, .create-evaluations-activities__header-title, .create-evaluations-units__header-title, .primary-2022-card__edit-text, .lesson-sidebar__submodule-title-sessions, .videolesson-results-view__on-time, .videolesson-results-view__due-date, .grades-periods-student-progress-bar__text, .gradebook-table-td-cell--rating__value, .gradebook-table-td-cell--is-average, .gradebook-table-td-user__fullname, .gradebook-table-th-user__label, .gradebook-table-th-user .input-radio__label, .gradebook-table-th-user-header__label, .project-remote-control__controls-player-info-time, .event-all-day__name, .event-week__date-text, .event-month__date-text, .event-month__name, .vertical-students-results__legend-item-text, .vertical-students-results__average-text, .assigments-main-info__date, .for-users__bubble-item-number, .horizontal-users-list__entry-name, .times-accordion__name, .avatars-list--show-rest .avatars-list__count-bubble-text, .task-pending-item__evaluative-text, .notification-todo-item__student-name span, .notifications-todo-item__detail, .notifications-todo-item__title, .next-event-item__detail, .next-event-item__month, .next-event-dropdown-item__detail, .next-event-dropdown-item__title, .license-expired-item__content-isbn, .license-item__content-isbn, .lesson-element-item__type, .device-item__type, .device-item__month, .calendar-item__level, .dropdown-tasks__remaining, .dialog-list-behaviour__header-date, .dialog-crop-image__meta-info, .doughnut-chart__text2, .doughnut-chart .recharts-default-tooltip, .program-card__language, .projection-card__type, .post-card__header-date, .note-card__text, .class-room-card__within-students, .book-card__language, .book-card__responsive, .tag__text, .progress-bar__text, .progress-bar__label, .text-extra-bold, .card-resource-activity__progress-text, .card-resource-video-lesson__progress-text, .grades-periods-student-activity__type, .assessment-status-tags .tag__text, .event-week__name, .calendar-small__calendar .DayPicker-Day, .calendar-small__calendar .DayPicker-Weekday, .classroom-users__teachers-text, .notification-todo-item__student-name, .notifications-todo-item__unit-name, .lesson-navigation-footer__navigation {
  font-family: Titilium Regular;
  font-size: 12px;
  line-height: 18px;
}

.text-extra-bold, .card-resource-activity__progress-text, .card-resource-video-lesson__progress-text, .grades-periods-student-activity__type, .assessment-status-tags .tag__text, .event-week__name, .calendar-small__calendar .DayPicker-Day, .calendar-small__calendar .DayPicker-Weekday, .classroom-users__teachers-text, .notification-todo-item__student-name, .notifications-todo-item__unit-name, .lesson-navigation-footer__navigation {
  font-family: Titilium Bold;
}

.text-xs, .gradebook-table-td-cell--pending, .gradebook-table-td-cell--not-applicable, .gradebook-table-td-cell--not-delivered, .grades-behaviour__cell-header-day-text, .vertical-students-results__score, .avatars-list__score, .task-reviewed-item__average, .notifications-todo-item__class-name, .next-event-dropdown-item__course-name, .icons-select__title, .progress-moon__feedback, .buble-and-date__month {
  font-family: Titilium Regular;
  font-size: 10px;
  line-height: 14px;
}

.text-button, .hero-banner__dropdown .list-simple-dropdown__li .list-simple-dropdown__name, .hero-banner__time-selector .select-customizable div[class$="-singleValue"], .mint-view .mint-footer-lms__counters-label, .view-evaluation-chosen-student__attemps-total, .custom-assessment-student-results__attemps-total, .program-view-banner__mode-exit, .individual-activity-container .individual-activity-container__attemps-total, .class-to-add-item__name, .header-course-student-mode-exit, .kanban-column__header--student .kanban-column__header-items-length, .kanban-column__header--student .kanban-column__header-text, .new-classroom-step-basic-settings__section .input-radio .input-radio__label, .asside-lessons__add-title, .asside-lesson__kanban-title, .button, .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button, .projection-view__content-container--link .mvl_card_button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width {
  font-family: Titilium Bold;
  font-size: 18px;
  line-height: 23px;
}

.placeholder, .select-customizable .select-customizable__placeholder {
  color: #c7bfb7;
}

.border-primary, .dialog-login-stage__list .button, .dialog-login-stage__list .resources-demo-container__link, .dialog-login-stage__list .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .dialog-login-stage__list .resources-demo-container__link, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dialog-login-stage__list .vl-button--primary-full-width, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dialog-login-stage__list .vl-button--primary-without-bg, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-login-stage__list .vl-button, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-login-stage__list .vl-button, .dialog-login-stage__list .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dialog-login-stage__list .mvl_card_button, .dialog-login-stage__list .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .dialog-login-stage__list .button, .group-lessons-progress-card__lesson-item--type-done .group-lessons-progress-card__lesson-image, .group-lessons-progress-card__lesson-item--type-current .group-lessons-progress-card__lesson-image, .icon-bubble--variant-inverse, .button--color-primary-outlined, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border {
  border: 2px solid var(--color-first);
}

.border-primary-thin, .period-form__add-day, .create-evaluations-view__button-create .button--color-transparent, .view-evaluations-dialog-export__radio--active, .stream__right .stream__config--edit-mode, .login-form__signup-button, .login-form__signup, .dialog-global-post .MuiPaper-root, .template-card--selected, .input-date-picker .input-date-picker__actions {
  border: 1px solid var(--color-first);
}

.border-default, .create-evaluations-coming-soon__img, .do-evaluation-view .do-evaluation-view__header .bubble-content--default, .grades-graphic__ranking-bar, .table-react table, .table-react thead tr, .checklists__title, .vertical-students-results__count-bubble-2, .vertical-students-results__count-bubble, .avatar-assets-list__asset, .avatars-list__count-bubble, .horizontal-students-progress, .answer-test-bar-footer__status-showed, .answer-test-bar-footer__content, .dropdown-profile__dropdown, .input-date-picker--portal, .input-date-picker .react-datepicker-wrapper, .textarea__input, .select-checkboxs .picky__input, .select-customizable .select-customizable__control, .select-customizable:focus .select-customizable__control, .select-customizable:active .select-customizable__control, .input-text__input, .video-lesson .video-lesson-content .vl-input-generic-title input, .dropdown-schedule__wrapper .dropdown-schedule__hour input, .select-checkboxs .picky__filter input, .input-time-range__input, .input-date input, .input-date-v2 .MuiFormControl-root, .close-mini-button, .button-split .MuiPaper-root, .button--color-blue, .button--color-border {
  border: 2px solid #dbd5ce;
}

.select-customizable:focus-within .select-customizable__control {
  border: 2px solid #dbd5ce;
}

.border-light, .dialog-new-classroom .book-card--selected, .dropdown__lib .MuiPaper-root, .results-evaluation-view__questions-container, .do-evaluation-final, .do-evaluation-front, .create-evaluations-custom__list, .create-evaluations-custom__header-list, .create-evaluations-activities__activity, .create-evaluations-activities__list, .create-evaluations-activities__header-list, .create-evaluations-units__list .checklists__option, .create-evaluations-units__list, .create-evaluations-units__header-list, .view-evaluation-chosen-student__duration-container, .view-evaluation-chosen-student .create-evaluations-questions__list, .view-evaluations-dialog-export__radio, .view-evaluation-evaluation__evaluation-container, .lesson-sidebar-add-content-button, .lesson-sidebar-add-content, .lesson-sidebar__item--active, .card-resourse-test-student, .card-resourse-test, .my-classrooms-view__programs-container .MuiAccordion-root, .event-long, .toolbar__action, .times-accordion__title-container, .header-tabs__type-view-pill .header-tabs__tab--active, .header-tabs__type-view-border .header-tabs__tab:last-child, .header-tabs__type-view-border .header-tabs__tab, .group-lessons-progress-card__bottom, .group-resource-card, .program-card, .template-card--default, .class-room-card__students--without, .class-room-card__students-empty, .class-room-card__teachers, .class-room-card__students, .book-card, .title-generic, .tag, .button--color-white, .card-default, .lesson-item-evaluable .accordion__tab, .resource-card, .primary-2022-card__content, .retro-course-view__container, .lesson-item-card-student, .lesson-item-card, .banner-resources-polp__content, .banner-all-resources__card, .card-resource-activity__bottom, .card-resource-video-lesson__bottom, .card-resource-document, .card-resource-video__texts, .card-resource-audio, .kanban-student-banner, .kanban-students, .project-remote-control__controls-task-actions, .assigments-main-info, .task, .sync-progress, .module-item, .question-item, .lesson-item-list .MuiAccordion-root, .lesson-item, .classrooms-simple-item, .icons-select__icon, .content-form__preview--with-border, .content-detail, .cookie-card, .program-card__info, .book-card__info, .attachment-card, .card-generic--default, .card-background, .lesson-item-evaluable__exercises-container, .message-sender-simple, .message-sender, .card-background-component, .card-secondary, .remote__tools-card, .assessment-instructions-view__top, .dialog-activity-detail__assesment, .answer-test-question, .assessment-individual-results-view__card, .assessment-result-student-view__container, .new-assessment-view-header, .xapi-individual-results-view__card, .scorm-individual-results-view__card, .scorm-results-activity__wrapper, .student-grades-graphics .student-grades-graphics__analysis-card, .grades-graphic__analysis-card, .grades-graphic__ranking-bar, .cronometer__actions, .modules-accordion--student .MuiAccordion-root, .units-accordion--student .MuiAccordion-root, .lesson-item-student, .horizontal-students-progress, .projection-card__container, .post-card, .attention-card, .card-generic--secondary, .select-checkboxs .picky__dropdown, .card-secondary-small, .accordion-list .accordion__tab-container, .card-default-big, .student-grades-grades .student-grades-grades__treasurehunt-activity, .no-items-mode-edit, .course-form-schedule__forms-units .MuiAccordion-root, .note-card, .card-generic--default-big, .card-default-small, .project-remote-list__lesson-item, .card-resource-activity__image-container, .linear-graphic__tooltip, .preview-content__video-fallback, .preview-content__audio, .preview-content__type-with-icon, .rbc-overlay, .task-simple-item, .next-event-item, .next-event-dropdown-item, .device-item, .avatar-with-name, .assessment-item, .dropdown-notifications__text-empty-container, .link-content, .exercise-card, .card-generic--default-small, .classroom-users__dropdown, .dropdown-students-grades__dropdown, .card-simple, .calendar-small__calendar, .card-generic--simple {
  border: 1px solid #dbd5ce;
}

.border-light-black, .assessment-individual-results-view__header-points .input-points .input-points__input-container, .create-evaluations-questions-card-header__points .input-points .input-points__input-container, .xapi-individual-results-view__header-points .input-points .input-points__input-container, .input-points__input-container {
  border: 1px solid #a39b93;
}

.border-errors, .input-time-range--error .input-time-range__input, .input-text--error input, .input-date--error .input-date__input input {
  border: 1px solid #f66868;
}

.border-actions, .no-items-mode-edit--edit-mode {
  border: 1px dotted var(--color-first);
}

.border-dashed, .upload-file-container__drag-container {
  border: 2px dashed #dbd5ce;
}

.border-dashed-primary {
  border: 2px dashed var(--color-first);
}

.hover-basic, .project-remote-item__action-icon-container, .assessment-instructions-teacher-notes__header, .assessment-instructions-view-header__header-edit-button, .assessment-results-view__user-list .basic-list__item, .landing-edelvives__know-more, .header-switch-app__wrapper, .popup-small__content .popup-small__close-btn, .yoy--clickable, .resource-card__download .icon, .resource-card__thumbnail, .resource-card__top, .results-evaluation-view__close, .create-evaluations-questions-card-header__accordion, .create-evaluations-questions-card-header__points .input-points, .create-evaluations-questions-card-header__drag, .create-evaluations-custom__activity-view, .create-evaluations-custom__activity-drag, .create-evaluations-custom__activity-delete, .create-evaluations-activities__activity-action, .about-view__login, .student-custom-footer__comment, .mint-view-media-editor-image__icon, .mint-view .mint-epigraph, .mint-view .mint-view__head-editor, .mint-view-lemonade__button, .lesson-footer__prev, .lesson-footer__next, .view-evaluation-chosen-student__back, .view-evaluation-chosen-student__attemps-left, .view-evaluation-chosen-student__attemps-right, .custom-assessment-student-results__back, .videolesson-results-view__right .videolesson-results__back, .custom-assessment-student-results__attemps-left, .custom-assessment-student-results__attemps-right, .add-license__logout, .secondary-2022-list-lesson__lesson, .primary2022-new-unit__back, .primary-2022-card__drag, .layout-big-header__icon-back, .lesson-sidebar-add-content-button, .lesson-footer__message-button, .classroom-resources-list-student__period-resource, .classroom-resources-list-teacher__period-resource, .classroom-resources__period-resource, .lesson-item-card-student, .lesson-item-card, .program-view-banner__mode-exit, .videolesson-results-view__user-list .basic-list__item, .remote-mint-lesson-item, .projection-view__book-open-toc, .projection-view__book-close, .projection-view__content-close, .card-resourse-test-student, .card-resourse-test__top, .card-resource-activity, .card-resource-video-lesson, .card-resource-document__bottom .icon, .card-resource-document, .card-resource-video, .card-resource-image, .card-resource-audio__bottom .icon, .lesson-info-lesson-items__actions-move-icon, .kanban-dialog-add-card__color, .kanban-dialog-add-card__icon-container, .kanban-students__arrow, .kanban-header__see-as-student, .kanban-header__close, .grades-periods-student-activity, .gradebook-table-td-cell--rating__text--clickable, .gradebook-table-td-cell--rating__text, .gradebook-table-td-cell--pending--not-average, .gradebook-table-td-cell--review, .gradebook-table-td-cell--not-applicable, .gradebook-table-td-cell--not-delivered, .gradebook-table-td-user--click, .gradebook-table-th-user__action, .gradebook-table-th-average__publish, .gradebook-table-th-average__unpublish, .gradebook-table-th-item__publish, .gradebook-table-th-item__item-info-container--editable, .grades-grades__table-students-user--click, .grades-behaviour__cell, .program__header-edit-mode-container--view-mode, .stream__right .stream__config .stream__config-wrapper .stream__config-icon, .new-classroom-step-students__user-tag-count, .new-classroom-view-step-students-metainfo__coteacher-delete, .my-classrooms-view-top-right__action, .individual-activity-container .individual-activity-container__back, .individual-activity-container .individual-activity-container__attemps-left, .individual-activity-container .individual-activity-container__attemps-right, .teacher-notes__editor-header-delete, .teacher-notes__add-note-wrapper, .assessment-status-tags--clickable, .lesson-task-list__task, .comments-list-and-create__view-all, .project-remote-control__up, .books-list__entry, .cronometer__actions-button, .cronometer__input--pointer, .cronometer__arrows-button, .task-type, .table-react__td-click, .table-react__with-arrow-container, .preview-content__download-link:hover, .preview-content__audio, .preview-content__type-with-icon, .preview-content__img, .calendar-small__calendar .calendar-small__arrow, .toolbar__action, .filters-bar__filter, .vertical-students-results__bar-students, .accordion__title-container, .message-sender-simple__send, .message-sender__attachment-icon, .message-sender__pin, .assigments-main-info__more-options, .table-pagination .MuiPaginationItem-page.Mui-selected:hover, .table-pagination .MuiPaginationItem-page.Mui-selected.Mui-focusVisible, .modules-accordion__actions-move-icon, .module-item, .custom-lesson-item, .horizontal-users-list__entry, .classroom-users__students, .classroom-users, .avatars-list, .user-item__action, .units-accordion__actions-move-icon, .solution-corrective-feedback__show, .notifications-todo-item, .next-event-item, .next-event-dropdown-item, .license-expired-item__content-delete, .license-item__content-delete, .library-content-item, .lesson-item-student, .lesson-item__drag, .lesson-item__options, .lesson-item, .comment-item__options, .classrooms-simple-item__options, .calendar-item__options, .calendar-item__visible-icon, .behaviour-item__delete, .avatar-with-name, .lesson-header__edit, .lesson-header__see-as, .lesson-header__personalize, .lesson-header__project, .lesson-header__all-class, .lesson-header__menu, .lesson-header__close, .header-course__add-to-class-icon, .header-width-tabs__right, .header-width-tabs__back-button, .header-lesson__create-link, .header-course__projection-close, .header-course-student-mode-exit, .header-course__back-icon, .header-close__close, .header-course-selector__item--share, .header-course-selector__item--arrow, .header-button-right__item, .timeline-two-sides .MuiTimelineItem-root:hover, .sidebar-tabs__option, .simple-tabs__option, .header-tabs__type-view-background .header-tabs__tab, .header-tabs__type-view-background-round .header-tabs__tab, .header-tabs__type-view-vertical .header-tabs__tab, .header-tabs__type-view-pill .header-tabs__tab, .header-tabs__type-view-border .header-tabs__tab, .header-tabs__type-view-default .header-tabs__tab-text, .icons-select__icon, .login-form__signup-button, .login-form__legal-advice, .login-form__system-requirements, .login-form__privacy, .login-form__support, .login-form__signup, .bar-menu__avatar, .bar-menu__setting, .bar-menu__item, .assistant-dialog__close, .course-container__option, .teacher-container__option, .lesson-container__option, .gamification-basic-info-float__icon, .gamified-toast__close, .gamified-card-class-teacher, .calendar-week-sessions-navigation-bar__navigation-button:hover, .calendar-week-sessions-navigation-bar__today-button:hover, .calendar-week-sessions-day-header__see-more-button, .steps__item--clickable, .audio-player, .new-unit__back, .period-form__day-trash, .content-form__preview-delete, .lesson-navigation-footer__side-wrapper, .home-page__desktop-versions .login-form__desktop-versions, .answer-test-bar-footer__status-more-button, .dropdown-session-calendar__close, .dropdown-event-calendar__close, .material-preview-link, .dialog-student-feedback__header-right, .dialog-carrousel-images__thumbnail, .dialog-lemonade-templates__type, .dialog-select-template__type, .dialog-select-avatar__avatar, .dialog-search-questions__exercise-card, .dialog-project-lesson-item__link .dialog-project-lesson-item__arrow, .dialog-form-behaviour__delete, .dialog-content-library__document, .dialog__close button, .content-detail__arrow, .cookie-card .cookie-card__body-text .text-link-component, .cookie-card .cookie-card__body-text .demo-landing-page__footer-links a, .demo-landing-page__footer-links .cookie-card .cookie-card__body-text a, .group-lessons-progress-card__lesson-image:hover, .group-resource-card, .program-card, .projection-card__container, .post-card__meta-info-icon, .post-card__header-action-options, .class-room-card__within-students, .book-card--default, .book-card--selectable, .book-card--custom-right, .book-card--view, .attachment-card__delete, .attachment-card__add, .card-generic--onclick, .aside-lessons__bottom-container, .asside-lessons__kanban, .aside-profile__close-session-container, .aside-units__lesson, .aside-notifications__mark-as-read, .menu-aside__icon-close, .iframe-viewer__footer-icon, .input-search__recent-item-right, .immersive-reader, .switch__label, .switch, .select-bubble__item, .more-icon-menu, .input-text--icon-click, .input-radio:not(.input-radio--disabled), .input-checkbox:not(.input-checkbox--disabled), .close-mini-button, .classroom-code, .button, .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button, .projection-view__content-container--link .mvl_card_button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .bubble-content, .back-button, .arrows-control_button, .layout-progress__icon-right, .text-link, .remote__error-connect-action, .new-classroom-step-books__header-action, .toolbar__add-event-text, .icon-title-action__action, .no-items-mode-edit__add-button, .next-event-item__view, .lesson-item-list__children-results-text, .device-item__view, .header-lesson__create-link-text, .login-form__link, .login-form__text--forget, .profile-form__image, .period-form__add-day-text, .course-form__item-link, .account-form__terms, .dropdown-profile__link, .action-text__container, .course-card__info-item-configure, .aside-profile__link, .text-link-component, .demo-landing-page__footer-links a {
  cursor: pointer;
}

.disabled-hover {
  cursor: default !important;
  opacity: 1 !important;
}

.ellipsis, .lesson-sidebar__submodule-content, .lesson-sidebar__submodule-title, .lesson-item-card-student__name, .lesson-info-lesson-items__title, .lesson-info__title--books, .gradebook-table-td-user__fullname, .learning-objetives-tag-list__title, .project-remote-control__controls-player-name, .event-month__name, .calendar-big .header-week__header-week-day-name, .user-item__texts, .calendar-week-sessions-session__subject, .calendar-week-sessions-session__title, .lesson-navigation-footer__title .text-html, .dropdown-session-calendar__course-name, .dropdown-students-grades__dropdown .user-item__texts, .program-card__responsive, .projection-card__title, .projection-card__type, .course-card__info-item--school-class, .book-card__responsive, .iframe-viewer__footer-title, .select-customizable .select-customizable__single-value, .select-customizable .select-customizable__value-container, .select-customizable .select-customizable__control span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellipsis-complex, .lesson-footer__lesson-name p, .component-item .component-item__center .component-item__title, .xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-question .xapi-individual-results-table__row-question-text, .gradebook-table__th-module-text, .gradebook-table__th-text, .grades-grades__table-students-user-fullname, .grades-grades__table-students-column-header-title, .new-classroom-step-students__user-tag .tag__text, .calendar-big .header-month__header-month-day-name, .new-assessment-view-header__meta .icon-background__info-description, .module-item__name, .task-pending-item__title, .task-pending-item__section, .task-simple-item__title, .notifications-todo-item__title, .next-event-item__title, .next-event-dropdown-item__title, .library-content-item__name, .lesson-element-item__name, .lesson-item__name, .device-item__title, .comment-item__info-main, .classrooms-simple-item__info-main, .calendar-item__level, .calendar-item__name, .assessment-item__title, .header-simple__title, .dialog-material-preview .dialog__title-wrapper .lesson-element-item__name, .program-card__title, .book-card__title, .switch__description, .switch__label, .select-customizable__label {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media only screen and (min-width: 640px) {
  .hover-basic:hover, .project-remote-item__action-icon-container:hover, .assessment-instructions-teacher-notes__header:hover, .assessment-instructions-view-header__header-edit-button:hover, .assessment-results-view__user-list .basic-list__item:hover, .landing-edelvives__know-more:hover, .header-switch-app__wrapper:hover, .popup-small__content .popup-small__close-btn:hover, .yoy--clickable:hover, .resource-card__download .icon:hover, .resource-card__thumbnail:hover, .resource-card__top:hover, .results-evaluation-view__close:hover, .create-evaluations-questions-card-header__accordion:hover, .create-evaluations-questions-card-header__points .input-points:hover, .create-evaluations-questions-card-header__drag:hover, .create-evaluations-custom__activity-view:hover, .create-evaluations-custom__activity-drag:hover, .create-evaluations-custom__activity-delete:hover, .create-evaluations-activities__activity-action:hover, .about-view__login:hover, .student-custom-footer__comment:hover, .mint-view-media-editor-image__icon:hover, .mint-view .mint-epigraph:hover, .mint-view .mint-view__head-editor:hover, .mint-view-lemonade__button:hover, .lesson-footer__prev:hover, .lesson-footer__next:hover, .view-evaluation-chosen-student__back:hover, .view-evaluation-chosen-student__attemps-left:hover, .view-evaluation-chosen-student__attemps-right:hover, .custom-assessment-student-results__back:hover, .videolesson-results-view__right .videolesson-results__back:hover, .custom-assessment-student-results__attemps-left:hover, .custom-assessment-student-results__attemps-right:hover, .add-license__logout:hover, .secondary-2022-list-lesson__lesson:hover, .primary2022-new-unit__back:hover, .primary-2022-card__drag:hover, .layout-big-header__icon-back:hover, .lesson-sidebar-add-content-button:hover, .lesson-footer__message-button:hover, .classroom-resources-list-student__period-resource:hover, .classroom-resources-list-teacher__period-resource:hover, .classroom-resources__period-resource:hover, .lesson-item-card-student:hover, .lesson-item-card:hover, .program-view-banner__mode-exit:hover, .videolesson-results-view__user-list .basic-list__item:hover, .remote-mint-lesson-item:hover, .projection-view__book-open-toc:hover, .projection-view__book-close:hover, .projection-view__content-close:hover, .card-resourse-test-student:hover, .card-resourse-test__top:hover, .card-resource-activity:hover, .card-resource-video-lesson:hover, .card-resource-document__bottom .icon:hover, .card-resource-document:hover, .card-resource-video:hover, .card-resource-image:hover, .card-resource-audio__bottom .icon:hover, .lesson-info-lesson-items__actions-move-icon:hover, .kanban-dialog-add-card__color:hover, .kanban-dialog-add-card__icon-container:hover, .kanban-students__arrow:hover, .kanban-header__see-as-student:hover, .kanban-header__close:hover, .grades-periods-student-activity:hover, .gradebook-table-td-cell--rating__text--clickable:hover, .gradebook-table-td-cell--rating__text:hover, .gradebook-table-td-cell--pending--not-average:hover, .gradebook-table-td-cell--review:hover, .gradebook-table-td-cell--not-applicable:hover, .gradebook-table-td-cell--not-delivered:hover, .gradebook-table-td-user--click:hover, .gradebook-table-th-user__action:hover, .gradebook-table-th-average__publish:hover, .gradebook-table-th-average__unpublish:hover, .gradebook-table-th-item__publish:hover, .gradebook-table-th-item__item-info-container--editable:hover, .grades-grades__table-students-user--click:hover, .grades-behaviour__cell:hover, .program__header-edit-mode-container--view-mode:hover, .stream__right .stream__config .stream__config-wrapper .stream__config-icon:hover, .new-classroom-step-students__user-tag-count:hover, .new-classroom-view-step-students-metainfo__coteacher-delete:hover, .my-classrooms-view-top-right__action:hover, .individual-activity-container .individual-activity-container__back:hover, .individual-activity-container .individual-activity-container__attemps-left:hover, .individual-activity-container .individual-activity-container__attemps-right:hover, .teacher-notes__editor-header-delete:hover, .teacher-notes__add-note-wrapper:hover, .assessment-status-tags--clickable:hover, .lesson-task-list__task:hover, .comments-list-and-create__view-all:hover, .project-remote-control__up:hover, .books-list__entry:hover, .cronometer__actions-button:hover, .cronometer__input--pointer:hover, .cronometer__arrows-button:hover, .task-type:hover, .table-react__td-click:hover, .table-react__with-arrow-container:hover, .preview-content__download-link:hover, .preview-content__audio:hover, .preview-content__type-with-icon:hover, .preview-content__img:hover, .calendar-small__calendar .calendar-small__arrow:hover, .toolbar__action:hover, .filters-bar__filter:hover, .vertical-students-results__bar-students:hover, .accordion__title-container:hover, .message-sender-simple__send:hover, .message-sender__attachment-icon:hover, .message-sender__pin:hover, .assigments-main-info__more-options:hover, .table-pagination .MuiPaginationItem-page.Mui-selected:hover, .modules-accordion__actions-move-icon:hover, .module-item:hover, .custom-lesson-item:hover, .horizontal-users-list__entry:hover, .classroom-users__students:hover, .classroom-users:hover, .avatars-list:hover, .user-item__action:hover, .units-accordion__actions-move-icon:hover, .solution-corrective-feedback__show:hover, .notifications-todo-item:hover, .next-event-item:hover, .next-event-dropdown-item:hover, .license-expired-item__content-delete:hover, .license-item__content-delete:hover, .library-content-item:hover, .lesson-item-student:hover, .lesson-item__drag:hover, .lesson-item__options:hover, .lesson-item:hover, .comment-item__options:hover, .classrooms-simple-item__options:hover, .calendar-item__options:hover, .calendar-item__visible-icon:hover, .behaviour-item__delete:hover, .avatar-with-name:hover, .lesson-header__edit:hover, .lesson-header__see-as:hover, .lesson-header__personalize:hover, .lesson-header__project:hover, .lesson-header__all-class:hover, .lesson-header__menu:hover, .lesson-header__close:hover, .header-course__add-to-class-icon:hover, .header-width-tabs__right:hover, .header-width-tabs__back-button:hover, .header-lesson__create-link:hover, .header-course__projection-close:hover, .header-course-student-mode-exit:hover, .header-course__back-icon:hover, .header-close__close:hover, .header-course-selector__item--share:hover, .header-course-selector__item--arrow:hover, .header-button-right__item:hover, .timeline-two-sides .MuiTimelineItem-root:hover, .sidebar-tabs__option:hover, .simple-tabs__option:hover, .header-tabs__type-view-background .header-tabs__tab:hover, .header-tabs__type-view-background-round .header-tabs__tab:hover, .header-tabs__type-view-vertical .header-tabs__tab:hover, .header-tabs__type-view-pill .header-tabs__tab:hover, .header-tabs__type-view-border .header-tabs__tab:hover, .header-tabs__type-view-default .header-tabs__tab-text:hover, .icons-select__icon:hover, .login-form__signup-button:hover, .login-form__legal-advice:hover, .login-form__system-requirements:hover, .login-form__privacy:hover, .login-form__support:hover, .login-form__signup:hover, .bar-menu__avatar:hover, .bar-menu__setting:hover, .bar-menu__item:hover, .assistant-dialog__close:hover, .course-container__option:hover, .teacher-container__option:hover, .lesson-container__option:hover, .gamification-basic-info-float__icon:hover, .gamified-toast__close:hover, .gamified-card-class-teacher:hover, .calendar-week-sessions-navigation-bar__navigation-button:hover, .calendar-week-sessions-navigation-bar__today-button:hover, .calendar-week-sessions-day-header__see-more-button:hover, .steps__item--clickable:hover, .audio-player:hover, .new-unit__back:hover, .period-form__day-trash:hover, .content-form__preview-delete:hover, .lesson-navigation-footer__side-wrapper:hover, .home-page__desktop-versions .login-form__desktop-versions:hover, .answer-test-bar-footer__status-more-button:hover, .dropdown-session-calendar__close:hover, .dropdown-event-calendar__close:hover, .material-preview-link:hover, .dialog-student-feedback__header-right:hover, .dialog-carrousel-images__thumbnail:hover, .dialog-lemonade-templates__type:hover, .dialog-select-template__type:hover, .dialog-select-avatar__avatar:hover, .dialog-search-questions__exercise-card:hover, .dialog-project-lesson-item__link .dialog-project-lesson-item__arrow:hover, .dialog-form-behaviour__delete:hover, .dialog-content-library__document:hover, .dialog__close button:hover, .content-detail__arrow:hover, .cookie-card .cookie-card__body-text .text-link-component:hover, .cookie-card .cookie-card__body-text .demo-landing-page__footer-links a:hover, .demo-landing-page__footer-links .cookie-card .cookie-card__body-text a:hover, .group-lessons-progress-card__lesson-image:hover, .group-resource-card:hover, .program-card:hover, .projection-card__container:hover, .post-card__meta-info-icon:hover, .post-card__header-action-options:hover, .class-room-card__within-students:hover, .book-card--default:hover, .book-card--selectable:hover, .book-card--custom-right:hover, .book-card--view:hover, .attachment-card__delete:hover, .attachment-card__add:hover, .card-generic--onclick:hover, .aside-lessons__bottom-container:hover, .asside-lessons__kanban:hover, .aside-profile__close-session-container:hover, .aside-units__lesson:hover, .aside-notifications__mark-as-read:hover, .menu-aside__icon-close:hover, .iframe-viewer__footer-icon:hover, .input-search__recent-item-right:hover, .immersive-reader:hover, .switch__label:hover, .switch:hover, .select-bubble__item:hover, .more-icon-menu:hover, .input-text--icon-click:hover, .input-radio:hover:not(.input-radio--disabled), .input-checkbox:hover:not(.input-checkbox--disabled), .close-mini-button:hover, .classroom-code:hover, .button:hover, .resources-demo-container__link:hover, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:hover, .remote-view--mint .turn-to-speak-view__random .button:hover, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:hover, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button:hover, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button:hover, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button:hover, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button:hover, .projection-view__content-container--link .mvl_card_button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover, .bubble-content:hover, .back-button:hover, .arrows-control_button:hover, .layout-progress__icon-right:hover, .text-link:hover, .remote__error-connect-action:hover, .new-classroom-step-books__header-action:hover, .toolbar__add-event-text:hover, .icon-title-action__action:hover, .no-items-mode-edit__add-button:hover, .next-event-item__view:hover, .lesson-item-list__children-results-text:hover, .device-item__view:hover, .header-lesson__create-link-text:hover, .login-form__link:hover, .login-form__text--forget:hover, .profile-form__image:hover, .period-form__add-day-text:hover, .course-form__item-link:hover, .account-form__terms:hover, .dropdown-profile__link:hover, .action-text__container:hover, .course-card__info-item-configure:hover, .aside-profile__link:hover, .text-link-component:hover, .demo-landing-page__footer-links a:hover {
    opacity: .7;
    transition-duration: .3s;
  }
}

.transition-hover-border, .input-date-picker--portal, .input-date-picker .react-datepicker-wrapper, .textarea__input, .select-checkboxs .picky__input, .select-customizable .select-customizable__control, .input-text__input, .video-lesson .video-lesson-content .vl-input-generic-title input, .dropdown-schedule__wrapper .dropdown-schedule__hour input, .select-checkboxs .picky__filter input, .input-time-range__input, .input-date input, .input-points__input, .input-date-v2 .MuiFormControl-root {
  transition-duration: .4s;
  border-width: 1px !important;
}

.transition-hover-border:hover, .input-date-picker--portal:hover, .input-date-picker .react-datepicker-wrapper:hover, .textarea__input:hover, .select-checkboxs .picky__input:hover, .select-customizable .select-customizable__control:hover, .input-text__input:hover, .video-lesson .video-lesson-content .vl-input-generic-title input:hover, .dropdown-schedule__wrapper .dropdown-schedule__hour input:hover, .select-checkboxs .picky__filter input:hover, .input-time-range__input:hover, .input-date input:hover, .input-points__input:hover, .input-date-v2 .MuiFormControl-root:hover {
  border-color: var(--color-first);
}

@keyframes wobble {
  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-30deg);
  }

  75% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 rgba(237, 112, 17, .1);
  }

  10% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}

.card-default, .lesson-item-evaluable .accordion__tab, .resource-card, .primary-2022-card__content, .retro-course-view__container, .lesson-item-card-student, .lesson-item-card, .banner-resources-polp__content, .banner-all-resources__card, .card-resource-activity__bottom, .card-resource-video-lesson__bottom, .card-resource-document, .card-resource-video__texts, .card-resource-audio, .kanban-student-banner, .kanban-students, .project-remote-control__controls-task-actions, .assigments-main-info, .task, .sync-progress, .module-item, .question-item, .lesson-item-list .MuiAccordion-root, .lesson-item, .classrooms-simple-item, .icons-select__icon, .content-form__preview--with-border, .content-detail, .cookie-card, .program-card__info, .book-card__info, .attachment-card, .card-generic--default, .card-background, .lesson-item-evaluable__exercises-container, .message-sender-simple, .message-sender, .card-background-component, .card-secondary, .remote__tools-card, .assessment-instructions-view__top, .dialog-activity-detail__assesment, .answer-test-question, .assessment-individual-results-view__card, .assessment-result-student-view__container, .new-assessment-view-header, .xapi-individual-results-view__card, .scorm-individual-results-view__card, .scorm-results-activity__wrapper, .student-grades-graphics .student-grades-graphics__analysis-card, .grades-graphic__analysis-card, .grades-graphic__ranking-bar, .cronometer__actions, .modules-accordion--student .MuiAccordion-root, .units-accordion--student .MuiAccordion-root, .lesson-item-student, .horizontal-students-progress, .projection-card__container, .post-card, .attention-card, .card-generic--secondary, .select-checkboxs .picky__dropdown, .card-secondary-small, .accordion-list .accordion__tab-container, .card-default-big, .student-grades-grades .student-grades-grades__treasurehunt-activity, .no-items-mode-edit, .course-form-schedule__forms-units .MuiAccordion-root, .note-card, .card-generic--default-big, .card-default-small, .project-remote-list__lesson-item, .card-resource-activity__image-container, .linear-graphic__tooltip, .preview-content__video-fallback, .preview-content__audio, .preview-content__type-with-icon, .rbc-overlay, .task-simple-item, .next-event-item, .next-event-dropdown-item, .device-item, .avatar-with-name, .assessment-item, .dropdown-notifications__text-empty-container, .link-content, .exercise-card, .card-generic--default-small, .classroom-users__dropdown, .dropdown-students-grades__dropdown, .card-simple, .calendar-small__calendar, .card-generic--simple {
  box-shadow: none;
  background: #fff;
  border-radius: 0;
  padding: 12px;
}

.card-default-small, .project-remote-list__lesson-item, .card-resource-activity__image-container, .linear-graphic__tooltip, .preview-content__video-fallback, .preview-content__audio, .preview-content__type-with-icon, .rbc-overlay, .task-simple-item, .next-event-item, .next-event-dropdown-item, .device-item, .avatar-with-name, .assessment-item, .dropdown-notifications__text-empty-container, .link-content, .exercise-card, .card-generic--default-small, .classroom-users__dropdown, .dropdown-students-grades__dropdown, .card-simple, .calendar-small__calendar, .card-generic--simple {
  padding: 8px;
}

.card-default-big, .student-grades-grades .student-grades-grades__treasurehunt-activity, .no-items-mode-edit, .course-form-schedule__forms-units .MuiAccordion-root, .note-card, .card-generic--default-big {
  padding: 24px;
}

.card-secondary, .remote__tools-card, .assessment-instructions-view__top, .dialog-activity-detail__assesment, .answer-test-question, .assessment-individual-results-view__card, .assessment-result-student-view__container, .new-assessment-view-header, .xapi-individual-results-view__card, .scorm-individual-results-view__card, .scorm-results-activity__wrapper, .student-grades-graphics .student-grades-graphics__analysis-card, .grades-graphic__analysis-card, .grades-graphic__ranking-bar, .cronometer__actions, .modules-accordion--student .MuiAccordion-root, .units-accordion--student .MuiAccordion-root, .lesson-item-student, .horizontal-students-progress, .projection-card__container, .post-card, .attention-card, .card-generic--secondary, .select-checkboxs .picky__dropdown, .card-secondary-small, .accordion-list .accordion__tab-container {
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.card-secondary-small, .accordion-list .accordion__tab-container {
  padding: 8px;
}

.card-background, .lesson-item-evaluable__exercises-container, .message-sender-simple, .message-sender, .card-background-component {
  background: var(--color-card-background);
  padding: 8px;
}

body {
  overflow-y: scroll;
}

.grid, .msteams-container, .remote__error-connect, .lemon-test, .task-view__right, .new-assessment-view__questions__fixed-button-container, .signup-step-create-classroom, .signup-step-account, .signup-step-add-course, .new-course-step-schedule, .new-classroom-step-books__list-grid, .new-classroom-step-books__filters-bar-container, .new-classroom-step-books__header, .new-classroom-step-basic, .demo-form .demo-form__content .demo-form__content-container, .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-container, .create-evaluations-view .footer-buttons, .lesson-footer__wrapper, .lesson-view--mode-kanban .kanban-view__kanban, .layout-big-header__header-body, .layout-big-header__children-container, .footer-projection__bottom, .projection-mint-view__question, .projection-mint-view .footer-projection__bottom, #container_pfdtron.pdf-container-projection, .grades-periods-student, .resources-view-program .group-resources-slider__title, .new-classroom-step-students, .project-remote-control, .video-lesson .video-lesson-content, .header-lesson--student .header-lesson__title-container, .header-lesson__actions, .header-close__grid, .group-resources-slider__hr, .info-footer__container, .home-page__footer-grid, .dialog-carrousel-images__body, .dialog-configure-course__header .header-info-course__container, .layout-calendar__column-2-children, .layout-progress__footer, .layout-header__background-text-container, .layout-header__children, .layout-default, .grid-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.grid, .msteams-container, .remote__error-connect, .lemon-test, .task-view__right, .new-assessment-view__questions__fixed-button-container, .signup-step-create-classroom, .signup-step-account, .signup-step-add-course, .new-course-step-schedule, .new-classroom-step-books__list-grid, .new-classroom-step-books__filters-bar-container, .new-classroom-step-books__header, .new-classroom-step-basic, .demo-form .demo-form__content .demo-form__content-container, .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-container, .create-evaluations-view .footer-buttons, .lesson-footer__wrapper, .lesson-view--mode-kanban .kanban-view__kanban, .layout-big-header__header-body, .layout-big-header__children-container, .footer-projection__bottom, .projection-mint-view__question, .projection-mint-view .footer-projection__bottom, #container_pfdtron.pdf-container-projection, .grades-periods-student, .resources-view-program .group-resources-slider__title, .new-classroom-step-students, .project-remote-control, .video-lesson .video-lesson-content, .header-lesson--student .header-lesson__title-container, .header-lesson__actions, .header-close__grid, .group-resources-slider__hr, .info-footer__container, .home-page__footer-grid, .dialog-carrousel-images__body, .dialog-configure-course__header .header-info-course__container, .layout-calendar__column-2-children, .layout-progress__footer, .layout-header__background-text-container, .layout-header__children, .layout-default {
  max-width: 1296px;
}

.grid-column, .lemon-test, .new-course-step-schedule__form-container, .new-course-step-configuration__form-container, .new-classroom-step-basic__form-container, .retro-course-view, .lesson-info, .stream, .profile-view-licenses__header, .mosaic-list, .period-form__form, .new-lesson-form__form, .new-test-form__form, .course-form__item-day, .course-form__schedule, .course-form__form, .course-form, .dialog-lemonade-templates__columns, .dialog-select-template__columns {
  flex-flow: wrap;
  width: calc(100% + 24px);
  margin-left: -24px;
  display: flex;
}

.grid-column--without-gutter, .dialog-content-library__columns, .layout-login {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.grid-lateral, .signup__column1, .group-resources-slider__title, .layout-with-image__column-1 {
  padding-left: 2.5%;
}

.grid-lateral-right, .group-resources-slider .swiper-pagination {
  padding-right: 2.5%;
}

.margin-default-rigth {
  margin-right: 24px;
}

.margin-default-left {
  margin-left: 24px;
}

.margin-default, .new-assessment-view__questions__fixed-button-container, .header-lesson__container-header {
  margin-left: 24px;
  margin-right: 24px;
}

.padding-default-rigth, .task-view__course-selector-wrapper, .layout-calendar__column-2 {
  padding-right: 24px;
}

.padding-default-left {
  padding-left: 24px;
}

.default-left, .answer-test-view__hint, .hint__dropdown-lib, .hint {
  left: 24px !important;
}

.padding-default, .answer-test-footer, .assessment-individual-results-view__footer, .primary-2022-course-view .header-course .header-course__grid, .layout-big-header__header-top, .xapi-individual-results-view__footer, .scorm-individual-results-view__footer, .header-width-tabs__grid, .header-simple__grid, .header-save__grid, .header-lesson--student .header-lesson__container, .header-custom__grid, .header-course__grid, .header-assessment__grid, .layout-calendar__column-1 {
  padding-left: 24px;
  padding-right: 24px;
}

.scroll-bar-horizontal::-webkit-scrollbar {
  border-radius: 20px;
  width: 6px;
  height: 22px;
}

.calendar-view__item--list-calendars .card-generic::-webkit-scrollbar {
  border-radius: 20px;
  width: 6px;
  height: 22px;
}

.layout-calendar__column-1::-webkit-scrollbar {
  border-radius: 20px;
  width: 6px;
  height: 22px;
}

.scroll-bar-horizontal::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 6px solid #fff;
  border-radius: 20px;
}

.calendar-view__item--list-calendars .card-generic::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 6px solid #fff;
  border-radius: 20px;
}

.layout-calendar__column-1::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 6px solid #fff;
  border-radius: 20px;
}

.scroll-bar-horizontal::-webkit-scrollbar-thumb {
  background: #888;
  border: 6px solid #888;
  border-radius: 20px;
}

.calendar-view__item--list-calendars .card-generic::-webkit-scrollbar-thumb {
  background: #888;
  border: 6px solid #888;
  border-radius: 20px;
}

.layout-calendar__column-1::-webkit-scrollbar-thumb {
  background: #888;
  border: 6px solid #888;
  border-radius: 20px;
}

.scroll-bar-horizontal::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

.calendar-view__item--list-calendars .card-generic::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

.layout-calendar__column-1::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

@media only screen and (min-width: 1340px) {
  .grid-lateral, .signup__column1, .group-resources-slider__title, .layout-with-image__column-1 {
    padding-left: calc(50% - 648px);
  }

  .grid-lateral-right, .group-resources-slider .swiper-pagination {
    padding-right: calc(50% - 648px);
  }

  .margin-default-rigth {
    margin-right: 32px;
  }

  .margin-default-left {
    margin-left: 32px;
  }

  .margin-default, .new-assessment-view__questions__fixed-button-container, .header-lesson__container-header {
    margin-left: 32px;
    margin-right: 32px;
  }

  .padding-default-rigth, .task-view__course-selector-wrapper, .layout-calendar__column-2 {
    padding-right: 32px;
  }

  .padding-default-left {
    padding-left: 32px;
  }

  .default-left, .answer-test-view__hint, .hint__dropdown-lib, .hint {
    left: 32px !important;
  }

  .padding-default, .answer-test-footer, .assessment-individual-results-view__footer, .primary-2022-course-view .header-course .header-course__grid, .layout-big-header__header-top, .xapi-individual-results-view__footer, .scorm-individual-results-view__footer, .header-width-tabs__grid, .header-simple__grid, .header-save__grid, .header-lesson--student .header-lesson__container, .header-custom__grid, .header-course__grid, .header-assessment__grid, .layout-calendar__column-1 {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 1500px) {
  .grid, .msteams-container, .remote__error-connect, .lemon-test, .task-view__right, .new-assessment-view__questions__fixed-button-container, .signup-step-create-classroom, .signup-step-account, .signup-step-add-course, .new-course-step-schedule, .new-classroom-step-books__list-grid, .new-classroom-step-books__filters-bar-container, .new-classroom-step-books__header, .new-classroom-step-basic, .demo-form .demo-form__content .demo-form__content-container, .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-container, .create-evaluations-view .footer-buttons, .lesson-footer__wrapper, .lesson-view--mode-kanban .kanban-view__kanban, .layout-big-header__header-body, .layout-big-header__children-container, .footer-projection__bottom, .projection-mint-view__question, .projection-mint-view .footer-projection__bottom, #container_pfdtron.pdf-container-projection, .grades-periods-student, .resources-view-program .group-resources-slider__title, .new-classroom-step-students, .project-remote-control, .video-lesson .video-lesson-content, .header-lesson--student .header-lesson__title-container, .header-lesson__actions, .header-close__grid, .group-resources-slider__hr, .info-footer__container, .home-page__footer-grid, .dialog-carrousel-images__body, .dialog-configure-course__header .header-info-course__container, .layout-calendar__column-2-children, .layout-progress__footer, .layout-header__background-text-container, .layout-header__children, .layout-default {
    max-width: 1296px;
  }

  .grid-lateral, .signup__column1, .group-resources-slider__title, .layout-with-image__column-1 {
    padding-left: calc(50% - 648px);
  }

  .grid-lateral-right, .group-resources-slider .swiper-pagination {
    padding-right: calc(50% - 648px);
  }

  .margin-default-rigth {
    margin-right: 64px;
  }

  .margin-default-left {
    margin-left: 64px;
  }

  .margin-default, .new-assessment-view__questions__fixed-button-container, .header-lesson__container-header {
    margin-left: 64px;
    margin-right: 64px;
  }

  .padding-default-rigth, .task-view__course-selector-wrapper, .layout-calendar__column-2 {
    padding-right: 64px;
  }

  .padding-default-left {
    padding-left: 64px;
  }

  .default-left, .answer-test-view__hint, .hint__dropdown-lib, .hint {
    left: 64px !important;
  }

  .padding-default, .answer-test-footer, .assessment-individual-results-view__footer, .primary-2022-course-view .header-course .header-course__grid, .layout-big-header__header-top, .xapi-individual-results-view__footer, .scorm-individual-results-view__footer, .header-width-tabs__grid, .header-simple__grid, .header-save__grid, .header-lesson--student .header-lesson__container, .header-custom__grid, .header-course__grid, .header-assessment__grid, .layout-calendar__column-1 {
    padding-left: 64px;
    padding-right: 64px;
  }
}

@media only screen and (min-width: 768px) {
  .layout-login__column-1 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }

  .layout-login__column-2 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .layout-login__column-1 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }

  .layout-login__column-2 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }
}

.layout-progress__footer .button, .layout-progress__footer .resources-demo-container__link, .layout-progress__footer .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .layout-progress__footer .resources-demo-container__link, .layout-progress__footer .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .layout-progress__footer .button, .layout-progress__footer .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .layout-progress__footer .mvl_card_button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-border, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-without-bg, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-full-width {
  z-index: 4052;
}

@media only screen and (min-width: 768px) {
  .layout-with-image__column-1 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
  }

  .layout-with-image__column-2 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .layout-with-image__column-1 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }

  .layout-with-image__column-2 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }
}

@media only screen and (min-width: 1500px) {
  .layout-with-image__column-1, .layout-with-image__column-2 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
  }
}

.layout-calendar--with-header.layout-calendar--with-footer, .layout-calendar--with-header.layout-calendar--with-footer .layout-calendar__columns {
  min-height: calc(100vh - 123px);
}

@media only screen and (min-width: 1280px) {
  .layout-calendar--responsive .layout-calendar__column-1 {
    background: var(--color-background);
    left: 0;
    top: unset;
    width: 450px;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .layout-calendar--responsive .layout-calendar__column-1 .layout-calendar_responsive-close-button {
    display: none;
  }

  .layout-calendar--responsive .layout-calendar__column-2 {
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
  }

  .layout-calendar--responsive .layout-calendar__mobile-menu-backdrop, .layout-calendar--responsive .header-responsive {
    display: none;
  }
}

.arrows-control {
  flex-direction: column;
  display: flex;
}

.arrows-control_button {
  background: #706b65;
  width: 60px;
  height: 60px;
}

.arrows-control_button--up {
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
}

.arrows-control_button--down {
  border-bottom-right-radius: 70px;
  border-bottom-left-radius: 70px;
  margin-top: 2px;
}

.avatar {
  background-color: #dbd5ce;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-size: cover !important;
}

.avatar--default-image {
  background-image: var(--empty-avatar-image);
  background-size: contain;
  width: 100%;
  height: 100%;
}

.avatar--size-l {
  width: 80px;
  height: 80px;
}

.avatar--size-xl {
  width: 104px;
  height: 104px;
}

.avatar--size-xxl {
  width: 150px;
  height: 150px;
}

.avatar--size-xxl .image {
  width: 100%;
}

.avatar--size-big {
  width: 58px;
  height: 58px;
}

.avatar--size-small {
  width: 32px;
  height: 32px;
}

.avatar--size-xs {
  width: 20px;
  height: 20px;
}

.avatar--with-border {
  border-style: solid;
  border-width: 4px;
}

.avatar-crop canvas {
  width: 100%;
}

.bubble {
  background: var(--color-first);
  border-radius: 100%;
  min-width: 10px;
  height: 10px;
  display: inline-block;
}

.bubble--color-blue {
  background: #56ccf2;
}

.bubble--text {
  text-align: center;
  border-radius: 24px;
  min-width: 14px;
  height: 14px;
  font-weight: bold;
  line-height: 9px;
}

.bubble-text {
  color: #fff;
  padding: 0 4px;
  position: relative;
  font-size: 9px !important;
  line-height: 14px !important;
}

.buble-and-date {
  align-items: center;
  display: flex;
}

.buble-and-date__circle {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.buble-and-date__date {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.buble-and-date__day {
  color: #706b65;
  margin-right: 8px;
}

.buble-and-date__month {
  color: #a39b93;
  text-transform: uppercase;
}

.bubble-content {
  border: 3px solid var(--color-background);
  background: var(--color-background);
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: relative;
}

.bubble-content--size-xl {
  width: 60px;
  height: 60px;
}

.bubble-content--size-s {
  width: 30px !important;
  height: 30px !important;
}

.bubble-content--size-m {
  width: 40px !important;
  height: 40px !important;
}

.bubble-content--color-white {
  background: none !important;
  border-color: #fff !important;
}

.bubble-content--color-dark {
  background: #36393b !important;
  border-color: #36393b !important;
}

.bubble-content--color-fill-white {
  background: #fff !important;
  border-color: #fff !important;
}

.bubble-content--color-green {
  background: #41d158 !important;
  border-color: #41d158 !important;
}

.bubble-content--color-gray {
  background: #f7f4f2 !important;
  border-color: #f7f4f2 !important;
}

.bubble-content--color-primary {
  background: var(--color-first) !important;
  border-color: var(--color-first) !important;
}

.bubble-content__content {
  color: #a39b93;
  white-space: nowrap;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bubble-content--fill {
  background: var(--color-first);
  border-color: var(--color-first) !important;
}

.bubble-content--fill .bubble-content__content {
  color: #fff;
}

.bubble-content--bordered, .bubble-content--current {
  border-color: var(--color-first);
  background: #fff;
}

.bubble-content--bordered .bubble-content__content, .bubble-content--current .bubble-content__content {
  color: var(--color-first);
}

.bubble-content--current {
  border-width: 3px;
}

.bubble-content--current:after {
  content: "";
  background: var(--color-first);
  width: 20px;
  height: 3px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%);
}

.bubble-content--disabled {
  opacity: .9;
  border-color: #dbd5ce !important;
}

.button, .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button, .projection-view__content-container--link .mvl_card_button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width {
  color: #fff;
  border-radius: 24px;
  min-width: 70px;
  min-height: 40px;
  padding: 12px 16px;
  display: inline-block;
  position: relative;
}

.button__spinner {
  width: 70px;
  margin: 0 auto;
}

.button__spinner > div {
  display: inline-block;
}

.button:focus, .resources-demo-container__link:focus, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:focus, .remote-view--mint .turn-to-speak-view__random .button:focus, .projection-view__content-container--link .mvl_card_button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:focus, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:focus, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:focus, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:focus {
  outline: none;
}

.button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.resources-demo-container__link:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.remote-view--mint .turn-to-speak-view__random .button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.projection-view__content-container--link .mvl_card_button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #333;
}

.button:disabled, .resources-demo-container__link:disabled, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:disabled, .remote-view--mint .turn-to-speak-view__random .button:disabled, .projection-view__content-container--link .mvl_card_button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:disabled {
  cursor: not-allowed;
  background: #dbd5ce;
}

.button--border-radius-big {
  border-radius: 36px;
}

.button--border-radius-small {
  border-radius: 8px;
}

.button--border-radius-circle {
  border-radius: 100%;
}

.button--color-primary, .resources-demo-container__link, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width {
  background-image: var(--color-first);
}

.button--color-grey {
  color: var(--color-first);
  background: #f7f4f2;
}

.button--color-grey svg {
  fill: var(--color-first);
}

.button--color-grey:disabled {
  color: #c7bfb7;
}

.button--color-grey-secondary {
  color: #706b65;
  background: #f7f4f2;
  border: 1px solid #f3eeea;
  border-radius: 8px;
}

.button--color-grey-secondary svg {
  align-items: center;
  display: flex;
}

.button--color-grey-secondary svg path {
  fill: #a39b93 !important;
}

.button--color-grey-secondary:disabled {
  color: #c7bfb7;
}

.button--color-black {
  color: #fff;
  background: #f7f4f2;
}

.button--color-black svg {
  fill: var(--color-first);
}

.button--color-black:disabled {
  color: #c7bfb7;
}

.button--color-transparent {
  color: #a39b93;
  background: none;
}

.button--color-transparent-light {
  color: #fff;
  background: none;
}

.button--color-transparent-light:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  outline: 2px solid #fff;
}

.button--color-transparent-primary, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg {
  color: var(--color-first);
  background: none;
}

.button--color-transparent-primary .button__spinner .ball-clip-rotate > div, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__spinner .ball-clip-rotate > div {
  border-top-color: var(--color-first);
  border-left-color: var(--color-first);
  border-right-color: var(--color-first);
}

.button--color-white {
  color: #a39b93;
  background: #fff;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.button--color-orange {
  background: #f2aa3f;
}

.button--color-border {
  color: #c7bfb7;
  border-color: #c7bfb7;
}

.button--color-border .button__text {
  color: #a39b93;
}

.button--color-blue {
  background: #dbe9f0;
  border-color: #56ccf2;
}

.button--color-blue .button__text {
  color: #706b65;
}

.button--color-alpha {
  color: var(--color-first);
  background: rgba(237, 112, 17, .1);
}

.button--color-primary-outlined, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border {
  color: var(--color-first);
  padding-top: inherit !important;
  padding-bottom: inherit !important;
}

.button--color-primary-outlined .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon path {
  fill: var(--color-first) !important;
}

.button--color-primary-outlined:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:disabled {
  color: #c7bfb7;
  background: none;
  border-color: #c7bfb7;
}

.button--color-primary-outlined:disabled .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:disabled .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:disabled .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:disabled .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:disabled .icon path {
  fill: #c7bfb7;
}

.button__content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button__content svg {
  margin-right: 8px;
}

.button--default {
  width: 100%;
}

.button--inline {
  display: inline-block;
}

.button--size-small {
  min-height: 40px;
  padding: 8px 12px;
}

.button--size-xs {
  min-height: 30px;
  padding: 4px 8px;
  font-family: Titilium Semi Bold;
  font-size: 16px;
}

.button--size-large {
  padding: 8px 24px;
}

.button--color-only-icon {
  min-width: initial;
}

.button--color-only-icon svg, .button--icon-only .button__content svg {
  margin-right: 0;
}

.button--icon-position-left {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button--icon-position-right .button__text {
  padding-left: 0;
  padding-right: 16px;
  position: relative;
}

.button--icon-position-right .icon {
  margin-right: 0;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.button__spinner, .button__spinner .sk-spinner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button--theme-google {
  background-image: none;
  border: 0;
  border-radius: 4px;
  max-width: 200px;
  height: 42px;
  padding: 0 8px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, .25);
  background-color: #fff !important;
}

.button--theme-google .button__content {
  justify-content: flex-start;
  align-items: baseline;
}

.button--theme-google .icon {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}

.button--theme-google .button__text {
  color: #787979;
  letter-spacing: .2px;
  font-family: Roboto Medium, sans-serif;
  font-size: 14px;
}

.button--theme-google:hover {
  opacity: 1;
}

.button-accessibility-only {
  cursor: pointer;
}

.button-accessibility-only:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
}

.button-fixed-dropdown__button {
  width: 56px;
  height: 56px;
  position: fixed;
  bottom: 24px;
}

.button-fixed-dropdown__button .button, .button-fixed-dropdown__button .resources-demo-container__link, .button-fixed-dropdown__button .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button .resources-demo-container__link, .button-fixed-dropdown__button .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button .button, .button-fixed-dropdown__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-fixed-dropdown__button .mvl_card_button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-border, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-without-bg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-full-width {
  border-radius: 100%;
  width: 56px;
  height: 56px;
  padding: 0;
}

.button-fixed-dropdown__button .button svg, .button-fixed-dropdown__button .resources-demo-container__link svg, .button-fixed-dropdown__button .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link svg, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button .resources-demo-container__link svg, .button-fixed-dropdown__button .remote-view--mint .turn-to-speak-view__random .button svg, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button .button svg, .button-fixed-dropdown__button .projection-view__content-container--link .mvl_card_button svg, .projection-view__content-container--link .button-fixed-dropdown__button .mvl_card_button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-dropdown__button .vl-button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-dropdown__button .vl-button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-dropdown__button .vl-button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-dropdown__button .vl-button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-dropdown__button .vl-button svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-border svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-without-bg svg, .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button .vl-button--primary-full-width svg {
  transition: transform .4s;
}

.button-fixed-dropdown--size-s .button-fixed-dropdown__button {
  width: 40px;
  height: 40px;
}

.button-fixed-dropdown--size-s .button-fixed-dropdown__button .button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .resources-demo-container__link, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-fixed-dropdown--size-s .button-fixed-dropdown__button .mvl_card_button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button--primary-border, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button--primary-without-bg, .button-fixed-dropdown--size-s .button-fixed-dropdown__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown--size-s .button-fixed-dropdown__button .vl-button--primary-full-width {
  width: 40px;
  height: 40px;
  min-height: 40px;
}

.button-fixed-dropdown__button--open-rotate .button, .button-fixed-dropdown__button--open-rotate .resources-demo-container__link, .button-fixed-dropdown__button--open-rotate .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button--open-rotate .resources-demo-container__link, .button-fixed-dropdown__button--open-rotate .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-fixed-dropdown__button--open-rotate .button, .button-fixed-dropdown__button--open-rotate .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-fixed-dropdown__button--open-rotate .mvl_card_button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-dropdown__button--open-rotate .vl-button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-dropdown__button--open-rotate .vl-button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-dropdown__button--open-rotate .vl-button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-dropdown__button--open-rotate .vl-button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-dropdown__button--open-rotate .vl-button, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button--open-rotate .vl-button--primary-border, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button--open-rotate .vl-button--primary-without-bg, .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-fixed-dropdown__button--open-rotate .vl-button--primary-full-width {
  background-image: linear-gradient(111.12deg, #706b65 .31% 100%);
}

.button-fixed-dropdown__button--open-rotate svg {
  transform: rotate(45deg);
}

.button-fixed-dropdown--not-fixed .button-fixed-dropdown__button {
  display: inline;
  position: static;
}

.button-fixed-with-hover {
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.button-fixed-with-hover .button, .button-fixed-with-hover .resources-demo-container__link, .button-fixed-with-hover .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover .resources-demo-container__link, .button-fixed-with-hover .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover .button, .button-fixed-with-hover .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-fixed-with-hover .mvl_card_button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover .vl-button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover .vl-button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover .vl-button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover .vl-button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover .vl-button, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-border, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-without-bg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-full-width {
  border-radius: 36px;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 12px;
  display: inline-flex;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.button-fixed-with-hover .button svg, .button-fixed-with-hover .resources-demo-container__link svg, .button-fixed-with-hover .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link svg, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover .resources-demo-container__link svg, .button-fixed-with-hover .remote-view--mint .turn-to-speak-view__random .button svg, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover .button svg, .button-fixed-with-hover .projection-view__content-container--link .mvl_card_button svg, .projection-view__content-container--link .button-fixed-with-hover .mvl_card_button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover .vl-button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover .vl-button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover .vl-button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover .vl-button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover .vl-button svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-border svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-without-bg svg, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-full-width svg {
  margin-right: 0;
}

.button-fixed-with-hover .button .button__text, .button-fixed-with-hover .resources-demo-container__link .button__text, .button-fixed-with-hover .projection-view__content-container--link .mvl_card_button .button__text, .projection-view__content-container--link .button-fixed-with-hover .mvl_card_button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover .vl-button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover .vl-button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover .vl-button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover .vl-button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover .vl-button .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-border .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-without-bg .button__text, .button-fixed-with-hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover .vl-button--primary-full-width .button__text {
  display: none;
}

.button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .resources-demo-container__link:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .projection-view__content-container--link .mvl_card_button:hover, .projection-view__content-container--link .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .mvl_card_button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-border:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-without-bg:hover, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-full-width:hover {
  opacity: 1;
  width: auto;
  padding: 12px 16px;
}

.button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .resources-demo-container__link:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .projection-view__content-container--link .mvl_card_button:hover svg, .projection-view__content-container--link .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .mvl_card_button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover svg, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover svg, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-border:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-without-bg:hover svg, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover svg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-full-width:hover svg {
  margin-right: 8px;
}

.button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .resources-demo-container__link:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .projection-view__content-container--link .mvl_card_button:hover .button__text, .projection-view__content-container--link .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .mvl_card_button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-border:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-without-bg:hover .button__text, .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover .button__text, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover:not(.button-fixed-with-hover--hover-disabled) .vl-button--primary-full-width:hover .button__text {
  display: inline-block;
}

.button-fixed-with-hover--size-big .button, .button-fixed-with-hover--size-big .resources-demo-container__link, .button-fixed-with-hover--size-big .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover--size-big .resources-demo-container__link, .button-fixed-with-hover--size-big .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-fixed-with-hover--size-big .button, .button-fixed-with-hover--size-big .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-fixed-with-hover--size-big .mvl_card_button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-fixed-with-hover--size-big .vl-button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-fixed-with-hover--size-big .vl-button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-fixed-with-hover--size-big .vl-button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-fixed-with-hover--size-big .vl-button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-fixed-with-hover--size-big .vl-button, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover--size-big .vl-button--primary-border, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover--size-big .vl-button--primary-without-bg, .button-fixed-with-hover--size-big .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-fixed-with-hover--size-big .vl-button--primary-full-width {
  width: 56px;
  min-width: 56px;
  height: 56px;
}

.button-split .MuiMenuItem-root {
  height: 36px;
  padding: 8px 12px;
}

.button-split .MuiMenuItem-root:hover .button-split__option-text {
  color: #706b65;
}

.button-split .MuiList-padding {
  padding: 0;
}

.button-split .MuiPaper-root {
  border-radius: 0;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.MuiListItem-root.Mui-selected {
  background-color: #f7f4f2 !important;
}

.MuiListItem-root.Mui-selected .button-split__option-text {
  color: #706b65;
}

.button-split__container-buttons {
  display: inline-flex;
}

.button-split__button-main .button, .button-split__button-main .resources-demo-container__link, .button-split__button-main .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-split__button-main .resources-demo-container__link, .button-split__button-main .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-split__button-main .button, .button-split__button-main .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-split__button-main .mvl_card_button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-split__button-main .vl-button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-split__button-main .vl-button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-split__button-main .vl-button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-split__button-main .vl-button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-split__button-main .vl-button, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-split__button-main .vl-button--primary-border, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-split__button-main .vl-button--primary-without-bg, .button-split__button-main .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-split__button-main .vl-button--primary-full-width {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-split__button-menu {
  border-left: 1px solid #fff;
}

.button-split__button-menu .button, .button-split__button-menu .resources-demo-container__link, .button-split__button-menu .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .button-split__button-menu .resources-demo-container__link, .button-split__button-menu .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .button-split__button-menu .button, .button-split__button-menu .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .button-split__button-menu .mvl_card_button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .button-split__button-menu .vl-button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .button-split__button-menu .vl-button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .button-split__button-menu .vl-button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .button-split__button-menu .vl-button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .button-split__button-menu .vl-button, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .button-split__button-menu .vl-button--primary-border, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .button-split__button-menu .vl-button--primary-without-bg, .button-split__button-menu .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .button-split__button-menu .vl-button--primary-full-width {
  min-width: initial;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-split__popper {
  z-index: 8001;
}

.button-split__option-icon {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.button-split__option-text {
  color: #a39b93;
}

.button-split--disabled .icon--chevron-down.icon--color-default path {
  fill: #fff;
}

.classroom-code {
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.classroom-code .card-background__children, .classroom-code__wrapper {
  align-items: center;
  display: flex;
}

.classroom-code__icon {
  margin-right: 24px;
}

.close-mini-button {
  background: #c7bfb7;
  border-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.close-mini-button--m {
  width: 32px;
  height: 32px;
}

.count {
  text-align: right;
  flex-direction: column;
  display: flex;
}

.count--align-left {
  text-align: left;
}

.count__text {
  color: #a39b93;
  margin-top: 4px;
}

.error-text {
  color: #f66868;
}

.hr {
  background: #dbd5ce;
  height: 2px;
}

.hr--size-small {
  height: 1px;
}

.icon--size-auto {
  width: auto;
  height: auto;
}

.icon--size-xs {
  width: 12px;
  height: 12px;
}

.icon--size-s {
  width: 14px;
  height: 14px;
}

.icon--size-default {
  width: 19px;
  height: 19px;
}

.icon--size-big {
  width: 25px;
  height: 25px;
}

.icon--size-big-2 {
  width: 36px;
  height: 36px;
}

.icon--size-xl {
  width: 46px;
  height: 46px;
}

.icon--size-xxl {
  width: 58px;
  height: 58px;
}

.icon--color-default.icon--lib-skin path, .icon--color-default.icon--lib-core {
  fill: #c7bfb7;
}

.icon--color-primary.icon--lib-skin path, .icon--color-primary.icon--lib-core {
  fill: var(--color-first);
}

.icon--color-secondary.icon--lib-skin path, .icon--color-secondary.icon--lib-core {
  fill: #36393b;
}

.icon--color-gradient.icon--lib-skin path, .icon--color-gradient.icon--lib-core {
  fill: var(--color-first);
}

.icon--color-white.icon--lib-skin path, .icon--color-white.icon--lib-core {
  fill: #fff;
}

.icon--color-blue.icon--lib-skin path, .icon--color-blue.icon--lib-core {
  fill: #56ccf2;
}

.icon--color-brown.icon--lib-skin path, .icon--color-brown.icon--lib-core {
  fill: var(--color-bg-02);
}

.icon--color-blue2.icon--lib-skin path, .icon--color-blue2.icon--lib-core {
  fill: #4991e5;
}

.icon--color-customColor.icon--lib-skin path, .icon--color-customColor.icon--lib-core {
  fill: var(--color-first);
}

.icon--color-green.icon--lib-skin path, .icon--color-green.icon--lib-core {
  fill: #41d158;
}

.icon--color-label.icon--lib-skin path, .icon--color-label.icon--lib-core {
  fill: #a39b93;
}

.icon--color-black.icon--lib-skin path, .icon--color-black.icon--lib-core {
  fill: #706b65;
}

.icon--color-light.icon--lib-skin path, .icon--color-light.icon--lib-core {
  fill: #c7bfb7;
}

.icon--color-success.icon--lib-skin path, .icon--color-success.icon--lib-core {
  fill: #41d158;
}

.icon--color-red.icon--lib-skin path, .icon--color-red.icon--lib-core {
  fill: #f66868;
}

.icon--color-yellow.icon--lib-skin path, .icon--color-yellow.icon--lib-core {
  fill: #f2aa3f;
}

.icon--color-red-stroke.icon--lib-skin path {
  stroke: #f66868;
}

.icon--color-grey-01.icon--lib-skin path, .icon--color-grey-01.icon--lib-core {
  fill: #36393b;
}

.icon--color-grey-02.icon--lib-skin path, .icon--color-grey-02.icon--lib-core {
  fill: #706b65;
}

.icon--color-grey-03.icon--lib-skin path, .icon--color-grey-03.icon--lib-core {
  fill: #a39b93;
}

.icon--color-grey-04.icon--lib-skin path, .icon--color-grey-04.icon--lib-core {
  fill: #c7bfb7;
}

.icon__wrapper, .icon__wrapper > div {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.icon__wrapper svg {
  display: block;
}

.icon-background {
  align-items: center;
  display: flex;
}

.icon-background--color-first .icon-background__info-text, .icon-background--color-first .icon-background__info-description {
  color: var(--color-first);
}

.icon-background--color-red .icon-background__info-text, .icon-background--color-red .icon-background__info-description {
  color: #f66868;
}

.icon-background__icon {
  background: #f7f4f2;
  border-radius: 0;
  padding: 8px;
  display: inline-block;
}

.icon-background__info {
  flex-direction: column;
  margin-left: 8px;
  display: flex;
}

.icon-background__info-text {
  color: #a39b93;
}

.icon-background__info-description {
  color: #706b65;
}

.icon-bubble {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.icon-bubble--variant-inverse {
  background: #fff;
}

.icon-bubble--background-green {
  background: #70cf96;
}

.icon-bubble--background-orange {
  background: #ffb979;
}

.icon-bubble--background-white {
  background-color: #fff !important;
}

.icon-bubble--background-blue {
  background: rgba(73, 145, 229, .1) !important;
}

.icon-bubble--background-orange-primary {
  background: var(--color-first);
}

.icon-bubble--background-alpha {
  background: rgba(237, 112, 17, .1) !important;
}

.icon-bubble--background-gray {
  background: #dbd5ce !important;
}

.icon-bubble--background-dark {
  background: #706b65;
}

.icon-bubble--background-light {
  background-color: #f7f4f2 !important;
}

.icon-bubble--variant-square {
  background-image: var(--color-first);
  border-radius: 0;
}

.icon-bubble--size-medium {
  width: 44px;
  height: 44px;
}

.icon-bubble--size-big {
  width: 64px;
  height: 64px;
}

.icon-bubble--size-large {
  width: 80px;
  height: 80px;
}

.icon-bubble--size-l {
  width: 56px;
  height: 56px;
}

.icon-bubble--size-xl {
  width: 120px;
  height: 120px;
}

.icon-bubble--size-s {
  width: 36px;
  height: 36px;
}

.icon-bubble--size-xs {
  width: 27px;
  height: 27px;
}

.icon-bubble--size-small {
  width: 40px;
  height: 40px;
}

.icon-time-check {
  align-items: center;
  display: flex;
  position: relative;
}

.icon-time-check:before {
  content: "";
  z-index: 0;
  background: #c7bfb7;
  width: 2px;
  height: 100%;
  position: absolute;
  bottom: calc(100% + 4px);
  right: 11px;
}

.icon-time-check:after {
  content: "";
  z-index: 1;
  background: #c7bfb7;
  width: 2px;
  height: 100%;
  position: absolute;
  top: calc(100% + 4px);
  right: 11px;
}

.icon-time-check--done:after {
  background: var(--color-first);
}

.icon-time-check--first:before, .icon-time-check--last:after, .icon-time-check--unique:before, .icon-time-check--unique:after {
  display: none;
}

.icon-time-check__text {
  color: #c7bfb7;
  white-space: nowrap;
  margin-right: 12px;
}

.icon-time-check__icon {
  flex: none;
  position: relative;
}

.icon-time-check__icon-background-active {
  background: var(--color-first);
  opacity: .2;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image {
  max-width: 100%;
  max-height: 100%;
}

.image-gradient {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-gradient__gradient {
  background-image: var(--color-first);
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
}

.input-checkbox {
  align-items: center;
  width: 100%;
  display: flex;
}

.input-checkbox__input {
  opacity: 0;
  z-index: 9999;
  width: 0;
  height: 0;
  position: absolute;
}

.input-checkbox__icon-container {
  height: 22px;
}

.input-checkbox__icon-container .icon {
  width: 22px;
  height: 22px;
}

.input-checkbox__label {
  margin-left: 4px;
}

.input-checkbox__icon-container--checked + .input-checkbox__label {
  color: #222;
}

.input-date {
  z-index: 10;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.input-date input {
  cursor: default;
  padding-left: 36px !important;
}

.input-date .DayPicker-Day {
  word-break: normal;
  padding: 10px 9px;
}

.input-date .DayPickerInput {
  width: 100%;
}

.input-date .DayPicker-Day--selected {
  background-color: var(--color-first) !important;
}

.input-date__input {
  position: relative;
}

.input-date__icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 24px;
  left: 4px;
  transform: translateY(-50%);
}

.input-date__clear-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 24px;
  right: 4px;
  transform: translateY(-50%);
}

.input-date__clear-icon .MuiIconButton-root {
  padding: 8px;
}

.input-date__clear-icon .MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0);
}

.input-date__hour-container {
  margin: 0 12px 12px;
}

.input-date__custom {
  padding: 12px;
}

.input-date--fixed .DayPickerInput-OverlayWrapper {
  position: fixed;
}

.input-date-v2 {
  flex-direction: column;
  width: 100%;
  min-height: 40px;
  display: flex;
  position: relative;
}

.input-date-v2 .MuiFormControl-root {
  background: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Titilium Regular;
  display: flex;
}

.input-date-v2 .MuiFormControl-root .MuiInputBase-root {
  color: #706b65;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.input-date-v2 .MuiFormControl-root .MuiInputBase-root .MuiInputAdornment-root {
  width: 36px;
  position: absolute;
  right: 12px;
}

.input-date-v2 .MuiFormControl-root .MuiInputBase-root .MuiInputAdornment-root svg {
  fill: #c7bfb7;
}

.input-date-v2 .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
  display: none;
}

.input-date-v2 .input-date-v2__starticon {
  position: absolute;
  left: 8px;
}

.input-date-v2 .input-date-v2__starticon svg {
  background-color: #f7f4f3;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 5px;
}

.input-date-v2 .input-date-v2__label {
  margin-bottom: 4px;
}

.input-date-v2 input {
  padding-left: 20px !important;
}

.input-date-v2--disabled .MuiFormControl-root {
  background-color: #faf8f7;
}

.MuiPickersDay-root.Mui-selected, .css-1aquho2-MuiTabs-indicator, .css-12ha4i7, .css-7lip4c, .css-a1rc6s, .css-118whkv, .css-a1rc6s {
  background-color: var(--color-first) !important;
}

.MuiSvgIcon-root, .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
  color: var(--color-first) !important;
}

.css-118whkv, .css-2ujp1m {
  border-color: var(--color-first) !important;
}

.css-3dah0e-MuiModal-root-MuiDialog-root, .css-1anqmj6-MuiPopper-root-MuiPickersPopper-root, .css-j5h6pi-MuiPopper-root, .MuiPickersPopper-root, .css-1mtsuo7 {
  z-index: 8001 !important;
}

.MuiInputAdornment-positionStart {
  cursor: pointer;
  position: absolute;
  left: 2px;
}

.input-password {
  position: relative;
}

.input-password__icon {
  position: absolute;
  top: 52px;
  right: -30px;
  transform: translateY(-50%);
}

.input-points--status-needs-reinforcement .input-points__input, .input-points--status-needs-reinforcement .select-customizable__single-value {
  color: #f66868;
}

.input-points--status-good-progress .input-points__input, .input-points--status-good-progress .select-customizable__single-value {
  color: #41d158;
}

.input-points--status-needs-ampliacion .input-points__input, .input-points--status-needs-ampliacion .select-customizable__single-value {
  color: #f2aa3f;
}

.input-points__error-message {
  color: #f66868;
  text-align: right;
}

.input-points-qualitative__input {
  border: 0;
  width: 70px;
  min-width: 70px;
}

.input-points-qualitative__input .select-customizable__control {
  border: 0;
}

.input-points-qualitative__input .select-customizable__value-container {
  padding: 0 2px;
  font-size: 12px !important;
}

.input-points-qualitative__input .select-customizable__placeholder {
  font-size: 10px !important;
}

.input-points-qualitative__input {
  width: 100%;
}

.input-print-options .input-points__input-container {
  justify-content: flex-end;
}

.input-points__empty-space {
  width: 50px;
}

.input-radio {
  align-items: center;
  width: 100%;
  display: flex;
}

.input-radio[animation="1"] .input-radio__icon-container {
  animation: .4s wobble;
}

.input-radio__input {
  opacity: 0;
  z-index: 9999;
  width: 0;
  height: 0;
  position: absolute;
}

.input-radio__label, .input-radio__description {
  margin-left: 8px;
}

.input-radio__description {
  margin-top: 4px;
}

.input-radio--checked .input-radio__label {
  color: var(--color-first);
}

.input-radio__texts, .input-text {
  flex-direction: column;
  display: flex;
}

.input-text--icon .input-text__input-container input {
  padding-right: 37px;
}

.input-text--focus input {
  border: 1px solid #ed7011;
  box-shadow: inset 0 3px 2px rgba(163, 155, 147, .2);
}

.input-text__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .textarea__label {
  margin-bottom: 4px;
}

.input-text__label sup, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title sup, .textarea__label sup {
  color: #f66868;
}

.input-text--background-grey .input-text__input, .input-text--background-grey .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .input-text--background-grey input, .input-text--background-grey .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .input-text--background-grey input, .input-text--background-grey .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .input-text--background-grey input, .input-text--background-grey .input-time-range__input, .input-text--background-grey .input-date input, .input-date .input-text--background-grey input {
  background: #f7f4f2;
}

.input-text__input-container {
  width: 100%;
  position: relative;
}

.input-text__input, .video-lesson .video-lesson-content .vl-input-generic-title input, .dropdown-schedule__wrapper .dropdown-schedule__hour input, .select-checkboxs .picky__filter input, .input-time-range__input, .input-date input {
  background: #fff;
  border-radius: 40px;
  width: 100%;
  height: 40px;
  padding: 16px;
}

.input-text__input::placeholder {
  color: #c7bfb7;
}

.video-lesson .video-lesson-content .vl-input-generic-title input::placeholder {
  color: #c7bfb7;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour input::placeholder {
  color: #c7bfb7;
}

.select-checkboxs .picky__filter input::placeholder {
  color: #c7bfb7;
}

.input-time-range__input::placeholder {
  color: #c7bfb7;
}

.input-date input::placeholder {
  color: #c7bfb7;
}

.input-text__input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.video-lesson .video-lesson-content .vl-input-generic-title input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.select-checkboxs .picky__filter input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.input-time-range__input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.input-date input:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
  transition: none;
}

.input-text__icon {
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.input-text__icon:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
}

.input-text--icon-left .input-text__input, .input-text--icon-left .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .input-text--icon-left input, .input-text--icon-left .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .input-text--icon-left input, .input-text--icon-left .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .input-text--icon-left input, .input-text--icon-left .input-time-range__input, .input-text--icon-left .input-date input, .input-date .input-text--icon-left input {
  padding-left: 41px;
  padding-right: 16px !important;
}

.input-text--icon-left .input-text__icon {
  left: 16px;
  right: initial;
}

.input-text--icon-click:focus-visible {
  outline-offset: 2px;
  z-index: 1;
  border-radius: 4px;
  outline: 2px solid #333;
}

.input-text__error {
  color: #f66868;
  margin-top: 8px;
}

.input-time-range {
  color: #a39b93;
  flex-direction: row;
  flex: auto;
  align-items: center;
  min-width: 70px;
  display: flex;
}

.input-time-range__input {
  min-width: 70px;
  display: flex;
}

.input-time-range__separator {
  background: #f0edea;
  width: 12px;
  height: 1px;
  margin: 0 8px;
}

.line-with-text__line {
  background: #c7bfb7;
  width: 100%;
  height: 1px;
  position: relative;
}

.line-with-text__text {
  color: #c7bfb7;
  text-align: center;
  background: #fff;
  margin: auto;
  padding: 1px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading {
  z-index: 2147483647;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loading .loading__backdrop {
  opacity: .2;
  background: #a39b93;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.loading .loading__wrapper {
  z-index: 2147483647;
  background-color: #fff;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  padding: 15px;
  display: flex;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.loading .loading__text {
  text-align: center;
  margin-top: 20px;
}

.loading--custom .loading__wrapper {
  width: auto;
  max-width: 600px;
  height: auto;
}

.loading--custom .loading__backdrop {
  opacity: .7;
  background: var(--color-bg-04);
}

.loading--custom .loading__custom-image {
  border-radius: 70px;
  width: 100%;
}

.loading--embed, .loading--embed .loading__backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
}

.loading--embed .loading__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading--embed .loading__text {
  position: absolute;
  top: calc(50% + 40px);
  left: 50%;
  transform: translateX(-50%);
}

#loading__svg {
  animation: 2s linear infinite rotation;
}

@keyframes rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.loading--skeleton {
  z-index: 1;
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.loading--skeleton .loading__skeleton {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
}

.loading--skeleton .loading__skeleton-header {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.loading--skeleton .loading__skeleton-header .loading__skeleton-title {
  background-color: #f0edea;
  border-radius: 0;
  width: 60%;
  height: 32px;
  position: relative;
  overflow: hidden;
}

.loading--skeleton .loading__skeleton-header .loading__skeleton-title:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .4), rgba(0, 0, 0, 0));
  width: 50%;
  height: 100%;
  animation: 2s ease-in-out infinite shimmer;
  position: absolute;
  top: 0;
  left: 0;
}

.loading--skeleton .loading__skeleton-header .loading__skeleton-metadata {
  gap: 12px;
  display: flex;
}

.loading--skeleton .loading__skeleton-header .loading__skeleton-metadata-item {
  background-color: #f0edea;
  border-radius: 0;
  width: 120px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.loading--skeleton .loading__skeleton-header .loading__skeleton-metadata-item:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .4), rgba(0, 0, 0, 0));
  width: 50%;
  height: 100%;
  animation: 2s ease-in-out .3s infinite shimmer;
  position: absolute;
  top: 0;
  left: 0;
}

.loading--skeleton .loading__skeleton-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.loading--skeleton .loading__skeleton-card {
  flex-direction: column;
  gap: 16px;
  width: 90%;
  max-width: 664px;
  display: flex;
}

.loading--skeleton .loading__skeleton-card-block {
  background-color: #f0edea;
  border-radius: 0;
  width: 100%;
  height: 80px;
  position: relative;
  overflow: hidden;
}

.loading--skeleton .loading__skeleton-card-block:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .4), rgba(0, 0, 0, 0));
  width: 50%;
  height: 100%;
  animation: 2s ease-in-out infinite shimmer;
  position: absolute;
  top: 0;
  left: 0;
}

.loading--skeleton .loading__skeleton-card-block--large {
  height: 240px;
}

.loading--skeleton .loading__skeleton-card-block--large:after {
  animation-delay: .3s;
}

.loading--skeleton .loading__skeleton-card-block--medium {
  align-self: center;
  width: 90%;
  height: 40px;
}

.loading--skeleton .loading__skeleton-card-block--medium:after {
  animation-delay: .6s;
}

.loading--skeleton .loading__skeleton-card-block--small {
  align-self: center;
  width: 90%;
  height: 48px;
}

.loading--skeleton .loading__skeleton-card-block--small:after {
  animation-delay: .9s;
}

.more-icon-menu {
  margin-left: auto;
}

.more-icon-menu__shadow--vertical .icon {
  transform: rotate(90deg);
}

.more-icon-menu__shadow {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.more-icon-menu__shadow :hover, .more-icon-menu__shadow.more-icon-menu__shadow--open {
  background-color: #f7f4f2;
  border-radius: 100%;
  visibility: visible !important;
}

@media only screen and (min-width: 640px) {
  .more-icon-menu {
    margin-left: 16px;
  }
}

.numeration {
  background: #f7f4f2;
  border-radius: 0;
  padding: 8px;
}

.progress-bar {
  flex-direction: column;
  display: flex;
}

.progress-bar--reverse {
  flex-direction: column-reverse;
}

.progress-bar--reverse .progress-bar__label {
  color: #706b65;
  justify-content: flex-end;
  display: flex;
}

.progress-bar__bar {
  background: #dbd5ce;
  border-radius: 8px;
  height: 4px;
  position: relative;
}

.progress-bar--size-medium {
  height: 7px;
}

.progress-bar--size-medium .progress-bar__bar {
  height: 100%;
}

.progress-bar--background-white .progress-bar__bar {
  background: #fff;
}

.progress-bar--background-grey .progress-bar__bar {
  background: #a39b93;
}

.progress-bar--background-gray .progress-bar__bar {
  background: var(--color-first);
}

.progress-bar__progress {
  background: var(--color-first);
  border-radius: 8px;
  height: 100%;
  position: absolute;
  top: 0;
}

.progress-bar__label {
  color: #a39b93;
}

.progress-bar__text {
  color: #a39b93;
  text-align: right;
  font-size: 10px;
}

.progress-donut {
  border-radius: 100%;
  width: 36px;
  height: 36px;
  position: relative;
}

.progress-donut .CircularProgressbar {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-donut .CircularProgressbar .CircularProgressbar-trail {
  stroke: #fff;
}

.progress-moon {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.progress-moon__svg {
  overflow: visible;
}

.progress-moon__background {
  fill: none;
}

.progress-moon__progress {
  fill: none;
  stroke: var(--color-first);
}

.progress-moon__feedback {
  color: #a39b93;
  margin-top: 10px;
}

.result-tag__wrapper {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.result-tag__text {
  margin-left: 8px;
}

.result-tag--green .result-tag__wrapper {
  background: #ecfaee;
}

.result-tag--green .result-tag__text {
  color: #41d158;
}

.result-tag--red .result-tag__wrapper {
  background: rgba(237, 112, 17, .1);
}

.result-tag--red .result-tag__text {
  color: #f66868;
}

.result-tag--blue .result-tag__wrapper {
  background: #dbe9f0;
}

.result-tag--blue .result-tag__text {
  color: #4991e5;
}

.result-tag--blue svg circle {
  fill: #4991e5 !important;
}

.score {
  min-width: 30px;
}

.score--needs-reinforcement {
  color: #f66868;
}

.score--needs-ampliacion {
  color: #f2aa3f;
}

.score--good-progress {
  color: #41d158;
}

.select-bubble__label {
  margin-bottom: 4px;
}

.select-bubble__list {
  justify-content: space-between;
  display: flex;
}

.select-bubble__item {
  opacity: .4;
  position: relative;
}

.select-bubble__item--selected {
  opacity: 1;
}

.select-bubble__item--selected:after {
  background: var(--color-first);
  content: "";
  border-radius: 12px;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: -12px;
}

.select-customizable {
  min-width: 100px;
}

.select-customizable:focus .select-customizable__control, .select-customizable:active .select-customizable__control {
  box-shadow: none;
}

.select-customizable:focus-within .select-customizable__control {
  box-shadow: none;
}

.select-customizable .select-customizable__control {
  cursor: pointer;
  border-radius: 40px;
  height: 40px;
}

.select-customizable .select-customizable__control:hover {
  border-color: var(--color-first);
}

.select-customizable [class*="indicatorSeparator"] {
  display: none;
}

.select-customizable .select-customizable__option {
  color: inherit;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  width: 100%;
  display: flex;
}

.select-customizable .select-customizable__option:hover {
  cursor: pointer;
  background-color: var(--color-first);
  color: #fff;
}

.select-customizable .select-customizable__value-container {
  cursor: pointer;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.select-customizable .select-customizable__value-container > :last-child {
  margin: 0;
}

.select-customizable .select-customizable__single-value {
  color: #706b65;
  position: relative;
  top: 0;
  transform: none;
}

.select-customizable .select-customizable__group-label {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.select-customizable .select-customizable__group-badge {
  color: #172b4d;
  text-align: center;
  background-color: #ebecf0;
  border-radius: 2em;
  min-width: 1px;
  padding: .166667em .5em;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

.select-customizable:focus {
  outline: none;
}

.select-customizable--size-small .select-customizable__control {
  min-height: 40px;
}

.select-customizable__indicator {
  cursor: pointer;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.select-customizable__dropdown-chevron {
  width: 20px;
  height: 20px;
  position: relative;
}

.select-customizable__dropdown-chevron:after {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z\" fill=\"%23333333\"/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.select-customizable__label sup {
  color: #f66868;
}

.select-customizable__error {
  margin-top: 8px;
  display: block;
}

.select-customizable--show-values-as-list__option--is-selected {
  background-color: var(--color-bg-04) !important;
  color: #36393b !important;
}

.select-customizable--show-values-as-list__option--is-selected:after {
  content: "✓";
  margin-left: 8px;
}

.select-customizable--show-values-as-list__menu {
  width: 200px !important;
}

.select-customizable--show-values-as-list__option {
  cursor: pointer !important;
}

.select-customizable--show-values-as-list__control {
  padding-left: 4px;
  box-shadow: none !important;
  border-color: #dbd5ce !important;
}

.select-checkboxs {
  min-height: 40px;
}

.select-checkboxs .picky__input {
  color: #c7bfb7;
  border-radius: 8px;
  min-height: 40px;
  padding: 16px;
}

.select-checkboxs .picky__dropdown {
  top: 56px;
}

.select-checkboxs .item-complex-list {
  width: 100%;
}

.select-checkboxs .picky__dropdown {
  border-radius: 8px;
  overflow: auto !important;
}

.select-checkboxs .select-checkboxs__all-container {
  text-align: center !important;
  border-bottom: 0 !important;
}

.select-checkboxs .select-checkboxs__all-container:focus {
  outline: 0 !important;
}

.select-checkboxs .select-checkboxs__all {
  color: #c7bfb7;
}

.select-checkboxs .select-checkboxs__all--active {
  color: var(--color-first);
}

.select-checkboxs .select-checkboxs__placeholder-all {
  align-items: center;
  display: flex;
}

.select-checkboxs .select-checkboxs__placeholder-all-text {
  margin-left: 8px;
}

.select-checkboxs .select-autocomplete-option {
  color: #c7bfb7;
}

.select-checkboxs .item-complex-list__left-children {
  width: 46px;
}

.select-checkboxs .select-checkboxs__all-container, .select-checkboxs .select-checkboxs__option-container {
  background-color: rgba(0, 0, 0, 0) !important;
}

.select-checkboxs .select-checkboxs__all-container:hover, .select-checkboxs .select-checkboxs__option-container:hover {
  cursor: pointer;
}

.select-checkboxs .picky__input:after {
  background-image: url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z\" fill=\"%23333333\"/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: none;
  width: 20px;
  height: 20px;
}

.select-checkboxs .picky__placeholder {
  color: #c7bfb7;
}

.select-checkboxs__placeholder-all {
  color: #706b65;
}

.select-checkboxs__option input {
  display: none;
}

.select-checkboxs__option {
  height: 40px;
  margin-top: 8px;
  display: flex;
}

.select-checkboxs__option-text {
  color: #706b65;
  margin-right: 8px;
}

.switch {
  align-items: center;
  padding: 12px;
  display: flex;
}

.switch[animation="1"] .switch__icon {
  animation: .4s wobble;
}

.switch__icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.switch__icon .icon {
  margin-top: 3px;
}

.switch__texts {
  margin-left: 8px;
  margin-right: 8px;
}

.switch__label {
  flex: none;
}

.switch--color-light {
  color: #a39b93;
}

.switch__description {
  color: #c7bfb7;
}

.tag {
  background: #f0edea;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  display: inline-flex;
}

.tag__text {
  color: #706b65;
  margin-left: 8px;
  margin-right: 8px;
  font-family: Titilium Regular;
  font-size: 14px;
  font-weight: 700;
}

.tag--color-primary {
  background: rgba(255, 83, 34, .1);
  border: 0;
}

.tag--color-primary .tag__text {
  color: var(--color-first) !important;
}

.tag--color-success {
  background: #e6f9e9;
}

.tag--color-success .tag__text {
  color: #41d158 !important;
}

.tag--color-blue {
  background: #4991e5;
}

.tag--color-blue .tag__text {
  color: #fff !important;
}

.tag--size-big {
  border: 0;
  border-radius: 24px;
  padding: 8px 16px;
}

.tag--size-medium {
  border: 0;
  border-radius: 24px;
  padding: 4px 8px;
}

.tag-tooltip {
  border: 1px solid #ebdfb6;
  border-radius: 4px;
  width: 394px;
  background-color: #fff3c9 !important;
}

.tag--clickable {
  cursor: pointer;
}

.text-link-component, .demo-landing-page__footer-links a {
  align-items: center;
  display: flex;
}

.text-link-component .icon, .demo-landing-page__footer-links a .icon {
  margin-right: 8px;
}

.text-link-component--disabled {
  cursor: not-allowed;
  color: #c7bfb7 !important;
  opacity: 1 !important;
}

.textarea {
  width: 100%;
}

.textarea--background-grey .textarea__input {
  background: #f7f4f2;
}

.textarea__input {
  resize: none;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0;
  width: 100%;
  min-height: 38px;
  padding: 8px;
  overflow-y: hidden;
}

.textarea__input::placeholder {
  color: #c7bfb7;
}

.thumbnail-or-bubble-icon__controls-player-icon .icon-bubble {
  background: #706b65;
  margin: 0 auto 24px;
}

.title-generic {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-bottom: 4px;
}

.title-generic__text {
  color: #706b65;
}

.react-toast-notifications__container {
  z-index: 9500 !important;
}

.react-toast-notifications__toast {
  width: auto !important;
}

.react-toast-notifications__toast__icon-wrapper {
  display: none;
}

.toast {
  color: #fff;
  border-radius: 0;
  align-items: center;
  min-width: 230px;
  padding: 8px;
  display: flex;
}

.toast svg {
  margin-right: 8px;
}

.toast--success {
  color: #41d158;
}

.toast--error {
  color: #f66868;
}

.react-toast-notifications__toast--error {
  border: 1px solid #f66868;
  background-color: #fff !important;
}

.react-toast-notifications__toast--info {
  border: 1px solid #78604d;
  background-color: #78604d !important;
}

.react-toast-notifications__toast--success {
  border: 1px solid #41d158;
  background-color: #fff !important;
}

.react-toast-notifications__toast__dismiss-button {
  display: none;
}

.MuiTooltip-popper {
  z-index: 9500 !important;
}

.logo {
  background-image: var(--logo);
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: 40px;
}

.logo--big {
  height: 80px;
}

.activity-state-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.activity-state-icon .icon--done circle {
  fill: #16da1e;
}

.activity-state-icon .icon--done path {
  fill: #fff;
}

.activity-state-icon .icon--incorrect-circle circle {
  fill: #f66868;
}

.activity-state-icon .icon--incorrect-circle path {
  fill: #fff;
}

.stars-treasure-hunt {
  align-items: center;
  display: flex;
}

.stars-treasure-hunt .stars-treasure-hunt__star-activity {
  align-items: center;
  margin-left: 24px;
  display: flex;
}

.stars-treasure-hunt .stars-treasure-hunt__star-activity .icon {
  margin-left: 8px;
}

.stars-treasure-hunt .stars-treasure-hunt__star-length {
  color: #706b65 !important;
}

.stars-treasure-hunt__star-activity--middle .icon {
  width: 30px;
  height: 30px;
  margin-right: -5px;
  position: relative;
  right: 3px;
}

@keyframes loading-dots {
  to {
    opacity: .1;
    transform: scale(.1);
  }
}

.loading-dots {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.loading-dots .loading-dots__img {
  width: 170px;
  margin: 30px auto;
}

.loading-dots .loading-dots__text {
  color: #706b65;
  margin: 16px auto;
  font-size: 32px;
}

.loading-dots .loading-dots__loader {
  margin: 12px auto;
  display: flex;
}

.loading-dots .loading-dots__loader .loading-dots__dot-one, .loading-dots .loading-dots__loader .loading-dots__dot-two, .loading-dots .loading-dots__loader .loading-dots__dot-three {
  opacity: 1;
  background-color: #444;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 3px 6px;
  animation: 1s infinite alternate loading-dots;
}

.loading-dots .loading-dots__loader .loading-dots__dot-one {
  animation-delay: .1s;
}

.loading-dots .loading-dots__loader .loading-dots__dot-two {
  animation-delay: .2s;
}

.loading-dots .loading-dots__loader .loading-dots__dot-three {
  animation-delay: .5s;
}

.input-points {
  flex-direction: column;
  display: flex;
  position: relative;
}

.input-points .has-error {
  border-color: #f04d29 !important;
}

.input-points--read-only .input-points__input-container {
  border: 0;
}

.input-points--read-only .input-points__input {
  background: none;
}

.input-points--size-big .input-points__input {
  height: 50px;
}

.input-points--size-big .input-points__points-total {
  bottom: 8px;
}

.input-points--size-medium .input-points__input-container {
  border-radius: 40px;
  height: 48px;
}

.input-points--size-medium .input-points__points-total {
  bottom: 2px;
}

.input-points__input-container {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.input-points__input {
  text-align: right;
  background: #fff;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  padding: 16px;
}

.input-points__input::placeholder {
  color: #c7bfb7;
}

.input-points__points-total {
  color: #c7bfb7;
  white-space: nowrap;
  margin-right: 4px;
}

.input-points__late {
  z-index: 5010;
  position: absolute;
  top: -10px;
  right: -10px;
}

.input-points__input-container--dotted {
  border: 2px dashed #f2aa3f !important;
}

.image-bubble {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-bubble__picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 80%;
}

.image-bubble--variant-default, .image-bubble--variant-default .image-bubble__picture {
  border-radius: 100%;
}

.image-bubble--variant-square, .image-bubble--variant-square .image-bubble__picture {
  border-radius: 0;
}

.image-bubble--size-medium {
  width: 44px;
  height: 44px;
}

.image-bubble--size-big {
  width: 64px;
  height: 64px;
}

.image-bubble--size-l {
  width: 56px;
  height: 56px;
}

.image-bubble--size-xl {
  width: 120px;
  height: 120px;
}

.image-bubble--size-s {
  width: 36px;
  height: 36px;
}

.image-bubble--size-xs {
  width: 27px;
  height: 27px;
}

.image-bubble--size-small {
  width: 40px;
  height: 40px;
}

.score-points-label {
  border: 1px solid #dbd5ce;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 119px;
  height: 80px;
  display: flex;
}

.score-points-label__score {
  margin-bottom: 8px;
}

.score-points-label__score-student {
  color: #41d158;
  font-family: Titilium Bold;
  font-size: 26px;
}

.score-points-label__score-total {
  color: #c7bfb7;
  font-size: 16px;
}

.score-points-label__text {
  color: #a39b93;
  font-size: 14px;
  font-weight: 700;
}

@keyframes slide-in-blurred-top {
  0% {
    transform-origin: 50% 0;
    filter: blur(40px);
    opacity: 0;
    transform: translateY(-1000px)scaleY(2.5)scaleX(.2);
  }

  100% {
    transform-origin: 50%;
    filter: blur();
    opacity: 1;
    transform: translateY(0)scaleY(1)scaleX(1);
  }
}

.slide-in-blurred-top {
  animation: 1.5s cubic-bezier(.23, 1, .32, 1) both slide-in-blurred-top;
}

.loading-robot {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loading-robot svg {
  width: 15rem;
  height: auto;
}

@keyframes floatingShadow {
  0% {
    transform: scale(1);
  }

  45% {
    transform: scale(.7);
  }

  55% {
    transform: scale(.7);
  }

  100% {
    transform: scale(1);
  }
}

.loading-robot .robot {
  animation: 3s ease-in-out infinite floating;
}

.loading-robot .shadow {
  transform-origin: bottom;
  animation: 3s ease-in-out infinite floatingShadow;
}

.loading-robot .color {
  animation: 2s ease-in-out infinite color;
}

.loading-robot .color2 {
  animation: 1s ease-in-out infinite reverse color;
}

.loading-robot .eyes {
  transform-origin: bottom;
  animation: 3s ease-in-out infinite alternate eye;
}

@keyframes floating {
  0% {
    transform: translate3d(0, 0, 0);
  }

  45% {
    transform: translate3d(0, -10%, 0);
  }

  55% {
    transform: translate3d(0, -10%, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes eye {
  0% {
    transform: translate3d(0, 0, 0);
  }

  5% {
    transform: translate3d(-70%, 90%, 0);
  }

  40% {
    transform: translate3d(-70%, 90%, 0);
  }

  50% {
    transform: translate3d(-50%, -40%, 0);
  }

  93% {
    transform: translate3d(-50%, -40%, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes color {
  0% {
    fill: #ff5322;
  }

  55% {
    fill: #f91b6b;
  }

  100% {
    fill: #ffad31;
  }
}

.loading-robot .loading__text {
  margin-top: 12px;
}

.immersive-reader {
  z-index: 1000;
  margin-top: 16px;
  position: fixed;
  right: 16px;
}

@media only screen and (min-width: 768px) {
  .immersive-reader {
    margin-top: 16px;
    margin-left: -40px;
    left: auto;
    right: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .immersive-reader {
    margin-top: 16px;
    margin-left: 8%;
  }
}

.tooltip-content__header {
  margin-bottom: 12px;
  display: flex;
}

.tooltip-content__header-icon {
  margin-right: 12px;
}

.tooltip-content__header-text {
  color: #36393b;
  margin-left: 8px;
}

.tooltip-content__text {
  color: #36393b;
  line-height: 20px;
}

.tooltip-content__text b {
  font-weight: bold;
}

.input-search {
  position: relative;
}

.input-search__filters {
  background-color: var(--color-bg-03);
  z-index: 10;
  cursor: pointer;
  color: #a39b93;
  border: 1px solid #ebe0d7;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  gap: 12px;
  min-width: 105px;
  height: 100%;
  padding: 6px 12px;
  font-family: Titilium Regular;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.input-search__recent-container {
  background: #fff;
  border: 1px solid #ebe0d7;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 8px 12px 12px;
  display: flex;
  position: absolute;
  box-shadow: 0 6px 8px rgba(44, 44, 44, .1);
}

.input-search__recent-title {
  color: #a39b93;
  text-transform: uppercase;
  font-family: Titilium Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.input-search__recent-item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px 4px;
  font-family: Titilium Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.input-search__recent-item:hover {
  background-color: #f0edea;
  border-radius: 6px;
}

.input-search__recent-item-text {
  color: #706b65;
  margin-left: 4px;
}

.input-search__recent--no-items {
  color: #a39b93;
  padding: 6px 4px;
  font-size: 14px;
}

.input-search__recent-item-left {
  width: 95%;
  display: flex;
}

.input-search__recent-item-right {
  width: 5%;
}

.input-date-picker__wrapper {
  flex-direction: column;
  width: 100%;
  min-width: 200px;
  min-height: 40px;
  display: flex;
}

.input-date-picker__wrapper .input-date-picker__label {
  margin-bottom: 4px;
}

.input-date-picker__wrapper .react-datepicker__year-dropdown-container {
  color: #706b65;
  margin-top: 4px;
  font-family: Titilium Regular;
  font-size: 14px;
}

.input-date-picker__wrapper .react-datepicker__year-read-view--down-arrow {
  border-top-color: var(--color-first);
  margin-left: 25px;
  top: 5px;
}

.input-date-picker {
  align-items: center;
  width: 100%;
  min-height: 40px;
  display: flex;
  position: relative;
}

.input-date-picker .react-datepicker-wrapper {
  z-index: 99;
  background: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Titilium Regular;
  display: flex;
  position: absolute;
}

.input-date-picker .react-datepicker-wrapper .react-datepicker__input-container {
  color: #706b65;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 30px;
  display: flex;
}

.input-date-picker .react-datepicker-popper {
  z-index: 2000;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.input-date-picker .react-datepicker {
  border: none;
  border-radius: 8px;
  font-family: Titilium Regular;
}

.input-date-picker .react-datepicker__header {
  background-color: #fff;
  border-bottom: 1px solid #dbd5ce;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 8px;
  display: flex;
}

.input-date-picker .react-datepicker__current-month {
  color: #706b65;
  text-transform: capitalize;
  margin: 4px auto;
  font-size: 16px !important;
}

.input-date-picker .react-datepicker__day-name {
  color: #a39b93;
  text-transform: uppercase;
  font-family: Titilium Bold;
  margin: 0 8px !important;
  font-size: 14px !important;
}

.input-date-picker .react-datepicker__day {
  font-family: Titilium Regular;
  margin: 8px !important;
  font-size: 14px !important;
}

.input-date-picker .react-datepicker__navigation--next {
  border-left-color: var(--color-first);
}

.input-date-picker .react-datepicker__navigation--previous {
  border-right-color: var(--color-first);
}

.input-date-picker .react-datepicker__day--keyboard-selected, .input-date-picker .react-datepicker__day--selected {
  background-color: var(--color-first);
  border-radius: 100%;
}

.input-date-picker .react-datepicker__day:hover {
  border-radius: 100%;
}

.input-date-picker .react-datepicker__day--selected:hover {
  background-color: var(--color-first);
}

.input-date-picker .react-datepicker__close-icon:after {
  background-color: var(--color-background);
  color: #c7bfb7;
}

.input-date-picker .react-datepicker-time__caption {
  font-family: Titilium Bold;
  font-size: 15px;
  line-height: 24px;
}

.input-date-picker .react-datepicker__input-time-container {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.input-date-picker .react-datepicker-time__input {
  color: #36393b;
  font-family: Titilium Regular;
  font-size: 15px;
}

.input-date-picker input[type="time"] {
  color: #36393b;
  border: none;
  font-size: 15px;
}

.input-date-picker input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  align-items: center;
  display: flex;
}

.input-date-picker input[type="time"]::-webkit-datetime-edit-hour-field {
  border-radius: 2px;
  padding: 4px;
}

.input-date-picker input[type="time"]::-webkit-datetime-edit-minute-field {
  border-radius: 2px;
  padding: 4px;
}

.input-date-picker input[type="time"]::-webkit-datetime-edit-hour-field:focus {
  background-color: var(--color-first);
}

.input-date-picker input[type="time"]::-webkit-datetime-edit-minute-field:focus {
  background-color: var(--color-first);
}

.input-date-picker .input-date-picker__icon {
  z-index: 1000;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  left: 4px;
}

.input-date-picker .input-date-picker__icon-clear {
  z-index: 1000;
  cursor: pointer;
  background-color: var(--color-background);
  color: #c7bfb7;
  border-radius: 100%;
  justify-content: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  right: 8px;
}

.input-date-picker .input-date-picker__actions {
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 12px;
}

.input-date-picker .input-date-picker__buttons {
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
  display: flex;
}

.input-date-picker .input-date-picker__button-save {
  background-color: var(--color-first);
}

.input-date-picker .input-date-picker__button-save:hover {
  background-color: var(--color-first) !important;
  color: #fff !important;
}

.input-date-picker #date-popup > div {
  position: relative !important;
}

.input-date-picker--portal {
  background: #fff;
  border-radius: 40px;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Titilium Regular;
  display: flex;
}

.input-date-picker--portal .input-date-picker__icon {
  z-index: 1000;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  left: 8px;
}

.input-date-picker--portal .react-datepicker__input-container {
  color: #706b65;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 30px;
  display: flex;
}

.input-date-picker--inline .input-date-picker__icon {
  display: none;
}

.input-date-picker--inline .input-date-picker__buttons {
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.iframe-viewer {
  border: 1px solid var(--color-bg-01);
  background-color: #f0edea;
  border-radius: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 12px 0;
  position: relative;
  overflow: hidden;
}

.iframe-viewer iframe {
  border: 0;
  width: 100%;
  height: calc(100% - 65px);
  position: absolute;
  top: 0;
  left: 0;
}

.iframe-viewer__footer {
  background-color: #f0edea;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-direction: column;
  width: 100%;
  height: 65px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.iframe-viewer__footer-origin {
  color: #706b65;
}

.iframe-viewer__footer-link {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
}

.iframe-viewer__footer-link .icon {
  stroke: #a39b93;
}

.iframe-viewer__footer-title {
  max-width: 100%;
}

.iframe-viewer--size-sm-widescreen {
  width: 320px;
  height: 245px;
}

.iframe-viewer--size-md-widescreen {
  width: 640px;
  height: 425px;
}

.iframe-viewer--size-lg-widescreen {
  width: 1280px;
  height: 785px;
}

.iframe-viewer--size-sm-square {
  width: 240px;
  height: 305px;
}

.iframe-viewer--size-md-square {
  width: 480px;
  height: 545px;
}

.iframe-viewer--size-lg-square {
  width: 960px;
  height: 1025px;
}

.iframe-viewer--size-sm-standard {
  width: 320px;
  height: 305px;
}

.iframe-viewer--size-md-standard {
  width: 640px;
  height: 545px;
}

.iframe-viewer--size-lg-standard {
  width: 1280px;
  height: 1025px;
}

.activity-progress {
  border: 1px solid #ebe0d7;
  border-radius: 40px;
  align-items: center;
  gap: 12px;
  padding: 0 6px;
  display: flex;
}

.activity-progress__bar {
  background-color: #dbd5ce;
  border-radius: 100px;
  width: 50px;
  height: 4px;
  overflow: hidden;
}

.activity-progress__fill {
  background-color: var(--color-first);
  border-radius: 100px;
  height: 100%;
  transition: width .3s ease-in-out;
}

.activity-progress__text {
  color: #706b65;
  text-align: right;
  font-family: Titilium Regular;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
}

.uploads-disclaimer-text {
  margin: 12px auto;
  padding: 8px;
}

.pill {
  cursor: pointer;
  background: var(--color-first);
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 18px;
  padding: 2px 4px;
  display: flex;
}

.pill__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  flex: 1;
  min-width: 0;
  font-family: Titilium Regular;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  overflow: hidden;
}

.MuiDrawer-root .MuiBackdrop-root {
  background-color: rgba(0, 0, 0, .25);
}

.menu-aside--position-right .MuiPaper-root, .menu-aside--position-left .MuiPaper-root {
  border-radius: 0;
}

.menu-aside {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.menu-aside__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px 0;
  display: flex;
}

.menu-aside__children {
  height: 100%;
  padding: 16px 24px;
}

.menu-aside__content {
  flex: auto;
  overflow: auto;
}

.menu-aside__footer {
  flex: none;
}

.menu-aside__header-right {
  align-items: center;
  display: flex;
}

.aside-notifications__aside {
  z-index: 5001 !important;
}

.aside-notifications__aside .menu-aside {
  width: 550px !important;
}

.aside-notifications__aside .header-tabs .header-tabs__tab:first-child {
  margin-left: 0;
}

.aside-notifications__aside .list-complex-dropdown, .aside-notifications__aside .notifications-list {
  padding-left: 0;
}

.aside-notifications__aside .notifications-list {
  height: calc(100vh - 30px);
}

.aside-notifications__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.aside-notifications__list {
  margin-top: 24px;
}

.aside-notifications__list .item-complex-list__left {
  align-items: flex-start;
}

.aside-notifications__mark-as-read {
  color: #c7bfb7;
  text-decoration: underline;
}

.aside-notifications__actions {
  margin-right: 24px;
}

.aside-units__unit {
  color: #706b65;
  margin: 24px 0;
}

.aside-units__lesson {
  color: #a39b93;
  margin-bottom: 16px;
  margin-left: 12px;
}

.aside-units__lessons--active {
  color: var(--color-first);
}

.aside-profile__aside {
  z-index: 5001 !important;
}

.aside-profile__aside .menu-aside__header {
  justify-content: flex-start;
}

.aside-profile__aside .menu-aside__children {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.aside-profile__aside .list-simple-dropdown {
  width: calc(100% + 24px);
  position: relative;
  left: -12px;
}

.aside-profile__aside .list-simple-dropdown__li {
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.aside-profile__aside .list-simple-dropdown__name {
  font-size: 18px !important;
}

.aside-profile__main-info {
  flex: auto;
}

.aside-profile__name {
  color: #36393b;
  margin-top: 8px;
  display: block;
}

.aside-profile__role {
  color: #a39b93;
  display: block;
}

.aside-profile__list {
  margin-top: 8px;
}

.aside-profile__header {
  color: var(--color-first);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.aside-profile__link {
  font-size: 18px;
}

.aside-profile__close-session-container {
  border-top: 1px solid #dbd5ce;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.aside-profile__close-session {
  color: #706b65;
  margin-left: 8px;
}

.aside-profile__item {
  position: relative;
}

.aside-profile__item__bubble {
  position: absolute;
  top: -11px;
  right: -10px;
}

@media (max-width: 480px) {
  .aside-profile__aside .aside-profile__list .list-simple-dropdown__li:nth-child(3) {
    display: none;
  }
}

.filter-course-aside__footer {
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.filter-course-aside__disciplines {
  margin-top: 24px;
}

.aside-lessons__aside .menu-aside {
  max-width: 100vw;
  width: 430px !important;
}

.aside-lessons__aside .menu-aside__children {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.aside-lessons__list--teacher {
  padding-bottom: 100px;
}

.asside-lessons__kanban {
  border-bottom: 1px solid #dbd5ce;
  border-left: 4px solid rgba(0, 0, 0, 0);
  align-items: center;
  height: 56px;
  padding-left: 20px;
  display: none;
}

.asside-lesson__kanban-title {
  color: var(--color-first);
  margin-left: 12px;
}

.aside-lessons__bottom-container {
  background-color: #fff;
  border-top: 1px solid #dbd5ce;
  align-items: center;
  width: 430px;
  height: 64px;
  padding-left: 20px;
  display: flex;
  position: fixed;
  bottom: 0;
}

.asside-lessons__add {
  align-items: center;
  display: flex;
}

.asside-lessons__add-title {
  color: var(--color-first);
  margin-left: 8px;
}

.asside-lessons__personalize {
  align-items: center;
  display: flex;
}

.asside-lessons__personalize-title {
  color: #706b65;
  margin-left: 8px;
}

.asside-lessons__new {
  opacity: 0;
  align-items: center;
  margin-top: 16px;
  padding-left: 20px;
  display: flex;
}

.asside-lesson__new-input {
  width: 95%;
}

.asside-lesson__new-input .input-text__input, .asside-lesson__new-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .asside-lesson__new-input input, .asside-lesson__new-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .asside-lesson__new-input input, .asside-lesson__new-input .input-date input, .input-date .asside-lesson__new-input input, .asside-lesson__new-input .input-time-range__input, .asside-lesson__new-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .asside-lesson__new-input input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--color-first);
  border-radius: 0;
}

.asside-lesson__new-input .input-text__input:focus, .asside-lesson__new-input .video-lesson .video-lesson-content .vl-input-generic-title input:focus, .video-lesson .video-lesson-content .vl-input-generic-title .asside-lesson__new-input input:focus, .asside-lesson__new-input .dropdown-schedule__wrapper .dropdown-schedule__hour input:focus, .dropdown-schedule__wrapper .dropdown-schedule__hour .asside-lesson__new-input input:focus, .asside-lesson__new-input .input-date input:focus, .input-date .asside-lesson__new-input input:focus, .asside-lesson__new-input .input-time-range__input:focus, .asside-lesson__new-input .select-checkboxs .picky__filter input:focus, .select-checkboxs .picky__filter .asside-lesson__new-input input:focus {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--color-first) !important;
}

.asside-lesson__new-input svg path {
  fill: #fff !important;
}

.asside-lesson__edit {
  border-bottom: 1px solid #dbd5ce;
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 20px;
}

.asside-lessons__new--show {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .asside-lessons__kanban {
    display: flex;
  }
}

.aside-lesson-navigation {
  background-color: #fff;
  height: 120px;
  margin: 0;
  padding: 0;
  display: flex;
}

.aside-lesson-navigation__lesson-info {
  flex-direction: column;
  width: 202px;
  height: 120px;
  font-family: inherit;
  display: flex;
}

.aside-lesson-navigation__lesson-title {
  z-index: 1;
  color: #fff;
  margin: 12px;
  font-size: 36px;
}

.aside-lesson-navigation__lesson-open {
  z-index: 1;
  margin-left: 12px;
}

.aside-lesson-navigation__lesson-picture {
  width: 202px;
  height: 120px;
  position: absolute;
  overflow: hidden;
}

.aside-lesson-navigation__lesson-picture img {
  margin: 0;
}

.aside-lesson-navigation__timeline {
  background-color: #fff;
}

@media only screen and (min-width: 1024px) {
  .aside-lesson-navigation {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    width: 229px;
    height: auto;
    margin-top: 12px;
    margin-left: 12px;
  }

  .aside-lesson-navigation__lesson-info {
    justify-content: flex-end;
    width: 100%;
    height: 167px;
  }

  .aside-lesson-navigation__lesson-open {
    margin-bottom: 12px;
  }

  .aside-lesson-navigation__timeline {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    padding-bottom: 16px;
  }

  .aside-lesson-navigation__lesson-picture {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 229px;
    height: 167px;
  }

  .aside-lesson-navigation__lesson-picture img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .aside-lesson-navigation__lesson-picture__student, .aside-lesson-navigation__lesson-picture__student img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.aside-lesson-actions {
  flex-direction: column;
  gap: 8px;
  width: 188px;
  padding: 8px;
  display: flex;
}

.aside-lesson-actions .button, .aside-lesson-actions .resources-demo-container__link, .aside-lesson-actions .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .aside-lesson-actions .resources-demo-container__link, .aside-lesson-actions .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .aside-lesson-actions .button, .aside-lesson-actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .aside-lesson-actions .mvl_card_button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .aside-lesson-actions .vl-button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .aside-lesson-actions .vl-button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .aside-lesson-actions .vl-button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .aside-lesson-actions .vl-button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .aside-lesson-actions .vl-button, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .aside-lesson-actions .vl-button--primary-border, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .aside-lesson-actions .vl-button--primary-without-bg, .aside-lesson-actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .aside-lesson-actions .vl-button--primary-full-width {
  width: 100%;
}

.aside-lesson-actions .button__content {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.aside-lesson-actions .button__content svg {
  display: flex;
}

.aside-lesson-actions .button--color-transparent svg {
  fill: #a39b93;
}

.filters-dynamic-aside {
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 100%;
  z-index: 8000 !important;
}

.filters-dynamic-aside__footer {
  justify-content: flex-end;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.filters-dynamic-aside__checkbox-list {
  flex-direction: column;
  gap: 8px;
  padding: 4px 8px 12px 30px;
  display: flex;
}

.filters-dynamic-aside .menu-aside__header {
  min-height: 76px;
}

.filters-dynamic-aside .menu-aside__header-title {
  font-size: 22px;
}

.filters-dynamic-aside .menu-aside__children {
  padding: 0;
}

.filters-dynamic-aside .accordion__title-container {
  border-top: 1px solid #ebe0d7;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 24px;
  display: flex;
}

.filters-dynamic-aside .accordion__tab--active .accordion__title-container {
  background-color: var(--color-bg-04);
}

.filters-dynamic-aside .accordion__title-text {
  color: #a39b93;
  font-family: Titilium Regular;
  font-size: 14px;
  font-weight: 700;
}

.card-generic__title-text {
  margin-bottom: 12px;
  display: block;
}

.card-background__title {
  margin-bottom: 16px;
}

.attachment-card .item-complex-list__left, .attachment-card .item-complex-list__center {
  flex-grow: 1;
}

.attachment-card .item-complex-list__center {
  margin-right: 20px;
}

.attachment-card--border-style-primary {
  border: 1px solid var(--color-first) !important;
}

.attachment-card__add {
  color: var(--color-first);
  align-items: center;
  min-width: 100px;
  margin-top: 16px;
  font-family: Titilium Bold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.attachment-card__header {
  color: #706b65;
  font-family: Titilium Semi Bold;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.attachment-card__link {
  justify-content: center;
  align-items: center;
  margin: 16px 0;
  display: flex;
}

.attachment-card__link .item-complex-list__left-children {
  width: auto;
  margin-top: 4px;
}

.attachment-card__link .attachment-card__info {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  display: flex;
}

.attachment-card__link .attachment-card__title {
  color: #36393b;
  font-family: Titilium Regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.attachment-card__link .attachment-card__title:hover {
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.attachment-card__link .attachment-card__title--link {
  color: var(--color-first);
}

.attachment-card__size {
  color: #a39b93;
}

.attention-card {
  justify-content: space-between;
  align-items: center;
  display: flex;
  border: 2px solid var(--color-first) !important;
}

.attention-card--light {
  background-color: var(--color-bg-04);
  border: 2px solid var(--color-border) !important;
}

.attention-card--yellow {
  background-color: #fef7ec;
  border: 2px solid #f2aa3e !important;
}

.attention-card--red {
  background-color: #fee8e8;
  border: 2px solid #f66868 !important;
}

.attention-card__info {
  align-items: center;
  height: 100%;
  display: flex;
}

.attention-card__texts {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 24px;
  display: flex;
}

.attention-card__actions {
  flex: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.attention-card__actions .button, .attention-card__actions .resources-demo-container__link, .attention-card__actions .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .attention-card__actions .resources-demo-container__link, .attention-card__actions .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .attention-card__actions .button, .attention-card__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .attention-card__actions .mvl_card_button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .attention-card__actions .vl-button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .attention-card__actions .vl-button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .attention-card__actions .vl-button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .attention-card__actions .vl-button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .attention-card__actions .vl-button, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .attention-card__actions .vl-button--primary-border, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .attention-card__actions .vl-button--primary-without-bg, .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .attention-card__actions .vl-button--primary-full-width {
  width: auto;
  margin-left: 8px;
}

.attention-card__text {
  color: #a39b93;
}

.book-card {
  border-radius: 0;
  position: relative;
}

.book-card--border-radius-big .book-card__background-image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.book-card--border-radius-big .book-card__info {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.book-card__image {
  height: 137px;
}

.book-card__image .program-image__picture-container, .book-card__image .program-image__picture {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.book-card__background-image {
  background-position: top;
  background-size: cover;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  height: 100%;
}

.book-card__info {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.book-card__responsive {
  color: #a39b93;
  margin-bottom: 4px;
}

.book-card__language {
  color: #706b65;
  margin-bottom: 4px;
}

.book-card__title {
  color: #36393b;
  margin-bottom: 4px;
}

.book-card__progressbar {
  width: 60%;
}

.book-card--selected {
  border: 2px solid var(--color-first);
}

.book-card--selectable, .book-card--custom-right, .book-card--view {
  display: flex;
  height: 170px !important;
}

.book-card--selectable .book-card__image, .book-card--custom-right .book-card__image, .book-card--view .book-card__image {
  flex: none;
  width: 110px;
  height: 100%;
}

.book-card--selectable .book-card__background-image, .book-card--custom-right .book-card__background-image, .book-card--view .book-card__background-image {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.book-card--selectable .book-card__title, .book-card--custom-right .book-card__title, .book-card--view .book-card__title {
  -webkit-line-clamp: 3;
}

.book-card--selectable .book-card__info, .book-card--custom-right .book-card__info, .book-card--view .book-card__info {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.book-card__selects-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.book-card__selects-icon[animation="1"] {
  animation: .4s wobble;
}

.book-card__coming-soon {
  color: var(--color-first);
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.book-card__button {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.disabled, .disabled:hover {
  opacity: .5;
}

.class-room-card__header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.class-room-card__header-container--left {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.class-room-card__aux-image {
  display: none;
}

.class-room-card__header-level {
  color: #a39b93;
}

.class-room-card__name {
  color: #706b65;
  margin-bottom: 8px;
  display: block;
}

.class-room-card__users {
  margin-bottom: 8px;
  display: flex;
}

.class-room-card__teachers, .class-room-card__students {
  background: var(--color-background);
  border-radius: 44px;
  padding: 4px;
}

.class-room-card__students {
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.class-room-card__students-empty {
  background: #fff;
  border-radius: 44px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.class-room-card__students--without {
  background-color: var(--color-bg-03);
  border-width: 1px;
}

.class-room-card__within-students {
  color: #706b65;
}

.class-room-card__courses-length {
  color: #a39b93;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}

.class-room-card__header-actions {
  flex: none;
  align-items: center;
  display: flex;
}

.class-room-card__add-course-card .no-items-mode-edit {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.class-room-card__add-course-card .no-items-mode-edit__add-button {
  margin-top: 0;
}

.course-card {
  height: 100%;
  transition-duration: .4s;
}

.course-card .card-generic__children {
  height: 100%;
}

.course-card .icon-bubble {
  border-radius: 10%;
}

.course-card:hover {
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.course-card:hover .more-icon-menu {
  visibility: visible;
}

.course-card .program-image__picture-container {
  border-radius: 0;
  width: 70px;
  height: 70px;
}

.course-card .program-image__picture {
  border-radius: 0;
}

.course-card__icon-container {
  justify-content: space-between;
  align-items: flex-start;
  height: 72px;
  margin: 0 auto 8px;
  display: flex;
  position: relative;
}

.course-card__icon-container .program-image__picture {
  object-fit: cover;
  width: 120px;
  height: 120px;
}

.course-card__info {
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 76px);
  display: flex;
}

.course-card__edit {
  color: #fff;
  background: #36393b;
  border-radius: 4px 0 8px;
  padding: 8px;
  position: absolute;
}

.course-card__edit--icon {
  background-image: var(--color-first);
  border: 2px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  display: flex;
  position: absolute;
  top: -4px;
  left: 52px;
}

.course-card__edit--icon .icon {
  width: 16px;
  height: 16px;
}

.course-card__info-item--name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.course-card__info-item--school-class {
  color: #a39b93;
  margin-top: 8px;
}

.course-card__info-item-configure {
  margin-top: 24px;
}

.class-room-card__texts {
  flex-direction: column;
  display: flex;
}

.course-card--student {
  height: 100%;
  max-width: 100% !important;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15) !important;
}

.course-card--student .course-card__open-book {
  margin-top: 16px;
}

.course-card--student .course-card__icon-container {
  height: 150px;
}

.course-card--student .program-image__picture {
  width: 150px;
  height: 150px;
}

.course-card--student .course-card__info {
  height: calc(100% - 162px);
}

.course-card--student-isdisregarded:hover {
  opacity: 1;
  cursor: default;
}

.exercise-card {
  height: 100%;
}

.exercise-card--selected {
  border: 2px solid var(--color-first);
}

.exercise-card__image-container {
  background-color: #f7f4f2;
  background-position-y: -5px;
  background-size: cover;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: calc(100% + 16px);
  height: 104px;
  position: relative;
  top: -8px;
  left: -8px;
}

.exercise-card__title-container {
  align-items: center;
  display: flex;
}

.exercise-card__icon {
  flex: none;
}

.exercise-card__title {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box !important;
}

.note-card {
  text-align: center;
}

.note-card--empty .note-card__note {
  color: #a39b93;
}

.note-card--needs-reinforcement .note-card__note {
  color: #f66868;
}

.note-card--needs-ampliacion .note-card__note {
  color: #f2aa3f;
}

.note-card--good-progress .note-card__note {
  color: #41d158;
}

.note-card__note-container {
  justify-content: center;
  align-items: baseline;
  display: flex;
}

.note-card__note-total {
  color: #706b65;
}

.note-card__text {
  color: #a39b93;
}

.note-card__percent {
  color: #c7bfb7;
  margin-left: 4px;
}

.note-card__note-icon path {
  fill: #fff !important;
}

.post-card .message-sender-simple {
  width: calc(100% + 28px);
  margin-bottom: -18px;
  margin-left: -14px;
}

.post-card .preview-content__type-with-icon, .post-card .preview-content__audio {
  width: 100%;
  margin: 0;
}

.post-card .icon-bubble--size-medium {
  border-radius: 12px;
}

.post-card--border-radius-big {
  border-radius: 16px;
}

.post-card__header, .post-card__texts {
  margin-bottom: 8px;
}

.post-card__header {
  justify-content: space-between;
  display: flex;
}

.post-card__header-info {
  display: flex;
}

.post-card__header-info-text {
  margin-left: 8px;
}

.post-card__header-info-text-user, .post-card__header-info-text-item {
  color: #36393b;
}

.post-card__header-info-text-global {
  text-transform: uppercase;
  color: var(--color-first);
}

.post-card__header-info-global {
  align-items: center;
  gap: 8px;
  display: flex;
}

.post-card__header-info-text-action {
  color: #36393b;
}

.post-card__header-action {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.post-card__header-action-options {
  border-radius: 100%;
  height: 30px;
  padding: 2px;
}

.post-card__header-action-options:hover {
  background: #f7f4f2;
}

.post-card__texts {
  flex-direction: column;
  display: flex;
}

.post-card__title, .post-card__text {
  color: #36393b;
  margin-bottom: 8px;
}

.post-card__meta-info {
  justify-content: space-between;
  display: flex;
}

.post-card__meta-info-icons {
  display: flex;
}

.post-card__meta-info-icon {
  align-items: center;
  display: flex;
}

.post-card__meta-info-icon-text {
  color: #a39b93;
  margin-left: 8px;
  margin-right: 24px;
}

.post-card__comments {
  transform-origin: top;
  transition-duration: .4s;
  transform: scaleY(0);
}

.post-card__comments--show {
  margin-top: 24px;
  transform: scaleY(1);
}

.post-card__loader {
  justify-content: center;
  align-items: center;
  display: flex;
}

.post-card__preview-content {
  width: 100%;
}

.post-card__preview-content .preview-content__img, .post-card__preview-content video {
  max-height: 400px;
  margin: auto;
}

.post-card__texts-global {
  background: rgba(237, 112, 17, .1);
  border-radius: 0;
  margin-top: 16px;
  padding: 12px;
}

.post-card__texts-global .post-card__text {
  margin-bottom: 0;
}

.post-card--global {
  border: 1px solid var(--color-first) !important;
  border-bottom: 2px solid var(--color-first) !important;
}

.post-card__mark-as-read {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: -16px;
  display: flex;
}

.post-card__mark-as-read-text {
  color: #706b65;
}

.projection-card__container {
  padding: 8px 16px;
}

.projection-card__top {
  align-items: center;
  display: flex;
}

.projection-card__bottom {
  margin-top: 8px;
}

.projection-card__type {
  margin-left: 8px;
}

.projection-card__title {
  color: var(--color-first);
}

.projection-card--active {
  border: 1px solid var(--color-first);
  border-radius: 0;
}

.school-card {
  margin-top: auto;
}

.school-card__title, .school-card__name {
  margin-bottom: 8px;
}

.school-card__title {
  color: #a39b93;
}

.template-card {
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.template-card__image {
  order: 1;
  height: auto;
  position: relative;
}

.template-card__image:hover .template-card__description {
  opacity: 1 !important;
}

.template-card__background-image {
  background-position: center;
  background-size: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  display: none;
}

.template-card__description {
  opacity: 1;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: auto;
  padding: 0 16px 16px;
  transition: all .4s;
  position: relative;
}

.template-card__info {
  justify-content: space-between;
  padding: 16px 16px 8px;
  display: flex;
}

.template-card__info .input-radio {
  opacity: 0;
  width: auto;
}

.template-card__title {
  color: #a39b93;
}

.template-card--selected .template-card__title {
  color: var(--color-first);
}

@media only screen and (min-width: 768px) {
  .template-card__info {
    padding-bottom: 16px;
  }

  .template-card__info .input-radio {
    opacity: 1;
  }

  .template-card__image {
    order: 0;
    height: 159px;
  }

  .template-card__background-image {
    display: block;
  }

  .template-card__description {
    opacity: 0;
    color: #fff;
    background-color: rgba(255, 83, 34, .85);
    height: 100%;
    padding: 16px;
    position: absolute;
  }
}

.program-card {
  background: #fff;
  border-radius: 0;
  height: 100%;
  padding: 8px;
  display: flex;
  position: relative;
}

.program-card .program-image__picture {
  width: 136px;
  height: 136px;
}

.program-card--no-accessible .program-card__picture {
  opacity: .4;
}

.program-card__info {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.program-card__responsive {
  color: #a39b93;
  margin-bottom: 4px;
}

.program-card__language {
  color: #706b65;
  margin-bottom: 4px;
}

.program-card__title {
  color: #36393b;
  -webkit-line-clamp: 2;
  margin-bottom: 4px;
}

.program-card__info-bottom {
  align-items: center;
  display: flex;
}

.program-card__version-name {
  color: #706b65;
  margin-left: 8px;
}

.program-card__responsive-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.program-card__edit {
  color: #fff;
  background: #36393b;
  border-radius: 4px 0 8px;
  padding: 8px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.program-card__picture-container {
  border-style: solid;
  padding: 1px;
}

.program-card__picture {
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  width: 136px;
  height: 136px;
}

.group-resource-card {
  background: #fff;
  height: 140px;
  padding: 8px;
}

.group-resource-card .bubble-content__content {
  color: #fff;
}

.group-resource-card__top {
  justify-content: space-between;
  height: 30%;
  display: flex;
}

.group-resource-card__bottom {
  height: 70%;
}

.group-resource-card__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #36393b;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.group-resource-card__count {
  color: #a39b93;
  margin: 4px 0;
  display: block;
}

.group-resource-card__only-teacher .bubble-content {
  background-color: #706b65;
  border: 0;
}

.group-lessons-progress-card__lesson-item--type-done .group-lessons-progress-card__lesson-image, .group-lessons-progress-card__lesson-item--type-current .group-lessons-progress-card__lesson-image {
  border-width: 8px;
}

.group-lessons-progress-card__lesson-item--type-current .group-lessons-progress-card__lesson-image {
  animation: 2s infinite pulse3;
}

.group-lessons-progress-card__image {
  background-size: cover;
  height: 392px;
}

.group-lessons-progress-card__name {
  color: #fff;
  text-transform: uppercase;
  padding: 24px;
}

.group-lessons-progress-card__bottom {
  background: #fff;
  border-top: 0;
  height: 185px;
}

.group-lessons-progress-card__lessons-ul {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.group-lessons-progress-card__lesson-item {
  position: relative;
  top: -108px;
}

.group-lessons-progress-card__lesson-image-container {
  background: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 210px;
  margin: auto;
  display: flex;
}

.group-lessons-progress-card__lesson-image {
  box-sizing: content-box;
  background-position: center;
  background-size: 100% 100%;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  transition-duration: .3s;
  position: relative;
}

.group-lessons-progress-card__lesson-image:hover {
  opacity: 1;
  background-size: 120% 120%;
  box-shadow: 0 0 0 17px rgba(237, 112, 17, .1);
}

.group-lessons-progress-card__lesson-name {
  color: #a39b93;
  text-transform: uppercase;
  text-align: center;
}

.group-lessons-progress-card__lesson-done-icon {
  background: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 25px;
  right: -8px;
}

.group-lessons-progress-card__lesson-done-text {
  color: var(--color-first);
  text-align: center;
  margin-top: 8px;
  display: block;
}

.group-lessons-progress-card__lesson-info-container {
  height: 60px;
}

.group-lessons-progress-card__lesson-info-container .progress-bar {
  flex-direction: row;
  align-items: center;
  max-width: 150px;
  margin: auto;
  display: flex;
}

.group-lessons-progress-card__lesson-info-container .progress-bar__bar {
  width: 100%;
  height: 8px;
}

.group-lessons-progress-card__lesson-info-container .progress-bar__label {
  flex: none;
  margin-left: 8px;
  display: flex;
}

@-webkit-keyframes pulse3 {
  0% {
    -webkit-box-shadow: 0 0 rgba(255, 83, 34, .3);
  }

  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulse3 {
  0% {
    box-shadow: 0 0 rgba(255, 83, 34, .3);
  }

  50% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 rgba(255, 255, 255, 0);
  }
}

.cookie-card {
  flex-direction: column;
  justify-content: space-between;
  width: 90%;
  max-width: 570px;
  height: auto;
  display: flex;
}

.cookie-card .cookie-card__title-text {
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
}

.cookie-card .cookie-card__body {
  margin-top: 16px;
  margin-bottom: 24px;
}

.cookie-card .cookie-card__body-text .text-link-component, .cookie-card .cookie-card__body-text .demo-landing-page__footer-links a, .demo-landing-page__footer-links .cookie-card .cookie-card__body-text a {
  color: var(--color-first);
  display: inline;
}

.cookie-card .cookie-card__footer {
  justify-content: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.doughnut-chart {
  width: 100%;
  position: relative;
}

.doughnut-chart .recharts-tooltip-wrapper {
  z-index: 1;
}

.doughnut-chart .recharts-default-tooltip {
  background: red;
}

.doughnut-rechart {
  position: relative;
}

.doughnut-chart__center {
  text-align: center;
  background: #fff;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.doughnut-chart__text1 {
  color: #706b65;
  padding: 0 8px;
}

.doughnut-chart__text2 {
  color: #a39b93;
  padding: 0 8px;
}

.content-detail__pagination {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-detail__arrows {
  display: flex;
}

.content-detail__feedback {
  margin-top: 24px;
}

.content-detail__feedback .comments-list-and-create__sender {
  width: calc(100% + 24px);
  position: relative;
  bottom: -12px;
  left: -12px;
}

.content-detail__arrow {
  margin-left: 24px;
}

.image-content {
  text-align: center;
  max-width: 100%;
}

.image-content__img {
  max-width: 100%;
}

.link-content {
  display: flex;
}

.link-content__image-content {
  background-size: cover;
  width: 160px;
  height: 104px;
  margin-right: 8px;
}

.link-content__name {
  color: var(--color-first);
  margin-top: 8px;
}

.link-content__description {
  color: #c7bfb7;
  margin-top: 8px;
}

.link-content__text-info {
  flex-direction: column;
  display: flex;
}

.pdf-content .react-pdf__Page__canvas {
  max-width: 100%;
  margin: auto;
  height: auto !important;
}

.pdf-content .pdf-content__document {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
}

.pdf-content .pdf-content__page {
  width: 50%;
}

.content-detail__page-number {
  color: #c7bfb7;
  margin-top: 8px;
  margin-bottom: 8px;
}

.react-pdf__Page__textContent {
  max-width: 100%;
  max-height: 100%;
}

.pdf-navigation {
  background-color: var(--color-bg-01);
  border: 1px solid #f0edea;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}

.pdf-navigation .pdf-page-info {
  color: #706b65;
  margin: 0 10px;
  font-weight: 500;
}

.pdf-navigation--hidden {
  display: none !important;
}

.dialog .header-tabs__tab--active:after {
  bottom: -14px;
}

.dialog {
  z-index: 8000 !important;
}

.dialog .input-date-v2 {
  z-index: 8001;
}

.dialog-delete {
  z-index: 8001 !important;
}

.dialog--with-icon .MuiDialogContent-root {
  padding-left: 46px !important;
}

.dialog__title {
  white-space: nowrap;
  width: 30%;
}

.MuiDialogActions-root {
  margin-top: 8px;
}

.dialog__header, .MuiDialogContent-root, .MuiDialogActions-root {
  padding: 12px 20px !important;
}

.dialog__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.dialog__custom-header {
  margin-top: 12px;
}

.dialog__title-tabs {
  position: absolute;
  left: 42%;
}

.dialog__close-container {
  width: 30%;
  position: absolute;
  top: 20px;
  right: 20px;
}

.dialog__close {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dialog__text {
  color: #a39b93;
}

.MuiDialog-paperFullScreen .MuiDialogContent-root {
  padding: 0 !important;
}

.dialog__hr {
  width: calc(100% + 40px);
  margin-top: 24px;
  position: relative;
  left: -20px;
}

.dialog__hr .hr {
  height: 1px;
}

.dialog__custom-header ~ .dialog__hr {
  margin-top: 12px;
}

.dialog--with-footer-with-background .MuiDialogActions-root {
  background: #f7f4f2;
}

.dialog__actions {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.dialog--size-xxs .MuiDialog-paper {
  max-width: 357px;
}

.dialog--size-xs .MuiDialog-paper {
  max-width: 456px;
}

.dialog--size-s .MuiDialog-paper {
  max-width: 534px;
}

.dialog--size-small .MuiDialog-paper {
  max-width: 684px;
}

.dialog--size-xl .MuiDialog-paper {
  max-width: 904px;
}

.dialog--size-xxl .MuiDialog-paper {
  max-width: 1209px;
}

.dialog--size-all-screen .MuiDialog-paper {
  border-radius: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dialog--size-all-screen .MuiDialogContent-root {
  overflow-x: hidden;
  padding: 0 !important;
}

.dialog-add-license__content {
  width: 100%;
  margin: 24px auto 16px;
}

.dialog-add-license__group-success {
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.dialog-courses__info {
  width: 100%;
  margin-left: 24px;
}

.dialog-courses__name {
  color: #222;
  margin-bottom: 8px;
  margin-left: 8px;
}

.dialog-add-license .MuiPaper-root {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.dialog-add-license .MuiDialogContent-root {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.dialog-add-license .dialog-add-license__subtitle {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  top: 0;
}

@media only screen and (min-width: 640px) {
  .dialog-add-license .MuiPaper-root {
    max-width: 456px;
  }

  .dialog-add-license .MuiDialogContent-root {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: relative;
  }

  .dialog-add-license .dialog-add-license__subtitle {
    width: 100%;
    padding: 0 20px;
    position: absolute;
    top: 0;
  }
}

.dialog-add-link .MuiPaper-root {
  max-width: 684px;
}

.dialog-add-link__separator {
  margin-top: 24px;
}

.dialog-add-link__error {
  color: #f66868;
  margin-top: 8px;
}

.dialog-add-students .MuiPaper-root {
  max-width: 357px;
}

.dialog-code .MuiPaper-root {
  max-width: 100%;
  height: 100%;
  margin: 0;
}

.dialog-code .MuiDialog-paperFullWidth {
  width: 100%;
}

.dialog-code .MuiDialog-paperScrollPaper {
  max-height: 100%;
}

.dialog-code .dialog__title {
  white-space: normal;
}

.dialog-code__content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.dialog-code__code-container {
  background: #f7f4f2;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.dialog-code__code-text {
  cursor: pointer;
  font-family: Titilium Bold;
  font-size: 80px;
}

.dialog-code__texts {
  white-space: normal;
  margin-top: 24px;
}

.dialog-code__name {
  display: block;
}

.dialog-code__level {
  color: #a39b93;
  display: block;
}

@media only screen and (min-width: 640px) {
  .dialog-code .MuiPaper-root {
    max-width: 1209px;
    height: 84vh;
    margin: auto;
  }

  .dialog-code .MuiDialog-paperFullWidth {
    width: calc(100% - 64px);
  }

  .dialog-code .MuiDialog-paperScrollPaper {
    max-height: calc(100% - 64px);
  }

  .dialog-code__code-text {
    font-size: 124px;
  }
}

.dialog-configure-course {
  z-index: 8001 !important;
}

.dialog-configure-course__header {
  height: 130px;
}

@media only screen and (min-width: 1280px) {
  .dialog-configure-course__header {
    height: 166px;
  }
}

.dialog-configure-course__header .header-info-course__container {
  position: relative;
}

.dialog-configure-course__header .header-info-course__container .program-image__picture {
  width: 100px;
  height: 100px;
}

.dialog-configure-course__header .header-info-course__icon-container {
  position: relative;
}

@media only screen and (min-width: 1500px) {
  .dialog-configure-course__header .header-info-course__icon-container {
    position: absolute;
    left: -88px;
  }

  .dialog-configure-course__header .header-info-course__info-container {
    margin-left: 0;
  }
}

.dialog-delete .MuiPaper-root {
  max-width: 456px;
}

.dialog-delete__icon {
  margin-top: 4px;
}

.dialog-delete__content {
  margin-top: 8px;
  display: flex;
}

.dialog-delete__texts {
  margin-left: 8px;
}

.dialog-delete__title {
  color: #706b65;
}

.dialog-delete__text {
  color: #a39b93;
  margin-top: 8px;
}

.dialog-content-library .MuiDialogContent-root {
  padding-bottom: 0 !important;
}

.dialog-content-library__hr .dialog__hr {
  margin-top: 8px;
}

.dialog-content-library__wrapper {
  height: 66vh;
}

.dialog-content-library__container {
  padding-top: 30px;
}

.dialog-content-library__upload {
  padding: 0 24px;
}

.dialog-content-library__header {
  display: flex;
}

.dialog-content-library__search {
  width: 28%;
}

.dialog-content-library__disciplines, .dialog-content-library__types, .dialog-content-library__owner {
  width: 18%;
}

.dialog-content-library__disciplines .select-customizable__control, .dialog-content-library__types .select-customizable__control, .dialog-content-library__owner .select-customizable__control {
  border: 0;
}

.dialog-content-library__search, .dialog-content-library__disciplines, .dialog-content-library__types {
  margin-right: 24px;
}

.dialog-content-library__left-column {
  border-right: 1px solid #dbd5ce;
  flex: 0 41.6667%;
  width: 41.6667%;
  padding-top: 12px;
  transition: all .2s ease-in;
}

.dialog-content-library__right-column {
  flex: 0 calc(58.3333% - 24px);
  width: calc(58.3333% - 24px);
  margin-left: 24px;
  padding-top: 12px;
  transition: all .2s ease-in;
}

.dialog-content-library__list {
  max-height: 50vh;
  margin-top: 12px;
  overflow-y: auto;
}

.dialog-content-library__tabs {
  position: absolute;
  top: 15px;
  left: 45%;
}

.dialog-content-library__contents-total {
  padding-bottom: 12px 0;
  color: #a39b93;
}

.dialog-content-library__owner {
  margin-bottom: 12px;
}

.dialog-content-library__preview .preview-content__image {
  margin: 0;
}

.dialog-content-library__preview .preview-content__img {
  max-height: 30vh;
  margin: 0;
}

.dialog-content-library__preview .preview-content__video .preview-content__name, .dialog-content-library__preview .preview-content__audio .preview-content__name {
  display: none;
}

.dialog-content-library__preview .preview-content__audio-icons {
  margin-top: 0;
}

.dialog-content-library__preview video {
  max-height: 300px;
}

.dialog-content-library__document {
  background-color: #f0edea;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.upload-attach__uploader-container {
  max-width: 765px;
  margin: 0 auto;
  position: relative;
}

.dialog-content-library__no-results {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.dialog-content-library__upload-wrapper {
  width: 0;
  height: 0%;
  position: absolute;
}

.dialog-content-library__upload-wrapper--uploading {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, .3);
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.dialog-content-library__upload-wrapper--disabled .upload-file-container__drag-container {
  background-color: #f7f4f2;
  border: none;
}

.dialog-content-library__upload-wrapper--disabled .upload-file-container__link {
  color: #aaa;
}

.dialog-content-library__upload-wrapper--disabled svg {
  fill: #c7bfb7 !important;
}

.content-detail-skeleton__owner {
  height: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.content-detail-skeleton__content {
  height: 300px;
}

.dialog-crop-image .MuiPaper-root {
  max-width: 456px;
}

.dialog-crop-image__croper {
  margin-top: 24px;
}

.dialog-crop-image__meta-info {
  color: #a39b93;
}

.dialog-feed-back__description {
  color: #706b65;
  margin-bottom: 12px;
}

.dialog-feed-back__textarea-header {
  justify-content: space-between;
  margin-bottom: -4px;
  display: flex;
}

.dialog-feed-back__textarea-header-left {
  z-index: 8001;
  justify-content: flex-start;
  position: relative;
}

.dialog-feed-back__textarea-header-left .icon-bubble {
  margin-bottom: -2px;
}

.dialog-feed-back__textarea-header-left {
  align-items: center;
  display: flex;
}

.dialog-feed-back__textarea-header-right {
  margin-bottom: 8px;
}

.dialog-feed-back__textarea-header-right .button, .dialog-feed-back__textarea-header-right .resources-demo-container__link, .dialog-feed-back__textarea-header-right .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .dialog-feed-back__textarea-header-right .resources-demo-container__link, .dialog-feed-back__textarea-header-right .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .dialog-feed-back__textarea-header-right .button, .dialog-feed-back__textarea-header-right .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dialog-feed-back__textarea-header-right .mvl_card_button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-feed-back__textarea-header-right .vl-button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-feed-back__textarea-header-right .vl-button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-feed-back__textarea-header-right .vl-button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-feed-back__textarea-header-right .vl-button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-feed-back__textarea-header-right .vl-button, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .dialog-feed-back__textarea-header-right .vl-button--primary-border, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dialog-feed-back__textarea-header-right .vl-button--primary-without-bg, .dialog-feed-back__textarea-header-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dialog-feed-back__textarea-header-right .vl-button--primary-full-width {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 28px;
  height: 24px;
  padding: 4px 8px;
  display: flex;
}

.dialog-feed-back__textarea-title {
  color: #706b65;
  margin-left: 8px;
}

.dialog-feed-back__textarea-container {
  width: 100%;
}

.dialog-feed-back__textarea-container--good {
  margin-bottom: 16px;
}

.dialog-feed-back__textarea-container--good textarea {
  border: 2px solid #70cf96;
  height: 120px;
}

.dialog-feed-back__textarea-container--good textarea:hover {
  border-color: #70cf96;
}

.dialog-feed-back__textarea-container--bad textarea {
  border: 2px solid #ffb979;
  height: 120px;
}

.dialog-feed-back__textarea-container--bad textarea:hover {
  border-color: #ffb979;
}

.dialog-form-behaviour__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dialog-form-behaviour__header-title {
  color: #706b65;
}

.dialog-form-behaviour__info {
  align-items: center;
  display: flex;
}

.dialog-list-behaviour__header-date {
  color: #706b65;
  margin-right: 8px;
}

.dialog-image .MuiDialog-paper, .dialog-image .MuiDialogContent-root {
  text-align: center;
  width: auto;
  max-width: 100vw;
  height: auto;
  max-height: 100vh;
  padding: 0 !important;
}

.dialog-image__image-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dialog-image__image {
  max-width: 100vw;
  max-height: 100vh;
}

.dialog-learning-objectives .MuiPaper-root {
  max-width: 684px;
}

.dialog-learning-objectives .MuiDialogActions-root {
  background: #f7f4f2;
}

.dialog-learning-objectives__list {
  max-height: 55vh;
  padding-top: 30px;
  overflow-y: auto;
}

.dialog-learning-objectives__search {
  display: flex;
}

.dialog-list-behaviour .MuiDialogContent-root {
  padding-top: 0 !important;
}

.dialog-list-behaviour__title {
  align-items: center;
  display: flex;
}

.dialog-list-behaviour__title-name {
  color: #706b65;
  margin-left: 24px;
}

.dialog-upload .MuiPaper-root {
  width: 100%;
  max-width: 700px;
}

.dialog-upload__icon {
  margin-top: 4px;
}

.dialog-upload__content {
  margin-top: 8px;
  display: flex;
}

.dialog-upload__texts {
  margin-left: 8px;
}

.dialog-upload__title {
  color: #706b65;
}

.dialog-upload__text {
  color: #a39b93;
  margin-top: 8px;
}

.upload-file-container__drag-container {
  background-color: #f7f4f2;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  max-width: 765px;
  max-height: 200px;
  margin: auto;
  padding: 100px 30px;
  display: flex;
}

.upload-file-container__preview-container {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.upload-file-container__preview-container canvas {
  border-radius: 6px;
}

.upload-file-container__drag-info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.upload-file-container__drag-icon {
  text-align: center;
}

.upload-file-container__drag-icon .icon {
  width: 69px;
  height: 69px;
}

.upload-file-container__text-container {
  display: flex;
}

.upload-file-container__drag-title {
  color: #aaa;
  margin-top: 10px;
  margin-right: 5px;
  display: block;
}

.upload-file-container__link {
  cursor: pointer;
  color: var(--color-first);
  margin-top: 13px;
}

.upload-file-container__max-size {
  text-align: center;
  color: #a39b93;
  margin-top: 12px;
}

.upload-attach__uploader-list {
  max-width: 765px;
  max-height: 30vh;
  margin: 10px auto 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.upload-attach__uploader-list .attachment-card {
  margin-top: 8px;
}

.upload-attach__entry {
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.upload-attach__entry-size {
  color: #6d6d6d;
  margin-top: 5px;
}

.form-upload__status {
  align-items: center;
  display: flex;
}

.form-upload__percentage {
  margin-right: 10px;
}

.form-upload__file {
  color: #6a6a6a;
}

.dialog-upload-progress .MuiPaper-root {
  width: 100%;
  max-width: 600px;
}

.post-card__attachments {
  margin-bottom: 15px;
}

.post-card__attachment {
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
}

.post-card__attachment-link {
  white-space: nowrap;
  background-color: #f5f7f9;
  border-radius: 6px;
  align-items: center;
  padding: 5px 8px;
  display: flex;
}

.post-card__attachment-link a {
  color: var(--color-first);
  text-overflow: ellipsis;
  max-width: 200px;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}

.post-card__attachment-remove {
  opacity: .5;
  margin-right: 5px;
}

.post-card__attachment-icon {
  margin-right: 5px;
}

.post-card__attachment-icon svg {
  opacity: .5;
  width: 18px;
  height: 18px;
}

.form-delete-collection__actions {
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.form-delete-collection__buttons {
  flex-wrap: nowrap;
  justify-content: flex-end;
  display: flex;
}

.form-delete-collection__buttons > div {
  width: 112px;
  margin-left: 12px;
}

.form-edit-message__buttons {
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.form-delete-message__buttons-right {
  display: flex;
}

.form-delete-message__attach {
  opacity: .6;
}

.form-edit-message__attachments {
  margin-top: 10px;
}

.dialog-new-lesson .MuiPaper-root {
  max-width: 684px;
}

.dialog-new-test .MuiPaper-root {
  max-width: 904px;
  overflow-y: visible;
}

.dialog-new-test .MuiDialog-container {
  overflow: auto;
}

.dialog-new-test .MuiDialogContent-root {
  overflow-y: visible;
}

.dialog-new-test .MuiDialog-paperScrollPaper {
  max-height: none !important;
}

.dialog-notes__header {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 1px rgba(128, 190, 225, .3);
}

.dialog-notes__header-left {
  align-items: center;
  display: flex;
}

.dialog-notes__header-title {
  color: #706b65;
  margin-left: 8px;
}

.dialog-notes__content {
  padding: 12px 20px 76px;
}

.dialog-project-lesson-item .MuiDialogContent-root {
  background: var(--color-background);
}

.dialog-project-lesson-item .dialog-project-lesson-item__content {
  height: calc(100vh - 140px);
  overflow-y: auto;
}

.dialog-project-lesson-item .preview-content__audio, .dialog-project-lesson-item .preview-content__type-with-icon {
  width: 100%;
}

.dialog-project-lesson-item .preview-content__video {
  height: 300px;
  margin-top: 24px;
}

.dialog-project-lesson-item .preview-content__video video {
  height: 100%;
}

.dialog-project-lesson-item .preview-content__video .preview-content__type-with-icon-text-container {
  display: none;
}

.dialog-project-lesson-item .preview-content__type--link-content .preview-content__name {
  color: #706b65;
}

.dialog-project-lesson-item .preview-content__type--pdf .preview-content__description {
  color: #a39b93;
}

.dialog-project-lesson-item__notes {
  margin-top: 8px;
}

.dialog-project-lesson-item__content-detail {
  color: #a39b93;
  margin-top: 8px;
}

.dialog-project-lesson-item__header {
  justify-content: space-between;
  padding: 12px;
  display: flex;
}

.dialog-project-lesson-item__projecting {
  align-items: center;
  display: flex;
}

.dialog-project-lesson-item__projecting-text {
  color: #41d158;
  margin-left: 8px;
}

.dialog-project-lesson-item__content {
  padding: 0 12px;
}

.dialog-project-lesson-item__content-header {
  align-items: center;
  display: flex;
}

.dialog-project-lesson-item__content-name {
  margin-left: 8px;
}

.dialog-project-lesson-item__content-description {
  color: #706b65;
  margin-top: 8px;
  display: block;
}

.dialog-project-lesson-item__link {
  z-index: 8001 !important;
}

.dialog-project-lesson-item__link .MuiDialogContent-root {
  background: #36393b;
  padding: 0 12px;
}

.dialog-project-lesson-item__link .dialog-project-lesson-item__arrow {
  align-items: center;
  height: 40px;
  padding: 0 12px;
  display: flex;
}

.dialog-project-lesson-item__link .thumbnail-or-bubble-icon__controls-player-icon {
  margin-top: 24px;
}

.dialog-project-lesson-item__link .dialog-project-lesson-item__message {
  color: #fff;
  padding: 12px;
}

.dialog-publish-results .MuiPaper-root {
  max-width: 684px;
  height: 100%;
  max-height: 440px;
}

.dialog-publish-results .input-points__input-container .select-customizable__control {
  background: #fff;
  border: 0;
}

.dialog-publish-results .input-points__input-container .select-customizable__value-container--has-value {
  font-size: 14px !important;
}

.dialog-publish-results .input-points__input-container .select-customizable__indicator, .dialog-publish-results .input-points__input-container .select-customizable__indicators {
  display: none;
}

.dialog-publish-results .user-item__input-points {
  width: 96px;
}

.dialog-reassign-assessment .MuiPaper-root {
  max-width: 684px;
}

.dialog-reassign-assessment__text {
  color: #a39b93;
}

.dialog-reassign-assessment__user-data {
  margin-top: 24px;
  margin-bottom: 24px;
}

.dialog-search-questions .MuiPaper-root {
  max-width: 1209px;
}

.dialog-search-questions .MuiDialogContent-root {
  height: 80vh;
}

.dialog-search-questions .select-customizable__menu {
  width: 200px;
}

#dialog-search-questions__content {
  height: 60vh;
  overflow-y: auto;
}

.dialog-search-questions__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dialog-search-questions__header-left {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .dialog-search-questions__header-left {
    width: auto;
  }
}

.dialog-search-questions__header-right {
  justify-content: flex-end;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .dialog-search-questions__header-right {
    justify-content: flex-start;
    width: auto;
  }
}

.dialog-search-questions__search {
  flex-grow: 1;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dialog-search-questions__search {
    width: auto;
  }
}

.dialog-search-questions__search .input-text {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .dialog-search-questions__search .input-text {
    width: 270px;
  }
}

.dialog-search-questions__select:last-child {
  margin-left: 24px;
}

.dialog-search-questions__select {
  flex: 1;
  margin-top: 12px;
}

.dialog-search-questions__select .select-customizable__control {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .dialog-search-questions__select .select-customizable__control {
    width: 200px;
  }

  .dialog-search-questions__select {
    margin-top: 0;
    margin-left: 24px;
  }
}

.dialog-search-questions__header-right-founds {
  color: #a39b93;
}

.dialog-search-questions__exercise-list {
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fill, 201px);
  justify-content: space-evenly;
  display: grid;
}

.dialog-search-questions__exercise-card {
  align-items: stretch;
  margin-bottom: 24px;
}

.dialog-select-avatar .MuiPaper-root {
  max-width: 534px;
}

.dialog-select-avatar__wrapper {
  flex-wrap: wrap;
  margin: -12px;
  display: flex;
}

.dialog-select-avatar__avatar {
  margin: 12px;
}

.dialog-select-avatar__avatar--default {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
}

.dialog-select-avatar__avatar--selected {
  border: 2px solid var(--color-first);
  border-radius: 100%;
}

.dialog-select-template .MuiPaper-root {
  max-width: 904px;
}

.dialog-select-template__columns {
  min-height: 100px;
}

.dialog-select-template__left-column {
  flex: 0 calc(33.3333% - 24px);
  width: calc(33.3333% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.dialog-select-template__right-column {
  flex: 0 calc(66.6667% - 24px);
  width: calc(66.6667% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.dialog-select-template__list {
  height: calc(70vh - 102px);
  margin-bottom: 8px;
  padding-right: 8px;
  overflow-y: auto;
}

.dialog-select-template__type {
  border-radius: 8px;
  align-items: center;
  max-width: 200px;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}

.dialog-select-template__type-icon {
  display: none;
}

.dialog-select-template__type-name {
  margin-left: 12px;
  font-size: 18px !important;
}

.dialog-select-template__type--selected {
  background: var(--color-first);
  width: 100%;
}

.dialog-select-template__type--selected .dialog-select-template__type-name {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .dialog-select-template__type-icon {
    display: block;
  }
}

.dialog-skip-student .MuiPaper-root {
  max-width: 684px;
}

.dialog-skip-student__text {
  color: #a39b93;
}

.dialog-status-big .MuiPaper-root {
  max-width: 684px;
}

.dialog-status-big__title {
  text-align: center;
}

.dialog-status-big__icon {
  text-align: center;
  margin-top: 24px;
}

.dialog-status-big__icon .icon {
  width: 133px;
  height: 133px;
}

.dialog-unlink-device .MuiPaper-root {
  max-width: 684px;
}

.dialog-info .dialog-info__text {
  line-height: 20px;
}

.dialog-info img {
  max-width: 100%;
}

.dialog-info ul, .dialog-info ol {
  list-style: initial;
  padding-left: 40px;
}

.dialog-info ul {
  list-style-type: disc;
}

.dialog-info ol {
  list-style-type: decimal;
}

.dialog-info i {
  font-style: italic;
}

.dialog-info b, .dialog-info strong {
  font-weight: bold;
}

.dialog-info sub {
  vertical-align: sub;
  font-size: smaller;
}

.dialog-info sup {
  font-size: smaller;
}

.dialog-info__container {
  margin-bottom: 12px;
}

.dialog-add-unit .select-customizable__single-value {
  color: #c7bfb7;
}

.dialog-add-unit .MuiDialogActions-root {
  background-color: #f7f4f2;
}

.dialog-add-unit .MuiDialog-paperScrollPaper {
  overflow-y: hidden;
}

.dialog-add-unit .footer-buttons {
  flex: none;
}

.dialog-add-unit .dialog__actions-left {
  width: 100%;
  max-width: 400px;
}

.dialog-add-unit__select {
  align-items: center;
  display: flex;
}

.dialog-add-unit__select .select-customizable {
  width: 100%;
}

.dialog-add-unit__select .select-customizable__label {
  flex: none;
  margin-right: 8px;
}

.dialog-add-unit__filters {
  margin-bottom: 12px;
  display: flex;
}

.dialog-add-unit__search {
  flex: 1;
}

.dialog-add-unit__search .input-text__input, .dialog-add-unit__search .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-unit__search input, .dialog-add-unit__search .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .dialog-add-unit__search input, .dialog-add-unit__search .input-date input, .input-date .dialog-add-unit__search input, .dialog-add-unit__search .input-time-range__input, .dialog-add-unit__search .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .dialog-add-unit__search input {
  border-radius: 8px;
}

.dialog-add-unit__filter-level, .dialog-add-unit__filter-discipline, .dialog-add-unit__filter-book {
  flex: 1;
  margin-left: 12px;
}

.dialog-add-unit__filter-level .select-customizable__control, .dialog-add-unit__filter-discipline .select-customizable__control, .dialog-add-unit__filter-book .select-customizable__control {
  border-radius: 8px;
}

.dialog-add-unit__filter-book .select-customizable__single-value .program-image__picture-container {
  display: none;
}

.dialog-add-unit__filter-book .select-customizable__single-value .book-select__name {
  margin-left: 0;
}

.dialog-add-unit__number-results {
  color: #a39b93;
}

#dialog-add-unit__list {
  border-top: 1px solid #f6f6f6;
  height: 50vh;
  margin-top: 12px;
  padding-right: 12px;
  overflow-y: auto;
}

.dialog-add-program-to-class__container {
  min-height: 350px;
}

.dialog-add-program-to-class__subtitle {
  color: #706b65;
  margin-bottom: 12px;
}

.dialog-add-program-to-class__separator {
  background-color: #dbd5ce;
  height: 1px;
}

.dialog-add-program-to-class__create-class {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  display: flex;
}

.dialog-add-program-to-class__no-classes {
  color: #36393b;
  margin-bottom: 16px;
}

.dialog-google-clasroom-import-users .MuiDialogActions-spacing {
  background-color: #f0edea;
}

.dialog-google-clasroom-import-users__number {
  color: #706b65;
}

.classroom-list__item-skeleton {
  height: 32px;
  margin-bottom: 12px;
}

.dialog-user-courses .dialog__hr {
  margin-top: 16px;
}

.classroom-users-content__header {
  padding-bottom: 4px;
}

.dialog-user-courses__title {
  color: #a39b93;
}

.dialog-user-courses__title-user {
  color: #36393b;
}

.dialog-user-courses__course {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.dialog-user-courses__course-name {
  color: #36393b;
  margin-left: 12px;
}

.personalize-program__wrapper {
  padding: 12px;
}

.personalize-program__head {
  display: flex;
}

.personalize-program__head-title {
  color: #36393b;
  margin-left: 16px;
}

.personalize-program__content {
  margin-left: 40px;
}

.personalize-program__subhead {
  color: #706b65;
  margin-top: 8px;
  margin-bottom: 16px;
}

.personalize-program__entry {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.personalize-program__entry-icon {
  margin-right: 12px;
}

.personalize-program__entry-text {
  color: #706b65;
}

.dialog-add-content .upload-attach__container {
  margin: 24px 0;
}

.dialog-add-content br {
  display: none;
}

.dialog-add-content .upload-file-container__drag-container {
  border-radius: 48px;
}

.dialog-add-content .dialog-add-content__buttons .button, .dialog-add-content .dialog-add-content__buttons .resources-demo-container__link, .dialog-add-content .dialog-add-content__buttons .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dialog-add-content .dialog-add-content__buttons .mvl_card_button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-add-content .dialog-add-content__buttons .vl-button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-add-content .dialog-add-content__buttons .vl-button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-add-content .dialog-add-content__buttons .vl-button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-add-content .dialog-add-content__buttons .vl-button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-add-content .dialog-add-content__buttons .vl-button, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-border, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-without-bg, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-full-width {
  border-width: 1px;
  border-color: #dbd5ce;
}

.dialog-add-content .dialog-add-content__buttons .button:first-child, .dialog-add-content .dialog-add-content__buttons .resources-demo-container__link:first-child, .dialog-add-content .dialog-add-content__buttons .projection-view__content-container--link .mvl_card_button:first-child, .projection-view__content-container--link .dialog-add-content .dialog-add-content__buttons .mvl_card_button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-add-content .dialog-add-content__buttons .vl-button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-add-content .dialog-add-content__buttons .vl-button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:first-child, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-border:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:first-child, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-without-bg:first-child, .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:first-child, .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-full-width:first-child {
  margin-right: 8px;
}

.dialog-add-content .dialog-add-content__buttons .button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .resources-demo-container__link:nth-child(2), .dialog-add-content .dialog-add-content__buttons .projection-view__content-container--link .mvl_card_button:nth-child(2), .projection-view__content-container--link .dialog-add-content .dialog-add-content__buttons .mvl_card_button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-add-content .dialog-add-content__buttons .vl-button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-add-content .dialog-add-content__buttons .vl-button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-add-content .dialog-add-content__buttons .vl-button:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-border:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-without-bg:nth-child(2), .dialog-add-content .dialog-add-content__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:nth-child(2), .video-lesson .video-lesson-content .vl-lesson .dialog-add-content .dialog-add-content__buttons .vl-button--primary-full-width:nth-child(2) {
  margin-left: 8px;
}

.dialog-add-content .input-text__input, .dialog-add-content .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-content input, .dialog-add-content .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .dialog-add-content input, .dialog-add-content .input-date input, .input-date .dialog-add-content input, .dialog-add-content .input-time-range__input, .dialog-add-content .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .dialog-add-content input {
  border-radius: 40px;
}

.dialog-add-content__content--with-atach .upload-attach__uploader-container {
  display: none;
}

.dialog-add-content__buttons {
  justify-content: space-around;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.dialog-add-content__google-drive {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dialog-add-content__google-drive-text {
  margin-bottom: 8px;
}

.dialog-add-content__content-drive-card {
  margin-top: 8px;
}

.dialog-lemonade-templates .MuiPaper-root {
  max-width: 904px;
}

.dialog-lemonade-templates .template-card {
  border-radius: 2px;
}

.dialog-lemonade-templates .template-card__description, .dialog-lemonade-templates .template-card__background-image {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.dialog-lemonade-templates .template-card__image:hover .template-card__description {
  opacity: .2 !important;
}

.dialog-lemonade-templates__columns {
  min-height: 100px;
}

.dialog-lemonade-templates__left-column {
  flex: 0 calc(33.3333% - 24px);
  width: calc(33.3333% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.dialog-lemonade-templates__right-column {
  flex: 0 calc(66.6667% - 24px);
  width: calc(66.6667% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.dialog-lemonade-templates__list {
  height: calc(70vh - 102px);
  margin-bottom: 8px;
  padding-right: 8px;
  overflow-y: auto;
}

.dialog-lemonade-templates__type {
  border-radius: 8px;
  align-items: center;
  max-width: 200px;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}

.dialog-lemonade-templates__type-icon {
  display: none;
}

.dialog-lemonade-templates__type-name {
  margin-left: 12px;
  font-size: 18px !important;
}

.dialog-lemonade-templates__type--selected .dialog-lemonade-templates__type-name {
  color: var(--color-first);
}

@media only screen and (min-width: 768px) {
  .dialog-lemonade-templates__type-icon {
    display: block;
  }
}

.dialog-lemonade-editor .lemo-editor-config__variant-style, .dialog-lemonade-editor .lemo-editor-config__fix-spaces, .dialog-lemonade-editor .lemo-editor-config__autosize-response {
  display: none;
}

.dialog-lemonade-editor .fr-toolbar, .dialog-lemonade-editor .fr-basic {
  z-index: 4001 !important;
}

.dialog-lemonade-editor .react-tooltip__show {
  z-index: 4002 !important;
}

.dialog-carrousel-images .dialog__hr {
  display: none;
}

.dialog-carrousel-images__body {
  margin: auto;
}

.dialog-carrousel-images__lib--images .swiper-button-next, .dialog-carrousel-images__lib--images .swiper-button-prev {
  color: #706b65;
  border: 2px solid #706b65;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  position: fixed;
  top: calc(50% - 39px);
}

.dialog-carrousel-images__lib--images .swiper-button-next:after, .dialog-carrousel-images__lib--images .swiper-button-prev:after {
  font-size: 18px;
}

.dialog-carrousel-images__image-container {
  justify-content: center;
  align-items: center;
  height: calc(100vh - 174px);
  display: flex;
}

.dialog-carrousel-images__image {
  max-width: 100%;
  max-height: 100%;
}

.dialog-carrousel-images__thumbnail-container {
  width: 60px;
  height: 60px;
}

.dialog-carrousel-images__thumbnail {
  background-size: cover;
  width: 100%;
  height: 100%;
}

.dialog-carrousel-images__lib--thumbnail {
  margin-top: 8px;
}

.dialog-carrousel-images__lib--thumbnail .swiper-slide {
  display: block;
  width: auto !important;
}

.dialog-carrousel-images__lib--thumbnail .swiper-wrapper {
  justify-content: center;
  display: flex;
}

.dialog-carrousel-images__thumbnail-container--active {
  border: 1px solid var(--color-first);
}

.dialog-carrousel-images__thumbnail-container--no-active {
  border: 1px solid rgba(0, 0, 0, 0);
}

.dialog-carrousel-images__thumbnail-container--no-active .dialog-carrousel-images__thumbnail {
  opacity: .4;
}

.dialog-activity-detail .answer-test-view__footer-bar {
  z-index: 1;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  transform: none;
}

.dialog-activity-detail .answer-test-bar-footer__content {
  box-shadow: none;
  background: none;
  border: 0;
  margin-top: 8px;
  padding: 0;
}

.dialog-activity-detail .answer-test-bar-footer__status-showed {
  display: none;
}

.dialog-activity-detail__share {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.dialog-activity-detail--type-audiorecorder .solution-corrective-feedback__show-solution {
  display: none;
}

.dialog-activity-detail__share-button--google .icon {
  color: var(--color-google-classroom);
}

.dialog-activity-detail__share-button--teams .icon {
  color: var(--color-teams);
}

.dialog-activity .layout-header, .dialog-videolesson .layout-header {
  background: #fff;
}

.dialog-activity .assessment-instructions-view__date, .dialog-videolesson .assessment-instructions-view__date, .dialog-activity .assessment-instructions-view-header__header-right, .dialog-videolesson .assessment-instructions-view-header__header-right {
  visibility: hidden;
}

.dialog-activity--student .dialog-activity-detail__assesment {
  box-shadow: none;
  border: 0;
  padding: 0;
}

.dialog-activity__group-name, .dialog-videolesson__name {
  color: #706b65;
  text-transform: uppercase;
}

.dialog-create-unit .new-unit__title-container, .dialog-create-unit .new-unit__actions {
  display: none;
}

.dialog-create-unit .new-unit {
  width: 100%;
}

.dialog-create-unit .new-unit__form {
  margin-top: 0;
}

.dialog-create-unit .new-unit {
  padding: 0;
}

.dialog-expired-licenses {
  flex-direction: column;
  max-width: 650px;
  margin: auto;
  display: flex;
}

.dialog-expired-licenses__subtitle {
  color: #706b65;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
}

.dialog-desktop-version .MuiPaper-root {
  width: 565px;
  max-width: 565px;
  height: 367px;
}

.dialog-desktop-version .dialog-desktop-version__title-text {
  margin-left: 8px;
}

.dialog-desktop-version__content {
  flex-direction: column;
  margin-top: 8px;
  display: flex;
}

.dialog-desktop-version__header {
  color: #36393b;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.dialog-desktop-version__title {
  align-items: center;
  display: flex;
}

.dialog-desktop-version__title-icon {
  margin-right: 8px;
}

.dialog-desktop-version__close {
  cursor: pointer;
  justify-self: flex-end;
}

.dialog-desktop-version__texts {
  margin-left: 8px;
}

.dialog-desktop-version__text {
  color: #36393b;
  margin-top: 8px;
  font-size: 15px;
}

.dialog-desktop-version__so {
  justify-content: space-evenly;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.dialog-desktop-version__so-ver {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dialog-desktop-version__so-ver-text {
  color: #a39b93;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
}

.dialog-desktop-version__so-ver-text--selected {
  color: #36393b;
}

.dialog-desktop-version__so-ver-so {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.dialog-videolesson .layout-header {
  min-height: auto !important;
}

.dialog-videolesson .layout-header__content {
  background-color: #fff;
  height: 100vh;
}

.dialog-videolesson .layout-header__content .video-lesson .video-lesson-content {
  background-color: #fff !important;
}

.dialog-videolesson .layout-header__children {
  justify-content: center;
  display: flex;
}

.dialog-videolesson .dialog-videolesson__videolesson {
  width: 100%;
}

.dialog-videolesson .layout-header__footer {
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.dialog-activity-simple .dialog__header {
  border-bottom: 1px solid #dbd5ce;
}

.dialog-activity-simple__content {
  width: 100%;
}

.dialog-calendar-settings .MuiPaper-root {
  max-width: 684px;
}

.dialog-calendar-settings .MuiPaper-rounded {
  border-radius: 12px;
}

.dialog-calendar-settings__overflow {
  overflow: visible !important;
}

.dialog-calendar-settings__title {
  color: #706b65;
  justify-content: space-between;
  padding-bottom: 8px;
  display: flex;
}

.dialog-calendar-settings__close {
  cursor: pointer;
}

.dialog-calendar-settings__separator {
  background-color: #f6f6f6;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
}

.dialog-calendar-settings__info {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
}

.dialog-calendar-settings__info-all {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dialog-calendar-settings__info-all-with-days {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dialog-calendar-settings__info-days {
  width: 100%;
}

.dialog-calendar-settings__info-day {
  align-items: center;
  width: 100%;
  margin: 8px;
  display: flex;
}

.dialog-calendar-settings__info-day-date {
  color: #36393b;
  border-right: 1px solid #a39b93;
  width: 35%;
  margin: 8px;
}

.dialog-calendar-settings__info-day-name {
  color: #36393b;
  justify-content: space-between;
  width: 65%;
  padding: 4px;
  font-family: Titilium Semi Bold;
  display: flex;
}

.dialog-calendar-settings__info-inputs {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 8px;
  padding-top: 8px;
  display: flex;
}

.dialog-calendar-settings__info-dates {
  gap: 12px;
  width: 100%;
  height: 100%;
  margin-top: 8px;
  display: flex;
}

.dialog-calendar-settings__info-dates .input-date-picker--portal {
  height: 50px;
}

.dialog-calendar-settings__text {
  color: #a39b93;
  margin: 8px;
  font-size: 15px;
}

.dialog-calendar-settings__button {
  margin: 12px 0;
  font-size: 18px;
}

.dialog-add-videolesson .MuiPaper-root {
  max-width: 551px;
}

.dialog-add-videolesson .dialog-add-videolesson__content .input-text__input-container {
  margin-top: 8px;
}

.dialog-text-editor .text-editor__container {
  height: 165px;
}

.dialog-search-questions-new .header-custom__center {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}

.dialog-search-questions-new .layout-calendar--responsive .layout-calendar__column-1 {
  padding-left: 0;
}

.dialog-search-questions-new .layout-calendar--responsive.layout-calendar--responsive-open .layout-calendar__column-1 {
  height: 100vh;
}

.dialog-search-questions-new__header-left-founds {
  color: #706b65;
  font-family: Titilium Bold;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.dialog-search-questions-new__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.dialog-search-questions-new__header-left {
  align-items: center;
  display: flex;
}

.dialog-search-questions-new__header-right {
  min-width: 50%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.dialog-search-questions-new__search, .dialog-search-questions-new__search .input-text, .dialog-search-questions-new__content {
  width: 100%;
}

.dialog-search-questions-new__right {
  padding-bottom: 80px;
}

.dialog-search-questions-new__footer {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: auto;
  min-height: 80px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.dialog-search-questions-new__left {
  padding-bottom: 100px;
}

.dialog-search-questions-new__left-section-header {
  border-bottom: 1px solid #ebe0d7;
  justify-content: space-between;
  margin-left: 0;
  padding: 8px 16px;
  display: flex;
}

.dialog-search-questions-new__left-subsection {
  width: 100%;
}

.dialog-search-questions-new__left-subsection-accordion, .dialog-search-questions-new__left-subsection-courses {
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  margin: auto 12px !important;
}

.dialog-search-questions-new__left-subsection-accordion {
  border-bottom: 1px solid #ebe0d7 !important;
  padding: 12px 8px !important;
}

.dialog-search-questions-new__left-subsection-header {
  justify-content: space-between;
  padding: 12px 16px;
  display: flex;
}

.dialog-search-questions-new__left-subsection-content {
  padding: 12px 16px;
}

.dialog-search-questions-new__left-subsection-option {
  margin-bottom: 12px;
}

.dialog-search-questions-new__left-section-header-left {
  text-transform: uppercase;
  color: #a39b93;
  font-size: 12px;
  font-weight: 700;
  line-height: 19px;
}

.dialog-search-questions-new__left-section-header-right .text-link-component, .dialog-search-questions-new__left-section-header-right .demo-landing-page__footer-links a, .demo-landing-page__footer-links .dialog-search-questions-new__left-section-header-right a {
  font-family: Titilium Bold;
  font-size: 16px;
}

.dialog-search-questions-new__select-container .select-customizable .select-customizable__control {
  height: auto;
  min-height: 48px;
}

.dialog-search-questions-new__select-container .css-1rhbuit-multiValue {
  background-color: var(--color-bg-04);
  border: 1px solid #ebe0d7;
  border-radius: 4px;
  padding: 4px;
  overflow: hidden;
}

.dialog-search-questions-new__select-container .css-1rhbuit-multiValue svg {
  fill: #a39b93;
  width: 20px;
  height: 20px;
}

.dialog-search-questions-new__select-container .select-customizable__indicator {
  display: none;
}

.dialog-search-questions-new__left-subsection-courses {
  margin: 12px !important;
}

.dialog-search-questions-new__courses-header {
  margin: 20px auto;
}

.dialog-search-questions-new__courses-header .header-tabs__tab {
  background-color: #fff;
}

.dialog-search-questions-new__course-title {
  margin: 12px;
}

.dialog-search-questions-new__left-courses-items {
  text-transform: none;
  color: #a39b93;
  align-items: center;
  width: 100%;
  min-height: 31px;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.dialog-search-questions-new__left-courses-items .input-checkbox {
  width: 12%;
}

.dialog-search-questions-new__left-courses-items .text-html {
  width: 88%;
}

.dialog-search-questions-new__left-courses-subitems {
  text-transform: none;
  color: #a39b93;
  align-items: center;
  width: 100%;
  min-height: 31px;
  padding: 8px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.dialog-search-questions-new__left-courses-subitems .input-checkbox {
  width: 12%;
}

.dialog-search-questions-new__left-courses-subitems .text-html {
  width: 88%;
}

.dialog-search-questions-new__left-courses-items--selected {
  color: #706b65;
}

.dialog-search-questions-new__left-courses-children {
  padding-left: 24px;
}

.dialog-search-questions__no-results {
  margin-top: 30px;
}

.dialog-search-questions-new__header-right-founds {
  color: #a39b93;
}

@media only screen and (min-width: 640px) {
  .dialog-search-questions-new__footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.dialog-activity-preview .dialog-activity-preview__content .lemonade-exercises .lemo-question-header {
  color: #706b65;
  margin-top: 0;
  font-family: Titilium Bold;
  font-weight: 700;
  line-height: 25px;
}

.dialog-activity-preview .dialog-activity-preview__content .lemonade-exercises .lemo-question-controls {
  margin: 0 auto;
}

.dialog-activity-preview .dialog-activity-preview__content .dialog-activity-preview__controls {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.dialog-lemonade-templates__loading {
  min-height: 300px;
}

.dialog-lemonade-templates__ai .textarea__input {
  margin-bottom: 12px;
}

.dialog-show-external-content .MuiDialog-paper {
  width: 900px;
  height: 690px !important;
}

.dialog-show-external-content__wrapper {
  height: 100%;
}

.dialog-show-external-content__iframe {
  width: 100%;
  height: 100%;
}

.dialog-student-feedback .header-custom {
  border-bottom: none;
  align-items: flex-start;
}

.dialog-student-feedback .header-custom__left {
  width: 50%;
}

.dialog-student-feedback__header {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dialog-student-feedback__header-left {
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  display: flex;
}

.dialog-student-feedback__header-title {
  font-size: 24px;
}

.dialog-student-feedback__content {
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-header {
  z-index: 8001;
  justify-content: flex-start;
  margin-bottom: -4px;
  position: relative;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-title {
  color: #706b65;
}

.dialog-student-feedback__content .dialog-feed-back__container {
  width: 90%;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container {
  margin-bottom: 24px;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea {
  resize: none !important;
  height: auto !important;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea::-webkit-scrollbar {
  width: 6px;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea::-webkit-scrollbar-track {
  background: none;
  margin: 4px 0;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea::-webkit-scrollbar-thumb {
  background: #dbd5ce;
  border-radius: 24px;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea::-webkit-scrollbar-thumb:hover {
  background: #f0edea;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container textarea:hover {
  border: 1px solid var(--color-bg-01);
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container--bad textarea, .dialog-student-feedback__content .dialog-feed-back__textarea-container--good textarea {
  min-height: 90px;
  resize: none !important;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container--good textarea:hover {
  border-color: #70cf96;
}

.dialog-student-feedback__content .dialog-feed-back__textarea-container--bad textarea:hover {
  border-color: #ffb979;
}

.dialog-global-post {
  z-index: 9510 !important;
}

.dialog-global-post .MuiPaper-root {
  border-radius: 8px;
}

.dialog-global-post .dialog-global-post__header {
  align-items: flex-end;
  display: flex;
}

.dialog-global-post .dialog-global-post__header-title {
  color: var(--color-first);
  margin-left: 8px;
}

.dialog-global-post .dialog-global-post__message {
  color: #36393b;
  line-height: 25px;
}

.material-preview-assigned {
  display: flex;
}

.material-preview-assigned .count {
  margin-right: 24px;
}

.material-preview-assigned .count__number {
  margin-top: 5px;
}

.material-preview-due-date {
  background: #f7f4f2;
  border-radius: 0;
  align-items: center;
  padding: 8px;
  display: flex;
}

.material-preview-due-date .text {
  color: #a39b93;
}

.material-preview-due-date .description {
  color: #706b65;
}

.material-preview-due-date.expired {
  background: #fee8e8;
}

.material-preview-due-date.expired .text, .material-preview-due-date.expired .description {
  color: #f66868;
}

.material-preview-head {
  display: flex;
}

.material-preview-head .material-preview-head__texts {
  width: 100%;
}

.material-preview-head .evaluable-tag {
  color: #fff;
  text-transform: uppercase;
  background: #78604d;
  border-radius: 40px;
  align-items: center;
  height: 27px;
  padding: 4px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.material-preview-link {
  background: #fff;
  border: 1px solid #ebe0d7;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.material-preview-messages {
  background: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  padding-top: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.material-preview-messages .post-card__comments {
  height: 100%;
  min-height: 250px;
  position: relative;
}

.material-preview-messages .post-card__comments .comments-list-and-create__sender, .material-preview-messages .comments-list-and-create__sender {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.material-preview-messages h3 {
  margin-left: 12px;
  margin-right: 12px;
}

.material-preview-messages .post-card__meta-info {
  display: none;
}

.material-preview-messages .comments-list-and-create__list {
  margin-left: 12px;
  margin-right: 12px;
}

.material-preview-messages .message-sender-simple {
  border: 0;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.material-preview-messages .message-sender-simple__avatar {
  display: none;
}

.material-preview-messages .message-sender-simple__textarea {
  margin: 0;
}

.material-preview-messages .not-comments {
  color: #a39b93;
  font-size: 14px;
}

.material-preview-messages .comments-list {
  max-height: 500px;
  padding-right: 10px;
}

.material-preview-quiz {
  max-height: 640px;
  padding-right: 18px;
  overflow-y: auto;
}

.material-preview-quiz__item {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 12px;
  display: flex;
}

.material-preview-quiz__box {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px 0;
  display: flex;
}

.material-preview-video-lesson .vl-wrapper-visor-question {
  flex-direction: column !important;
  display: flex !important;
}

.material-preview-video-lesson .vl-wrapper-visor-question__visor {
  width: 100% !important;
}

.material-preview-video-lesson .vl-lemonade-question__question, .material-preview-video-lesson .vl-button-questions, .material-preview-video-lesson .vl-custom-controls__right button:nth-child(2) {
  display: none !important;
}

.material-preview-video-lesson .vl-custom-controls {
  margin-top: 0 !important;
}

.material-preview-viewer {
  background-color: #f7f4f2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90%;
  display: flex;
}

.material-preview-viewer__wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 100%;
  display: flex;
}

.material-preview-body-student {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 660px;
  padding-bottom: 20px;
  display: flex;
  overflow: auto;
}

.material-preview-body-student .viewer {
  background: #fff;
}

.material-preview-body-student--center-viewer .viewer-v2 {
  height: auto !important;
}

.material-preview-body-student__activity-button {
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.material-preview-body-student__document-button {
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: 16px;
  display: flex;
}

.material-preview-body-student__activity {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.material-preview-body-student__activity-cover {
  width: 100%;
  height: 354px;
}

.material-preview-body-student__activity-cover img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.material-preview-body-student__activity-progress {
  align-items: center;
  gap: 40px;
  display: flex;
  width: 100% !important;
}

.material-preview-body-student__activity-progress-wrapper {
  background: #fff;
  border: 1px solid #ebe0d7;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  padding: 8px 12px 8px 16px;
  display: flex;
}

.material-preview-body-student__activity-progress-wrapper--progress-bar {
  width: 80%;
}

.material-preview-body-student__activity-progress-wrapper .progress-bar__label {
  width: 40px;
}

.material-preview-body-student__activity-progress-wrapper .tag--progress-bar {
  min-height: 40px;
}

.material-preview-body-student__activity-progress-wrapper .progress-bar__label .progress-bar__label--value {
  color: #36393b;
  font-family: Titilium Bold;
  font-size: 14px;
  display: inline-block;
}

.material-preview-body-student__activity-progress-wrapper .progress-bar__label .progress-bar__label--percent {
  color: #a39b93;
  margin-left: 2px;
  font-family: Titilium Bold;
  font-size: 12px;
  display: inline-block;
}

.material-preview-body-student__activity-score-status {
  border-radius: 25px;
  padding: 10px 20px;
  font-family: Titilium Bold;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.material-preview-body-student__activity-score-status--primary {
  background-color: var(--color-first-alpha);
  color: var(--color-first);
}

.material-preview-body-student__activity-score-status--secondary {
  color: #706b65;
  background-color: #f0edea;
}

.material-preview-body-student__activity-score-status--disabled {
  color: #a39b93;
  background-color: #f0edea;
}

.material-preview-body-student__activity-status, .material-preview-body-student__activity-status .attention-card {
  width: 100%;
}

.material-preview-body-student__activity-metadata {
  background-color: var(--color-bg-04);
  border-radius: 8px;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.material-preview-body-student__activity-metadata-item {
  padding: 0 12px;
}

.material-preview-body-student__activity-metadata-item--separator {
  border-left: 1px solid #ebe0d7;
}

.material-preview-body-student__activity-metadata-item--late {
  color: #f66868;
}

@media (max-width: 480px) {
  .material-preview-body-student__activity-status .attention-card {
    padding: 8px;
  }

  .material-preview-body-student__activity-metadata {
    flex-direction: column;
    width: 100%;
  }

  .material-preview-body-student__activity-metadata-item--separator {
    border-left: none;
  }
}

.dialog-material-preview .MuiPaper-root {
  border-radius: 16px;
}

.dialog-material-preview__body {
  min-height: 400px;
}

.dialog-material-preview__container-viewer {
  width: 60%;
  height: 660px;
  overflow: hidden;
}

.dialog-material-preview__container-viewer .viewer {
  background: #fff;
}

.dialog-material-preview__container-description {
  padding: 6px;
  font-family: Titilium Regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-material-preview__container-viewer-teacher {
  width: 100%;
}

.dialog-material-preview__container-viewer-teacher .viewer {
  background: #fff;
}

.dialog-material-preview__container-messages {
  flex-direction: column;
  width: 40%;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  overflow: auto;
}

.dialog-material-preview__container-messages > div:first-child {
  margin-bottom: 16px;
}

.dialog-material-preview__description {
  color: #706b65;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.dialog-material-preview .dialog__title-container {
  width: 100%;
}

.dialog-material-preview .dialog__title-wrapper {
  width: 80%;
}

.dialog-material-preview .dialog__title-container {
  align-items: start;
}

.dialog-material-preview .dialog__actions {
  justify-content: center;
}

.dialog-material-preview .MuiDialogContent-root {
  flex-direction: column;
  justify-content: space-between;
  min-height: auto;
  display: flex;
  padding: 0 40px 20px !important;
}

.dialog-material-preview .MuiDialogActions-root {
  border-top: 1px solid #dbd5ce;
  margin: 0;
}

.dialog-material-preview .viewer {
  height: 100%;
  min-height: 400px;
}

.dialog-material-preview .viewer-container {
  background: #fff;
  align-items: flex-start;
}

.dialog-material-preview .viewer-image {
  justify-content: flex-start;
}

.dialog-material-preview .viewer__video {
  height: auto;
}

.dialog-material-preview__container-reference-material .attachment-card {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dialog-material-preview__container-reference-material .attachment-card .attachment-card__link {
  margin-top: 8px;
  margin-bottom: 8px;
}

.dialog-material-preview .dialog-material-preview__body .material-preview-body-student > .viewer-v2 {
  width: 70% !important;
}

.dialog-material-preview .material-preview-body-student--one-column {
  text-align: left !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  margin-right: 0 !important;
}

.dialog-material-preview .material-preview-body-student--without-content {
  align-items: start !important;
}

@media (max-width: 768px) {
  .dialog-material-preview__body .attention-card__texts .attention-card__title {
    font-size: 18px;
  }

  .dialog-material-preview__body {
    flex-direction: column;
  }

  .dialog-material-preview__body .material-preview-body-student__activity-cover {
    height: auto;
  }

  .dialog-material-preview__body .material-preview-body-student {
    width: 100%;
    height: 100%;
  }

  .dialog-material-preview__body .dialog-material-preview__container-messages {
    width: 100%;
    margin-top: 24px;
  }

  .dialog-material-preview__body .dialog-material-preview__container-messages .material-preview-messages {
    min-height: 100px !important;
  }
}

@media (max-width: 480px) {
  .dialog-material-preview__body .material-preview-body-student__activity-cover {
    display: none;
  }

  .dialog-material-preview__body .material-preview-body-student {
    height: 100%;
  }

  .dialog-material-preview__body .material-preview-body-student .viewer-v2 .viewer.viewer-styles-encapsulate {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  .dialog-material-preview__body {
    justify-content: space-between;
    height: 100%;
  }

  .dialog-material-preview__body .material-preview-body-student__activity-cover {
    max-height: 250px;
  }

  .dialog-material-preview__body .material-preview-body-student__activity {
    max-height: 100%;
  }
}

.dialog-add-reference-material {
  max-height: 100%;
  overflow-y: auto;
}

.dialog-add-reference-material__header-select {
  max-width: 299px;
  margin: 16px 0 12px;
}

.dialog-add-reference-material__header .hr {
  width: calc(100% + 40px);
  margin: 0 -20px;
}

.dialog-add-reference-material__container {
  flex-direction: column;
  gap: 12px;
  min-height: 400px;
  margin-bottom: 24px;
  display: flex;
}

.dialog-add-reference-material__item {
  cursor: pointer;
  text-overflow: ellipsis;
  color: #36393b;
  border-radius: 8px 0 0 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.dialog-add-reference-material__item:hover {
  background-color: #f7f4f2;
}

.dialog-add-reference-material__empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.dialog-add-reference-material__empty-image {
  width: 324px;
  height: 240px;
}

.dialog-add-reference-material__empty-text {
  color: #a39b93;
  text-align: center;
  font-family: Titilium Regular;
  font-size: 16px;
  line-height: 25px;
}

.dialog-content-preview .MuiPaper-rounded {
  border-radius: 12px;
}

.dialog-content-preview .viewer-v2 {
  min-height: 400px;
}

.dialog-content-preview__header-title {
  gap: 12px;
  display: flex;
}

.dialog-content-preview__header-title-text {
  flex-direction: column;
  display: flex;
}

.dialog-content-preview__header-title-text-type {
  color: #dbd5ce;
  text-transform: uppercase;
  font-family: Titilium Regular;
  font-size: 12px;
  font-weight: 700;
}

.dialog-content-preview__header-title-text-subtitle {
  color: #414b5c;
  font-family: Titilium Regular;
  font-size: 14px;
  font-weight: 400;
}

.dialog-content-preview__footer {
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.dialog-content-preview__footer .button, .dialog-content-preview__footer .resources-demo-container__link, .dialog-content-preview__footer .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .dialog-content-preview__footer .resources-demo-container__link, .dialog-content-preview__footer .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .dialog-content-preview__footer .button, .dialog-content-preview__footer .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dialog-content-preview__footer .mvl_card_button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-content-preview__footer .vl-button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-content-preview__footer .vl-button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-content-preview__footer .vl-button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-content-preview__footer .vl-button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-content-preview__footer .vl-button, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .dialog-content-preview__footer .vl-button--primary-border, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dialog-content-preview__footer .vl-button--primary-without-bg, .dialog-content-preview__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dialog-content-preview__footer .vl-button--primary-full-width {
  font-family: Titilium Regular;
  font-size: 14px;
  font-weight: 700;
}

.dialog-content-preview--pdf .MuiDialog-paperScrollPaper {
  height: 100%;
}

.dialog-content-preview--pdf .viewer-v2 {
  height: calc(100% - 70px) !important;
}

.dialog-wizard__content {
  padding: 0;
}

.dialog-wizard__step-indicator {
  border-bottom: 1px solid #f0edea;
  margin-bottom: 12px;
  padding: 12px 16px;
}

.dialog-wizard__step-text {
  color: #706b65;
  text-align: center;
  font-family: Titilium Semi Bold;
  font-size: 15px;
  display: block;
}

.dialog-wizard__step-content {
  min-height: 200px;
  padding: 0 16px 12px;
}

.dialog-wizard .dialog__actions {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.dialog-wizard .dialog__actions-left {
  flex: none;
}

.dialog-add-library-material__select-content-type {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dialog-add-library-material__select-content-type-title {
  color: #a39b93;
  letter-spacing: 0%;
  vertical-align: middle;
  font-family: Titilium Regular;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-add-library-material__select-content-type-options {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dialog-add-library-material__select-content-type-options-item {
  align-items: center;
  gap: 10px;
  display: flex;
}

.dialog-add-library-material__select-content-type-options-item .input-radio__label {
  color: #706b65;
}

.dialog-add-library-material__add-info-content {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.dialog-add-library-material__add-content-title .input-text__label, .dialog-add-library-material__add-content-title .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-library-material__add-content-title .vl-wrapper-title-error__title, .dialog-add-library-material__add-content-title .textarea__label, .dialog-add-library-material__add-content-description .input-text__label, .dialog-add-library-material__add-content-description .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-library-material__add-content-description .vl-wrapper-title-error__title, .dialog-add-library-material__add-content-description .textarea__label {
  color: #a39b93;
  font-family: Titilium Regular;
  font-weight: 400;
}

.dialog-add-library-material__classify-content {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dialog-add-library-material__classify-content-title {
  color: #a39b93;
}

.dialog-add-library-material__classify-content-selectors {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.dialog-add-library-material__classify-content-selectors-top, .dialog-add-library-material__classify-content-selectors-bottom {
  flex-direction: row;
  gap: 16px;
  width: 100%;
  display: flex;
}

.dialog-add-library-material__classify-content-selector {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.dialog-add-library-material__classify-content-selector .label, .dialog-add-library-material__classify-content-selector .signup__license-disclaimer, .dialog-add-library-material__classify-content-selector .project-remote-list__title-section, .dialog-add-library-material__classify-content-selector .dialog-assign-score__info, .dialog-add-library-material__classify-content-selector .preview-content__name, .dialog-add-library-material__classify-content-selector .profile-form__label, .dialog-add-library-material__classify-content-selector .input-checkbox__label, .dialog-add-library-material__classify-content-selector .input-date__label, .dialog-add-library-material__classify-content-selector .input-date-v2 .input-date-v2__label, .input-date-v2 .dialog-add-library-material__classify-content-selector .input-date-v2__label, .dialog-add-library-material__classify-content-selector .input-radio__label, .dialog-add-library-material__classify-content-selector .input-radio__description, .dialog-add-library-material__classify-content-selector .input-text__label, .dialog-add-library-material__classify-content-selector .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-add-library-material__classify-content-selector .vl-wrapper-title-error__title, .dialog-add-library-material__classify-content-selector .input-time-range__label, .dialog-add-library-material__classify-content-selector .select-bubble__label, .dialog-add-library-material__classify-content-selector .select-customizable__label, .dialog-add-library-material__classify-content-selector .select-checkboxs__label, .dialog-add-library-material__classify-content-selector .textarea__label, .dialog-add-library-material__classify-content-selector .input-date-picker__wrapper .input-date-picker__label, .input-date-picker__wrapper .dialog-add-library-material__classify-content-selector .input-date-picker__label, .dialog-add-library-material__classify-content-selector .dialog-select-template__type-name, .dialog-add-library-material__classify-content-selector .dialog-lemonade-templates__type-name {
  color: #a39b93;
}

.dialog-add-library-folder .dialog-add-library-folder__total-folders {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.dialog-delete-library-folder .dialog-delete-library-folder__text {
  color: #a39b93;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-delete-library-folder .dialog-delete-library-folder__input {
  margin-top: 12px;
}

.dialog-delete-library-folder .dialog-delete-library-folder__warning {
  color: #a39b93;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-delete-library-folder .dialog-delete-library-folder__warning:last-child {
  margin-bottom: 0;
}

.dialog-delete-library-resource .dialog-delete-library-resource__text {
  color: #a39b93;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-delete-library-resource .dialog-delete-library-resource__text:last-child {
  margin-bottom: 0;
}

.dialog-share-content-in-library .dialog-share-content-in-library__text {
  color: #a39b93;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.dialog-share-content-in-library .dialog-share-content-in-library__text:last-child {
  margin-bottom: 0;
}

.dialog-share-content-in-program__content {
  padding: 16px;
}

.dialog-share-content-in-program__text {
  color: #a39b93;
  white-space: pre-line;
  font-size: 15px;
  line-height: 25px;
}

.dropdown__lib .MuiPaper-root {
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.dropdown__lib {
  z-index: 8001;
}

.list-simple-dropdown {
  padding: 8px 0;
  display: flex;
}

.list-simple-dropdown__list:first-child {
  border-right: 1px solid #ebe0d7;
}

.list-simple-dropdown__list {
  min-width: 220px;
  padding-right: 12px;
}

.list-simple-dropdown__li {
  padding: 4px 12px;
  transition-duration: .4s;
  display: flex;
  overflow: hidden;
}

.list-simple-dropdown__li:hover {
  cursor: pointer;
  background: var(--color-card-background);
  border-radius: 0;
}

.list-simple-dropdown__li--disabled .span {
  color: #706b65;
}

.list-simple-dropdown__li--disabled:hover {
  cursor: default;
  background: var(--color-card-background);
}

.list-simple-dropdown__li--active {
  background: #fff;
}

.list-simple-dropdown__li--active .list-simple-dropdown__name {
  color: var(--color-first);
}

.list-simple-dropdown__icon {
  margin-top: 1px;
  margin-right: 8px;
}

.list-simple-dropdown__icon--right {
  margin-left: auto;
  margin-right: 0;
}

.list-simple-dropdown__texts {
  flex-direction: column;
  display: flex;
}

.list-simple-dropdown__name {
  color: #706b65;
  font-family: Titilium Bold;
  font-size: 16px;
}

.list-simple-dropdown__description {
  color: #a39b93;
}

.list-simple-dropdown__tooltip {
  border: 1px solid #ebdfb6;
  border-radius: 4px;
  color: #fff !important;
  background-color: #303949 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}

.list-simple-dropdown__title {
  cursor: default;
  color: #c7bfb7;
  text-transform: uppercase;
  font-family: Titilium Regular;
  font-size: 12px;
  font-weight: 700;
}

.list-simple-dropdown__title:hover, .list-simple-dropdown__li--title:hover {
  cursor: default;
  background: none;
}

.list-complex-dropdown, .notifications-list {
  padding: 4px 12px;
}

.list-complex-dropdown .item-complex-list, .notifications-list .item-complex-list {
  border-radius: 0;
  width: 100%;
  padding: 8px 4px;
  transition-duration: .4s;
}

.list-complex-dropdown .item-complex-list:hover, .notifications-list .item-complex-list:hover {
  cursor: pointer;
  background: var(--color-card-background);
}

.action-dropdown {
  padding: 4px 12px;
}

.action-text__container {
  text-align: center;
  width: 100%;
  margin: 12px 0 4px;
}

.dropdown-courses .item-complex-list__center {
  margin-left: 8px;
}

.dropdown-courses__lib {
  margin-top: 14px;
}

.dropdown-courses__lib .MuiPaper-root {
  width: 314px;
}

.dropdown-courses__lib .list-complex-dropdown, .dropdown-courses__lib .notifications-list {
  max-height: 430px;
  overflow-y: auto;
}

.dropdown-courses__bubbles {
  position: relative;
}

.dropdown-courses__notification {
  position: absolute;
  left: 40px;
}

.dropdown-courses__settings {
  visibility: hidden;
}

.item-complex-list:hover .dropdown-courses__name, .item-complex-list:hover .dropdown-courses__my-classes-text {
  color: #706b65;
}

.item-complex-list:hover .dropdown-courses__settings {
  visibility: visible;
}

.dropdown-event-calendar__lib .MuiPaper-root {
  width: 274px;
}

.dropdown-event-calendar__close {
  position: absolute;
  right: 10px;
}

.dropdown-event-calendar__course {
  align-items: center;
  display: flex;
}

.dropdown-event-calendar__course-name {
  color: #706b65;
  margin-left: 16px;
  display: block;
}

.dropdown-event-calendar__date-header {
  color: #706b65;
  margin-bottom: 12px;
}

.dropdown-event-calendar__task-course {
  color: #a39b93;
  align-items: center;
  display: flex;
}

.dropdown-event-calendar__task-unit {
  margin-left: 4px;
}

.dropdown-event-calendar__task-info {
  align-items: center;
  margin: 16px 0;
  display: flex;
}

.dropdown-event-calendar__task-info-questions {
  color: #a39b93;
  margin-bottom: 4px;
}

.dropdown-event-calendar__task-name {
  color: #36393b;
}

.dropdown-event-calendar__date-text {
  margin-left: 12px;
}

.dropdown-event-calendar__date {
  color: #a39b93;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.dropdown-event-calendar__name {
  color: #a39b93;
  margin: 8px 0 24px;
  display: block;
}

.dropdown-event-calendar__footer {
  justify-content: flex-end;
  display: flex;
}

.dropdown-profile__lib .MuiPaper-root {
  width: 298px;
}

.dropdown-profile__lib .list-simple-dropdown {
  padding: 0;
}

.dropdown-profile__lib .list-simple-dropdown ul {
  width: 100%;
}

.dropdown-profile__lib .list-simple-dropdown__li {
  padding-left: 0;
  padding-right: 0;
}

.dropdown-profile__lib .list-simple-dropdown__icon {
  margin-left: 8px;
}

.dropdown-profile__dropdown {
  border-radius: 0;
  margin-top: 12px;
}

.dropdown-profile__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 16px;
  display: flex;
}

.dropdown-profile__info {
  flex-direction: column;
  margin-bottom: 8px;
  padding: 0 16px;
  display: flex;
}

.dropdown-profile__name {
  color: #706b65;
  margin-bottom: 4px;
}

.dropdown-profile__email {
  color: #a39b93;
}

.dropdown-profile__separator {
  margin: 8px 0;
}

.dropdown-profile__recorded {
  align-items: center;
  display: flex;
}

.dropdown-profile__recorded-text {
  margin-right: 8px;
}

.dropdown-profile__options .list-simple-dropdown__name {
  color: #a39b93;
}

.dropdown-next-events__lib {
  margin-top: 20px;
}

.dropdown-next-events__lib .MuiPaper-root {
  width: 312px;
}

.dropdown-next-events__lib .next-event-item {
  border: 0;
  padding: 0;
}

.dropdown-next-events__lib .basic-list__item {
  margin-top: 8px;
}

.dropdown-next-events__lib .no-items {
  padding: 12px;
}

.dropdown-next-events__lib .no-items__item--texts {
  margin-bottom: 0;
}

.dropdown-next-events__container {
  padding: 8px;
}

.dropdown-next-events__no-events-container {
  text-align: center;
  background: #f7f4f2;
  border-radius: 0;
  padding: 8px;
}

.dropdown-next-events__no-events-title {
  color: #a39b93;
}

.dropdown-notifications__lib {
  margin-top: 20px;
}

.dropdown-notifications__lib .MuiPaper-root {
  width: 299px;
  padding-top: 8px;
}

.dropdown-notifications__lib .no-items__item--texts {
  margin-bottom: 0;
}

.dropdown-notifications__lib--social .MuiPaper-root {
  padding-bottom: 8px;
}

.dropdown-notifications__text-empty-container {
  text-align: center;
  background: #f7f4f2;
  border: 0;
  margin: 0 12px;
}

.dropdown-notifications__text-empty {
  color: #a39b93;
}

.dropdown-tasks__lib .MuiPaper-root {
  width: 312px;
}

.dropdown-tasks__lib .no-items {
  padding: 12px;
}

.dropdown-tasks__lib .no-items__item--texts {
  margin-bottom: 0;
}

.dropdown-tasks__remaining {
  color: #f66868;
  padding-right: 4px;
}

.dropdown-students-grades__lib .MuiPaper-root {
  width: 273px;
}

.dropdown-students-grades__dropdown {
  max-height: 300px;
  overflow: auto;
}

.dropdown-students-grades__dropdown .basic-list__item {
  border: 0;
}

.dropdown-students-grades__dropdown .user-item__texts {
  color: #a39b93;
}

.dropdown-students-grades__dropdown .user-item__main-info {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  align-items: center;
  width: calc(100% - 38px);
  display: flex;
  overflow: hidden;
  display: -webkit-box !important;
}

.dropdown-schedule__wrapper {
  padding: 12px;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour {
  margin-top: 12px;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour input {
  width: 100%;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(87%) sepia(0%) saturate(391%) hue-rotate(168deg) brightness(86%) contrast(68%);
}

.dropdown-schedule__wrapper .input-date input {
  padding-left: 8px;
}

.dropdown-schedule__wrapper .input-date .input-date__icon {
  left: 260px;
  right: 10px;
}

.dropdown-schedule__wrapper .input-date .input-date__icon svg {
  width: 18px;
  height: 18px;
}

.dropdown-schedule__footer-buttons {
  padding: 12px;
}

.dropdown-users-classroom__lib .MuiPaper-root {
  width: 493px;
  max-width: 94vw;
}

.dropdown-users-classroom__lib .input-text__input, .dropdown-users-classroom__lib .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .dropdown-users-classroom__lib input, .dropdown-users-classroom__lib .input-date input, .input-date .dropdown-users-classroom__lib input, .dropdown-users-classroom__lib .input-time-range__input, .dropdown-users-classroom__lib .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .dropdown-users-classroom__lib input, .dropdown-users-classroom__lib .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .dropdown-users-classroom__lib input {
  background: #f7f4f2;
  border-radius: 8px;
}

.dropdown-users-classroom__lib .for-users {
  flex: none;
}

.dropdown-users-classroom__lib .user-item__input-checkbox {
  margin: 0;
}

.dropdown-users-classroom__lib .user-item__name {
  margin-left: 12px;
  font-family: Titilium Regular;
  font-size: 18px;
}

.dropdown-users-classroom__lib .user-item--checked .user-item__name {
  color: #36393b;
}

.dropdown-users-classroom__all {
  flex: none;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.dropdown-users-classroom__all-text, .dropdown-users-classroom__no-students {
  color: #a39b93;
}

.dropdown-users-classroom__all-text {
  margin-left: 16px;
}

.dropdown-users-classroom__no-students {
  margin-bottom: 12px;
  display: block;
}

.dropdown-users-classroom__top, .dropdown-users-classroom__users, .dropdown-users-classroom__footer {
  padding: 12px;
}

.dropdown-users-classroom__users {
  max-height: 40vh;
  overflow-y: scroll;
}

.dropdown-users-classroom__all-classroom {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-bottom: 12px;
  padding-right: 6px;
  display: flex;
}

.dropdown-users-classroom__all-classroom .input-checkbox {
  justify-content: flex-end;
  display: flex;
}

.dropdown-users-classroom__footer {
  background: #f7f4f2;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-users-classroom__footer .input-checkbox__label {
  color: #36393b;
}

.dropdown-users-classroom__footer-save {
  flex: none;
}

.dropdown-users-classroom__all-classroom--checked .for-users__all-text, .dropdown-users-classroom__all-classroom--checked .dropdown-users-classroom__all-text {
  color: #36393b;
}

.dropdown-session-calendar {
  min-width: 380px;
}

.dropdown-session-calendar__lib .MuiPaper-root {
  width: 380px;
}

.dropdown-session-calendar__lib .card-generic {
  border: 0;
}

.dropdown-session-calendar__close {
  position: absolute;
  right: 10px;
}

.dropdown-session-calendar__course {
  align-items: center;
  display: flex;
}

.dropdown-session-calendar__course-name-container {
  flex-direction: column;
  justify-content: flex-start;
  width: 85%;
  margin-left: 4px;
  display: flex;
}

.dropdown-session-calendar__course-name {
  color: #706b65;
  font-size: 14px;
  overflow: hidden;
}

.dropdown-session-calendar__course-class {
  color: #a39b93;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.dropdown-session-calendar__date-header {
  color: #706b65;
  margin-bottom: 12px;
}

.dropdown-session-calendar__footer {
  justify-content: flex-end;
  display: flex;
}

.dropdown-session-calendar__session-container {
  flex-direction: column;
  justify-content: flex-start;
  margin: 12px 4px;
  display: flex;
}

.dropdown-session-calendar__session-order {
  text-transform: uppercase;
  color: #706b65;
  font-family: Titilium Semi Bold;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.dropdown-session-calendar__session-name {
  font-family: Titilium Semi Bold;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.answer-test-bar-footer {
  position: relative;
}

.answer-test-bar-footer__content {
  z-index: 2;
  background: #fff;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 0 26px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.answer-test-bar-footer__right .button, .answer-test-bar-footer__right .resources-demo-container__link, .answer-test-bar-footer__right .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .answer-test-bar-footer__right .resources-demo-container__link, .answer-test-bar-footer__right .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .answer-test-bar-footer__right .button, .answer-test-bar-footer__right .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .answer-test-bar-footer__right .mvl_card_button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .answer-test-bar-footer__right .vl-button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .answer-test-bar-footer__right .vl-button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .answer-test-bar-footer__right .vl-button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .answer-test-bar-footer__right .vl-button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .answer-test-bar-footer__right .vl-button, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .answer-test-bar-footer__right .vl-button--primary-border, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .answer-test-bar-footer__right .vl-button--primary-without-bg, .answer-test-bar-footer__right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .answer-test-bar-footer__right .vl-button--primary-full-width {
  margin-left: 8px;
}

.answer-test-bar-footer__right .button__text {
  padding-left: 0;
}

.answer-test-bar-footer__status {
  opacity: 0;
  z-index: 1;
  border: 2px solid #4991e5;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  padding: 0;
  position: absolute;
  bottom: 40px;
}

.answer-test-bar-footer__status-showed {
  opacity: 1;
  padding: 24px 24px 50px;
  transition: opacity 1s, max-height .6s;
}

.answer-test-bar-footer__status-showed--completed {
  background: #f6fafe;
  border-color: #4991e5;
}

.answer-test-bar-footer__status-showed--completed .answer-test-bar-footer__status-title {
  color: #4991e5;
}

.answer-test-bar-footer__status-showed--completed circle {
  fill: #4991e5;
}

.answer-test-bar-footer__status-showed--correct {
  background: #f6fdf7;
  border-color: #41d158;
}

.answer-test-bar-footer__status-showed--correct .answer-test-bar-footer__status-title {
  color: #41d158;
}

.answer-test-bar-footer__status-showed--incorrect {
  background: #fff6f7;
  border-color: #f66868;
}

.answer-test-bar-footer__status-showed--incorrect .answer-test-bar-footer__status-title {
  color: #f66868;
}

.answer-test-bar-footer__status-title-container {
  align-items: center;
  display: flex;
}

.answer-test-bar-footer__status-title {
  margin-left: 8px;
}

.answer-test-bar-footer__status-feedback {
  max-height: 36px;
  margin-top: 24px;
  transition: opacity 1s, max-height .6s;
  overflow: hidden;
}

.answer-test-bar-footer__status-more-button {
  background: #f66868;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 32px;
  display: flex;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.answer-test-bar-footer__status--open-large-feedback .answer-test-bar-footer__status-feedback {
  max-height: 40vh;
  overflow: auto;
}

.answer-test-bar-footer__status-feedback-text {
  padding: 4px;
}

@media only screen and (min-width: 768px) {
  .answer-test-bar-footer__status--open-large-feedback .answer-test-bar-footer__status-feedback {
    max-height: 60vh;
    overflow: auto;
  }
}

.footer-banner {
  z-index: 10;
  color: #fff;
  background: #36393b;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
}

.home-page__footer {
  background-color: #fff;
  border-top: 1px solid #dbd5ce;
  padding: 8px;
  bottom: 0;
}

.home-page__desktop-versions .login-form__desktop-versions {
  color: var(--color-first);
  margin-left: 8px;
}

.lesson-navigation-footer {
  z-index: 1002;
  width: calc(100% - (var(--chatbot-width, 0px)  + 14px) * var(--chatbot-is-open, 0));
  background-color: #fff;
  border-top: 2px solid #dbd5ce;
  height: 64px;
  position: fixed;
  bottom: 0;
  left: 0;
}

.lesson-navigation-footer__content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  display: flex;
}

.lesson-navigation-footer__side {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lesson-navigation-footer__side-wrapper {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 90%;
  display: flex;
}

.lesson-navigation-footer__icon .icon--color-default.icon--lib-core, .lesson-navigation-footer__icon .icon--color-default.icon--lib-skin path {
  fill: #706b65 !important;
}

.lesson-navigation-footer__side-right {
  justify-content: flex-end;
}

.lesson-navigation-footer__navigation {
  text-align: left;
  color: #706b65;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 11px;
}

.lesson-navigation-footer__title {
  text-align: left;
  max-width: 300px;
  display: none;
}

.lesson-navigation-footer__picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex: none;
  width: 50px;
  height: 50px;
  display: none;
}

@media only screen and (min-width: 480px) {
  .lesson-navigation-footer {
    height: 84px;
  }

  .lesson-navigation-footer__title, .lesson-navigation-footer__picture {
    display: block;
  }

  .lesson-navigation-footer__navigation {
    margin-bottom: 8px;
  }
}

.info-footer {
  background: #f0f3f8;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.info-footer svg {
  fill: #2544ca !important;
}

.info-footer__container {
  justify-content: center;
  display: flex;
}

.info-footer__text {
  margin-left: 24px;
}

.account-form__field {
  margin-top: 24px;
}

.add-license-form {
  max-width: 400px;
  margin: auto;
  display: block;
}

.add-license-form__input {
  flex: auto;
}

.add-license-form__button {
  min-width: 100px;
  margin-top: 24px;
  margin-left: 0;
}

.add-license-form__custom-error-container {
  background: #fff3c9;
  margin-top: 24px;
  padding: 12px;
}

.add-license-form__custom-error {
  color: #36393b;
}

.add-license-form__error-byme {
  color: var(--color-first);
  text-decoration: underline;
}

@media only screen and (min-width: 640px) {
  .add-license-form {
    display: flex;
  }

  .add-license-form__button {
    margin-top: 0;
    margin-left: 24px;
  }
}

.assessment-detail-form__field {
  margin-top: 24px;
}

.behaviour-form__textarea {
  margin-top: 24px;
  position: relative;
}

.behaviour-form__textarea textarea {
  min-height: 100px;
  padding-left: 40px;
}

.behaviour-form__textarea .behaviour-form__icon {
  position: absolute;
  top: 10px;
  left: 10px;
}

.content-detail-form {
  padding-right: 16px;
}

.content-detail-form__field {
  margin-top: 24px;
}

.content-detail-form__field .select-checkboxs .picky__input {
  color: #706b65;
}

.content-form__header {
  justify-content: flex-end;
  display: flex;
}

.content-form__date {
  width: 200px;
  height: 40px;
  margin-right: 24px;
}

.content-form__date-title {
  color: #706b65;
  margin-right: 8px;
}

.content-form__button-split {
  margin-bottom: 24px;
}

.content-form__button-split .MuiListItem-root.Mui-selected {
  transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
  background-color: #fff !important;
}

.content-form__button-split .MuiListItem-root.Mui-selected:hover {
  background-color: rgba(0, 0, 0, .04) !important;
}

.content-form__button-split .MuiListItem-root.Mui-selected .button-split__option-text {
  color: #a39b93;
}

.content-form__button-split .MuiListItem-root.Mui-selected .button-split__option-text:hover {
  color: #706b65;
}

.content-form__button-split .MuiMenuItem-root {
  height: 36px;
  margin: 4px 0;
  padding: 8px 12px;
}

.content-form__button-split .hr {
  height: 1px;
}

.content-form__field {
  margin-bottom: 24px;
}

.content-form__field .input-text__input, .content-form__field .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .content-form__field input, .content-form__field .input-date input, .input-date .content-form__field input, .content-form__field .input-time-range__input, .content-form__field .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .content-form__field input, .content-form__field .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .content-form__field input, .content-form__field .textarea__input {
  border: 0;
}

.content-form__field .textarea__input {
  resize: none;
  min-height: 85px;
}

.content-form__buttons-attach {
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.content-form__button {
  margin-right: 24px;
}

.content-form__preview {
  max-width: 70vh;
  margin-top: 30px;
}

.content-form__preview .preview-content__type-with-icon {
  width: 100%;
}

.content-form__preview .preview-content__img, .content-form__preview video {
  max-height: 400px;
  margin: auto !important;
}

.content-form__preview .preview-content__image, .content-form__preview .preview-content__img {
  margin: 0;
}

.content-form__preview .preview-content__video .preview-content__name, .content-form__preview .preview-content__audio .preview-content__name {
  display: none;
}

.content-form__preview .preview-content__audio-icons {
  margin-top: 0;
}

.content-form__preview video {
  max-height: 400px;
}

.content-form__preview-footer {
  justify-content: space-between;
  margin-top: 16px;
  display: flex;
}

.content-form__preview-name {
  color: #222;
}

.content-form__preview-size {
  margin-top: 8px;
}

.course-form .select-bubble {
  max-width: 400px;
}

.course-form__form {
  align-items: baseline;
  margin-left: 0;
}

.course-form__form-title {
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.course-form__form-title--large {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.course-form__form-title--first {
  margin-top: 0;
}

.course-form__item {
  margin-bottom: 12px;
}

.course-form__item--all-width {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.course-form__item--middle-width {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.course-form__item--big, .course-form__item--small {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.course-form__item--selects {
  margin-bottom: 24px;
}

.course-form .select-customizable__option:hover {
  color: #706b65;
  background-color: #f7f4f2;
}

.course-form__schedule {
  margin-bottom: 8px;
}

.course-form__schedule .course-form__item {
  margin-bottom: 24px;
}

.course-form__schedule .DayPickerInput-Overlay {
  left: 0;
  right: auto;
}

@media only screen and (min-width: 768px) {
  .course-form__item--big {
    flex: 0 calc(66.6667% - 24px);
    width: calc(66.6667% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .course-form__item--small {
    flex: 0 calc(33.3333% - 24px);
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .course-form__schedule .DayPickerInput-Overlay {
    left: auto;
    right: 0;
  }
}

.new-classroom-step-basic-settings__container {
  margin-top: 24px;
}

.new-classroom-step-basic-settings__title {
  color: #706b65;
  margin-bottom: 4px;
}

.new-classroom-step-basic-settings__section .new-classroom-step-basic-settings__section-title {
  color: #706b65;
  margin-bottom: 16px;
}

.new-classroom-step-basic-settings__section .input-radio {
  margin-bottom: 16px;
}

.new-classroom-step-basic-settings__section .input-radio .input-radio__label {
  color: #36393b;
}

.new-classroom-step-basic-settings__section .input-radio .input-radio__label.input-radio__label--no-description {
  color: #36393b;
  font-family: Titilium Bold;
}

.new-classroom-step-basic-settings__section .input-radio.input-radio--unchecked .input-radio__label, .new-classroom-step-basic-settings__section .input-radio.input-radio--unchecked .input-radio__description {
  color: #a39b93;
}

.new-classroom-step-basic-settings__section .input-radio__description {
  color: #706b65;
  font-family: Titilium Bold;
}

.new-classroom-step-basic-settings__section:last-child {
  padding-bottom: 16px;
}

.new-classroom-step-basic-settings__section-separator {
  background-color: #dbd5ce;
  width: 100%;
  height: 1px;
  margin-bottom: 16px;
}

.new-classroom-step-basic-settings__devices .input-checkbox__label {
  color: #706b65;
  margin-left: 8px;
}

.new-classroom-step-basic-settings__devices {
  margin-bottom: 16px;
}

.new-classroom-step-basic-settings__devices-text {
  color: #706b65;
  margin-top: 4px;
  margin-left: 30px;
}

.course-form-schedule__times-unit {
  display: block;
}

.course-form-schedule__times-unit .input-radio {
  width: auto;
  margin-right: 24px;
}

.course-form-schedule__forms-units {
  margin-top: 24px;
}

.course-form-schedule__forms-units .MuiAccordion-root {
  margin-bottom: 24px;
}

.course-form-schedule__forms-units .accordion__tab {
  padding: 0;
}

.course-form-schedule__forms-units .accordion__title-text {
  margin-left: 0;
}

@media only screen and (min-width: 640px) {
  .course-form-schedule__times-unit {
    justify-content: flex-start;
    display: flex;
  }
}

.new-test-form .section-select__wrapper .select-customizable__menu-list {
  padding: 8px;
}

.new-test-form .section-select__wrapper .select-customizable__option {
  border-radius: 8px;
  padding: 8px;
  color: #706b65 !important;
}

.new-test-form .section-select__wrapper .select-customizable__option:hover {
  background: #f7f4f2 !important;
}

.new-test-form .new-test-form__input-date-picker .input-date-picker {
  height: 48px;
}

.new-test-form__form .textarea__input {
  resize: none;
  height: 84px;
}

.new-test-form__big {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-bottom: 12px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.new-test-form__six-parts {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-bottom: 12px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.new-test-form__big--error-max-length .input-text__input, .new-test-form__big--error-max-length .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .new-test-form__big--error-max-length input, .new-test-form__big--error-max-length .input-date input, .input-date .new-test-form__big--error-max-length input, .new-test-form__big--error-max-length .input-time-range__input, .new-test-form__big--error-max-length .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .new-test-form__big--error-max-length input, .new-test-form__big--error-max-length .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .new-test-form__big--error-max-length input {
  border: 2px dashed var(--color-first) !important;
}

.new-test-form__big--task-type {
  justify-content: space-between;
  display: flex;
}

.new-test-form__big--task-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.new-test-form__big--task-type-radio {
  border-radius: 0;
  padding: 12px;
}

.new-test-form__big--task-type-radio--selected {
  background: #f7f4f2;
}

.new-test-form__big--task-type-radio--selected .input-radio__label {
  color: #706b65;
}

.new-test-form__buttons {
  margin-top: 24px;
}

.new-test-form__options {
  align-items: center;
  display: flex;
}

.new-test-form__text {
  margin-left: 8px;
}

.new-test-form__six-parts--students .select-checkboxs__picky--with-value .select-checkboxs__placeholder-all-text, .new-test-form__six-parts--students .select-checkboxs__picky--with-value .picky__input > span {
  color: #706b65 !important;
}

.new-lesson-form__big {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-bottom: 12px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.new-lesson-form__middle {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.new-lesson-form__buttons {
  margin-top: 24px;
}

.new-lesson-form__options {
  align-items: center;
  display: flex;
}

.new-lesson-form__text {
  margin-left: 8px;
}

.period-form {
  width: 100%;
}

.period-form__title {
  display: block;
}

.period-form__form {
  margin-top: 24px;
  display: block;
}

.period-form__subtitle {
  color: #a39b93;
}

.period-form__dates {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.period-form__dates--advanced {
  flex: 0 100% !important;
  width: 90% !important;
}

.period-form__schedules {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-top: 24px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.period-form__schedules-header {
  justify-content: space-between;
  display: flex;
}

.period-form__range-date {
  margin-top: 24px;
  display: flex;
  position: relative;
}

.period-form__range-date .input-date {
  z-index: auto;
}

.period-form__date-error {
  font-size: 14px;
}

.period-form__separator {
  background: #f0edea;
  width: 12px;
  height: 1px;
  margin: 16px 8px 0;
  position: relative;
  top: 30px;
}

.period-form__schedules-form {
  margin-top: 24px;
}

.period-form__schedules-form--hide-delete .period-form__day-trash {
  visibility: hidden;
}

.period-form__day {
  flex-wrap: wrap;
  display: flex;
}

.period-form__day-week {
  flex: auto;
  width: 134px;
  margin-right: 24px;
}

.period-form__add-day-text {
  margin-top: 24px;
  display: block;
}

.period-form__day-schedule {
  flex: auto;
  width: auto;
}

.period-form__day-trash {
  margin-top: 38px;
  margin-left: 24px;
}

.period-form__day-schedule-error {
  margin-top: 8px;
  font-size: 14px;
}

@media only screen and (min-width: 1024px) {
  .period-form__form {
    display: flex;
  }

  .period-form__schedules {
    border-left: 1px solid #f0edea;
    flex: 0 calc(58.3333% - 24px);
    width: calc(58.3333% - 24px);
    margin-top: 0;
    margin-left: 24px;
    padding-left: 24px;
    transition: all .2s ease-in;
  }

  .period-form__day-schedule {
    width: 100px;
  }

  .period-form__dates {
    flex: 0 calc(41.6667% - 24px);
    width: calc(41.6667% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.profile-form__image {
  align-items: center;
  display: flex;
}

.profile-form__text-change-image {
  margin-left: 24px;
}

.profile-form__item {
  margin-bottom: 30px;
}

.profile-form__buttom {
  margin-top: 24px;
}

.profile-form__role {
  margin-top: 8px;
  display: block;
}

.profile-form__body {
  width: 90%;
}

.forgot-password__success {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.forgot-password__title {
  color: #36393b;
  margin-bottom: 8px;
}

.forgot-password__subtitle {
  color: #706b65;
  margin-bottom: 24px;
}

.forgot-password__success-text {
  color: #706b65;
  margin: 24px 0;
}

.recover-password__title {
  color: #706b65;
  margin-bottom: 30px;
}

.recover-password__new-password, .recover-password__new-password-confirm {
  margin-bottom: 30px;
}

.recover-password__save {
  display: flex;
}

.recover-password__save .button, .recover-password__save .resources-demo-container__link, .recover-password__save .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .recover-password__save .resources-demo-container__link, .recover-password__save .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .recover-password__save .button, .recover-password__save .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .recover-password__save .mvl_card_button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .recover-password__save .vl-button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .recover-password__save .vl-button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .recover-password__save .vl-button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .recover-password__save .vl-button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .recover-password__save .vl-button, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .recover-password__save .vl-button--primary-border, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .recover-password__save .vl-button--primary-without-bg, .recover-password__save .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .recover-password__save .vl-button--primary-full-width {
  width: auto;
  padding: 0 30px;
}

.recover-password__success {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.forgot-password__success-text {
  margin-bottom: 60px;
}

.recover-password__login {
  margin-right: auto;
}

.new-unit {
  width: 460px;
  padding: 12px;
}

.new-unit__title-container {
  align-items: center;
  display: flex;
}

.new-unit__title {
  color: #36393b;
  margin-left: 8px;
}

.new-unit__form {
  margin-top: 24px;
}

.new-unit__form .input-text__icon {
  margin-left: 4px;
}

.new-unit__form .input-text__input-container input {
  padding-left: 45px;
}

.new-unit__select {
  margin-top: 8px;
}

.new-unit__select .select-customizable .select-customizable__value-container {
  padding-left: 10px;
}

.new-unit__select-time-text {
  margin-left: 16px;
}

.new-unit__actions {
  justify-content: flex-end;
  margin-top: 24px;
  display: flex;
}

.new-unit__select-time {
  align-items: center;
  display: flex;
}

.program-image__bubble {
  flex: none;
}

.program-image__picture-container {
  border-style: solid;
  border-radius: 0;
  padding: 1px;
}

.program-image__picture {
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  border-radius: 0;
  width: 44px;
  height: 44px;
}

.program-image__edit {
  color: #f0edea;
  z-index: 1;
  text-align: center;
  background: #706b65;
  border-radius: 8px 8px 0 0;
  width: 68px;
  padding: 1px 4px 20px;
  position: absolute;
  top: 13px;
  left: 36px;
  transform: rotate(90deg);
}

.kanban-column {
  flex-direction: column;
  align-items: center;
  margin: 0 8px;
  display: flex;
}

.kanban-column__header {
  background: #36393b;
  border-radius: 16px 16px 0 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 45px;
  padding: 16px;
  display: flex;
}

.kanban-column__header-text, .kanban-column__header-items-length {
  color: #fff;
}

.kanban-column__wrapper {
  width: 100%;
}

.kanban-column__card-list {
  background: #f0edea;
  padding: 16px;
}

.kanban-column__button {
  justify-content: center;
  margin-top: 16px;
  display: flex;
}

.kanban-column__button .button, .kanban-column__button .resources-demo-container__link, .kanban-column__button .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .kanban-column__button .resources-demo-container__link, .kanban-column__button .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .kanban-column__button .button, .kanban-column__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .kanban-column__button .mvl_card_button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .kanban-column__button .vl-button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .kanban-column__button .vl-button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .kanban-column__button .vl-button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .kanban-column__button .vl-button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .kanban-column__button .vl-button, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .kanban-column__button .vl-button--primary-border, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .kanban-column__button .vl-button--primary-without-bg, .kanban-column__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .kanban-column__button .vl-button--primary-full-width {
  width: auto;
}

.kanban-column__header--student {
  height: 56px;
}

.kanban-column__header--student .kanban-column__header-text {
  text-transform: uppercase;
  font-size: 16px;
}

.kanban-column__header--student .kanban-column__header-items-length {
  color: #36393b;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.kanban-card {
  position: relative;
}

.kanban-card__card--is-dragging .kanban-card__card-content {
  transform: rotate(-5deg) !important;
}

.kanban-card__card--is-dragging .kanban-card__drag-icon {
  top: 16px;
  transform: rotate(-5deg) !important;
}

.kanban-card__info-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.kanban-card__card-meta-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kanban-card__card-content {
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border-left: 24px solid #36393b;
  border-radius: 12px;
  min-height: 50px;
  margin: 0 0 8px;
  padding: 8px;
  transition: all .2s;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
  transform: rotate(0) !important;
}

.kanban-card__card-meta-info {
  margin-bottom: 8px;
}

.kanban-card__info-right {
  display: flex;
}

.kanban-card__card-text {
  color: #36393b;
}

.kanban-card__card-owner-text {
  color: #706b65;
}

.kanban-card__drag-icon {
  z-index: 10;
  position: absolute;
  top: 8px;
  left: 2px;
}

.kanban-empty-card {
  background-color: #fff;
  border: 1px dashed #dbd5ce;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  display: flex;
}

.kanban-empty-card__icon .icon--color-default.icon--lib-skin path {
  fill: #dbd5ce !important;
}

.kanban-empty-card__text {
  color: #706b65;
  margin-top: 12px;
}

.kanban {
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.audio-player {
  align-items: center;
  display: flex;
}

.audio-player__icons {
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.audio-player__bar-container {
  flex: auto;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
}

.audio-player__bar {
  background: var(--color-first);
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  transition: all 50ms;
}

.audio-player__bar::-webkit-slider-runnable-track {
  background: #f0edea;
  height: 4px;
}

.audio-player__bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--color-first);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  position: relative;
  top: -6px;
}

.audio-player__duration {
  color: #a39b93;
}

.horizontal-students-progress {
  padding: 90px 40px 40px !important;
}

.horizontal-students-progress__wrapper {
  width: 100%;
  position: relative;
}

.horizontal-students-progress__item {
  position: absolute;
  top: -45px;
}

.horizontal-students-progress__item:hover .horizontal-students-progress__item-hover {
  display: inline-block;
}

.horizontal-students-progress__item .horizontal-students-progress__item-hover {
  color: #fff;
  background: #a39b93;
  border-radius: 0;
  width: -webkit-max-content;
  width: max-content;
  padding: 6px;
  font-size: 12px;
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.horizontal-students-progress__item .horizontal-students-progress__item-hover:after {
  content: "";
  border-top: 6px solid #a39b93;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.horizontal-students-progress__bar {
  border-top: 4px solid #dbd5ce;
  justify-content: space-between;
  padding-top: 10px;
  display: flex;
}

.horizontal-students-progress__bar span {
  color: #36393b;
  font-weight: 700;
}

.horizontal-students-progress__bar span:first-child, .horizontal-students-progress__bar span:last-child {
  color: #a39b93;
}

.square-progress-badge {
  width: 100px;
}

.square-progress-badge .square-progress-badge__progress {
  color: #706b65;
  display: block;
}

.square-progress-badge .square-progress-badge__title {
  text-transform: uppercase;
  color: #a39b93;
  font-weight: 700;
}

.square-progress-badge .square-progress-badge__bar {
  height: 4px;
  margin: 4px 0;
  position: relative;
}

.square-progress-badge .square-progress-badge__bar .square-progress-badge__bar-fill {
  z-index: 1;
  background: #a39b93;
  height: 4px;
  position: absolute;
  left: 0;
}

.square-progress-badge .square-progress-badge__bar .square-progress-badge__bar-bg {
  background: #dbd5ce;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
}

.steps__list {
  display: grid;
}

.steps__item {
  background-color: #fff;
  border-radius: 4px;
  align-items: center;
  height: 56px;
  margin-right: 16px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 1px 2px rgba(55, 65, 81, .08);
}

.steps__item:last-child {
  margin-right: 0;
}

.steps__item:last-child .steps__arrow-right {
  display: none;
}

.steps__item:first-child .steps__arrow-left {
  border-left-color: rgba(0, 0, 0, 0) !important;
}

.steps__item--no-clickable {
  cursor: not-allowed;
}

.steps__item--active {
  background: linear-gradient(302.52deg, #e8471d 0%, #f08119 100%);
}

.steps__item--active .steps__arrow-right {
  border-left-color: #e8471d !important;
}

.steps__item--active .steps__item--text {
  color: #fff;
}

.steps__item--active:first-child .steps__arrow-left {
  border-left-color: rgba(0, 0, 0, 0) !important;
}

.steps__item--active .steps__bubble.bubble-content {
  background: #db5e00 !important;
  border-color: #db5e00 !important;
}

.steps__item--active .steps__bubble .bubble-content__content {
  color: #fff;
}

.steps__bubble {
  margin-left: 8px;
}

.steps__arrow-left, .steps__arrow-right {
  border-top: 28px solid rgba(0, 0, 0, 0);
  border-bottom: 28px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
}

.steps__arrow-right {
  border-left: 18px solid #fff;
  right: -16px;
}

.steps__arrow-left {
  border-left: 16px solid var(--color-background);
  position: relative;
  left: -1px;
}

.steps__item--text {
  color: #706b65;
  margin-left: 8px;
}

.calendar-week-sessions-day-header {
  box-sizing: border-box;
  background: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: -webkit-fit-content;
  min-height: fit-content;
  display: flex;
  position: relative;
}

.calendar-week-sessions-day-header--holiday .calendar-week-sessions-day-header__day-info {
  background: rgba(237, 112, 17, .1);
  padding: 12px 4px;
}

.calendar-week-sessions-day-header__day-info {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: 100%;
  margin-top: 12px;
  display: flex;
}

.calendar-week-sessions-day-header__number {
  color: #828282;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 48px;
  height: 47px;
  padding: 10px;
  font-family: Titilium Regular;
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  display: flex;
}

.calendar-week-sessions-day-header__name {
  color: #828282;
  margin-bottom: 8px;
  font-family: Titilium Regular;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.calendar-week-sessions-day-header__deliverables {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.calendar-week-sessions-day-header__deliverables .pill {
  width: 98%;
  margin-bottom: 8px;
}

.calendar-week-sessions-day-header--today .calendar-week-sessions-day-header__number {
  background: var(--color-first);
  color: #fff;
  border-radius: 36px;
}

.calendar-week-sessions-day-header__see-more-button {
  font-family: var(--font-second);
  color: var(--color-first);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.calendar-week-sessions-droppable-column {
  box-sizing: border-box;
  background: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.calendar-week-sessions-droppable-column--weekend {
  background: #f0edea;
}

.calendar-week-sessions-droppable-column--past-day {
  opacity: .7;
}

.calendar-week-sessions-droppable-column--holiday {
  background: rgba(237, 112, 17, .1);
}

.calendar-week-sessions-droppable-column--source-cell:after {
  content: "";
  top: var(--source-position, 0);
  pointer-events: none;
  z-index: 1;
  background: rgba(0, 0, 0, .05);
  height: 65px;
  position: absolute;
  left: 0;
  right: 0;
}

.calendar-week-sessions-droppable-column--over--valid-drop:after {
  content: "";
  top: var(--source-position, 0);
  pointer-events: none;
  z-index: 1;
  background: rgba(0, 200, 0, .1);
  height: 65px;
  transition: top .15s;
  position: absolute;
  left: 0;
  right: 0;
}

.calendar-week-sessions-droppable-column--over--invalid-drop:after {
  content: "";
  top: var(--source-position, 0);
  pointer-events: none;
  z-index: 1;
  background: rgba(255, 0, 0, .1);
  height: 65px;
  transition: top .15s;
  position: absolute;
  left: 0;
  right: 0;
}

.calendar-week-sessions-droppable-column--over--invalid-drop:before {
  content: attr(data-invalid-message);
  opacity: .5;
  pointer-events: none;
  z-index: 2;
  font-size: 24px;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes pulseOpacity {
  0% {
    opacity: .3;
  }

  50% {
    opacity: .6;
  }

  100% {
    opacity: .3;
  }
}

.calendar-week-sessions-navigation-bar {
  background: #fff;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.calendar-week-sessions-navigation-bar__navigation-button, .calendar-week-sessions-navigation-bar__today-button {
  cursor: pointer;
}

.calendar-week-sessions-navigation-bar__today-button {
  border: 1px solid var(--color-border);
  color: #828282;
  text-transform: capitalize;
  background: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 63px;
  min-width: 63px;
  padding: 2px 4px;
  font-family: Titilium Regular;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.calendar-week-sessions-navigation-bar__navigation-button {
  border: 1px solid var(--color-border);
  background: #fff;
  border-radius: 8px;
}

.calendar-week-sessions-navigation-bar__month {
  color: #706b65;
  text-transform: capitalize;
  margin-left: 12px;
  font-family: Titilium Semi Bold;
  font-size: 20px;
  font-weight: 600;
}

.calendar-week-sessions-session {
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  flex-direction: column;
  gap: 2px;
  height: 64px;
  margin: .5px 0;
  padding: 6px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.calendar-week-sessions-session--student {
  flex-direction: column;
  display: flex;
  justify-content: center !important;
}

.calendar-week-sessions-session--student .calendar-week-sessions-session__title, .calendar-week-sessions-session--student .calendar-week-sessions-session__session, .calendar-week-sessions-session--student .calendar-week-sessions-session__title, .calendar-week-sessions-session--student .calendar-week-sessions-session__subject {
  color: #fff;
}

.calendar-week-sessions-session--student.calendar-week-sessions-session--grouped.calendar-week-sessions-session--first-in-group {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.calendar-week-sessions-session--student.calendar-week-sessions-session--grouped.calendar-week-sessions-session--last-in-group {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.calendar-week-sessions-session__session {
  color: #706b65;
  text-transform: uppercase;
  font-family: Titilium Regular;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.calendar-week-sessions-session__title {
  color: #a39b93;
  font-family: Titilium Semi Bold;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.calendar-week-sessions-session__subject {
  color: #706b65;
  font-family: Titilium Semi Bold;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.calendar-week-sessions-session__icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.calendar-week-sessions-session--draggable .calendar-week-sessions-session__icon {
  cursor: grab;
}

.calendar-week-sessions-session--draggable .calendar-week-sessions-session__icon:active {
  cursor: grabbing;
}

.calendar-week-sessions-session--dragging {
  opacity: .5;
  transform: scale(.95);
}

.calendar-week-sessions-session--column-hovered {
  opacity: .7;
}

.calendar-week-sessions-session--drag-overlay {
  cursor: grabbing;
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
}

.week-container {
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin-bottom: 100px;
  display: flex;
  overflow: visible;
}

.calendar-week-sessions__grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: start;
  width: 100%;
  max-width: 100%;
  min-height: 668px;
  display: grid;
  position: relative;
  overflow: visible;
}

.calendar-week-sessions__grid--near-left-edge:before {
  content: "";
  background: linear-gradient(90deg, var(--color-first) 0%, transparent 100%);
  z-index: 3;
  width: 4px;
  animation: 1s ease-in-out infinite pulseLeft;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.calendar-week-sessions__grid--near-right-edge:after {
  content: "";
  background: linear-gradient(-90deg, var(--color-first) 0%, transparent 100%);
  z-index: 3;
  width: 4px;
  animation: 1s ease-in-out infinite pulseRight;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.calendar-week-sessions__sessions {
  border: 1px solid #eee4dc;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-height: 650px;
  display: flex;
  position: relative;
}

.calendar-week-sessions__sessions:before {
  content: "";
  pointer-events: none;
  background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0) 0 63px, #e5e5e5 63px 65px);
  background-position: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.calendar-week-sessions__sessions--shifting > * {
  transition: transform .2s;
  transform: translateY(65px);
}

.calendar-week-sessions__sessions--shifting:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: rgba(0, 0, 0, .05);
  border: 2px dashed rgba(0, 0, 0, .1);
  border-radius: 4px;
  height: 65px;
  animation: 1.5s ease-in-out infinite pulseOpacity;
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
}

@keyframes pulseLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  50% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}

@keyframes pulseRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.gamified-card-class-student {
  background: var(--color-bg-04);
  border-radius: 8px;
  align-items: center;
  padding: 6px 0 5px 8px;
  display: flex;
}

.gamified-card-class-student__level svg {
  width: 32px;
  height: 32px;
}

.gamified-card-class-teacher {
  background: #fff;
  border: 1px solid #eee4dc;
  border-radius: 8px;
  align-items: center;
  height: 36px;
  padding: 8px 12px 8px 4px;
  display: flex;
}

.gamified-card-class-teacher svg {
  height: 22px;
}

.gamified-card-class-teacher__title {
  color: #4f4f4f;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.gamified-exp-progress {
  color: #fff;
  background: #1462a0;
  border-radius: 0 8px 8px 0;
  justify-content: space-between;
  align-items: center;
  min-width: 84px;
  height: 30px;
  padding: 8px 8px 8px 0;
  font-family: Titilium Bold;
  font-size: 16px;
  font-style: normal;
  display: flex;
}

.gamified-exp-progress__icon {
  position: relative;
  right: 15px;
}

.gamified-exp-progress__icon svg {
  width: 40px;
  height: 40px;
}

.gamified-level-progress__bar {
  margin: auto;
  position: relative;
}

.gamified-level-progress__bar .progress-bar {
  width: 100%;
}

.gamified-level-progress__bar .progress-bar__bar {
  background: #36393b;
  border-radius: 8px;
  width: 100%;
  height: 20px;
}

.gamified-level-progress__bar .progress-bar__progress {
  background: linear-gradient(97deg, #207cc3 0%, #2d95e6 100%);
  border-radius: 8px;
  height: 20px;
  box-shadow: inset 0 2px #53b0f7;
}

.gamified-level-progress__bar .progress-bar__text {
  color: #fff;
  z-index: 10;
  text-shadow: 0 2px rgba(0, 0, 0, .4);
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gamified-level-progress__next-level, .gamified-level-progress__current-level {
  position: absolute;
  top: -15px;
}

.gamified-level-progress__next-level svg, .gamified-level-progress__current-level svg {
  width: 50px;
  height: 50px;
}

.gamified-level-progress__current-level {
  left: -38px;
}

.gamified-level-progress__next-level {
  right: -38px;
}

.gamified-medal-progress__medal {
  z-index: 1;
}

.gamified-medal-progress__medal svg {
  width: 32px;
  height: 32px;
}

.gamified-medal-progress__value {
  color: #36393b;
  text-align: end;
  background: #eee4dc;
  border-radius: 0 8px 8px 0;
  height: 25px;
  padding: 4px 10px 4px 20px;
  font-family: Titilium Bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  position: relative;
  right: 11px;
}

.gamified-toast {
  position: fixed;
  bottom: 102px;
  left: 54px;
}

.gamified-toast .react-toast-notifications__toast--success {
  background: #fff;
  border: 2px solid #ece1fb;
  border-radius: 0 20px 20px 0;
  padding-right: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.gamified-toast__wrapper {
  display: flex;
}

.gamified-toast__img {
  width: 40px;
  margin-left: 10px;
}

.gamified-toast__texts {
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}

.gamified-toast__title {
  color: #8f45ed;
  text-transform: uppercase;
  font-family: Titilium Bold;
  font-size: 18px;
}

.gamified-toast__subtitle {
  color: #36393b;
  margin-top: 4px;
  font-family: Titilium Bold;
  font-size: 15px;
}

.gamified-toast__close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.gamification-basic-info-float {
  cursor: pointer;
  z-index: 9999;
  background-color: #ece1fb;
  border-top: 1px solid #fff;
  border-radius: 0 20px 20px 0;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 112px;
  padding: 6px 0;
  display: flex;
  position: fixed;
  bottom: 90px;
  left: 0;
  box-shadow: inset 0 2px #f8f2ff, inset 0 -2px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .2);
}

.gamification-basic-info-float:hover {
  padding-right: 12px;
}

.gamification-basic-info-float:hover .gamification-basic-info-float__bar {
  opacity: 1;
  width: 68px;
  position: relative;
}

.gamification-basic-info-float__icon {
  align-items: center;
  padding-left: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.gamification-basic-info-float__bar {
  white-space: nowrap;
  opacity: 0;
  border-radius: 0 8px 8px 0;
  justify-content: flex-end;
  align-items: center;
  width: 0;
  height: 32px;
  padding-right: 8px;
  transition: all .3s;
  display: flex;
  position: relative;
  left: -7px;
}

.gamification-basic-info-float__bar .progress-bar {
  width: 100%;
  height: 100%;
}

.gamification-basic-info-float__bar .progress-bar .progress-bar__bar {
  background: #333;
  border-radius: 0 8px 8px 0;
  width: 100%;
  height: 100%;
}

.gamification-basic-info-float__bar .progress-bar .progress-bar__progress {
  background: linear-gradient(97deg, #207cc3 0%, #2d95e6 100%);
  border-radius: 0 8px 8px 0;
  box-shadow: inset 0 2px #53b0f7;
}

.gamification-basic-info-float__icon--level .gamification-basic-info-float__bar {
  color: #fff;
}

.gamification-basic-info-float__icon--level .gamification-basic-info-float__arrow {
  top: -5px;
  right: -7px;
}

.gamification-basic-info-float__icon-level {
  z-index: 10;
}

.gamification-basic-info-float__icon-level svg {
  width: 40px;
  height: 40px;
}

.gamification-basic-info-float__icon--medal .gamification-basic-info-float__bar {
  background: #fff;
}

.gamification-basic-info-float__icon--medal .gamification-basic-info-float__arrow {
  top: 0;
  right: -13px;
}

.gamification-basic-info-float__icon-medal {
  z-index: 10;
}

.gamification-basic-info-float__icon-medal svg {
  width: 30px;
  height: 40px;
}

.gamification-basic-info-float__arrow {
  position: absolute;
}

.gamification-basic-info-float__bar--progress {
  height: 16px;
}

.gamification-basic-info-float__notification {
  opacity: 0;
  white-space: nowrap;
  color: #2d95e6;
  border-radius: 5px;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  font-family: Titilium Bold;
  font-size: 36px;
  font-weight: 400;
  animation: 1s forwards moveUp;
  display: flex;
  position: absolute;
  top: -24px;
  left: 0;
}

@keyframes attention {
  0% {
    transform: scale(1)rotate(0);
  }

  25% {
    transform: scale(1.1)rotate(-10deg);
  }

  50% {
    transform: scale(1.1)rotate(10deg);
  }

  75% {
    transform: scale(1.1)rotate(-10deg);
  }

  100% {
    transform: scale(1)rotate(0);
  }
}

.gamification-basic-info-float--notification .gamification-basic-info-float__icon-level {
  animation: 1.5s ease-in-out attention;
}

@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-100px);
  }
}

.gamification-dialog-level .MuiPaper-root {
  max-width: 534px;
}

.gamification-dialog-level {
  margin: 8px 0;
}

.gamification-dialog-level__title {
  text-align: center;
  display: block;
}

.gamification-dialog-level__description {
  color: #8f45ed;
  text-align: center;
  margin-top: 16px;
  display: block;
}

.gamification-dialog-level__images {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gamification-dialog-level__background {
  width: 220px;
  height: 220px;
  animation: 2s linear forwards initial-scale-and-rotate, 5s linear 2s infinite continuous-rotate;
}

.gamification-dialog-level__background svg {
  width: 100%;
  height: 100%;
}

.gamification-dialog-level__number {
  animation: 2s linear forwards scale;
  position: absolute;
}

.gamification-dialog-level__number svg {
  width: 96px;
  height: 96px;
}

.gamification-dialog-level__button {
  text-align: center;
  margin-top: 16px;
}

@keyframes scale {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes initial-scale-and-rotate {
  0% {
    transform: scale(0)rotate(0);
  }

  100% {
    transform: scale(1)rotate(360deg);
  }
}

@keyframes continuous-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.gamification-dialog-badges .loading-dots {
  height: 100px;
}

.gamification-dialog-badges .MuiPaper-root {
  max-width: 534px;
}

.gamification-dialog-badges__title {
  align-items: center;
  display: flex;
}

.gamification-dialog-badges__text {
  margin-left: 16px;
}

.gamification-dialog-badges__section-lists {
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.gamification-dialog-badges__badge-wrapper {
  width: 33%;
  margin-top: 12px;
  margin-bottom: 40px;
}

.gamification-badge {
  text-align: center;
}

.gamification-badge__image {
  margin: auto;
}

.gamification-badge__name {
  color: #706b65;
  margin-top: 4px;
  display: block;
}

.gamification-badge__no-obteiner {
  position: relative;
}

.gamification-badge__no-obteiner svg {
  width: 60px;
  height: 80px;
}

.gamification-badge__progress {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gamification-badge__progress .progress-bar__bar {
  background-color: #4f4f4f;
  border-radius: 4px;
  width: 64px;
  height: 12px;
}

.gamification-badge__progress .progress-bar__progress {
  background: linear-gradient(97deg, #fdab28 0%, #f9af12 100%);
  border-radius: 4px 0 0 4px;
  box-shadow: inset 0 2px #ffe09b;
}

.gamification-dialog-badges-title {
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  display: flex;
}

.gamification-dialog-badges-title__line {
  background-color: #e6a22a;
  flex: 1;
  height: 2px;
  margin: 0 10px;
  position: relative;
}

.gamification-dialog-badges-title__line:after {
  content: "";
  background-color: #e6a22a;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: -2px;
}

.gamification-dialog-badges-title__line--right:after {
  content: "";
  right: 0;
}

.gamification-dialog-badges-title__line--left:after {
  content: "";
  left: 0;
}

.gamification-dialog-badges-title__text {
  color: #fff;
  text-transform: uppercase;
  background-color: #dc8000;
  border-radius: 20px;
  padding: 5px 20px;
  font-family: Titilium Bold;
  font-weight: bold;
}

.gamification-dialog-ranking .loading-dots {
  height: 100px;
}

.gamification-dialog-ranking .MuiPaper-root {
  max-width: 460px;
}

.gamification-dialog-ranking__title {
  align-items: center;
  display: flex;
}

.gamification-dialog-ranking__text {
  margin-left: 16px;
}

.gamification-dialog-ranking__wrapper {
  padding-top: 20px;
}

.gamification-dialog-ranking__progress {
  width: 70%;
  margin: auto auto 40px;
}

.gamification-dialog-ranking__text-next-level {
  text-align: center;
  margin-top: 30px;
  display: block;
}

.gamification-dialog-ranking__board {
  margin-top: 16px;
}

.gamification-leader-board {
  border: 2px solid #ece1fb;
  border-radius: 12px;
}

.gamification-leader-board__title-wrapper {
  text-align: center;
  border-bottom: 2px solid #ece1fb;
  width: 96%;
  margin: auto;
  padding: 16px 0;
}

.gamification-leader-board__title {
  color: #36393b;
  text-transform: uppercase;
  margin: 0 10px;
  font-family: Titilium Bold;
}

.gamification-leader-board__users {
  padding: 12px 12px 20px;
}

.gamification-leader-board__user {
  justify-content: space-between;
  margin-top: 16px;
  padding: 10px 6px;
  display: flex;
}

.gamification-leader-board__user-left, .gamification-leader-board__user-right {
  align-items: center;
  display: flex;
}

.gamification-leader-board__user-level {
  margin-right: 20px;
}

.gamification-leader-board__user-level svg {
  width: 40px;
  height: 40px;
}

.gamification-leader-board__user-avatar {
  margin-left: 12px;
  margin-right: 12px;
}

.gamification-leader-board__user-name {
  color: #36393b;
}

.gamification-leader-board__user--isMe {
  background: #ece1fb;
  border-radius: 8px;
}

.position {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.position__number {
  color: #4f4f4f;
  text-shadow: 0 0 rgba(0, 0, 0, .2);
  margin-bottom: 2px;
  font-family: Titilium Bold;
  position: absolute;
}

.gamified__subtitle {
  color: var(--grays-gray-03, #a39b93);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.gamified__box {
  border: 2px solid var(--background-strokes, #eee4dc);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  padding: 8px 20px;
  display: flex;
}

.custom-banner {
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  min-height: 128px;
  padding: 12px 16px;
  display: flex;
  transition: all .6s !important;
  position: relative !important;
}

.custom-banner .MuiIconButton-root {
  transition: all .6s !important;
}

.custom-banner .custom-banner__accordion {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 24px;
}

.custom-banner .custom-banner__accordion .icon path {
  fill: #706b65;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-title {
  text-wrap: nowrap;
  background-color: var(--color-bg-01);
  border-radius: 16px 16px 0 0;
  transition: all .3s;
  min-width: 110px !important;
  height: 40px !important;
  padding: 12px !important;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-title-text {
  color: #706b65;
  font-family: Titilium Bold;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-content {
  opacity: 0;
  background-color: var(--color-bg-01);
  color: #706b65;
  border-radius: 0 0 16px 16px;
  width: 100%;
  position: absolute;
  top: 40px;
  left: 24px;
  overflow: hidden;
  z-index: 1 !important;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-content-text {
  width: 100%;
  height: 100%;
  padding: 20px 110px 20px 20px;
  font-family: Titilium Regular;
  font-size: 16px;
  line-height: 24px;
  overflow: auto;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-content-text::-webkit-scrollbar {
  background: var(--color-bg-01);
  width: 8px;
}

.custom-banner .custom-banner__accordion .custom-banner__accordion-content-text::-webkit-scrollbar-thumb {
  background: #706b65;
  border-radius: 16px;
}

.custom-banner__top, .custom-banner__bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.custom-banner__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-banner--accordion-open, .custom-banner--accordion-open .custom-banner__image {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  transition: all .6s !important;
}

.custom-banner__accordion-content--open {
  opacity: 1 !important;
  transition: opacity .6s ease-in-out !important;
}

.lesson-container__option {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  width: 232px;
  height: 48px;
  margin-bottom: 8px;
  padding: 8px 16px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.lesson-container__option-image img, .lesson-container__option-image {
  background-color: #d1d5db;
  background-size: cover;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.lesson-container__option-text {
  color: #4b5563;
  flex: 1 0 0;
  font-family: Dosis, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

.lesson-container__pending-challenges {
  background-color: #dc2626;
  border: 2px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 218px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.lesson-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
  position: relative;
}

.lesson-container__icon {
  position: absolute;
  top: -38px;
  left: 0;
}

.lesson-container__text {
  color: #27272a;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}

.lesson-container__options {
  flex-direction: column;
  margin: auto;
  display: flex;
}

.teacher-container__option {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #a21caf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 230px;
  height: 48px;
  margin-bottom: 12px;
  padding: 12px 16px;
  display: inline-flex;
}

.teacher-container__option-text {
  color: #a21caf;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

.teacher-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  display: inline-flex;
  position: relative;
}

.teacher-container__title {
  display: flex;
}

.teacher-container__icon {
  position: absolute;
  top: -38px;
  left: 0;
}

.teacher-container__text {
  color: #27272a;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}

.teacher-container__options {
  flex-direction: column;
  margin: auto;
  display: flex;
}

.course-container__option {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  width: 232px;
  height: 48px;
  margin-bottom: 8px;
  padding: 8px 16px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.course-container__option-image {
  width: 32px;
  height: 32px;
  position: relative;
}

.course-container__option-image img, .course-container__option-image .bg-cover {
  background-color: #d1d5db;
  background-size: cover;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.course-container__option-text {
  color: #4b5563;
  flex: 1 0 0;
  font-family: Dosis, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

.course-container__pending-challenges {
  background-color: #dc2626;
  border: 2px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 218px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.course-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  display: inline-flex;
  position: relative;
}

.course-container__icon {
  position: absolute;
  top: -38px;
  left: 0;
}

.course-container__text {
  color: #27272a;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}

.flex-column {
  flex-direction: column;
  margin: auto;
  display: flex;
}

.iframe-dialog-overlay {
  z-index: 1000;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.iframe-dialog {
  background-color: #fff;
  border-radius: 5px;
  width: 100vw;
  max-width: 1000px;
  height: 70vh;
  max-height: 700px;
  position: relative;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.iframe-close {
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: 10px;
  right: 20px;
}

@media only screen and (max-width: 600px) {
  .iframe-dialog {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.assistant {
  z-index: 10000;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  bottom: 7em;
  right: 2em;
}

.assistant__button {
  opacity: 0;
  transform: translateX(100%);
}

.assistant__button--animation {
  animation: .6s ease-out forwards slideIn;
}

.assistant__button:after {
  content: "";
  z-index: -1;
  background-color: rgba(167, 42, 169, .314);
  border-top-left-radius: 4em;
  border-bottom-left-radius: 4em;
  width: 10em;
  height: 3.5em;
  position: absolute;
  bottom: -1em;
  right: -3em;
}

.assistant-dialog {
  -o-transition: all 2s ease-in-out;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  min-width: 200px;
  max-width: 80vw;
  max-height: 60vh;
  margin-bottom: 24px;
  padding: 24px;
  transition: all 2s ease-in-out;
  overflow-y: auto;
}

.assistant-dialog.assistant-chat {
  -o-transition: all 2s ease-in-out;
  width: 40vw;
  min-width: 280px;
  height: 120vh;
  transition: all 2s ease-in-out;
}

.assistant-dialog__close {
  z-index: 9999;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.assistant-dialog__content {
  margin-top: 24px;
}

.assistant__pending-challenges-container {
  background-color: #dc2626;
  border: 2px solid #fff;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .625rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  position: absolute;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.assistant__pending-challenges-count {
  color: #fff;
  font-family: Dosis, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: normal;
}

.bar-menu {
  background-color: #1e359d;
  width: 64px;
  height: 100%;
  position: fixed;
}

.bar-menu__content {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 24px 0;
  display: flex;
}

.bar-menu__logo {
  text-align: center;
}

.bar-menu__logo img {
  height: 23px;
}

.bar-menu__sections {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.bar-menu__item {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 16px;
  padding: 5.7px 9.6px;
  display: flex;
}

.bar-menu__item-selected {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 9px;
}

.bar-menu__setting {
  text-align: center;
}

.bar-menu__avatar {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-top: 21px;
}

.login-form {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.login-form__logo {
  width: 100%;
  max-width: 415px;
  height: 10%;
  margin: auto;
  padding: 20px;
}

.login-form__logo img {
  max-height: 96px;
}

.login-form__form {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 415px;
  margin: auto;
  padding: 20px;
  display: flex;
}

.login-form__item {
  margin-bottom: 30px;
}

.login-form__title {
  color: #706b65;
}

.login-form__text {
  color: var(--color-first);
}

.login-form__text--forget {
  margin-left: auto;
  font-family: Titilium Regular;
}

.login-form__item--subactions {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.login-form__signup {
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 16px 0;
  display: flex;
}

.login-form__third-parties {
  flex-direction: column;
  width: 100%;
  display: flex;
  justify-content: center !important;
}

.login-form__third-parties .login-form__item {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-height: 40px;
  margin-right: 16px;
  display: flex;
  margin-bottom: 12px !important;
}

.login-form__third-parties .button, .login-form__third-parties .resources-demo-container__link, .login-form__third-parties .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .login-form__third-parties .resources-demo-container__link, .login-form__third-parties .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .login-form__third-parties .button, .login-form__third-parties .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .login-form__third-parties .mvl_card_button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-border, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-without-bg, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-full-width {
  box-shadow: none !important;
  border-radius: 4px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
}

.login-form__third-parties .button__text {
  color: #222;
}

.login-form__politics {
  text-align: center;
  margin-top: 12px !important;
}

.login-form__legal-advice, .login-form__system-requirements, .login-form__privacy, .login-form__support {
  color: var(--color-first);
  margin-bottom: 8px;
  margin-right: 16px;
  display: inline-block;
}

.login-form__system-requirements-text {
  margin-bottom: 16px;
  margin-left: 12px;
  font-family: Titilium Regular;
  font-weight: 400;
}

.login-form__system-requirements-text h3 {
  margin: 12px auto;
  font-size: 18px;
  font-weight: 700;
}

.login-form__system-requirements-text strong {
  font-weight: 700;
}

.login-form__system-requirements-text ol {
  list-style: square;
}

.login-form__system-requirements-text li {
  margin: 8px;
}

.login-form__desktop-versions {
  margin-left: 8px;
}

.login-form__signup-button {
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 16px 0;
  display: inline-flex;
}

.login-form__signup-button:focus-visible {
  border-radius: 40px;
}

.group-resources-slider {
  position: relative;
}

.group-resources-slider .swiper-slide {
  margin-top: 40px;
}

.group-resources-slider .swiper-pagination {
  text-align: right;
  right: 0;
  bottom: 94% !important;
}

.group-resources-slider .swiper-pagination-bullet {
  border-radius: 4px;
  width: 16px;
  height: 4px;
}

.group-resources-slider .swiper-pagination-bullet-active {
  background: var(--color-first);
  width: 22px;
  height: 6px;
  transform: translateY(1px);
}

.group-resources-slider .swiper-button-next, .group-resources-slider .swiper-button-prev {
  background: #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: none;
  transform: translateY(20px);
}

.group-resources-slider .swiper-button-next:after, .group-resources-slider .swiper-button-prev:after {
  color: var(--color-first);
  font-size: 22px;
}

.group-resources-slider:hover .swiper-button-next, .group-resources-slider:hover .swiper-button-prev {
  display: flex;
}

.group-resources-slider .swiper-button-disabled {
  display: none !important;
}

.group-resources-slider__title {
  color: #36393b;
  padding-left: 0;
}

.group-resources-slider__title-text {
  color: #36393b;
  text-transform: uppercase;
  margin-left: 8px;
}

.group-resources-slider__carrousel {
  margin: 24px 0;
}

.group-resources-slider__hr {
  max-width: none;
}

@media only screen and (min-width: 640px) {
  .group-resources-slider__title {
    align-items: center;
    margin-left: 8px;
    padding-left: 5%;
    display: flex;
    position: absolute;
    top: -8px;
  }
}

.select-learning-objectives__button {
  display: flex;
}

.select-learning-objectives__button .button, .select-learning-objectives__button .resources-demo-container__link, .select-learning-objectives__button .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .select-learning-objectives__button .resources-demo-container__link, .select-learning-objectives__button .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .select-learning-objectives__button .button, .select-learning-objectives__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .select-learning-objectives__button .mvl_card_button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .select-learning-objectives__button .vl-button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .select-learning-objectives__button .vl-button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .select-learning-objectives__button .vl-button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .select-learning-objectives__button .vl-button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .select-learning-objectives__button .vl-button, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .select-learning-objectives__button .vl-button--primary-border, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .select-learning-objectives__button .vl-button--primary-without-bg, .select-learning-objectives__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .select-learning-objectives__button .vl-button--primary-full-width {
  border-radius: 0 4px 4px 0;
  width: 100%;
  height: 48px;
}

.select-learning-objectives__button input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select-learning-objectives__input-container {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 0;
  align-items: flex-start;
  min-height: 40px;
  padding: 8px;
  transition: border-color .2s;
  display: flex;
}

.select-learning-objectives__input-container:hover {
  border-color: var(--color-first);
}

.select-learning-objectives__input-container:focus {
  border-color: var(--color-first);
  outline: none;
}

.select-learning-objectives__tags {
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  gap: 8px;
  min-height: 22px;
  display: flex;
}

.select-learning-objectives__tags .tag {
  cursor: pointer;
  background-color: #f7f4f2;
  border: 1px solid #f0edea;
  border-radius: 16px;
  padding: 4px 8px;
}

.select-learning-objectives__tags .tag__icon {
  cursor: pointer;
}

.select-learning-objectives__placeholder {
  color: #c7bfb7;
  font-family: var(--font-second);
  font-size: 14px;
}

.select-learning-objectives__chevron {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-height: 22px;
  display: flex;
}

.select-topics__button {
  display: flex;
}

.select-topics__button .button, .select-topics__button .resources-demo-container__link, .select-topics__button .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .select-topics__button .resources-demo-container__link, .select-topics__button .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .select-topics__button .button, .select-topics__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .select-topics__button .mvl_card_button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .select-topics__button .vl-button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .select-topics__button .vl-button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .select-topics__button .vl-button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .select-topics__button .vl-button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .select-topics__button .vl-button, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .select-topics__button .vl-button--primary-border, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .select-topics__button .vl-button--primary-without-bg, .select-topics__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .select-topics__button .vl-button--primary-full-width {
  border-radius: 0 4px 4px 0;
  width: 100%;
  height: 48px;
}

.select-topics__button input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.icons-select {
  justify-content: space-between;
  display: flex;
}

.icons-select__icon-card {
  text-align: center;
}

.icons-select__title {
  color: #a39b93;
}

.users-select__option {
  align-items: center;
  display: flex;
}

.users-select__option-text {
  margin-left: 8px;
}

.book-select {
  align-items: center;
  display: flex;
}

.book-select__name {
  margin-left: 12px;
}

.text-input-or-lesson-selector {
  width: 100%;
  position: relative;
}

.text-input-or-lesson-selector__label {
  margin-bottom: 8px;
  display: block;
}

.text-input-or-lesson-selector__label sup {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.text-input-or-lesson-selector__content {
  width: 100%;
}

.text-input-or-lesson-selector__error-message {
  color: #e04949;
  font-family: var(--font-second);
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text-input-mode {
  border-radius: 8px;
  width: 100%;
}

.text-input-mode__textarea-wrapper {
  width: 100%;
  position: relative;
}

.text-input-mode__textarea-wrapper textarea {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.text-input-mode__textarea-wrapper .textarea {
  width: 100%;
}

.text-input-mode__textarea-wrapper .textarea__input {
  resize: vertical;
  min-height: 58px;
}

.text-input-mode__footer {
  border: 1px solid var(--Grays-Gray-05, #e0e0e0);
  background: var(--Grays-Gray-07, #f9f9f9);
  border-top: none;
  border-radius: 0 0 8px 8px;
  align-items: center;
  gap: 36px;
  padding-right: 8px;
  display: flex;
}

.text-input-mode__choose-button {
  padding: 0 12px;
  font-size: 14px;
  text-decoration: none;
  transition: opacity .2s;
}

.text-input-mode__counter {
  color: #4e4e4e;
  white-space: nowrap;
  font-size: 14px;
}

.lesson-selected-card {
  border: 1px solid var(--color-border);
  background-color: var(--color-background-light);
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  transition: all .2s;
}

.lesson-selected-card__content {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lesson-selected-card__content-wrapper {
  align-items: center;
  gap: 12px;
  display: flex;
}

.lesson-selected-card__icon-wrapper {
  background-color: var(--color-first);
  color: #fff;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 8px;
  display: flex;
}

.lesson-selected-card__icon-wrapper svg {
  width: 32px;
  height: 32px;
}

.lesson-selected-card__icon-wrapper svg path {
  fill: #fff;
}

.lesson-selected-card__icon {
  color: #fff;
  width: 24px;
  height: 24px;
}

.lesson-selected-card__info {
  flex: 1;
  min-width: 0;
}

.lesson-selected-card__title {
  color: #36393b;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-second);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 4px;
  overflow: hidden;
}

.lesson-selected-card__meta {
  color: #a39b93;
  margin: 0;
  font-size: 14px;
}

.lesson-selected-card__remove {
  cursor: pointer;
  color: var(--color-text-secondary);
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.lesson-selected-card__remove:hover {
  background-color: var(--color-danger-light);
  color: var(--color-danger);
}

.lesson-selected-card__remove .icon {
  width: 16px;
  height: 16px;
}

.lesson-selected-card__error {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

.lesson-selected-card__error .lesson-selected-card__title {
  color: #a39b93;
}

.lesson-selected-card__error-message {
  color: #e04949;
  font-family: var(--font-second);
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.lesson-selection-dialog .dialog__content {
  min-height: 300px;
}

.lesson-selection-dialog__content {
  padding: 20px 0;
}

.lesson-selection-dialog__field {
  margin-bottom: 20px;
}

.lesson-selection-dialog__field:last-child {
  margin-bottom: 0;
}

.lesson-selection-dialog__loading {
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 20px;
  display: flex;
}

.lesson-selection-dialog__no-lessons {
  text-align: center;
  color: var(--color-text-secondary);
  background-color: var(--color-background-light);
  border-radius: 8px;
  padding: 20px;
  font-size: 14px;
}

.lesson-selection-dialog__error-title, .lesson-selection-dialog__error-message {
  color: #e04949;
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.lesson-selection-dialog__link {
  margin-top: 16px;
}

.lesson-selection-dialog__link .lesson-selection-dialog__link-text {
  color: var(--color-first);
  font-family: var(--font-second);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.lesson-selection-dialog__link .lesson-selection-dialog__link-text:hover {
  opacity: 1;
  text-decoration: underline;
}

.lesson-selection-dialog__link .lesson-selection-dialog__link-text:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #333;
}

.textarea-with-count {
  width: 100%;
  position: relative;
}

.textarea-with-count__label {
  margin-bottom: 8px;
  display: block;
}

.textarea-with-count__label sup {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.textarea-with-count__content {
  width: 100%;
}

.textarea-with-count__textarea-wrapper {
  width: 100%;
  position: relative;
}

.textarea-with-count__textarea-wrapper textarea {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.textarea-with-count__textarea-wrapper .textarea {
  width: 100%;
}

.textarea-with-count__textarea-wrapper .textarea__input {
  resize: vertical;
  min-height: 58px;
}

.textarea-with-count__footer {
  border: 1px solid var(--Grays-Gray-05, #e0e0e0);
  background: var(--Grays-Gray-07, #f9f9f9);
  border-top: none;
  border-radius: 0 0 8px 8px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding: 0 8px;
  display: flex;
}

.textarea-with-count__counter {
  color: #4e4e4e;
  white-space: nowrap;
  font-size: 14px;
}

.header-tabs {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-tabs__tab--disabled:hover {
  cursor: not-allowed;
}

.header-tabs__align-left {
  justify-content: flex-start;
}

.header-tabs__align-right {
  justify-content: flex-end;
}

.header-tabs__tab--id-grades {
  display: none;
}

.header-tabs__type-view-default .header-tabs__tab {
  flex: none;
  margin: 0 12px;
  transition-duration: .4s;
  position: relative;
}

.header-tabs__type-view-default .header-tabs__tab a {
  text-decoration: none;
}

.header-tabs__type-view-default .header-tabs__tab:after {
  content: "";
  width: 0;
  transition-duration: .4s;
}

.header-tabs__type-view-default .header-tabs__bubble {
  position: absolute;
  top: -6px;
  right: -12px;
}

.header-tabs__type-view-default .header-tabs__tab--active .header-tabs__tab-text {
  color: var(--color-first);
}

.header-tabs__type-view-default .header-tabs__tab--active:after {
  background-color: var(--color-first);
  width: 22px;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.header-tabs__type-view-default .header-tabs__tab-text {
  color: #c7bfb7;
}

.header-tabs__type-view-default .header-tabs__tab--with-icon:after {
  bottom: -10px;
}

.header-tabs__type-view-default .header-tabs__tab--with-icon {
  margin: 0 12px;
}

.header-tabs__type-view-default .header-tabs__tab--with-icon .header-tabs__tab-text-container {
  text-align: center;
}

.header-tabs__type-view-border .header-tabs__tab {
  text-align: center;
  border-right: 0;
  width: 140px;
  padding: 8px;
}

.header-tabs__type-view-border .header-tabs__tab:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.header-tabs__type-view-border .header-tabs__tab:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.header-tabs__type-view-pill {
  background: var(--color-bg-04);
  border-radius: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 16px auto;
  padding: 8px;
}

.header-tabs__type-view-pill .header-tabs__tab {
  text-align: center;
  padding: 8px;
}

.header-tabs__type-view-pill .header-tabs__tab-text {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #a39b93;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-tabs__type-view-pill .header-tabs__tab--active {
  color: var(--color-first);
  background: #fff;
  border-radius: 8px;
}

.header-tabs__type-view-pill .header-tabs__tab--active .header-tabs__tab-text {
  color: var(--color-first);
}

.header-tabs__type-view-background .header-tabs__tab, .header-tabs__type-view-background-round .header-tabs__tab, .header-tabs__type-view-vertical .header-tabs__tab {
  text-align: center;
  background: #dbd5ce;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin: 0 4px;
  padding: 0 30px;
  display: flex;
}

.header-tabs__type-view-background .header-tabs__tab-text, .header-tabs__type-view-background-round .header-tabs__tab-text, .header-tabs__type-view-vertical .header-tabs__tab-text {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-tabs__type-view-background .header-tabs__tab-text-container, .header-tabs__type-view-background-round .header-tabs__tab-text-container, .header-tabs__type-view-vertical .header-tabs__tab-text-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-tabs__type-view-background .header-tabs__tab--active, .header-tabs__type-view-background-round .header-tabs__tab--active, .header-tabs__type-view-vertical .header-tabs__tab--active {
  background: var(--color-first);
}

@media only screen and (min-width: 640px) {
  .header-tabs__tab--id-grades {
    display: block;
  }
}

.header-tabs__type-view-background-round .header-tabs__tab, .header-tabs__type-view-vertical .header-tabs__tab {
  border-radius: 40px;
}

.header-tabs__type-view-vertical {
  flex-direction: column;
}

.header-tabs__type-view-vertical .header-tabs__tab {
  background: none;
  border-radius: 0 8px 8px 0;
  justify-content: left;
  margin-bottom: 8px;
  padding: 0 20px;
}

.header-tabs__type-view-vertical .header-tabs__tab-text {
  color: #a39b93;
}

.header-tabs__type-view-vertical .header-tabs__tab--active {
  background: var(--color-first);
}

.header-tabs__type-view-vertical .header-tabs__tab--active .header-tabs__tab-text {
  color: #fff;
}

.simple-tabs {
  display: flex;
}

.simple-tabs__option {
  border: 1px solid var(--color-border);
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  display: flex;
  color: #a39b93 !important;
}

.simple-tabs__option:first-child {
  border-radius: 24px 0 0 24px;
  padding: 0 16px 0 20px;
}

.simple-tabs__option:last-child {
  border-radius: 0 24px 24px 0;
  padding: 0 20px 0 16px;
}

.simple-tabs__option--active {
  background-color: var(--color-first);
  color: #fff !important;
}

.sidebar-tabs {
  flex-direction: column;
  display: flex;
}

.sidebar-tabs__option {
  color: #a39b93;
  border-radius: 4px 0 0 4px;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 8px 16px;
  font-size: 18px;
  display: flex;
}

.sidebar-tabs__option--active {
  color: var(--color-first);
  background-color: #fff;
  font-weight: 700;
}

.back-title-and-icon__item {
  margin-bottom: 24px;
}

.back-title-and-icon__container {
  flex-direction: column;
  display: flex;
}

.back-title-and-icon__icon-container {
  margin-bottom: 24px;
}

.message-background {
  border-radius: 8px;
  padding: 8px;
  display: inline-flex;
}

.message-background--error {
  background: rgba(246, 104, 104, .15);
}

.message-background--success {
  background: rgba(65, 209, 88, .25);
}

.message-background--warning {
  background: #fdf2e2;
}

.message-background__text {
  color: #36393b;
  margin-left: 8px;
}

.message-composer {
  border: 1px solid var(--color-border);
  z-index: 1000;
  background: #fff;
  border-radius: 8px 8px 0 0;
  width: 574px;
  height: 703px;
  transition: transform .3s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 24px;
  transform: translateY(100%);
  box-shadow: 0 6px 8px rgba(44, 44, 44, .1);
}

.message-composer--open {
  transform: translateY(0);
}

.message-composer__header {
  background: #fff;
  border-radius: 8px 8px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 0;
  display: flex;
}

.message-composer__title {
  color: #4e4e4e;
  margin: 0;
  font-family: Dosis Semi Bold, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.message-composer__close {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.message-composer__close:hover {
  background: var(--secondary-color);
}

.message-composer__content {
  height: 587px;
  padding: 8px 20px 20px;
  overflow-y: auto;
}

.message-composer__form {
  flex-direction: column;
  gap: 16px;
  height: 100%;
  display: flex;
}

.message-composer__input {
  border: none;
  border-bottom: 1px solid var(--color-bg-01);
  background: #fff;
  width: 100%;
  padding: 12px 0;
  font-family: Lato Regular, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  transition: border-color .2s;
}

.message-composer__input:focus {
  border-bottom-color: var(--color-bg-01);
  outline: none;
}

.message-composer__input::placeholder {
  color: #bdbdbd;
  font-family: Lato Regular, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.message-composer__footer {
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 16px;
  display: flex;
}

.message-composer__error {
  align-items: center;
  gap: 4px;
  display: flex;
}

.message-composer__error span {
  color: var(--Red, #eb5757);
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.message-composer__editor {
  min-height: unset;
  height: calc(100% - 200px);
}

.message-composer__editor .text-editor__container, .message-composer__editor .fr-box.fr-basic.fr-top {
  height: 100%;
}

.message-composer__recipient {
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.message-composer__label {
  color: #a39b93;
  font-family: Lato Regular, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.message-composer__recipient-text {
  color: #706b65;
  font-family: Lato Regular, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.message-composer .fr-element.fr-view {
  height: 100%;
}

.message-composer .fr-wrapper.show-placeholder, .message-composer .fr-wrapper {
  height: 100%;
  overflow-y: auto;
}

.message-composer__loading {
  background: var(--white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
}

.message-composer__loading-text {
  color: var(--Gray-color-gray-03, #828282);
  text-align: center;
  margin-top: 16px;
  font-family: Dosis Semi Bold, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.message-composer__loading-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.message-composer__loading-content svg {
  animation: 1s linear infinite rotate;
}

.message-composer__loading-content svg path {
  fill: var(--color-first);
  stroke: var(--color-first);
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.message-composer__sent {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.message-composer__sent-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.message-composer__sent-content svg path {
  fill: var(--color-first);
  stroke: var(--color-first);
}

.message-composer__sent-text {
  color: var(--color-first);
  text-align: center;
  margin-top: 16px;
  font-family: Dosis Semi Bold, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.message-composer__sent-footer {
  justify-content: center;
  display: flex;
}

.agroup-timeline-two-sides-in-images__item {
  background-color: #fff;
  border-top: 1px solid #dbd5ce;
  border-bottom: 1px solid #dbd5ce;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 8px;
  display: grid;
}

.agroup-timeline-two-sides-in-images__item-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 16px;
}

.agroup-timeline-two-sides-in-images__item-name {
  color: #fff;
}

.timeline-two-sides .MuiTimeline-root {
  padding: 0;
}

.timeline-two-sides .MuiTimelineOppositeContent-root {
  flex: 0 0 150px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.timeline-two-sides .MuiTimelineItem-root:hover {
  opacity: 1;
  background: rgba(237, 112, 17, .1);
}

.timeline-two-sides .MuiTimelineItem-root:hover .unoi-course-view-program__image {
  background-size: 120% 120%;
}

.timeline-two-sides .MuiTimelineContent-root {
  align-items: center;
  display: flex;
}

.timeline-two-sides .MuiTimelineDot-root {
  box-shadow: none;
  background: none;
  border: 0;
  margin: -2px 0;
  padding: 0;
}

.timeline-two-sides .MuiTimelineContent-root {
  margin-left: 8px;
}

.timeline-two-sides__line-active {
  background-color: var(--color-first) !important;
}

.timeline-two-sides__current {
  border-radius: 50%;
  animation: 2s infinite pulse;
  display: block;
  box-shadow: 0 0 rgba(237, 112, 17, .4);
}

.header-button-right {
  align-items: center;
  display: flex;
  position: relative;
}

.header-button-right__item {
  margin-left: 24px;
  position: relative;
}

.header-button-right__item svg {
  margin-right: 0;
}

.header-button-right__item-wrapper {
  position: relative;
}

.header-button-right__bubble {
  z-index: 4052;
  position: absolute;
  top: -4px;
  right: -4px;
}

.header-buttons-right-responsive {
  align-items: center;
  display: flex;
}

.header-buttons-right-responsive .button--icon-position-right .button__text {
  padding-right: 20px;
}

.header-buttons-right-responsive .button--icon-position-right .icon {
  right: 12px;
}

.header-buttons-right-responsive__desktop {
  display: none;
}

.header-buttons-right-responsive__mobile {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .header-buttons-right-responsive__desktop {
    display: block;
  }

  .header-buttons-right-responsive__mobile {
    display: none;
  }
}

.header-course-selector__wrapper {
  cursor: pointer;
  align-items: center;
  display: inline-flex;
}

.header-course-selector__item {
  margin-right: 8px;
}

.header-course-selector__item--name-container {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.header-course-selector__item--name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-course-selector__item--class-name {
  color: #36393b;
}

.header-course-selector__item--share {
  position: relative;
  top: -2px;
}

.header-assessment {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
  position: relative;
}

.header-assessment .react-datepicker__input-container input {
  padding-left: 20px;
}

.header-assessment__right, .header-assessment__left {
  flex-wrap: nowrap;
  width: 40%;
}

.header-assessment__left {
  align-items: center;
  display: flex;
}

.header-assessment__title {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  font-family: var(--font-second-bold);
  -webkit-box-orient: vertical;
  margin-left: 24px;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-assessment__center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.header-assessment__points-warning {
  margin-right: 8px;
}

.header-assessment__points--error {
  color: #f66868 !important;
}

.header-assessment__grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-assessment__points {
  color: #a39b93;
  display: none;
}

.header-assessment__right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-assessment__saved {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.header-assessment__saved-text {
  color: #a39b93;
  margin-right: 8px;
}

.header-assessment__saved--saving {
  font-style: italic;
}

.header-assessment__date-schedule {
  min-width: 188px;
  margin-right: 8px;
}

.header-assessment__button-split {
  min-width: 168px;
}

@media only screen and (min-width: 1024px) {
  .header-assessment__points {
    display: block;
  }
}

.header-close {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  height: 64px;
  display: flex;
  position: relative;
}

.header-close__grid {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-course {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  height: 64px;
  display: flex;
  position: relative;
}

.header-course__grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-left, .header-right {
  width: 30%;
}

.header-center {
  flex: auto;
  width: 40%;
}

.header-right {
  justify-content: flex-end;
  display: flex;
}

.header-course__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-width: 90px;
  margin-left: 12px;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-course__student-mode-right {
  align-items: center;
  display: flex;
}

.header-course-student-mode-exit {
  color: #a39b93;
  margin-right: 40px;
}

.header-course__student-version {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-course__student-version-text {
  color: #706b65;
  margin-left: 12px;
}

.header-course__back-container {
  align-items: center;
  display: flex;
}

.header-course .header-course-selector__item--bubble {
  display: none;
}

@media only screen and (min-width: 768px) {
  .header-course__name {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box !important;
  }
}

@media only screen and (min-width: 1024px) {
  .header-course .header-course-selector__item--bubble, .header-course .header-course-selector__item--name, .header-course .header-course-selector__item--share, .header-course .header-button-right__item {
    display: block;
  }
}

@media (max-width: 1024px) {
  .header-course {
    height: auto;
    min-height: 120px;
  }

  .header-course .header-course__grid {
    flex-wrap: wrap;
  }

  .header-course .header-left {
    width: 80%;
  }

  .header-course .header-right {
    width: 20%;
  }

  .header-course .header-center {
    order: 3;
    width: 100%;
    margin-top: 12px;
  }

  .header-course .header-center .header-tabs__tab-text {
    font-size: 16px;
  }
}

.header-custom {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  height: 64px;
  display: flex;
  position: relative;
}

.header-custom__grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-custom__left, .header-custom__right {
  flex: 1;
  width: 30%;
}

.header-custom__right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-custom__center {
  flex: 2;
  justify-content: center;
  width: 40%;
  display: flex;
}

.header-custom__center:empty {
  flex: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

.header-lesson {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  height: 60px !important;
}

.header-lesson .header-tabs__tab:first-child {
  margin-left: 0;
}

.header-lesson--student {
  padding: 20px 0;
  height: 190px !important;
}

.header-lesson--student .header-lesson__container {
  align-items: center;
  display: flex;
}

.header-lesson--student .header-lesson__info {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.header-lesson__container {
  width: 100%;
  height: 100%;
  position: relative;
}

.header-lesson__container-header {
  align-items: center;
  height: 100%;
  display: flex;
}

.header-lesson__info {
  flex-grow: 1;
  justify-content: space-between;
  align-items: baseline;
  margin-left: 24px;
  display: block;
}

.header-lesson__info-title {
  align-items: flex-end;
  display: flex;
}

.header-lesson__info-unit {
  color: #706b65;
  line-height: 28px;
}

.header-lesson__info-title-text {
  color: #706b65;
  margin-left: 16px;
}

.header-lesson__subinfo {
  flex: none;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.header-lesson__actions {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.header-lesson__actions-buttons {
  display: flex;
}

.header-lesson__meta-info {
  align-items: center;
  display: flex;
}

.header-lesson__meta-info svg {
  flex: none;
  display: none;
}

.header-lesson__meta-info-text {
  color: #c7bfb7;
  flex: none;
  margin-left: 0;
  margin-right: 24px;
}

.header-lesson__create-link {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.header-lesson__create-link-text {
  margin-left: 8px;
  margin-right: 24px;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .header-lesson__create-link {
    margin-right: 0;
  }

  .header-lesson__create-link .button__content .icon {
    margin-right: 8px !important;
  }

  .header-lesson__create-link-text {
    display: block;
  }

  .header-lesson .button__text {
    display: flex !important;
  }

  .header-lesson__info {
    display: flex;
  }

  .header-lesson__subinfo {
    margin-top: 0;
  }

  .header-lesson__meta-info svg {
    display: block;
  }

  .header-lesson__meta-info-text {
    margin-left: 8px;
  }
}

.header-lesson--student {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.header-lesson--student .header-lesson__info-title-text {
  color: #fff;
  margin-left: 0;
}

.header-lesson--student .header-lesson__title-text, .header-lesson--student .header-lesson__info-title-text {
  text-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.header-lesson--student .header-lesson__back path {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .2));
}

.header-lesson--student .header-lesson__title-container {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.header-lesson--student .header-lesson__title-avatar {
  border: 1px solid #ebe0d7;
  border-radius: 40px;
  margin-right: 24px;
}

.header-lesson--student .header-lesson__title-text {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.header-save {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  height: 64px;
  display: flex;
}

.header-save__grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-simple {
  width: 100%;
}

.header-simple__bar {
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
}

.header-simple__logo {
  min-width: 130px;
}

.header-simple__school-logo {
  height: 50px;
}

.header-simple--background-white {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
}

.header-simple__grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-simple__left {
  align-items: center;
  display: flex;
}

.header-simple__title {
  color: #36393b;
  font-family: var(--font-first);
  width: 70%;
  margin-bottom: 8px;
}

.header-simple__custom-center {
  margin-left: 20px;
}

.header-width-tabs {
  background: #fff;
  border-bottom: 2px solid #dbd5ce;
  align-items: center;
  height: 64px;
  display: flex;
}

.header-width-tabs__grid {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-width-tabs__tabs {
  width: 80%;
}

.header-width-tabs__left {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.header-width-tabs__back-button {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.header-width-tabs__back-button:hover {
  background-color: rgba(0, 0, 0, .05);
}

.header-width-tabs__left, .header-width-tabs__right {
  width: 10%;
}

.header-width-tabs__right {
  justify-content: flex-end;
  display: flex;
}

.header-program__back-container {
  align-items: center;
  display: flex;
}

.header-course__course-picture {
  display: none;
}

.header-program__info {
  align-items: center;
  margin-left: 12px;
  display: flex;
}

.header-course__classes {
  align-items: center;
  display: flex;
}

.header-course__classes-list {
  flex: auto;
  align-items: center;
  display: flex;
}

.header-course__class-entry {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #706b65;
  border: 1px solid #dbd5ce;
  border-radius: 20px;
  flex-shrink: 0;
  max-width: 125px;
  margin-right: 4px;
  padding: 8px 12px;
  overflow: hidden;
}

.header-course__add-to-class {
  flex: 1 0 auto;
}

.dialog-replace-editorial-course b, .dialog-replace-editorial-course strong {
  font-weight: bold;
}

@media only screen and (min-width: 1024px) {
  .header-course__course-picture {
    display: block;
  }

  .header-course__add-to-class-icon {
    margin-left: 16px;
  }
}

.header-responsive {
  background: var(--color-first);
  z-index: 4001;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  display: flex;
  position: fixed;
}

.header-responsive .header-responsive__mobile-menu-header-title {
  color: #fff;
}

.header-responsive .header-responsive__mobile-menu-header-button {
  cursor: pointer;
}

.lesson-view .header-custom__center, .lesson-mint-view .header-custom__center {
  width: 0% !important;
}

.lesson-view .header-custom__right, .lesson-view .header-custom__left, .lesson-mint-view .header-custom__right, .lesson-mint-view .header-custom__left {
  width: auto !important;
}

.lesson-view .avatars-list__avatars, .lesson-mint-view .avatars-list__avatars {
  position: relative;
  left: 16%;
}

.lesson-view .avatars-list__avatars--1, .lesson-mint-view .avatars-list__avatars--1 {
  left: 0;
}

.lesson-header__left, .lesson-header__right {
  white-space: break-spaces;
  align-items: center;
  display: flex;
}

.lesson-header__unit-hidden {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.lesson-header__unit-hidden-text {
  color: #706b65;
  margin-left: 8px;
  display: none;
}

.lesson-header__menu {
  border-radius: 8px;
  padding: 4px;
}

.lesson-header__unit-name {
  font-family: var(--font-second-bold);
  color: #36393b;
  flex: none;
  max-width: 90%;
  margin-left: 12px;
}

.lesson-header__lesson-name, .kanban-header__subtitle {
  color: #706b65;
  margin-left: 12px;
  display: none;
}

.lesson-header__lesson-name .text-html, .kanban-header__subtitle .text-html {
  padding-right: 12px;
}

.lesson-header__view-as svg path {
  fill: #a39b93 !important;
}

.lesson-header__separator {
  background-color: #dbd5ce;
  width: 1px;
  height: 100%;
}

.lesson-header__all-class, .lesson-header__project {
  align-items: center;
  display: flex;
}

.lesson-header--edit__right .button--color-transparent {
  margin-right: 8px;
}

.lesson-header--edit__right .button--color-transparent .button__text {
  color: #fff;
}

.lesson-header__edit, .lesson-header__see-as, .lesson-header__personalize, .lesson-header__see-as-info {
  align-items: center;
  display: flex;
}

.lesson-header--see-as__title {
  color: #fff;
  margin-left: 20px;
}

.lesson-header__menu--active {
  background-color: #f0edea;
}

.lesson-header__more-menu .more-icon-menu {
  margin-left: 0;
  margin-right: 12px;
}

.lesson-header--edit {
  background: #36393b;
  border-bottom: 0;
}

.lesson-header--edit__title {
  color: #fff;
}

.lesson-header__see-as, .lesson-header__personalize, .lesson-header__project, .lesson-header__edit {
  display: none;
}

.lesson-header__all-class, .lesson-header__see-as, .lesson-header__project, .lesson-header__edit, .lesson-header__personalize {
  padding: 0 12px;
}

.lesson-header__close {
  margin-left: 12px;
}

.lesson-header__personalize-text {
  color: #706b65;
  margin-left: 12px;
  display: none;
}

.lesson-header__unit-name-text {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

@media only screen and (min-width: 1024px) {
  .lesson-header__all-class, .lesson-header__see-as, .lesson-header__project, .lesson-header__edit, .lesson-header__personalize {
    padding: 0 20px;
  }

  .lesson-header__close {
    margin-left: 20px;
  }

  .lesson-header__lesson-name, .kanban-header__subtitle, .lesson-header__personalize-text {
    display: block;
  }

  .lesson-header__personalize-text {
    min-width: 92px;
  }

  .lesson-header__unit-name {
    max-width: 70%;
  }
}

@media only screen and (min-width: 768px) {
  .lesson-header__see-as, .lesson-header__personalize, .lesson-header__project, .lesson-header__edit {
    display: flex;
  }

  .lesson-header__unit-name {
    font-size: 18px;
  }

  .lesson-header__unit-hidden-text {
    display: block;
  }

  .lesson-header__unit-hidden {
    background: #f7f4f2;
    border-radius: 24px;
    padding: 12px;
  }
}

.header-lesson__left, .header-lesson__left-info {
  align-items: center;
  gap: 12px;
  display: flex;
}

.header-lesson__left-info-cover {
  border-radius: 12px;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
}

.header-lesson__left-info-cover img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.header-lesson__left-info-texts {
  display: none;
}

.header-lesson__left-info-title {
  font-family: var(--font-first-semi);
  color: #36393b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  overflow: hidden;
}

.header-lesson__left-info-subtitle {
  font-family: var(--font-second);
  color: #a39b93;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.header-lesson__right-web {
  min-width: 250px;
}

.header-lesson .header-tabs__type-view-default .header-tabs__tab--active:after {
  bottom: -18px;
}

.header-lesson .header-tabs__type-view-default .header-tabs__tab-text {
  font-family: var(--font-first);
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (min-width: 640px) {
  .header-lesson__left-info-texts {
    flex-direction: column;
    gap: 4px;
    max-width: 200px;
    display: flex;
  }
}

@media only screen and (min-width: 1024px) {
  .header-lesson__left-info-texts {
    max-width: 100%;
  }
}

.lemonade-disable-interaction .lemo-adaptative-choice__navigation {
  display: none !important;
}

.accordion-list .accordion__title, .accordion-list .accordion__title-text {
  width: 100%;
}

.accordion-list .accordion__tab-container {
  margin-bottom: 12px;
}

.accordion-list .accordion__tab {
  padding: 0;
  position: relative;
}

.accordion-list .accordion__arrow-icon {
  top: 16px;
  right: 8px;
}

.basic-list__item {
  margin-bottom: 8px;
  transition-duration: .9s;
}

.basic-list__item:last-child {
  margin-bottom: 0;
}

.basic-list__item--active > div {
  box-shadow: 0 0 0 2px var(--color-first);
  transition-duration: .9s;
}

.basic-list--with-border .basic-list__item {
  border-bottom: 1px solid #dbd5ce;
  margin-bottom: 0;
  padding: 8px 0;
}

.basic-list--with-border .basic-list__item:last-child {
  border-bottom: 0;
}

.mosaic-list {
  align-items: stretch;
}

.mosaic-list__item {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-bottom: 24px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.mosaic-list__item > div {
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .mosaic-list--col-4 .mosaic-list__item, .mosaic-list--col-3 .mosaic-list__item, .mosaic-list--col-2 .mosaic-list__item {
    flex: 0 calc(50% - 24px);
    width: calc(50% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

@media only screen and (min-width: 1024px) {
  .mosaic-list--col-4 .mosaic-list__item {
    flex: 0 calc(33.3333% - 24px);
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

@media only screen and (min-width: 1280px) {
  .mosaic-list--col-4 .mosaic-list__item {
    flex: 0 calc(25% - 24px);
    width: calc(25% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .mosaic-list--col-3 .mosaic-list__item {
    flex: 0 calc(33.3333% - 24px);
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.accordion-list2 {
  width: 100%;
}

.accordion-list2--arrow-left .MuiAccordionSummary-root {
  flex-direction: row-reverse;
}

.accordion-list2--simple .MuiPaper-elevation1 {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}

.accordion-list2--simple .MuiAccordionSummary-root {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 4px !important;
}

.accordion-list2--simple .MuiAccordionDetails-root {
  padding-top: 14px !important;
}

.assessment-item {
  border-radius: 16px;
  padding: 16px 16px 20px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.assessment-item--status-soon .assessment-item__date {
  color: #a39b93;
}

.assessment-item--status-late .assessment-item__date {
  color: var(--color-first);
}

.assessment-item__header {
  flex-direction: row;
  display: flex;
}

.assessment-item__course {
  color: #a39b93;
}

.assessment-item__lesson {
  color: #a39b93;
  border-left: 1px solid #a39b93;
  min-height: 20px;
  margin-left: 16px;
  padding-left: 16px;
  line-height: 20px;
}

.assessment-item__left {
  flex-direction: row;
  margin-top: 12px;
  display: flex;
}

.assessment-item__filter-icon {
  border: 2px solid #bdbdbd;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.assessment-item__filter-icon .icon--size-default {
  width: 26px;
  height: auto;
}

.assessment-item__filter-icon--to-do {
  border: 2px solid #ff5322;
}

.assessment-item__info {
  flex-direction: column;
  margin-left: 20px;
  display: flex;
}

.assessment-item__questions-length {
  color: #a39b93;
  margin-bottom: 8px;
}

.assessment-item__title {
  color: #333;
  font-family: var(--font-second-bold);
  margin-bottom: 12px;
  font-weight: bold;
  line-height: 24px;
}

.assessment-item__date-icon {
  background: var(--color-bg-04);
  border-radius: 6px;
  margin-right: 8px;
  padding: 6px;
}

.assessment-item__date-container {
  align-items: center;
  display: flex;
}

.assessment-item__date {
  color: #c7bfb7;
}

.assessment-item__right {
  flex-direction: column;
  display: flex;
}

.assessment-item .item-complex-list {
  align-items: flex-start;
}

.avatar-with-name {
  background: none;
  border: 0;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  display: flex;
  position: relative;
}

.avatar-with-name .avatar {
  border: 1px solid rgba(0, 0, 0, 0);
}

.avatar-with-name__name {
  color: #706b65;
  margin-top: 8px;
  display: block;
}

.avatar-with-name--semiactive {
  background: #f0edea;
}

.avatar-with-name--semiactive .avatar-with-name__close {
  display: block;
}

.avatar-with-name--active .avatar {
  border: 1px solid var(--color-first);
}

.avatar-with-name--active .avatar-with-name__name {
  color: var(--color-first);
}

.avatar-with-name--active .avatar-with-name__close {
  display: none;
}

.avatar-with-name__close {
  position: absolute;
  right: 8px;
}

.avatar-with-name-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.avatar-with-name-list__user {
  text-align: center;
  width: 80px;
  margin: 8px;
}

.avatar-with-name-list__user .avatar {
  margin: auto;
}

.avatar-with-name-list__user .avatar-with-name__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.behaviour-item {
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.behaviour-item .item-complex-list, .behaviour-item .item-complex-list__left, .behaviour-item .item-complex-list__center {
  width: 100%;
}

.behaviour-item__info-main {
  flex-direction: column;
  margin-left: 16px;
  display: flex;
}

.behaviour-item__info-header {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.behaviour-item__name {
  color: #706b65;
}

.behaviour-item__comment {
  color: #706b65;
  margin-top: 8px;
  display: block;
}

.behaviour-item__date {
  color: #a39b93;
  margin-right: 8px;
}

.behaviour-item__options {
  align-items: center;
  display: flex;
}

.behaviour-list {
  max-height: 70vh;
  overflow: auto;
}

.behaviour-list .behaviour-item {
  border-bottom: 1px solid #dbd5ce;
}

.behaviour-list .basic-list__item {
  margin-bottom: 0;
}

.behaviour-list .item-complex-list__left-children {
  width: 44px;
}

.calendars-list {
  height: auto;
  overflow: hidden;
}

.calendars-list .MuiPaper-elevation1 {
  box-shadow: none !important;
}

.calendars-list .MuiAccordionSummary-root {
  position: relative;
}

.calendars-list .MuiAccordionSummary-expandIcon {
  position: absolute;
  right: 0;
}

.calendars-list .MuiAccordionDetails-root {
  display: block;
  padding: 0 !important;
}

.calendars-list__group-summary {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
  margin: 12px 0;
  display: flex;
}

.calendars-list__group-details {
  margin-top: 12px;
}

.calendars-list__group-name {
  font-family: var(--font-first);
  color: #706b65;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
}

.calendars-list__group-options-wrapper {
  align-items: center;
  gap: 4px;
  margin-right: 30px;
  display: flex;
}

.calendar-item {
  width: 100%;
}

.calendar-item .image-bubble__picture {
  width: 100%;
  height: 100%;
}

.calendar-item .item-complex-list__left-children {
  width: 30px;
}

.calendar-item:hover .calendar-item__options-wrapper {
  opacity: 1;
}

.calendar-item__course-color {
  background-color: #a39b93;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.calendar-item__info {
  align-items: center;
  display: flex;
}

.calendar-item__name {
  color: #706b65;
  margin-left: 8px;
}

.calendar-item__level {
  color: #a39b93;
  margin-left: 8px;
}

.calendar-item__info--invisible {
  opacity: .5;
}

.calendar-item__options-wrapper {
  opacity: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  margin-right: 8px;
  transition: opacity .3s ease-in-out;
  display: flex;
}

.classrooms-simple-item {
  flex-direction: column;
  display: flex;
}

.classrooms-simple-item__info {
  align-items: center;
  display: flex;
}

.classrooms-simple-item__info-main {
  flex-direction: column;
  margin-left: 16px;
  display: flex;
}

.classrooms-simple-item__name {
  color: #706b65;
}

.classrooms-simple-item__level {
  color: #a39b93;
}

.classrooms-simple-item__text {
  color: #706b65;
}

.comment-item__info {
  flex-direction: column;
  display: flex;
}

.comment-item__user {
  color: #706b65;
}

.comment-item__date {
  color: #a39b93;
  margin-left: 12px;
}

.comment-item__text {
  color: #706b65;
}

.comments-list {
  max-height: 70vh;
  overflow: auto;
}

.comment-skeleton__wrapper {
  padding: 12px;
}

.comment-skeleton {
  height: 45px;
  margin-bottom: 12px;
}

.device-item__left {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.device-item__day {
  color: #706b65;
}

.device-item__month {
  color: #a39b93;
  text-transform: uppercase;
}

.device-item__center {
  flex-direction: column;
  display: flex;
}

.device-item__title {
  color: #706b65;
  margin-bottom: 4px;
}

.device-item__type {
  color: #a39b93;
}

.device-item__right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.learning-objective-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.learning-objective-item__right {
  display: flex;
}

.learning-objective-item__checkbox {
  margin-left: 8px;
}

.tooltip-learning-objectives__title {
  color: #706b65;
}

.tooltip-learning-objectives__text {
  color: #706b65;
  margin-top: 24px;
  display: block;
}

.lesson-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 8px;
  width: 100%;
  position: relative;
}

.lesson-item .item-complex-list {
  align-items: flex-start;
}

.lesson-item .item-complex-list__left {
  width: 100%;
}

.lesson-item__progress-circle {
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.lesson-item__progress-text {
  color: var(--color-first);
  font-size: 10px;
  font-weight: 600;
}

.lesson-item__center {
  align-items: center;
  display: flex;
  position: relative;
}

.lesson-item__center .icon {
  flex: none;
  height: auto;
}

.lesson-item__icon-time {
  margin-right: 34px;
  position: absolute;
  right: 100%;
}

.lesson-item__info {
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}

.lesson-item__time {
  display: flex;
}

.lesson-item__date {
  color: #a39b93;
  border-right: 1.5px solid #dbd5ce;
  align-items: center;
  margin-top: 4px;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.lesson-item__date-text, .lesson-item__sessions-text {
  color: #a39b93;
  margin-left: 8px;
}

.lesson-item__date-text {
  text-transform: capitalize;
}

.lesson-item__sessions-text {
  text-transform: lowercase;
}

.lesson-item__sessions {
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.lesson-item__session-info {
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
  display: flex;
}

.lesson-item__session-info-text {
  color: #a39b93;
  font-family: var(--font-second);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.lesson-item--active {
  border-top: 2px solid var(--color-first);
  border-right: 2px solid var(--color-first);
  border-bottom: 4px solid var(--color-first);
  border-left: 2px solid var(--color-first);
  border-radius: 12px;
}

.lesson-item--disabled .lesson-item__name {
  color: #a39b93;
}

.lesson-item--disabled .lesson-item__cover {
  opacity: .8;
  filter: grayscale(.8);
}

.lesson-item__progress-circle {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  display: flex;
}

.lesson-item__progress-text {
  color: #706b65;
  white-space: nowrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.lesson-item__session-info-date {
  color: #a39b93;
  font-family: var(--font-second);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.lesson-item__date--current {
  text-transform: uppercase;
  letter-spacing: .2px;
  color: var(--color-first);
  font-family: var(--font-first);
  border-right: 1.5px solid #dbd5ce;
  align-items: center;
  margin-top: 4px;
  margin-right: 12px;
  padding-right: 12px;
  font-size: 14px;
  display: flex;
}

.lesson-item__right {
  align-items: center;
  display: flex;
}

.lesson-item__consumption {
  flex-direction: column;
  margin-right: 24px;
  display: flex;
}

.lesson-item__tags {
  margin-top: 12px;
}

.lesson-item .item-complex-list__right {
  height: 0;
  overflow: hidden;
}

.lesson-item:hover .item-complex-list__right {
  height: 20px;
  transition-duration: .2s;
}

.lesson-item__right--mode-edit {
  align-items: center;
  display: flex;
}

.lesson-item__right--mode-edit .lesson-item__menu {
  margin-right: 12px;
}

.lesson-item__drag {
  cursor: grab !important;
}

.lesson-item__name-input {
  width: 100%;
}

.lesson-item__name-input .input-text__input, .lesson-item__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .lesson-item__name-input input, .lesson-item__name-input .input-date input, .input-date .lesson-item__name-input input, .lesson-item__name-input .input-time-range__input, .lesson-item__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .lesson-item__name-input input, .lesson-item__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .lesson-item__name-input input {
  background: none;
  border: 0;
  width: 100%;
  height: 24px;
  padding: 0;
}

.lesson-item--edit-input-mode .item-complex-list__center, .lesson-item--edit-input-mode .item-complex-list__center .lesson-item__center--edit-input-mode {
  width: 100%;
}

.tag-tooltip__popper > div {
  max-width: 394px;
}

.lesson-item__visibility-container {
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.lesson-item__visibility-container .icon {
  margin-right: 8px;
}

.lesson-item__visibility {
  color: #a39b93;
  margin-right: 8px;
}

.lesson-item--no-visibility .lesson-item__name {
  color: #a39b93;
}

.lesson-item--no-visibility .lesson-item__date {
  color: #c7bfb7;
}

.lesson-item__restore-dialog-message-attention {
  color: #fff;
  background-color: #f66868;
  margin-top: 16px;
  padding: 12px;
}

.lesson-item--no-visibility .lesson-item__cover, .lesson-item .lesson-item__cover {
  border-radius: 8px;
  flex-shrink: 0;
  width: 107px;
  height: 80px;
}

.lesson-item--no-visibility .lesson-item__cover img, .lesson-item .lesson-item__cover img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.lesson-item-student {
  border-radius: 16px;
  position: relative;
}

.lesson-item-student .icon--lock {
  opacity: .4;
}

.lesson-item-student--today {
  border-color: var(--color-first);
}

.lesson-item-student__image {
  background-color: #f0edea;
  background-size: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: calc(100% + 24px);
  height: 86px;
  position: relative;
  top: -12px;
  left: -12px;
}

.lesson-item-student__icon-book {
  padding: 24px;
}

.lesson-item-student__name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.lesson-item-student__date {
  color: #a39b93;
  margin-top: 8px;
  display: block;
}

.lesson-item-student__today {
  text-transform: uppercase;
  color: var(--color-first);
  font-weight: 600;
  line-height: 14px;
}

.lesson-item-student__status {
  justify-content: center;
  margin: 24px auto 0;
  display: flex;
}

.lesson-item-student__status circle {
  fill: #41d158;
}

.lessons-list__item {
  border-radius: 8px;
  margin: 12px;
}

.lessons-list__item--done + .lessons-list__item .icon-time-check:before {
  background: var(--color-first);
}

.lessons-list__add-item {
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  height: 4px;
  padding-left: 16px;
  transition-duration: .4s;
}

.lessons-list__add-item .button, .lessons-list__add-item .resources-demo-container__link, .lessons-list__add-item .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .lessons-list__add-item .resources-demo-container__link, .lessons-list__add-item .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .lessons-list__add-item .button, .lessons-list__add-item .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .lessons-list__add-item .mvl_card_button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .lessons-list__add-item .vl-button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .lessons-list__add-item .vl-button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .lessons-list__add-item .vl-button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .lessons-list__add-item .vl-button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .lessons-list__add-item .vl-button, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item .vl-button--primary-border, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item .vl-button--primary-without-bg, .lessons-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item .vl-button--primary-full-width {
  display: none;
}

.lessons-list__add-item:hover {
  height: 52px;
}

.lessons-list__add-item:hover .button, .lessons-list__add-item:hover .resources-demo-container__link, .lessons-list__add-item:hover .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .lessons-list__add-item:hover .mvl_card_button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .lessons-list__add-item:hover .vl-button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .lessons-list__add-item:hover .vl-button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .lessons-list__add-item:hover .vl-button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .lessons-list__add-item:hover .vl-button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .lessons-list__add-item:hover .vl-button, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item:hover .vl-button--primary-border, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item:hover .vl-button--primary-without-bg, .lessons-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .lessons-list__add-item:hover .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

.lessons-list-in-edit-mode .lessons-list__add-item:last-child {
  height: 52px;
  display: block !important;
}

.lessons-list-in-edit-mode .lessons-list__add-item:last-child .button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .resources-demo-container__link, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .lessons-list-in-edit-mode .lessons-list__add-item:last-child .mvl_card_button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button--primary-border, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button--primary-without-bg, .lessons-list-in-edit-mode .lessons-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .lessons-list-in-edit-mode .lessons-list__add-item:last-child .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

.lesson-element-item .progresss-moon__bar {
  border-color: #f0edea;
  border-bottom-color: var(--color-first);
  border-right-color: var(--color-first);
}

.lesson-element-item .progress-moon__feedback, .lesson-element-item .progress-bar__text {
  color: #c7bfb7;
}

.lesson-element-item .hr {
  height: 1px;
}

.lesson-element-item__hr {
  margin: 8px 0 24px;
}

.lesson-element-item__center {
  flex-direction: column;
  display: flex;
}

.lesson-element-item__type {
  color: #c7bfb7;
  text-transform: uppercase;
}

.lesson-element-item__name {
  color: #706b65;
  margin-top: 4px;
  margin-bottom: 4px;
}

.lesson-element-item__right {
  align-items: center;
  display: flex;
}

.lesson-element-item__only-teacher {
  margin-right: 16px;
}

.lesson-element-item__right-info {
  flex: none;
  margin-right: 16px;
}

.lesson-element-item__right-info--student {
  margin-right: 16px;
  display: flex;
}

.lesson-element-item__right-info--scheduled {
  text-align: right;
}

.lesson-element-item__right-deliver-at {
  border-left: 1px solid #f0edea;
  margin-right: 24px;
}

.lesson-element-item__right-deliver-at .icon-background {
  align-items: flex-start;
}

.lesson-element-item__right-deliver-at .icon-background__icon {
  background: none;
  padding-top: 0;
  padding-right: 0;
}

.lesson-element-item__right-item {
  margin-left: 12px;
  margin-right: 12px;
}

.lesson-element-item__right-item .tag--progress-bar {
  min-height: 40px;
}

.lesson-element-item__right-item .progress-bar__label .progress-bar__label--value {
  color: #36393b;
  font-size: 14px;
  font-family: var(--font-first);
  display: inline-block;
}

.lesson-element-item__right-item .progress-bar__label .progress-bar__label--percent {
  color: #a39b93;
  font-size: 12px;
  font-family: var(--font-first);
  margin-left: 2px;
  display: inline-block;
}

.lesson-element-item__right-item--progress-bar {
  width: 100px;
  margin-right: 16px !important;
}

.lesson-element-item__right-date-container {
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.lesson-element-item__right-date {
  color: #c7bfb7;
  margin-left: 12px;
  font-style: italic;
}

.lesson-element-item__dropdown-lib {
  min-width: 130px;
}

.assigments-list__children-content {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.assigments-list__children-description {
  color: #c7bfb7;
  margin-left: 8px;
}

.lesson-element-item__meta {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.lesson-element-item__meta-info {
  flex-direction: column;
  display: flex;
}

.lesson-element-item__meta-icon {
  background: #f7f4f2;
  border-radius: 0;
  margin-right: 8px;
  padding: 8px;
}

.lesson-element-item__meta-info-text {
  color: #a39b93;
  font-style: italic;
}

.lesson-element-item__meta-info-description {
  color: #a39b93;
}

.lesson-element-item__go-to-test {
  margin-left: 24px;
}

.lesson-element-item__go-to-test .button__text {
  padding-left: 0;
  top: 0;
}

.lesson-element-item__big-preview-content {
  cursor: default;
  max-height: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 12px auto;
  display: flex;
}

.lesson-element-item__big-preview-content img {
  width: 100%;
}

.lesson-element-item__big-preview-content .lesson-element-item__navigation {
  cursor: pointer;
  z-index: 1000;
  background-color: #f1f3f5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .lesson-element-item__right-item {
    margin-left: 12px;
  }
}

.lesson-item-list {
  width: 100%;
}

.lesson-item-list .MuiAccordion-root {
  border-radius: 0 !important;
  margin-top: 8px !important;
}

.lesson-item-list .MuiAccordionSummary-root {
  height: initial !important;
}

.lesson-item-list .MuiButtonBase-root {
  align-items: flex-start;
}

.lesson-item-list .comments-list-and-create__sender {
  width: calc(100% + 25px);
  position: relative;
  bottom: -12px;
  left: -13px;
  overflow: visible;
}

.lesson-item-list--student .MuiAccordion-root {
  border-radius: 16px !important;
}

.lesson-item-list--student .message-sender-simple {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  margin-bottom: 0;
}

.lesson-item-list__title-container {
  width: 100%;
}

.lesson-item-list__is-publisher {
  border-left: 8px solid var(--color-first) !important;
}

.lesson-item-list--teacher .lesson-item-list__no-is-publisher .MuiAccordionSummary-content {
  padding-left: 8px;
}

.lesson-item-list__children-content {
  align-items: center;
  display: flex;
}

.lesson-item-list__children-content .count {
  text-align: left;
}

.lesson-item-list__children-description {
  color: #c7bfb7;
  margin-top: 8px;
}

.lesson-item-list__children-container {
  border: 0;
  width: 100%;
  margin-top: 8px;
  padding-top: 0;
}

.lesson-item-list__children-container-graph {
  margin-top: 24px;
}

.lesson-item-list__children-container-feedback {
  padding-top: 16px;
}

.lesson-item-list__open-assessment {
  justify-content: flex-end;
  display: flex;
}

.lesson-item-list__children-results-text-interactive {
  margin-right: 16px;
}

.lesson-item-list__children-counts {
  margin-top: 24px;
  display: flex;
}

.lesson-item-list__children-counts .count {
  margin-right: 24px;
}

.lesson-item-list__children-loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 550px;
  display: flex;
}

.lesson-item-list__children-content-container .preview-content__img, .lesson-item-list__children-content-container video {
  max-height: 400px;
  margin: auto;
}

.lesson-item-list--active-url {
  box-shadow: 0 0 0 2px var(--color-first) !important;
  transition-duration: .9s !important;
}

.lesson-item-list__children__teacher-notes {
  margin-top: 12px;
}

.lesson-item-list__students-graph .horizontal-students-progress {
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.library-content-item {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}

.library-content-item__name {
  margin-left: 16px;
}

.library-content-item--active {
  background: #f7f4f2;
}

.library-content-skeleton {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 40px;
  margin-bottom: 12px;
}

.content-detail-skeleton__name {
  height: 20px;
}

.license-item {
  min-height: 50px;
  display: flex;
  position: relative;
}

.license-item__image {
  background-size: cover;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 69px;
  height: calc(100% + 24px);
  position: absolute;
  bottom: -12px;
  left: -12px;
}

.license-item__image .program-image__picture-container, .license-item__image .program-image__picture {
  width: 100%;
  height: 100%;
}

.license-item__image .program-image__picture-container {
  padding: 0;
  border-radius: 0 !important;
}

.license-item__image .program-image__picture {
  border-radius: 0 !important;
}

.license-item__content {
  width: 100%;
  margin-left: 69px;
  display: block;
}

.license-item__content-texts {
  margin-left: 69px24px;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  display: flex;
}

.license-item--typeview-simple .license-item__content-texts {
  width: auto;
  margin-right: 24px;
}

.license-item__content-name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.license-item__content-level {
  color: #706b65;
}

.license-item__content-isbn {
  color: #a39b93;
}

.license-item__content-meta-info {
  flex-direction: column;
  margin-top: 8px;
  display: flex;
}

.license-item__content-range {
  color: #706b65;
}

.license-item__content-delete {
  margin-left: auto;
  margin-right: 24px;
}

.license-item-expired {
  align-items: center;
  display: flex;
}

.license-item-expired__text {
  color: #f66868;
  margin-left: 8px;
  font-family: Lato Regular;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .license-item__content {
    align-items: center;
    display: flex;
  }

  .license-item__content-meta-info {
    margin-top: 0;
    margin-left: 24px;
  }
}

.licenses-expired-list {
  margin-top: 20px;
  margin-bottom: 16px;
}

.licenses-expired-list-title {
  text-transform: uppercase;
  color: #706b65;
  font-weight: 700;
  line-height: 19px;
}

.licenses-expired-list__card {
  margin: 12px 0;
}

.licenses-expired-list__card-title {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
}

.licenses-expired-list__card-content {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.licenses-expired-list__card-more {
  color: #a39b93;
  cursor: pointer;
  margin-right: 16px;
  font-weight: 700;
}

.license-expired-item {
  border-bottom: 1px solid #dbd5ce;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 12px;
  display: flex;
  position: relative;
}

.license-expired-item__image {
  background-size: cover;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 69px;
  height: 39px;
  position: absolute;
  top: 0;
  left: 0;
}

.license-expired-item__image .program-image__picture-container, .license-expired-item__image .program-image__picture {
  width: 60px;
  height: 60px;
}

.license-expired-item__image .program-image__picture-container {
  padding: 0;
  border-radius: 0 !important;
}

.license-expired-item__image .program-image__picture {
  border-radius: 0 !important;
}

.license-expired-item__content {
  width: 100%;
  margin-left: 69px;
  display: block;
}

.license-expired-item__content-texts {
  margin-left: 69px24px;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  display: flex;
}

.license-expired-item--typeview-simple .license-expired-item__content-texts {
  width: auto;
  margin-right: 24px;
}

.license-expired-item__content-name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.license-expired-item__content-level {
  color: #706b65;
}

.license-expired-item__content-isbn {
  color: #a39b93;
}

.license-expired-item__content-meta-info {
  flex-direction: column;
  margin-top: 8px;
  display: flex;
}

.license-expired-item__content-range {
  color: #706b65;
}

.license-expired-item__content-delete {
  margin-left: auto;
  margin-right: 24px;
}

.license-expired-item-expired {
  align-items: center;
  display: flex;
}

.license-expired-item-expired__text {
  color: #f66868;
  margin-left: 8px;
  font-family: Lato Regular;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .license-expired-item__content {
    align-items: center;
    display: flex;
  }

  .license-expired-item__content-meta-info {
    margin-top: 0;
    margin-left: 24px;
  }
}

.next-event-dropdown-item {
  border: 0;
}

.next-event-dropdown-item:hover {
  background: #f7f4f2;
}

.next-event-dropdown-item__center {
  flex-direction: column;
  justify-content: center;
  padding-top: 4px;
  display: flex;
}

.next-event-dropdown-item__title {
  color: #706b65;
}

.next-event-dropdown-item__detail {
  color: #a39b93;
  align-items: center;
  display: flex;
}

.next-event-dropdown-item__course-name {
  margin-left: 8px;
}

.next-event-item__left {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.next-event-item__day {
  color: #706b65;
}

.next-event-item__month {
  color: #a39b93;
  text-transform: uppercase;
}

.next-event-item__center {
  flex-direction: column;
  display: flex;
}

.next-event-item__title {
  color: #706b65;
  margin-bottom: 4px;
}

.next-event-item__detail {
  color: #a39b93;
}

.next-event-item__right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.notification-item__name, .notification-item__text {
  color: #a39b93;
}

.notification-item__subinfo {
  color: #a39b93;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.notification-item__date {
  flex: none;
}

.notification-item__notification--not-consumption .notification-item__name, .notification-item__notification--not-consumption .notification-item__text {
  color: #222;
}

.notification-item__notification--not-viewed {
  background: #fff3c9;
}

.notifications-list .item-complex-list__left {
  width: 100%;
}

.notifications-list .item-complex-list__center {
  flex: auto;
}

.notifications-list .notifications-list__notification {
  margin-bottom: 8px;
}

.notifications-todo-item {
  border: 0;
}

.notifications-todo-item:hover {
  background: #f7f4f2;
}

.notifications-todo-item .item-complex-list .item-complex-list__left .item-complex-list__left-children {
  width: auto;
}

.notifications-todo-item .item-complex-list .item-complex-list__center {
  margin-left: 8px;
}

.notifications-todo-item__center {
  flex-direction: column;
  justify-content: center;
  padding-top: 4px;
  display: flex;
}

.notifications-todo-item__title {
  color: #706b65;
}

.notifications-todo-item__unit-name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #a39b93;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.notifications-todo-item__detail {
  color: #a39b93;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.notifications-todo-item--status-one-day .notifications-todo-item__unit-name, .notifications-todo-item--status-one-day .buble-and-date__day, .notifications-todo-item--status-one-day .buble-and-date__month, .notifications-todo-item--status-one-day .notifications-todo-item__title, .notifications-todo-item--status-teacher-publish-jobs-pending .notifications-todo-item__unit-name, .notifications-todo-item--status-teacher-publish-jobs-pending .buble-and-date__day, .notifications-todo-item--status-teacher-publish-jobs-pending .buble-and-date__month, .notifications-todo-item--status-teacher-publish-jobs-pending .notifications-todo-item__title {
  color: #f66868 !important;
}

.notification-item__notification:not(.notification-item__notification--not-consumption) .notifications-todo-item__unit-name, .notification-item__notification:not(.notification-item__notification--not-consumption) .buble-and-date__day, .notification-item__notification:not(.notification-item__notification--not-consumption) .buble-and-date__month, .notification-item__notification:not(.notification-item__notification--not-consumption) .notifications-todo-item__title, .notification-item__notification:not(.notification-item__notification--not-consumption) .notification-todo-item__student-name, .notification-item__notification:not(.notification-item__notification--not-consumption) .notifications-todo-item__teacher-action {
  color: #c7bfb7 !important;
}

.notification-item__notification:not(.notification-item__notification--not-consumption) .notification-todo-item__all-icon .icon-bubble {
  background: #c7bfb7 !important;
}

.notifications-todo-item--status-due-date-tomorrow .buble-and-date__day, .notifications-todo-item--status-due-date-tomorrow .buble-and-date__month, .notifications-todo-item--status-due-date-tomorrow .notifications-todo-item__unit-name, .notifications-todo-item--status-due-date-tomorrow .notifications-todo-item__title {
  color: var(--color-first) !important;
}

.notifications-todo-item__teacher-action {
  color: var(--color-first);
}

.notification-todo-item__student-name {
  color: #706b65;
}

.notification-todo-item__student-name span {
  text-transform: lowercase;
  color: #a39b93;
}

.notification-todo-item__notification--consumption .tag {
  background: #dbd5ce !important;
}

.notification-todo-item__notification--consumption .tag__text {
  color: #fff !important;
}

.question-item .lemonade-view__container {
  border: none;
}

.question-item .lemonade-view__container .lemonade-exercises {
  flex-direction: column;
  display: flex;
}

.question-item .lemo-question-controls {
  margin: 0;
}

.question-item .lemo-question-controls, .question-item .lemo-send-controls {
  width: 100%;
}

.question-item__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-item__header-left {
  align-items: center;
  display: flex;
}

.question-item__header-right {
  flex-direction: column;
  display: flex;
}

.question-item__result-tag {
  margin-top: 12px;
}

.question-item__numeration {
  margin-right: 24px;
}

.question-item__numeration .numeration {
  justify-content: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.question-item__points {
  width: 116px;
}

.question-item__limit-wrong {
  justify-content: flex-end;
  display: flex;
}

.question-item__limit-wrong-text {
  color: #a39b93;
  margin-top: 24px;
  display: block;
}

.question-item__ranking-scale, .question-item__student-result-score {
  color: #a39b93;
}

.solution-corrective-feedback__container {
  background: rgba(237, 112, 17, .1);
  border: 1px solid #f66868;
  border-radius: 0;
  position: relative;
}

.solution-corrective-feedback {
  font-family: var(--font-second);
  max-height: 170px;
  padding: 12px;
  overflow: hidden;
}

.solution-corrective-feedback * {
  color: #f66868 !important;
}

.solution-corrective-feedback img {
  max-width: 100%;
}

.solution-corrective-feedback__show-solution {
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.solution-corrective-feedback__show-solution .switch {
  align-items: center;
}

.solution-corrective-feedback__show {
  background: linear-gradient(to top, #fff 33.16%, rgba(255, 255, 255, 0) 72.4%);
  border-radius: 0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 70px;
  padding-bottom: 12px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.solution-corrective-feedback__sample-answer {
  border-left: 4px solid var(--color-first);
  background: #f7f4f2;
  border-radius: 0 8px 8px 0;
  margin: 24px auto;
  padding: 16px 12px;
}

.solution-corrective-feedback__sample-answer p {
  font-size: 18px;
}

.solution-corrective-feedback__show-text {
  color: var(--color-first);
}

.solution-corrective-feedback__container--expanded .solution-corrective-feedback {
  max-height: 700px;
  overflow-y: auto;
}

.solution-corrective-feedback__container--expanded .solution-corrective-feedback__show {
  position: relative;
}

.question-item__attached-file {
  margin-top: 16px;
}

.task-simple-item--type-view-student {
  border-radius: 16px;
}

.task-simple-item--status-soon .task-simple-item__date {
  color: #a39b93;
  font-style: italic;
}

.task-simple-item--status-late {
  border-color: var(--color-first);
}

.task-simple-item--status-late .task-simple-item__date {
  color: var(--color-first);
  font-style: italic;
}

.task-simple-item__left {
  flex-direction: column;
  display: flex;
}

.task-simple-item__title, .task-simple-item__questions-length {
  color: #706b65;
  margin-bottom: 4px;
}

.task-simple-item__date-late-icon {
  margin-right: 8px;
}

.task-simple-item__date-container {
  align-items: center;
  display: flex;
}

.task-simple-item__date, .task-simple-item__no-date {
  color: #c7bfb7;
}

.task-simple-item__right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.task-simple-item__right--student {
  align-items: center;
  display: flex;
}

.task-simple-item__student-status-text {
  color: var(--color-first);
  text-transform: uppercase;
  margin-right: 8px;
  font-size: 14px;
}

.task-simple-item__pending {
  flex: none;
  margin-bottom: 4px;
}

.task-simple-item__pending, .task-simple-item__pending-text {
  color: #a39b93;
}

.task-pending-item {
  padding: 8px 12px;
}

.task-pending-item__section {
  color: #a39b93;
}

.task-pending-item__evaluative {
  align-items: center;
  display: flex;
}

.task-pending-item__evaluative-text {
  color: #f66868;
  margin-left: 4px;
}

.task-pending-item__progress {
  align-items: inherit;
  margin-top: 8px;
  display: flex;
}

.task-pending-item__progress-item {
  min-width: 80px;
  margin-left: 12px;
}

.task-pending-item__progress-item .progresss-moon__bar {
  border-color: #c7bfb7;
  border-bottom-color: var(--color-first);
  border-right-color: var(--color-first);
}

.task-pending-item__count, .task-pending-item__progress-text {
  color: #a39b93;
}

.task-reviewed-item__score {
  text-align: right;
}

.task-reviewed-item__average {
  text-align: right;
  color: #a39b93;
}

.task-reviewed-item__progress--success .progress-bar__progress {
  background: #41d158;
}

.task-reviewed-item__progress--regular .progress-bar__progress {
  background: #f2aa3f;
}

.task-reviewed-item__progress--bad .progress-bar__progress {
  background: #f66868;
}

.units-accordion, .units-accordion > div {
  width: 100%;
}

.units-accordion .MuiAccordion-root {
  background-color: #fff;
  border-radius: 16px;
  min-height: 112px;
  margin-top: 16px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.units-accordion .MuiAccordion-root .MuiAccordionSummary-expandIcon {
  display: block !important;
}

.units-accordion .MuiAccordionSummary-content {
  align-items: flex-start;
  height: 112px;
  display: flex;
}

.units-accordion .MuiAccordion-root.Mui-expanded:first-child {
  margin-top: 16px;
}

.units-accordion .units-accordion__children-container {
  background-color: #f3eeea;
  width: 100%;
}

.units-accordion .units-accordion__children-container .no-items-mode-edit {
  width: 100%;
  max-width: 430px;
  margin: auto;
  padding: 16px;
}

.units-accordion .MuiAccordionSummary-expandIcon {
  margin-right: 8px;
}

.units-accordion .MuiAccordionSummary-expandIcon.Mui-expanded {
  transform: rotate(0);
}

.units-accordion .MuiAccordionSummary-expandIcon.Mui-expanded .MuiIconButton-label {
  transform: rotate(180deg);
}

.units-accordion .Mui-expanded .MuiAccordionSummary-root {
  border-bottom: 1px solid var(--color-border);
}

.units-accordion .Mui-expanded .units-accordion__times-icons {
  display: none;
}

.units-accordion .Mui-expanded .lesson-item__name-cover, .units-accordion .Mui-expanded .lesson-item__name-cover img {
  border-bottom-left-radius: 0;
}

.units-accordion .MuiAccordion-rounded:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.units-accordion .MuiAccordion-rounded:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.units-accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}

.units-accordion .lesson-item__name-cover {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex: none;
  width: 140px;
  height: 112px;
}

.units-accordion .lesson-item__name-cover img {
  object-fit: cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 100%;
  height: 100%;
}

.units-accordion .lesson-item__name-cover .lesson-item__cover-empty {
  background-image: var(--empty-unit-cover-image);
  background-position: center;
  background-size: cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 100%;
  height: 100%;
  display: block;
}

.units-accordion .units-accordion__name {
  text-transform: uppercase;
}

.units-accordion--student .MuiAccordionSummary-root {
  border-radius: 8px;
  padding: 12px;
  border-bottom: none !important;
  min-height: 70px !important;
}

.units-accordion--student .MuiAccordion-root {
  background: #fff !important;
  min-height: 70px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.units-accordion--student .units-accordion__title-container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.units-accordion--student .units-accordion__title-container .units-accordion__kanban {
  position: absolute;
  right: 16px;
  bottom: 40px !important;
}

.units-accordion--student .units-accordion__children-container {
  background-color: #fff;
}

.units-accordion--student .MuiAccordionDetails-root {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.units-accordion--student .MuiAccordion-root {
  margin-bottom: 16px;
  padding: 12px;
  display: block;
  position: relative;
  margin-top: 0 !important;
}

.units-accordion--student .MuiAccordion-root .MuiAccordionSummary-expandIcon {
  display: block !important;
}

.units-accordion--student .MuiAccordion-root .Mui-disabled .MuiAccordionSummary-expandIcon {
  display: none !important;
}

.units-accordion--student .MuiAccordion-root .Mui-disabled .MuiAccordionSummary-content .units-accordion__title-container .units-accordion__kanban {
  display: none;
}

.units-accordion--student .MuiAccordion-root .MuiAccordionDetails-root {
  padding: 12px !important;
}

.units-accordion--student .MuiAccordion-root .units-accordion__times-icons {
  display: none;
}

.units-accordion--student .MuiAccordion-root .Mui-expanded .units-accordion__name {
  color: #706b65;
}

.units-accordion--student .MuiAccordion-root .Mui-expanded .icon--chevron-down path {
  fill: #706b65;
}

.units-accordion__done + [class*="units-accordion"] .icon-time-check:before {
  background: var(--color-first);
}

.units-accordion__done + [class*="units-accordion"] {
  padding: 16px;
}

.units-accordion__add-item {
  border: 0;
  width: 100%;
  padding-bottom: 8px;
  list-style: none;
}

.units-accordion__actions-move {
  display: flex;
}

.units-accordion__actions-move-icon {
  margin-left: 16px;
}

.units-accordion__name-input {
  width: 100%;
}

.units-accordion__name-input .input-text__input, .units-accordion__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .units-accordion__name-input input, .units-accordion__name-input .input-date input, .input-date .units-accordion__name-input input, .units-accordion__name-input .input-time-range__input, .units-accordion__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .units-accordion__name-input input, .units-accordion__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .units-accordion__name-input input {
  color: #706b65;
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
}

.units-accordion__item-left {
  align-items: flex-start;
  height: 100%;
  margin-top: 30px;
  display: flex;
}

.units-accordion__visibility {
  color: #a39b93;
  margin-right: 8px;
}

.units-accordion__container {
  width: 100%;
}

.units-accordion__title-container {
  height: 112px;
}

.units-accordion__name--edit-mode {
  border-bottom: 1px dotted;
}

.units-accordion__visibility-container {
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.units-accordion__visibility-container .icon {
  margin-right: 8px;
}

.units-accordion__heighest .MuiAccordionSummary-root {
  height: 60px !important;
}

.units-accordion__empty {
  padding: 16px;
}

.units-accordion__empty-lessons {
  flex-direction: column;
  display: flex;
}

.units-accordion__empty-lessons-title {
  color: #706b65;
}

.units-accordion__empty-lessons-text {
  color: #706b65;
  margin-top: 8px;
}

.units-accordion__add-item {
  border-top: 1px solid var(--color-bg-01);
  height: 52px;
  padding-left: 16px;
  display: block !important;
}

.units-accordion__add-item .button, .units-accordion__add-item .resources-demo-container__link, .units-accordion__add-item .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .units-accordion__add-item .resources-demo-container__link, .units-accordion__add-item .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .units-accordion__add-item .button, .units-accordion__add-item .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .units-accordion__add-item .mvl_card_button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .units-accordion__add-item .vl-button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .units-accordion__add-item .vl-button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .units-accordion__add-item .vl-button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .units-accordion__add-item .vl-button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .units-accordion__add-item .vl-button, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .units-accordion__add-item .vl-button--primary-border, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .units-accordion__add-item .vl-button--primary-without-bg, .units-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .units-accordion__add-item .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

.units-accordion__restore-dialog-message-attention {
  color: #fff;
  background-color: #f66868;
  margin-top: 16px;
  padding: 12px;
}

.units-accordion__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.units-accordion__kanban {
  position: absolute;
  bottom: 8px;
  right: -40px;
}

.Mui-disabled .MuiAccordionSummary-content .units-accordion__title-container .units-accordion__kanban {
  right: 16px;
}

.units-accordion__title-container-flex, .units-accordion__title-container-flex-left {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.units-accordion__title-container--student .units-accordion__title-container-flex-left {
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.units-accordion__main-info {
  display: flex;
}

.units-accordion__thumbnail {
  background-size: cover;
  border-radius: 16px;
  width: 70px;
  height: 70px;
  margin-left: 8px;
  margin-right: 24px;
  position: relative;
}

.units-accordion__index {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.units-accordion__main-info-texts {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.units-accordion__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  max-width: 600px;
  padding-right: 8px;
  overflow: hidden;
  display: -webkit-box !important;
}

.units-accordion__main-content-not-available {
  color: #a39b93;
  margin-right: 12px;
}

.units-accordion__lessons-length {
  color: #706b65;
  flex: none;
  margin-right: 12px;
}

.units-accordion__times-icons {
  position: absolute;
  right: calc(100% + 25px);
}

.units-accordion__main-hide-icon {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.user-item.selected {
  background-color: rgba(237, 112, 17, .1);
}

.user-item .input-points__input-container {
  background: #fff;
}

.user-item__container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex;
}

.user-item__boolean-score-icon .icon--color-default.icon--lib-skin path {
  fill: #fff;
}

.user-item__main-info {
  align-items: center;
  width: calc(100% - 74px);
  display: flex;
}

.user-item--without-points .user-item__main-info {
  width: 100%;
}

.user-item__input-checkbox {
  margin-right: 8px;
}

.user-item__texts {
  max-width: 70%;
}

.user-item__name {
  color: #a39b93;
}

.user-item__email, .user-item__name, .user-item__input-note-text {
  margin-left: 8px;
}

.user-item__input-note-text {
  display: block;
}

.user-item__input-points {
  flex: none;
  width: 74px;
}

.user-item__avatar-name {
  align-items: center;
  width: 100%;
  display: flex;
}

.user-item--checkboxs-right .user-item__main-info {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}

.avatars-list .horizontal-students-result__student {
  position: relative;
}

.avatars-list .horizontal-students-result__student:not(:first-child) {
  margin-left: -4px;
}

.avatars-list .horizontal-students-result__student .horizontal-students-result__icon {
  margin-left: 0;
}

.avatars-list--show-rest .avatars-list__count-bubble-text {
  color: #706b65;
}

.avatars-list--align-right .avatars-list__avatars-container {
  position: relative;
  left: 0;
}

.avatars-list__score {
  color: #a39b93;
  margin-top: 8px;
}

.avatars-list__avatars-container {
  justify-content: center;
  display: flex;
}

.avatars-list__avatars {
  display: flex;
}

.avatars-list__count-bubble {
  background: #fff;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  margin-left: -10px;
  position: relative;
}

.avatars-list--size-default .avatars-list__count-bubble {
  width: 40px;
  height: 40px;
}

.avatars-list__count-bubble-text {
  color: var(--color-first);
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.avatars-list__arrow {
  position: absolute;
  top: 90%;
}

.avatars-list--opacity {
  opacity: .4;
}

.times-accordion > div .times-accordion__times-icons > .icon-time-check:before, .times-accordion > div .times-accordion__times-icons > .icon-time-check:after {
  height: 30%;
}

.times-accordion > div > .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border: 0;
  margin-top: 20px !important;
}

.times-accordion > div > .MuiAccordion-root:hover .MuiAccordionSummary-expandIcon {
  display: block;
}

.times-accordion > div > .MuiAccordion-root .MuiAccordionSummary-expandIcon, .times-accordion > div > .MuiAccordion-root .Mui-expanded .times-accordion__times-icons {
  display: none;
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled {
  background-color: var(--color-card-background);
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled .MuiAccordionSummary-expandIcon {
  display: none !important;
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled .units-accordion__name {
  color: #a39b93 !important;
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled .units-accordion__main-hide-icon svg path {
  fill: #a39b93;
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled .units-accordion__actions-move, .times-accordion > div > .MuiAccordion-root .Mui-disabled .lesson-item__menu {
  display: none;
}

.times-accordion > div > .MuiAccordion-root .Mui-disabled .units-accordion__name--edit-mode {
  border-bottom: 0;
}

.times-accordion__empty {
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.times-accordion__empty-actions {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.times-accordion__empty-actions .times-accordion__empty-button-editable, .times-accordion__empty-button {
  margin-top: 8px;
}

.times-accordion__empty-title {
  color: #36393b;
}

.times-accordion__empty-text {
  color: #a39b93;
  margin-top: 8px;
  margin-bottom: 8px;
}

.times-accordion__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.times-accordion__children-container {
  width: 100%;
  display: flex;
}

.times-accordion__children-unists {
  flex: auto;
}

.accordion__tab--active .times-accordion__title-container {
  border: 0;
}

.times-accordion__name {
  color: #706b65;
  margin-left: 12px;
}

.times-accordion__lessons-length {
  color: #706b65;
  margin-right: 12px;
}

.times-accordion__times-icons {
  position: absolute;
  right: calc(100% + 12px);
}

.times-accordion__units-empty {
  margin-top: 12px;
}

.tags-list .tag {
  margin-bottom: 8px;
  margin-right: 8px;
}

.tags-list .tag:last-child {
  margin-right: 0;
}

.classroom-users__dropdown {
  max-height: 300px;
  margin-top: 8px;
  overflow: auto;
}

.classroom-users__dropdown .basic-list__item {
  border: 0;
}

.classroom-users__dropdown .user-item__avatar-name {
  font-family: var(--font-second);
}

.classroom-users__avatars {
  margin-right: 24px;
  display: flex;
}

.classroom-users__avatars .avatars-list__count-bubble {
  border: 0;
}

.classroom-users__avatars .avatars-list__count-bubble-text {
  color: #706b65;
  font-size: 18px;
  font-family: var(--font-second-bold);
}

.classroom-users__entry {
  margin-right: 12px;
}

.classroom-users--overlapping {
  margin-right: 0;
}

.classroom-users--overlapping .classroom-users__avatars {
  flex-direction: row-reverse;
}

.classroom-users--overlapping .classroom-users__entry {
  margin-right: 0;
}

.classroom-users--overlapping .classroom-users__entry:nth-child(n+2) {
  margin-right: -20px;
}

.classroom-users__dropdown-lib .MuiPaper-root {
  width: 273px;
  border: 0 !important;
}

.classroom-users__teachers-text {
  color: #a39b93;
  margin-bottom: 8px;
  display: block;
}

.classroom-users__users {
  max-height: 40vh;
}

.classroom-users__students {
  align-items: center;
  margin-top: 16px;
  margin-bottom: 4px;
  display: flex;
}

.classroom-users__students-text {
  color: #a39b93;
  margin-left: 16px;
  display: block;
}

.horizontal-users-list__wrapper {
  justify-content: center;
  display: flex;
}

.horizontal-users-list__entry {
  flex-direction: column;
  align-items: center;
  width: 60px;
  height: 80px;
  margin: 0 8px;
  display: flex;
}

.horizontal-users-list__entry-avatar {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
  margin-bottom: 2px;
  padding: 2px;
}

.horizontal-users-list__entry-name {
  font-family: var(--font-second-bold);
  text-align: center;
  color: #a39b93;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.horizontal-users-list__entry-tooltip .MuiTooltip-tooltip {
  color: #36393b;
  background-color: #fff3c9;
  border: 1px solid #eee4dc;
  padding: 15px 22px;
  top: 20px;
  box-shadow: 0 6px 12px rgba(163, 155, 147, .2);
}

.horizontal-users-list__entry-tooltip .MuiTooltip-arrow {
  color: #fff3c9;
}

.horizontal-users-list__entry--active {
  border-bottom: 4px var(--color-first) solid;
}

.horizontal-users-list__entry--active .horizontal-users-list__entry-avatar {
  border-color: var(--color-first);
}

.horizontal-users-list__entry--active .horizontal-users-list__entry-name {
  color: #36393b;
}

.unit-item__container {
  border-bottom: 1px solid #dbd5ce;
  padding-bottom: 12px;
  padding-left: 12px;
}

.unit-item__top, .unit-item__bottom {
  justify-content: space-between;
  display: flex;
}

.unit-item__bottom {
  margin-top: 8px;
}

.unit-item__top-left {
  align-items: center;
  display: flex;
}

.unit-item__name {
  color: #706b65;
  margin-left: 8px;
}

.unit-item__editorial {
  color: #706b65;
  margin-left: 12px;
}

.unit-item__info-unit {
  color: #706b65;
}

.unit-item__book {
  color: #706b65;
  margin-left: 36px;
}

.unit-item__edited-by {
  align-items: center;
  display: flex;
}

.unit-item__edited-by-text {
  color: #706b65;
  margin-right: 4px;
}

.unit-item--disabled .unit-item__name {
  color: #a39b93;
}

.unit-item--disabled .input-checkbox svg path {
  fill: #a39b93;
}

.unit-list__entry {
  margin-top: 12px;
}

.class-to-add-item {
  border-bottom: 1px solid #c7bfb7;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.class-to-add-item__left {
  display: flex;
}

.class-to-add-item__info {
  margin-left: 8px;
}

.class-to-add-item__name {
  color: #36393b;
  margin-bottom: 8px;
}

.class-to-add-item__in-use {
  color: #a39b93;
  margin-right: 12px;
  font-style: italic;
}

.class-to-add-item--disabled .class-to-add-item__name {
  color: #a39b93;
}

.class-to-add-item--disabled .input-checkbox svg path {
  fill: #a39b93;
}

.google-classroom-item {
  padding: 8px;
}

.google-classroom-item__classroom {
  align-items: center;
  display: flex;
}

.google-clasroom-item__name {
  color: #706b65;
  margin-left: 16px;
}

.google-classroom-item__students {
  margin-top: 12px;
}

.google-classroom-item--selected {
  border: 1px solid #f0edea;
}

.google-clasroom-students-list {
  margin-left: 4px;
}

.google-classroom-student-item {
  border-bottom: 1px solid #f0edea;
  padding: 8px 0;
}

.google-classroom-student-item__wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.google-classroom-student-item__left, .google-classroom-student-item__right {
  align-items: center;
  display: flex;
}

.google-classroom-student-item__avatar {
  margin-left: 12px;
}

.google-classroom-student-item__avatar img {
  border-radius: 100%;
  width: 26px;
  height: 26px;
}

.google-classroom-student-item__name {
  color: #36393b;
  margin-left: 12px;
}

.google-classroom-student-item__email {
  color: #a39b93;
}

.custom-lesson-item {
  color: #706b65;
  border-bottom: 1px solid #dbd5ce;
  border-left: 4px solid rgba(0, 0, 0, 0);
  padding: 12px 20px;
}

.custom-lesson-item:hover .primary-2022-card__menu {
  opacity: 1;
}

.custom-lesson-item .avatars-list__avatars {
  position: relative;
  left: 16%;
}

.custom-lesson-item .avatars-list__avatars--1 {
  left: 0;
}

.custom-lesson-item__wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.custom-lesson-item__bottom {
  align-items: center;
  display: flex;
}

.custom-lesson-item__only-you {
  margin-top: 8px;
  margin-right: 8px;
}

.custom-lessont-item__edited-by {
  margin-top: 8px;
}

.custom-lesson-item--selected {
  border-left: 4px solid var(--color-first);
}

.custom-lesson-item--selected .custom-lesson-item__name {
  color: #36393b;
}

.custom-lesson-item--invisible .custom-lesson-item__name {
  color: #a39b93;
}

.custom-lesson-item__right {
  align-items: center;
  display: flex;
}

.exercise-item {
  width: 100%;
}

.exercise-item__container {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
}

.exercise-item__left {
  width: 90%;
  display: flex;
}

.exercise-item__right {
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
}

.exercise-item__image-container {
  background-color: #f7f4f2;
  background-size: cover;
  width: 100px;
  height: 56px;
  margin: 0 12px;
  position: relative;
}

.exercise-item__icon-autoevaluative {
  border: 1px solid var(--color-first);
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}

.exercise-item__icon-autoevaluative svg path {
  stroke: var(--color-first);
}

.exercise-item__information {
  flex-direction: column;
  width: 80%;
  min-height: 56px;
  display: flex;
}

.exercise-item__author {
  margin: 8px;
}

.exercise-item__name {
  color: #706b65;
  max-width: 80%;
  margin-left: 8px;
}

.exercise-item__name .text-html {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.exercise-item__check .input-checkbox--disabled .input-checkbox__icon-container--checked svg path {
  fill: #c7bfb7 !important;
}

.exercise-item__extra {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.exercise-item__extra-title {
  font-family: var(--font-second);
  color: var(--color-first);
  margin-right: 8px;
  font-weight: 600;
}

.accordion-templates .MuiPaper-root {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  margin: 8px auto !important;
}

.accordion-templates .accordion-templates__parent, .accordion-templates .accordion-templates__children {
  justify-content: flex-start;
  width: 100%;
  margin: 8px auto;
  display: flex;
}

.accordion-templates .accordion-templates__children {
  padding-left: 16px;
}

.accordion-templates .accordion-templates__parent-text, .accordion-templates .accordion-templates__children-text {
  color: #a39b93;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
}

.accordion-templates .accordion-templates__parent-text--selected, .accordion-templates .accordion-templates__children-text--selected {
  color: #706b65;
}

.draggable-items-list {
  width: 100%;
  margin: auto;
  position: relative;
}

.modules-list__item {
  border-radius: 0;
  margin: 12px;
}

.modules-list__item--done + .modules-list__item .icon-time-check:before {
  background: var(--color-first);
}

.modules-list__add-item {
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  height: 4px;
  padding-left: 16px;
  transition-duration: .4s;
}

.modules-list__add-item .button, .modules-list__add-item .resources-demo-container__link, .modules-list__add-item .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .modules-list__add-item .resources-demo-container__link, .modules-list__add-item .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .modules-list__add-item .button, .modules-list__add-item .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .modules-list__add-item .mvl_card_button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .modules-list__add-item .vl-button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .modules-list__add-item .vl-button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .modules-list__add-item .vl-button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .modules-list__add-item .vl-button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .modules-list__add-item .vl-button, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item .vl-button--primary-border, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item .vl-button--primary-without-bg, .modules-list__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item .vl-button--primary-full-width {
  display: none;
}

.modules-list__add-item:hover {
  height: 52px;
}

.modules-list__add-item:hover .button, .modules-list__add-item:hover .resources-demo-container__link, .modules-list__add-item:hover .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .modules-list__add-item:hover .mvl_card_button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .modules-list__add-item:hover .vl-button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .modules-list__add-item:hover .vl-button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .modules-list__add-item:hover .vl-button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .modules-list__add-item:hover .vl-button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .modules-list__add-item:hover .vl-button, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item:hover .vl-button--primary-border, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item:hover .vl-button--primary-without-bg, .modules-list__add-item:hover .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .modules-list__add-item:hover .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

.modules-list-in-edit-mode .modules-list__add-item:last-child {
  height: 52px;
  display: block !important;
}

.modules-list-in-edit-mode .modules-list__add-item:last-child .button, .modules-list-in-edit-mode .modules-list__add-item:last-child .resources-demo-container__link, .modules-list-in-edit-mode .modules-list__add-item:last-child .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .modules-list-in-edit-mode .modules-list__add-item:last-child .mvl_card_button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button--primary-border, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button--primary-without-bg, .modules-list-in-edit-mode .modules-list__add-item:last-child .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .modules-list-in-edit-mode .modules-list__add-item:last-child .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

@keyframes fadeInUp {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

.module-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  width: 100%;
  transition: all .2s ease-out;
  animation: .3s ease-out forwards fadeInUp;
  position: relative;
  box-shadow: 0 1px 3px rgba(71, 77, 87, .05);
}

.module-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(71, 77, 87, .07), 0 2px 4px rgba(71, 77, 87, .04);
}

.module-item .item-complex-list {
  align-items: flex-start;
}

.module-item .item-complex-list__right {
  height: 0;
  transition: height .2s;
  overflow: hidden;
}

.module-item:hover .item-complex-list__right {
  height: 20px;
}

.module-item--student .item-complex-list__right {
  height: 30px !important;
}

.module-item__cover-empty {
  background-image: var(--empty-unit-cover-image);
  background-size: cover;
  border-radius: 0;
  width: 64px;
  height: 64px;
  display: block;
}

.module-item__center {
  align-items: center;
  display: flex;
  position: relative;
}

.module-item__center .icon {
  flex: none;
  height: auto;
}

.module-item__progress-circle {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  display: flex;
}

.module-item__progress-text {
  color: #706b65;
  white-space: nowrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.module-item__cover {
  background-color: #dbd5ce;
  border-radius: 0;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}

.module-item__cover:before {
  content: "";
  z-index: 1;
  background: linear-gradient(90deg, #dbd5ce 0%, #dfdad4 50%, #dbd5ce 100%);
  width: 100%;
  height: 100%;
  animation: 1.5s infinite shimmer;
  position: absolute;
  top: 0;
  left: 0;
}

.module-item__cover img {
  object-fit: cover;
  opacity: 0;
  z-index: 2;
  border-radius: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  position: relative;
}

.module-item__cover--loaded:before {
  display: none;
}

.module-item__cover--loaded img {
  opacity: 1;
}

.module-item__info {
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}

.module-item__info-top {
  align-items: center;
  display: flex;
}

.module-item__visibility-container {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.module-item__visibility-container .icon {
  margin-right: 8px;
}

.module-item__visibility {
  color: #f66868;
  margin-right: 8px;
}

.module-item__session-info {
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
  display: flex;
}

.module-item__session-info-text {
  color: #a39b93;
  font-family: var(--font-second);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.module-item__session-info-date {
  color: #a39b93;
  font-family: var(--font-second);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.module-item--active {
  border: 2px solid var(--color-first);
  border-bottom-width: 4px;
  border-radius: 0;
}

.module-item--active:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(71, 77, 87, .07), 0 2px 4px rgba(71, 77, 87, .04);
}

.module-item--disabled .module-item__name {
  color: #a39b93;
}

.module-item--disabled .module-item__cover {
  opacity: .8;
  filter: grayscale(.8);
}

.module-item--disabled:hover {
  box-shadow: none;
  transform: none;
}

.module-item--no-visibility .module-item__name {
  color: #a39b93;
}

.modules-accordion__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.module-item__name-container {
  display: flex;
}

.module-item__name-text-container {
  margin-top: 12px;
  margin-left: 12px;
  display: flex;
}

.modules-accordion__kanban {
  position: absolute;
  bottom: 8px;
  right: -40px;
}

.modules-accordion__name {
  align-items: center;
  display: flex;
}

.modules-accordion__visibility-container {
  flex-wrap: no-wrap;
  align-items: flex-start;
  margin-bottom: 12px;
  margin-left: 12px;
  display: flex;
}

.modules-accordion__visibility {
  text-transform: none;
  color: #f66868 !important;
}

.Mui-disabled .MuiAccordionSummary-content .modules-accordion__title-container .modules-accordion__kanban {
  right: 16px;
}

.modules-accordion__title-container-flex, .modules-accordion__title-container-flex-left {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.modules-accordion__title-container--student .modules-accordion__title-container-flex-left {
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.modules-accordion__main-info {
  display: flex;
}

.modules-accordion__thumbnail {
  background-size: cover;
  border-radius: 16px;
  width: 70px;
  height: 70px;
  margin-left: 8px;
  margin-right: 24px;
  position: relative;
}

.modules-accordion__index {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modules-accordion__main-info-texts {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.modules-accordion__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  max-width: 600px;
  padding-right: 8px;
  overflow: hidden;
  display: -webkit-box !important;
}

.modules-accordion__main-content-not-available {
  color: #a39b93;
  margin-right: 12px;
}

.modules-accordion__lessons-length {
  color: #706b65;
  flex: none;
  margin-right: 12px;
}

.modules-accordion__times-icons {
  position: absolute;
  right: calc(100% + 25px);
}

.modules-accordion__main-hide-icon {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.modules-accordion, .modules-accordion > div {
  width: 100%;
}

.modules-accordion .MuiAccordion-root {
  background-color: #fff;
  border-radius: 0;
  min-height: 112px;
  margin-top: 16px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.modules-accordion .MuiAccordion-root .MuiAccordionSummary-expandIcon {
  display: block !important;
}

.modules-accordion .MuiAccordionSummary-content {
  align-items: flex-start;
  height: 112px;
  display: flex;
}

.modules-accordion .MuiAccordion-root.Mui-expanded:first-child {
  margin-top: 16px;
}

.modules-accordion .modules-accordion__children-container {
  background-color: #f3eeea;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}

.modules-accordion .modules-accordion__children-container .no-items-mode-edit {
  width: 100%;
  max-width: 430px;
  margin: auto;
  padding: 16px;
}

.modules-accordion .MuiAccordionSummary-expandIcon {
  margin-right: 8px;
}

.modules-accordion .MuiAccordionSummary-expandIcon.Mui-expanded {
  transform: rotate(0);
}

.modules-accordion .MuiAccordionSummary-expandIcon.Mui-expanded .MuiIconButton-label {
  transform: rotate(180deg);
}

.modules-accordion .Mui-expanded .MuiAccordionSummary-root {
  border-bottom: 1px solid var(--color-border);
}

.modules-accordion .Mui-expanded .modules-accordion__times-icons {
  display: none;
}

.modules-accordion .Mui-expanded .module-item__name-cover, .modules-accordion .Mui-expanded .module-item__name-cover img {
  border-bottom-left-radius: 0;
}

.modules-accordion .MuiAccordion-rounded:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modules-accordion .MuiAccordion-rounded:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modules-accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}

.modules-accordion .module-item__name-cover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: none;
  width: 140px;
  height: 112px;
}

.modules-accordion .module-item__name-cover img {
  object-fit: cover;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
}

.modules-accordion--student .MuiAccordionSummary-root {
  border-radius: 8px;
  padding: 12px;
  border-bottom: none !important;
  min-height: 70px !important;
}

.modules-accordion--student .MuiAccordion-root {
  background: #fff !important;
  min-height: 70px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.modules-accordion--student .modules-accordion__title-container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.modules-accordion--student .modules-accordion__title-container .modules-accordion__kanban {
  position: absolute;
  right: 16px;
  bottom: 40px !important;
}

.modules-accordion--student .modules-accordion__children-container {
  background-color: #fff;
}

.modules-accordion--student .MuiAccordionDetails-root {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.modules-accordion--student .MuiAccordion-root {
  margin-bottom: 16px;
  padding: 12px;
  display: block;
  position: relative;
  margin-top: 0 !important;
}

.modules-accordion--student .MuiAccordion-root .MuiAccordionSummary-expandIcon {
  display: block !important;
}

.modules-accordion--student .MuiAccordion-root .Mui-disabled .MuiAccordionSummary-expandIcon {
  display: none !important;
}

.modules-accordion--student .MuiAccordion-root .Mui-disabled .MuiAccordionSummary-content .modules-accordion__title-container .modules-accordion__kanban {
  display: none;
}

.modules-accordion--student .MuiAccordion-root .MuiAccordionDetails-root {
  padding: 12px !important;
}

.modules-accordion--student .MuiAccordion-root .modules-accordion__times-icons {
  display: none;
}

.modules-accordion--student .MuiAccordion-root .Mui-expanded .modules-accordion__name {
  color: #706b65;
}

.modules-accordion--student .MuiAccordion-root .Mui-expanded .icon--chevron-down path {
  fill: #706b65;
}

.modules-accordion__done + [class*="modules-accordion"] .icon-time-check:before {
  background: var(--color-first);
}

.modules-accordion__done + [class*="modules-accordion"] {
  padding: 16px;
}

.modules-accordion__add-item {
  border: 0;
  width: 100%;
  padding-bottom: 8px;
  list-style: none;
}

.modules-accordion__actions-move {
  display: flex;
}

.modules-accordion__actions-move-icon {
  margin-left: 16px;
}

.MuiAccordionSummary-root.Mui-focused {
  background: none !important;
}

.modules-accordion__name-input {
  width: 100%;
}

.modules-accordion__name-input .input-text__input, .modules-accordion__name-input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .modules-accordion__name-input input, .modules-accordion__name-input .input-date input, .input-date .modules-accordion__name-input input, .modules-accordion__name-input .input-time-range__input, .modules-accordion__name-input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .modules-accordion__name-input input, .modules-accordion__name-input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .modules-accordion__name-input input {
  color: #706b65;
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
}

.modules-accordion__item-left {
  align-items: flex-start;
  height: 100%;
  margin-top: 30px;
  display: flex;
}

.modules-accordion__visibility {
  color: #a39b93;
  margin-right: 8px;
}

.modules-accordion__container {
  width: 100%;
}

.modules-accordion__title-container {
  height: 112px;
}

.modules-accordion__name--edit-mode {
  border-bottom: 1px dotted;
}

.lesson-item__name-text-container {
  margin-top: 12px;
  margin-left: 12px;
}

.lesson-item__name-container {
  align-items: flex-start;
  display: flex;
}

.modules-accordion__visibility-container {
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.modules-accordion__visibility-container .icon {
  margin-right: 8px;
}

.modules-accordion__heighest .MuiAccordionSummary-root {
  height: 60px !important;
}

.modules-accordion__empty {
  padding: 16px;
}

.modules-accordion__empty-lessons {
  flex-direction: column;
  display: flex;
}

.modules-accordion__empty-lessons-title {
  color: #706b65;
}

.modules-accordion__empty-lessons-text {
  color: #706b65;
  margin-top: 8px;
}

.modules-accordion__add-item {
  border-top: 1px solid var(--color-bg-01);
  height: 52px;
  padding-left: 16px;
  display: block !important;
}

.modules-accordion__add-item .button, .modules-accordion__add-item .resources-demo-container__link, .modules-accordion__add-item .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .modules-accordion__add-item .resources-demo-container__link, .modules-accordion__add-item .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .modules-accordion__add-item .button, .modules-accordion__add-item .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .modules-accordion__add-item .mvl_card_button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .modules-accordion__add-item .vl-button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .modules-accordion__add-item .vl-button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .modules-accordion__add-item .vl-button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .modules-accordion__add-item .vl-button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .modules-accordion__add-item .vl-button, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .modules-accordion__add-item .vl-button--primary-border, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .modules-accordion__add-item .vl-button--primary-without-bg, .modules-accordion__add-item .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .modules-accordion__add-item .vl-button--primary-full-width {
  height: 52px;
  min-height: 52px;
  padding: 0;
  display: block !important;
}

.modules-accordion__restore-dialog-message-attention {
  color: #fff;
  background-color: #f66868;
  margin-top: 16px;
  padding: 12px;
}

.students-picky-list {
  flex-direction: column;
  width: 360px;
  max-height: 600px;
  display: flex;
}

.students-picky-list__header {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #ebe0d7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 0;
  top: 0;
}

.students-picky-list__header-title {
  color: #706b65;
  font-family: var(--font-first);
  padding: 0 16px;
  font-size: 18px;
  font-weight: 600;
}

.students-picky-list__search, .students-picky-list__search .input-text__input, .students-picky-list__search .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .students-picky-list__search input, .students-picky-list__search .input-date input, .input-date .students-picky-list__search input, .students-picky-list__search .input-time-range__input, .students-picky-list__search .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .students-picky-list__search input, .students-picky-list__search .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .students-picky-list__search input {
  height: 36px;
}

.students-picky-list__content {
  flex: 1;
  padding: 12px;
  overflow-y: auto;
}

.students-picky-list__actions {
  background-color: var(--color-bg-04);
  z-index: 1;
  border-top: 1px solid #ebe0d7;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.students-picky-list__item, .students-picky-list__item--all {
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
  border-radius: 0 !important;
}

.students-picky-list__item--all {
  border-bottom: 1px solid #ebe0d7;
}

.students-picky-list__item-left {
  align-items: center;
  gap: 8px;
  display: flex;
}

.students-picky-list__item-center {
  text-transform: capitalize;
  font-size: 14px;
  font-family: var(--font-second);
  color: #706b65;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 17px);
  margin-left: 20px;
  margin-right: -10px;
  display: inline-block;
  overflow: hidden;
}

.multi-select-list {
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.multi-select-list .input-checkbox__icon-container .icon {
  width: 18px;
  height: 18px;
}

.multi-select-list__item-content {
  align-items: center;
  gap: 8px;
  display: flex;
}

.progress-with-label__title {
  color: #36393b;
}

.progress-with-label__title, .progress-with-label__percent {
  margin-bottom: 8px;
}

.progress-with-label__description {
  color: #a39b93;
}

.video-lesson {
  background-color: #fff !important;
}

.video-lesson .lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-shape {
  border: 1px solid #41d158 !important;
}

.video-lesson .lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-icon {
  fill: #41d158 !important;
}

.video-lesson .video-lesson-content {
  background-color: #fff !important;
}

.video-lesson .video-lesson-content .video-lesson-content__top {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.video-lesson .video-lesson-content .video-lesson-content__top-title {
  font-family: var(--font-first);
  color: #36393b;
  font-size: 18px;
  font-weight: 600;
}

.video-lesson .video-lesson-content .video-lesson-content__start {
  font-weight: 400;
  font-family: var(--font-second);
  color: #706b65;
  z-index: 1;
  margin: 12px;
}

.video-lesson .video-lesson-content .video-lesson-content__grade-particular {
  margin-top: 16px;
  margin-left: 50%;
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list .vl-card-activity-list__text {
  color: #706b65;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-second) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__toggles {
  margin-bottom: 30px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__inputs {
  flex-direction: column;
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle.vl-toggle--checked .vl-toggle__text, .video-lesson .video-lesson-content .vl-lesson .vl-toggle .vl-toggle__text {
  color: #36393b;
  font-weight: 700;
  font-family: var(--font-second) !important;
}

.video-lesson .video-lesson-content {
  margin-bottom: 30px;
  font-family: var(--font-second) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-player .vl-player__tool {
  opacity: 1;
  position: relative;
}

.video-lesson .video-lesson-content .vl-player__tool {
  display: block;
}

.video-lesson .video-lesson-content .vl-lesson .vl-wrapper-visor-question .vl-wrapper-visor-question__visor, .video-lesson .video-lesson-content .vl-lesson .vl-wrapper-question .vl-lemonade-question__question {
  border-radius: 0 !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-mark-slider {
  border-color: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list {
  border-radius: 0;
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list--active, .video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list--active:hover, .video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list:hover {
  border-radius: 0;
  border-color: var(--color-first) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-slider .rc-slider .rc-slider-handle, .video-lesson .video-lesson-content .vl-lesson .vl-slider .rc-slider .rc-slider-track {
  background: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-mark-slider.vl-mark-slider--correct.vl-mark-slider--focus {
  box-shadow: none;
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list .vl-card-activity-list__time {
  background: rgba(237, 112, 17, .1);
  border-radius: 40px;
  align-items: center;
  padding: 4px 12px;
  display: flex;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button-questions__icon-and-text {
  justify-content: flex-end;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button-questions__icon-and-text svg path {
  stroke: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions--no-active .vl-button-questions__icon-and-text svg path {
  stroke: #a39b93;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button--icon-active {
  color: var(--color-first);
  background-color: rgba(0, 0, 0, 0);
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions--no-active .vl-button--icon-active {
  color: #a39b93;
}

.video-lesson .video-lesson-content .vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow {
  color: #dbd5ce;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dbd5ce;
  padding: 4px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow svg path {
  stroke: #dbd5ce;
}

.video-lesson .video-lesson-content .vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow:hover {
  background-color: rgba(237, 112, 17, .1);
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width {
  border: none;
  padding: 2px 12px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg {
  align-items: center;
  display: flex;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg path {
  fill: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border {
  align-items: center;
  display: flex;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg path {
  fill: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list .vl-card-activity-list__time .vl-card-activity-list__time-text {
  text-align: center;
  color: #ed7011;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-second);
  line-height: 21px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-results {
  grid-gap: 0;
  border-radius: 0;
  justify-content: space-evenly;
  align-items: center;
  gap: 0;
  height: 100px;
  margin-bottom: 16px;
  padding: 0;
  font-family: var(--font-second) !important;
}

.video-lesson .video-lesson-content .vl-font-heading-h2, .video-lesson .video-lesson-content .vl-lesson .vl-results-counter .vl-results-counter__number, .video-lesson .video-lesson-content .vl-lesson .vl-results-counter .vl-results-counter__text, .video-lesson .video-lesson-content .lemonade-exercises .lemo-title, .video-lesson .video-lesson-content .lemonade-exercises .lemo-stimulus, .video-lesson .video-lesson-content .vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-dropdown-content-item, .video-lesson .video-lesson-content .lemonade-exercises .lemo-multiple-choice .lemo-option-content, .video-lesson .video-lesson-content .vl-lesson .vl-lemonade-question .lemonade-exercises p, .video-lesson .video-lesson-content .vl-lesson .vl-lemonade-question .lemonade-exercises span {
  font-family: var(--font-second) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-results .vl-results-separator {
  height: 100px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-results-counter {
  align-items: center !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-wrapper-question .vl-lemonade-question__question {
  font-family: var(--font-second);
}

.video-lesson .video-lesson-content .vl-horizontal-scrolling {
  padding: 12px auto;
}

.video-lesson .video-lesson-content .vl-horizontal-scrolling ::-webkit-scrollbar {
  display: none;
}

.video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title {
  margin-top: 16px;
  margin-bottom: 0 !important;
}

.video-lesson .video-lesson-content .vl-input-generic-title input {
  margin-top: 0;
}

.video-lesson .video-lesson-content .vl-lesson .vl-input-time input, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element .vl-select, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element input {
  border: 1px solid #dbd5ce !important;
  border-radius: 4px !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-wrapper-visor-question .vl-wrapper-visor-question__question {
  z-index: 10;
  flex: 1 0 50%;
}

.video-lesson .video-lesson-content .vl-lesson .vl-select__select {
  font-family: var(--font-second);
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle .vl-toggle__slider:before {
  background-color: #fff;
  border: 1.5px solid #c7bfb7;
  border-radius: 100%;
  width: 5.5px;
  height: 5.5px;
  bottom: 1.5px;
  left: 2px;
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle .vl-toggle__slider {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #c7bfb7;
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle input:checked + .vl-toggle__slider {
  border: var(--color-first) 2px solid;
  background-color: rgba(0, 0, 0, 0);
}

.video-lesson .video-lesson-content .vl-lesson .vl-toggle input:checked + .vl-toggle__slider:before {
  border: var(--color-first) 1.5px solid;
  transform: translateX(7.5px);
}

.video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-square-icon, .video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-shape, .video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-shape {
  border-color: var(--color-first);
}

.video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-square-icon:after, .video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon:after, .video-lesson .video-lesson-content .lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-icon {
  background-color: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button {
  background: none;
  width: auto;
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-lesson .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-lesson .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-lesson .vl-button--secondary {
  color: #706b65;
  border: none;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button {
  background: none;
  border: none;
  width: auto;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-lesson .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button--secondary, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-lesson .vl-button--secondary {
  color: #706b65;
  border: none;
  background: none !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--icon-fill svg, .video-lesson .video-lesson-content .vl-lesson .vl-button--icon-fill svg path {
  fill: #a39b93 !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--icon-stroke svg {
  stroke: #a39b93 !important;
}

.video-lesson .video-lesson-content .vl-lesson-visor .vl-button--icon-active.vl-button--icon-fill svg {
  border-bottom: none !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button--icon-active.vl-button--icon-fill svg {
  stroke: var(--color-first);
  stroke-width: 2px;
  border-bottom: 3px solid var(--color-first);
  fill: #fff !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button--icon-active.vl-button--icon-fill svg path {
  fill: #fff !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-card-activity-list .vl-card-activity-list__intents {
  color: #706b65;
  font-family: var(--font-first);
  background-color: rgba(0, 0, 0, 0);
}

.video-lesson .video-lesson-content .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times, .video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button-questions__text {
  font-family: var(--font-second);
  font-size: 15px;
  font-weight: 400;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--icon-fill:hover svg {
  fill: var(--color-first) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button-questions .vl-button--icon-active.vl-button--icon-stroke svg {
  stroke-width: 2px;
  border-bottom: 3px solid var(--color-first);
  stroke: var(--color-first) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-button--icon-stroke:hover svg {
  stroke: var(--color-first) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-range-slider .rc-slider .rc-slider-handle {
  background-color: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-range-slider .rc-slider .rc-slider-track {
  background-color: var(--color-first) !important;
  opacity: .2 !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-range-slider .rc-slider .rc-slider-rail, .video-lesson .video-lesson-content .vl-lesson .vl-slider .rc-slider .rc-slider-rail {
  background-color: #f0edea !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-position-slider .rc-slider .rc-slider-handle {
  background-color: var(--color-first) !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-position-slider .rc-slider .rc-slider-rail {
  background-color: var(--color-first) !important;
  opacity: .2 !important;
}

.video-lesson .video-lesson-content .vl-lesson .vl-add-activity-option:hover {
  color: var(--color-first);
  background-color: var(--color-first);
}

.video-lesson .video-lesson-content .vl-lesson .vl-add-activity-option:hover svg path {
  stroke: #fff;
}

.video-lesson .video-lesson-content .vl-lesson .vl-add-activity-option {
  border: 1px solid #f0edea;
}

.video-lesson .vl-lesson .vl-modal-main {
  max-width: 600px;
}

.video-lesson .vl-mark-slider.vl-mark-slider--correct {
  background-color: #41d158 !important;
  border: 2px solid #41d158 !important;
}

.video-lesson .vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points .lemonade-exercises__score p {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-second);
}

.video-lesson .vl-navigation-attempts {
  font-family: var(--font-second);
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts {
  background: #f7f4f2;
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label {
  font-size: 15px;
  font-weight: 700;
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label, .video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number {
  color: #a39b93;
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label svg, .video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number svg {
  display: none;
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts {
  justify-content: flex-start;
}

.video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__right button, .video-lesson .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__left button {
  background: none;
}

.video-lesson .vl-lesson .vl-button--arrow-attempts {
  border: 1px solid #a39b93;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: auto 8px;
}

.video-lesson .vl-lesson .vl-button--arrow-attempts svg {
  border: none;
}

.video-lesson .vl-lesson .vl-button--arrow-attempts svg rect {
  fill: rgba(0, 0, 0, 0);
}

.video-lesson .vl-lesson .vl-button--arrow-attempts svg path {
  fill: #a39b93;
}

.video-lesson .vl-lesson .vl-navigation-attempts__right .vl-navigation-attempts__number {
  color: #706b65;
  font-size: 22px;
}

.video-lesson .vl-lesson .vl-navigation-attempts__right .vl-navigation-attempts__number span {
  color: #c7bfb7;
  font-size: 15px;
}

.video-lesson .vl-lesson .vl-lemonade-question .vl-lemonade-question__score-wrapper .assessment-grade-tag {
  padding: 12px;
}

.video-lesson .vl-lesson .vl-lemonade-question .vl-lemonade-question__score-wrapper .assessment-grade-tag .assessment-grade-tag__grade-container {
  margin-right: 8px;
}

.react-tiny-popover-container .vl-card-activity-options {
  width: 150px;
}

.react-tiny-popover-container .vl-card-activity-list__options-menu .vl-card-activity-options .vl-card-activity-option .vl-card-activity-option__text {
  font-family: var(--font-second) !important;
}

.react-tiny-popover-container .vl-card-activity-list__options-menu .vl-card-activity-options .vl-card-activity-option:hover {
  border-radius: 10px;
  background: var(--color-first) !important;
}

.react-tiny-popover-container .vl-card-activity-list__options-menu .vl-card-activity-options .vl-card-activity-option:hover .vl-card-activity-option__icon svg path {
  stroke: #fff;
}

@media only screen and (min-width: 768px) {
  .video-lesson-content__start {
    position: absolute;
    top: 80px;
    left: 50%;
  }
}

.timeline-sessions {
  height: 202px;
  margin-top: -45px;
  margin-left: 20px;
  transform: rotate(-90deg);
  font-family: inherit !important;
}

.timeline-sessions__item {
  cursor: pointer;
  flex-direction: row-reverse;
  min-height: 90px !important;
}

.timeline-sessions__separator {
  width: 90px;
}

.timeline-sessions__icon {
  transform: rotate(90deg);
}

.timeline-sessions__icon--active {
  transform: scale(2);
}

.timeline-sessions__content-container {
  text-align: left;
  text-transform: uppercase;
  margin-left: 16px;
  display: inline-block;
  transform: rotate(90deg);
  padding: 24px 16px !important;
}

.timeline-sessions__content-text {
  color: #a39b93;
  margin-left: -40px;
}

.timeline-sessions__content-text--active {
  color: var(--color-first);
}

.timeline-sessions__content-text--done {
  color: #706b65;
}

.timeline-sessions__content-all {
  cursor: pointer;
  color: #a39b93;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
  margin-left: 16px;
  transform: rotate(90deg);
}

@media only screen and (min-width: 1024px) {
  .timeline-sessions {
    height: 100%;
    margin-top: 40px;
    transform: rotate(0);
    font-family: inherit !important;
  }

  .timeline-sessions__item {
    cursor: pointer;
    flex-direction: row;
    margin-left: -202px;
    min-height: 53px !important;
  }

  .timeline-sessions_item--selected {
    z-index: -1;
    border-right: solid 3px var(--color-first);
    background-color: rgba(237, 112, 17, .1);
    width: 229px;
    height: 50px;
    position: absolute;
    top: -15px;
    left: 165px;
  }

  .timeline-sessions__separator {
    width: 90px;
  }

  .timeline-sessions__icon {
    transform: rotate(0);
  }

  .timeline-sessions__icon--active {
    transform: scale(2);
  }

  .timeline-sessions__content-container {
    text-align: left;
    text-transform: uppercase;
    margin-left: 0;
    display: inline-block;
    transform: rotate(0);
    padding: 0 !important;
  }

  .timeline-sessions__content-text {
    margin-left: 16px;
  }

  .timeline-sessions__content-all {
    cursor: pointer;
    color: #a39b93;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 229px;
    min-height: 50px;
    margin-left: -36px;
    display: flex;
    transform: rotate(0);
  }

  .timeline-sessions__content-all--selected {
    border-right: solid 3px var(--color-first);
    background-color: rgba(237, 112, 17, .1);
  }
}

.two-page-pdf-viewer {
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 80%;
  height: 100%;
  max-height: 700px;
  display: flex;
}

.two-page-pdf-viewer__document {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 700px;
  display: flex;
}

.two-page-pdf-viewer__page {
  max-height: 100%;
  margin: auto;
}

.two-page-pdf-viewer__page-one-page {
  max-width: 90% !important;
}

.two-page-pdf-viewer__page-two-pages {
  max-width: 45% !important;
}

.react-pdf__Page__canvas {
  max-width: 100%;
  margin: auto;
  width: auto !important;
  height: auto !important;
  max-height: 700px !important;
}

.pdf-viewer-fullscreen {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: auto;
}

.pdf-viewer-fullscreen__document {
  width: "100%";
  height: "auto";
  display: "flex";
  justify-content: "center";
  width: 100vw;
}

.pdf-viewer-fullscreen__page {
  width: 100vw;
}

.pdf-viewer-fullscreen__page .react-pdf__Page__canvas {
  max-width: 90vw !important;
  max-height: 2000px !important;
}

.pdf-viewer-fullscreen__navigation {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 0 1rem;
  display: flex;
  position: absolute;
  top: 45vh;
}

.pdf-viewer-fullscreen__pages {
  justify-content: center;
  width: 100%;
  display: flex;
}

.table-pagination {
  margin: 16px auto;
}

.table-pagination .MuiPaginationItem-page.Mui-selected {
  background-color: var(--color-first);
  color: #fff;
}

.table-pagination .MuiButtonBase-root.Mui-disabled {
  background: #f7f4f2;
  border-radius: 4px;
}

.table-pagination .MuiButtonBase-root.Mui-disabled .MuiSvgIcon-root, .table-pagination .MuiButtonBase-root.Mui-disabled .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
  color: #c7bfb7 !important;
}

.table-pagination .MuiPaginationItem-outlined {
  background: var(--base-white, #fff);
  border: 1px solid #ebe0d7;
  border-radius: 4px;
}

.table-pagination .MuiPaginationItem-page.Mui-selected:hover, .table-pagination .MuiPaginationItem-page.Mui-selected.Mui-focusVisible {
  background-color: var(--color-first);
  color: #fff;
}

.pagination-status .input-text__input, .pagination-status .input-date input, .input-date .pagination-status input, .pagination-status .input-time-range__input, .pagination-status .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .pagination-status input, .pagination-status .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .pagination-status input, .pagination-status .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .pagination-status input {
  border-radius: 4px;
  width: 140px;
}

@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-bottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(200px);
  }
}

.pagintation-wigget {
  background-color: #fff;
  border: 1px solid #dbd5ce;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 300px;
  height: 119px;
  margin-left: -90px;
  font-size: 14px;
  display: flex;
  position: absolute;
  bottom: 76px;
  box-shadow: 0 6px 12px rgba(163, 155, 147, .2);
}

.pagintation-widget__slide-top {
  animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-top;
}

.pagination-widget__slide-bottom {
  animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-bottom;
}

.pagination-widget__top {
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  display: flex;
}

.pagination-widget__top .input-text__input, .pagination-widget__top .input-date input, .input-date .pagination-widget__top input, .pagination-widget__top .input-time-range__input, .pagination-widget__top .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .pagination-widget__top input, .pagination-widget__top .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .pagination-widget__top input, .pagination-widget__top .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .pagination-widget__top input {
  max-width: 62px;
  max-height: 32px;
}

.pagination-widget__top .input-text__input:focus, .pagination-widget__top .input-date input:focus, .input-date .pagination-widget__top input:focus, .pagination-widget__top .input-time-range__input:focus, .pagination-widget__top .select-checkboxs .picky__filter input:focus, .select-checkboxs .picky__filter .pagination-widget__top input:focus, .pagination-widget__top .dropdown-schedule__wrapper .dropdown-schedule__hour input:focus, .dropdown-schedule__wrapper .dropdown-schedule__hour .pagination-widget__top input:focus, .pagination-widget__top .video-lesson .video-lesson-content .vl-input-generic-title input:focus, .video-lesson .video-lesson-content .vl-input-generic-title .pagination-widget__top input:focus {
  border: 1px solid #ed7011;
  box-shadow: 0 0 0 2px rgba(255, 90, 10, .2);
}

.pagination-widget__top .button, .pagination-widget__top .resources-demo-container__link, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .resources-demo-container__link, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .button, .pagination-widget__top .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .pagination-widget__top .mvl_card_button, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-full-width, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-without-bg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-border, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .pagination-widget__top .vl-button, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .pagination-widget__top .vl-button, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .pagination-widget__top .vl-button, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .pagination-widget__top .vl-button, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .pagination-widget__top .vl-button {
  max-width: 66px;
  max-height: 32px;
  padding: 0;
  font-size: 14px;
}

.pagination-widget__top .button .icon, .pagination-widget__top .resources-demo-container__link .icon, .pagination-widget__top .projection-view__content-container--link .mvl_card_button .icon, .projection-view__content-container--link .pagination-widget__top .mvl_card_button .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-full-width .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-without-bg .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-border .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .pagination-widget__top .vl-button .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .pagination-widget__top .vl-button .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .pagination-widget__top .vl-button .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .pagination-widget__top .vl-button .icon, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .pagination-widget__top .vl-button .icon {
  right: 8px;
}

.pagination-widget__top .button svg, .pagination-widget__top .resources-demo-container__link svg, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link svg, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .resources-demo-container__link svg, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .button svg, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .button svg, .pagination-widget__top .projection-view__content-container--link .mvl_card_button svg, .projection-view__content-container--link .pagination-widget__top .mvl_card_button svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width svg, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-full-width svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-without-bg svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-border svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .pagination-widget__top .vl-button svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .pagination-widget__top .vl-button svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .pagination-widget__top .vl-button svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .pagination-widget__top .vl-button svg, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .pagination-widget__top .vl-button svg {
  width: 24px;
  height: 24px;
}

.pagination-widget__top .button svg path, .pagination-widget__top .resources-demo-container__link svg path, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link svg path, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .resources-demo-container__link svg path, .pagination-widget__top .remote-view--mint .turn-to-speak-view__random .button svg path, .remote-view--mint .turn-to-speak-view__random .pagination-widget__top .button svg path, .pagination-widget__top .projection-view__content-container--link .mvl_card_button svg path, .projection-view__content-container--link .pagination-widget__top .mvl_card_button svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width svg path, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-full-width svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg path, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-without-bg svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg path, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__top .vl-button--primary-border svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button svg path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .pagination-widget__top .vl-button svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button svg path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .pagination-widget__top .vl-button svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button svg path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .pagination-widget__top .vl-button svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button svg path, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .pagination-widget__top .vl-button svg path, .pagination-widget__top .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button svg path, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .pagination-widget__top .vl-button svg path {
  fill: #fff;
}

.pagination-widget__bottom .button, .pagination-widget__bottom .resources-demo-container__link, .pagination-widget__bottom .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .pagination-widget__bottom .resources-demo-container__link, .pagination-widget__bottom .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .pagination-widget__bottom .button, .pagination-widget__bottom .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .pagination-widget__bottom .mvl_card_button, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__bottom .vl-button--primary-full-width, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__bottom .vl-button--primary-without-bg, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .pagination-widget__bottom .vl-button--primary-border, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .pagination-widget__bottom .vl-button, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .pagination-widget__bottom .vl-button, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .pagination-widget__bottom .vl-button, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .pagination-widget__bottom .vl-button, .pagination-widget__bottom .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .pagination-widget__bottom .vl-button {
  width: 161px;
  height: 31px;
  font-size: 14px;
}

.avatar-generator__avatar {
  height: 100%;
}

.avatar-generator__header-left {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.avatar-assets-list {
  width: 90%;
}

.avatar-assets-list__category {
  margin-bottom: 12px;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.avatar-assets-list__category-title {
  text-transform: uppercase;
}

.avatar-assets-list__category-content, .avatar-assets-list__category-assets {
  flex-direction: column;
  display: flex;
}

.avatar-assets-list__category-content-title {
  color: var(--color-first);
  margin: 8px 0;
}

.avatar-assets-list__category-content-list {
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  margin: 8px 0;
  display: flex;
}

.avatar-assets-list__asset {
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  width: 70px;
  height: 70px;
  position: relative;
}

.avatar-assets-list__asset svg {
  position: absolute;
}

.avatar-assets-list__asset--selected {
  border-color: var(--color-first) !important;
}

.avatar-assets-list__asset--xxl svg {
  top: 45px;
  left: 40px;
  transform: scale(2.2) !important;
}

.avatar-component {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.avatar-component svg {
  border: 5px solid var(--color-background);
  border-radius: 50%;
  width: 95%;
  max-width: 450px;
  height: auto;
  background-color: #dbd5ce !important;
}

.markdown-container pre {
  background-color: #f6f8fa;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 16px;
  overflow: auto;
}

.markdown-container pre code {
  color: #24292e;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 0;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 14px;
  line-height: 1.45;
}

.markdown-container code {
  background-color: rgba(175, 184, 193, .2);
  border-radius: 4px;
  padding: .2em .4em;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 14px;
}

.markdown-container .katex-display {
  margin: 16px 0;
  padding: 8px 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.markdown-container table {
  border-collapse: collapse;
  width: 100%;
  margin: 16px 0;
}

.markdown-container table th, .markdown-container table td {
  border: 1px solid #e1e4e8;
  padding: 6px 13px;
}

.markdown-container table th {
  background-color: #f6f8fa;
  font-weight: 600;
}

.markdown-container table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-container ul, .markdown-container ol {
  list-style: inherit;
  margin: 12px 0;
  padding-left: 20px;
}

.markdown-container li {
  margin-bottom: 4px;
}

.markdown-container .mermaid {
  text-align: center;
  margin: 16px 0;
}

.markdown-container .mermaid svg {
  max-width: 100%;
}

.markdown-container blockquote {
  color: #6a737d;
  border-left: 4px solid #e1e4e8;
  margin: 16px 0;
  padding: 0 16px;
}

.markdown-container h1, .markdown-container h2, .markdown-container h3, .markdown-container h4, .markdown-container h5, .markdown-container h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-container h1 {
  border-bottom: 1px solid #e1e4e8;
  padding-bottom: .3em;
  font-size: 24px;
}

.markdown-container h2 {
  border-bottom: 1px solid #e1e4e8;
  padding-bottom: .3em;
  font-size: 22px;
}

.markdown-container h3 {
  font-size: 20px;
}

.markdown-container h4 {
  font-size: 18px;
}

.markdown-container a {
  text-decoration: none;
}

.markdown-container a:hover {
  text-decoration: underline;
}

.table-container {
  border-radius: 0;
  margin-top: 20px;
  padding: 0;
  overflow: hidden;
}

.table-with-pagination {
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-second);
  color: #36393b;
  border-radius: 0;
  width: 100%;
  font-size: 14px;
  overflow: hidden;
}

.table-with-pagination thead tr {
  border: 1px solid #ebe0d7;
}

.table-with-pagination th {
  font-family: var(--font-second-bold);
  color: #36393b;
  text-align: left;
  background: var(--color-bg-03);
  z-index: 1;
  border-bottom: 1px solid #dbd5ce;
  padding: 16px 12px;
  font-size: 14px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-with-pagination td {
  vertical-align: middle;
  background: #fff;
  border-bottom: 1px solid #f0edea;
  padding: 16px;
  position: relative;
}

.table-with-pagination td:last-child, .table-with-pagination td:nth-last-child(2) {
  padding-right: 0;
}

.table-with-pagination__select-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.table-with-pagination__row--hoverable:hover td {
  background: var(--color-bg-04);
}

.table-with-pagination__row--selected td {
  background: var(--color-bg-04) !important;
}

.table-with-pagination__pagination-controls {
  justify-content: left;
  gap: 8px;
  margin: 24px 0;
  display: flex;
}

.table-with-pagination__pagination-controls .button, .table-with-pagination__pagination-controls .resources-demo-container__link, .table-with-pagination__pagination-controls .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .table-with-pagination__pagination-controls .resources-demo-container__link, .table-with-pagination__pagination-controls .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .table-with-pagination__pagination-controls .button, .table-with-pagination__pagination-controls .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .table-with-pagination__pagination-controls .mvl_card_button, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .table-with-pagination__pagination-controls .vl-button--primary-full-width, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .table-with-pagination__pagination-controls .vl-button--primary-without-bg, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .table-with-pagination__pagination-controls .vl-button--primary-border, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .table-with-pagination__pagination-controls .vl-button, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .table-with-pagination__pagination-controls .vl-button, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .table-with-pagination__pagination-controls .vl-button, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .table-with-pagination__pagination-controls .vl-button, .table-with-pagination__pagination-controls .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .table-with-pagination__pagination-controls .vl-button {
  min-width: 30px;
}

.table-with-pagination__pagination-controls .pagination__item {
  cursor: pointer;
  font-family: var(--font-second);
  color: #a39b93;
  background: var(--color-bg-03);
  border-radius: 0;
  max-width: 38px;
  font-size: 14px;
  font-weight: 700;
}

.table-with-pagination__pagination-controls .pagination__item--active {
  background: var(--color-first);
  color: #fff;
}

.table-with-pagination__pagination-controls .pagination__item--nav {
  background: var(--color-bg-03);
  min-width: 38px;
}

.table-with-pagination__pagination-controls .pagination__item--nav svg path {
  fill: #a39b93;
}

.table-with-pagination__pagination-controls .pagination__item--ellipsis {
  color: #a39b93;
  cursor: default;
  pointer-events: none;
  background: #fff;
}

.table-with-pagination__pagination-controls .pagination__item:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.more-icon-menu {
  opacity: 1;
  pointer-events: auto;
  justify-content: flex-end;
  margin-right: 12px;
  transition: opacity .2s;
  display: flex;
}

.table-with-pagination__select-icon {
  opacity: 1;
}

.sync-progress {
  z-index: 9500;
  border-left: none;
  border-radius: 0 8px 8px 0;
  width: 400px;
  min-height: 200px;
  transition: transform .3s ease-in-out;
  animation: .3s ease-out slideInFromLeft;
  position: fixed;
  top: 170px;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 2px 0 16px rgba(0, 0, 0, .2);
}

.sync-progress--is-exiting {
  animation: .3s ease-out slideOutToLeft;
}

.sync-progress--collapsed {
  transform: translateY(-50%)translateX(-95%);
}

.sync-progress--collapsed .sync-progress__content {
  opacity: 0;
}

.sync-progress__container {
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.sync-progress__close-button {
  z-index: 1;
  position: absolute;
  top: -20px;
  right: -20px;
}

.sync-progress__toggle-button {
  cursor: pointer;
  z-index: 2;
  background: #fff;
  border: 1px solid #f0edea;
  border-radius: 150%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  box-shadow: 2px 0 8px rgba(0, 0, 0, .1);
}

.sync-progress__toggle-button:hover {
  background: var(--color-bg-01);
  transform: translateY(-50%)scale(1.05);
}

.sync-progress__toggle-button:focus {
  outline-offset: 2px;
}

.sync-progress__chevron {
  color: #706b65;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  transition: color .2s ease-in-out;
}

.sync-progress__chevron--left {
  color: #36393b;
}

.sync-progress__chevron--right {
  color: var(--color-first);
}

.sync-progress__content {
  opacity: 1;
  flex: 1;
  padding: 16px;
  transition: opacity .3s ease-in-out;
}

.sync-progress__icon {
  margin-right: 8px;
}

.sync-progress__header {
  font-family: var(--font-first);
  color: #36393b;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.sync-progress__body {
  font-family: var(--font-second);
  color: #706b65;
  margin-bottom: 24px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 20px;
}

.sync-progress__body-text {
  margin-bottom: 16px;
}

.sync-progress__footer {
  justify-content: flex-end;
  display: flex;
}

@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateY(-50%)translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(-50%)translateX(0);
  }
}

@keyframes slideOutToLeft {
  0% {
    opacity: 1;
    transform: translateY(-50%)translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-50%)translateX(-100%);
  }
}

.private-chat-inline {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 24px auto;
  padding: 16px;
  display: flex;
}

.private-chat-inline__comments-number {
  color: #706b65;
  font-family: var(--font-second);
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  font-size: 14px;
  display: flex;
}

.private-chat-inline .post-card__comments {
  width: 100%;
}

.private-chat-inline .post-card__meta-info {
  display: none;
}

.private-chat-inline .message-sender-simple {
  border-radius: 0 !important;
}

.private-chat-inline .message-sender-simple .textarea__input {
  min-height: 38px !important;
}

@media only screen and (min-width: 768px) {
  .private-chat-inline {
    width: 720px;
    max-width: 100%;
  }

  .private-chat-inline__comments-number, .private-chat-inline .post-card__comments {
    width: 90%;
  }
}

.public-chat-widget {
  z-index: 8001;
  opacity: 0;
  will-change: transform, opacity;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 700px;
  max-height: 90vh;
  transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), opacity .3s ease-out;
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  box-shadow: 0 0 8px rgba(120, 96, 77, .15);
}

@media only screen and (min-width: 768px) {
  .public-chat-widget {
    border-radius: 8px 0 0 8px;
    width: 426px;
    bottom: 0;
    right: 0;
  }
}

.public-chat-widget--open {
  opacity: 1;
  transform: translateY(0);
}

.public-chat-widget--modal {
  opacity: 0;
  z-index: 8000;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s ease-in-out;
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}

@media only screen and (min-width: 768px) {
  .public-chat-widget--modal {
    width: 600px;
    height: 70vh;
  }
}

.public-chat-widget--modal.public-chat-widget--open {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1);
}

.public-chat-widget--modal .public-chat-widget__header {
  border-radius: 0;
}

.public-chat-widget--modal .public-chat-widget__body .comments-list-and-create {
  width: 100%;
  position: relative;
}

.public-chat-widget--modal .public-chat-widget__body .comments-list-and-create__list {
  height: 100%;
  padding-bottom: 70px;
  overflow: auto;
}

.public-chat-widget--modal .public-chat-widget__body .message-sender-simple {
  margin-bottom: 0;
}

.public-chat-widget--modal .public-chat-widget__body .comments-list-and-create__sender {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.public-chat-widget__header {
  border-bottom: 1px solid var(--color-border);
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding: 16px 20px;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .public-chat-widget__header {
    border-radius: 8px 0 0;
  }
}

.public-chat-widget__header-title {
  color: #706b65;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-second);
  align-items: center;
  gap: 8px;
  display: flex;
}

.public-chat-widget__header-close {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.public-chat-widget__header-close:hover {
  background-color: #f0edea;
}

.public-chat-widget__body {
  height: calc(100% - 48px);
}

.public-chat-widget__body .post-card__meta-info {
  display: none;
}

.public-chat-widget__body .post-card__comments {
  height: 100%;
}

.public-chat-widget__body .basic-list {
  padding: 12px;
}

.public-chat-widget__body .basic-list__item {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.public-chat-widget__body .basic-list__item:has(.comment-item--mine) {
  justify-content: flex-end;
}

.public-chat-widget__body .basic-list__item .comment-item {
  background: #f7f4f2;
  border-bottom: 1px solid #f0edea;
  border-radius: 12px;
  justify-self: flex-start;
  width: 90%;
  max-width: 100%;
  padding: 12px;
}

.public-chat-widget__body .basic-list__item .comment-item .comment-item__content .comment-item__content-text {
  font-size: 14px;
}

.public-chat-widget__body .basic-list__item .item-complex-list {
  position: relative;
}

.public-chat-widget__body .basic-list__item .item-complex-list__right {
  position: absolute;
  top: 0;
  right: 0;
}

.public-chat-widget__body .comments-list-and-create {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.public-chat-widget__body .comments-list-and-create .message-sender-simple {
  border-radius: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.public-chat-widget .textarea__input {
  border-radius: 8px;
}

@keyframes pulse-critical {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .9;
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.quizz {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 40px auto;
  display: flex;
}

.quizz__container {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: 411px;
}

@media only screen and (min-width: 768px) {
  .quizz__container {
    width: 800px;
    max-width: 100%;
  }
}

.quizz__container-header {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding: 12px 16px;
  display: flex;
}

.quizz__container-content {
  padding: 12px 16px;
}

.quizz__container-footer {
  border-top: 1px solid #dbd5ce;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 12px 16px;
  display: flex;
}

.quizz__container-content-text {
  text-align: center;
  margin-top: 16px;
}

.quizz-timer {
  font-family: var(--font-first);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  transition: all .4s;
  display: flex;
}

.quizz-timer__label {
  color: #36393b;
}

.quizz-timer__time {
  font-family: var(--font-first);
  font-size: 18px;
  font-weight: bold;
}

.quizz-timer--normal {
  background-color: var(--color-first);
  border: 1px solid #f0edea;
}

.quizz-timer--normal .quizz-timer__time {
  color: #fff;
}

.quizz-timer--warning {
  background-color: rgba(242, 170, 63, .1);
  border: 1px solid #f2aa3f;
}

.quizz-timer--warning .quizz-timer__time {
  color: #f2aa3f;
}

.quizz-timer--critical {
  background-color: rgba(246, 104, 104, .1);
  border: 1px solid #f66868;
  animation: 1s infinite pulse-critical;
}

.quizz-timer--critical .quizz-timer__time {
  color: #f66868;
}

.quizz-question {
  width: 95%;
  margin: 0 auto;
}

.quizz-dialog-submit .dialog-default {
  width: 406px;
  padding: 0;
}

.quizz-dialog-submit__texts {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.quizz-dialog-submit__title {
  font-family: var(--font-first);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.quizz-dialog-submit__text {
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.quizz-navigation-header {
  gap: 10px;
  display: flex;
}

.quizz-navigation-header__navigation-button {
  font-weight: 600;
  font-family: var(--font-first);
  background-color: var(--color-bg-03);
  color: #a39b93;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 10px;
  font-size: 14px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.quizz-navigation-header__navigation-button:hover {
  background-color: #f0edea;
}

.quizz-navigation-header__navigation-button--active {
  border: 3px solid var(--color-first);
  color: var(--color-first);
  background-color: #fff;
}

.quizz-navigation-header__navigation-button--active:after {
  content: "";
  background-color: var(--color-first);
  opacity: 1;
  border-radius: 2px;
  width: 24px;
  height: 3px;
  transition: all .3s;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.quizz-navigation-header__navigation-button--done {
  background-color: var(--color-first);
  color: #fff;
}

.quizz-navigation-header__navigation-button--disabled {
  color: #fff;
  background-color: #a39b93;
}

.quizz-navigation-header__navigation-button--disabled-active {
  color: #a39b93;
  background-color: #fff;
  border: 3px solid #a39b93;
}

.student-activity-feedback {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

@media only screen and (min-width: 480px) {
  .student-activity-feedback {
    flex-direction: row;
  }
}

.student-activity-feedback .icon-bubble {
  width: 32px !important;
  height: 32px !important;
}

.student-activity-feedback__textarea-container {
  width: 100%;
  min-width: 200px;
}

.student-activity-feedback__textarea-container--good .textarea {
  border: 1px solid #41d158;
  border-radius: 0;
}

.student-activity-feedback__textarea-container--good .textarea textarea {
  border: none;
}

.student-activity-feedback__textarea-container--bad .textarea {
  border: 1px solid #f2aa3f;
  border-radius: 0;
}

.student-activity-feedback__textarea-container--bad .textarea textarea {
  border: none;
}

@media only screen and (min-width: 480px) {
  .student-activity-feedback__textarea-container {
    flex: 1;
    width: auto;
  }
}

.student-activity-feedback__textarea-header {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.student-activity-feedback__textarea-title {
  color: #706b65;
  font-weight: 700;
  font-family: var(--font-second);
  font-size: 14px;
}

.task {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: 368px;
  margin: 24px auto;
  padding: 24px;
}

@media only screen and (min-width: 768px) {
  .task {
    width: 800px;
    max-width: 100%;
  }
}

.task .task-question .lemo-stimulus {
  color: #36393b;
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.task .task-question .lemonade-exercises .lemo-box-large {
  background: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 8px;
}

.for-users .avatars-list__count-bubble {
  background-color: var(--color-first);
  border-color: var(--color-first);
}

.for-users .avatars-list__count-bubble-text {
  color: #fff;
  font-size: 12px;
}

.for-users .avatar, .for-users .avatars-list__count-bubble {
  width: 30px;
  height: 30px;
}

.for-users__zero {
  justify-content: center;
  align-items: center;
  display: flex;
}

.for-users__zero .icon-bubble {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0) !important;
}

.for-users__zero-text {
  color: #a39b93;
  margin-left: 8px;
}

.for-users--type-view-zero-icon .for-users__zero {
  background: #f7f4f2;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  padding: 4px;
}

.for-users--type-view-zero-icon .for-users__bubble {
  display: none;
}

.for-users--type-view-zero-icon .for-users__icon {
  display: block;
}

.for-users--type-view-zero-bubble .for-users__icon {
  display: none;
}

.for-users--type-view-zero-bubble .for-users__bubble {
  display: flex;
}

.for-users__bubble {
  align-items: center;
}

.for-users__bubble-item-number {
  color: #fff;
}

.for-users__bubble-item--1 {
  opacity: .5;
  position: relative;
  left: 16px;
}

.only-you-see {
  align-items: center;
  display: flex;
}

.only-you-see__text {
  color: #706b65;
  margin-left: 8px;
}

.edit-by {
  align-items: center;
  display: flex;
}

.edit-by__editby, .edit-by__editby-name {
  color: #a39b93;
  margin-left: 8px;
}

.edit-by__editby-name {
  color: #706b65;
  margin-left: 4px;
}

.new-assessment-view-header__meta--due-date {
  min-width: 180px;
}

.new-assessment-view-header__meta--late-turn-in {
  min-width: 147px;
}

.new-assessment-view-header__meta--duration {
  min-width: 110px;
}

.new-assessment-view-header__meta--scale, .new-assessment-view-header__meta--category {
  min-width: 140px;
}

.score-tag {
  font-family: var(--font-first);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 60px;
  height: 40px;
  padding: 8px 16px;
  display: flex;
}

.sessions-tag {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.sessions-tag .tag__text {
  text-transform: uppercase;
  color: #706b65;
  font-size: 12px;
  font-family: var(--font-second);
  font-weight: 700;
}

.sessions-tag .tag {
  background: var(--color-bg-03);
}

.text-editor__container {
  margin-bottom: 16px;
}

.text-editor__container .mint-blocks-sidebar__content---keyboard-visible {
  margin-bottom: 270px;
}

.fr-counter, .fr-second-toolbar {
  display: none;
}

.fr-box.fr-basic .fr-wrapper {
  border-color: var(--color-border);
  border-bottom: 1px solid var(--color-border);
  border-radius: 0 0 10px 10px;
}

.fr-toolbar {
  border-color: var(--color-border);
  border-top: 1px solid var(--color-border);
}

.fr-popup.fr-active {
  z-index: 10000 !important;
}

.general-settings-sidebar-drawer {
  z-index: 8000 !important;
  font-family: var(--font-second) !important;
}

.general-settings-sidebar-drawer .MuiDrawer-paper, .general-settings-sidebar-drawer .MuiBackdrop-root {
  z-index: 8000 !important;
}

.general-settings-sidebar {
  background: #faf7f5;
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
  gap: 12px;
  width: 443px;
  padding: 12px 0 0;
  display: flex;
  font-family: var(--font-second) !important;
}

.general-settings-sidebar__header {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  display: flex;
  position: relative;
  font-family: var(--font-first) !important;
}

.general-settings-sidebar__header-left {
  align-items: center;
  gap: 8px;
  display: flex;
}

.general-settings-sidebar__header-left .general-settings-sidebar__header-title {
  color: #36393b;
  font-family: var(--font-first);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.general-settings-sidebar__header-right button {
  cursor: pointer;
  background: none;
  border: none;
}

.general-settings-sidebar__content-wrapper {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
  overflow-y: auto;
}

.general-settings-sidebar__content {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.general-settings-sidebar__section {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.general-settings-sidebar__section > div {
  width: 100%;
}

.general-settings-sidebar__section .select-customizable__label, .general-settings-sidebar__section .select-checkboxs .select-checkboxs__label, .general-settings-sidebar__section h3 {
  color: #706b65;
  font-family: var(--font-second);
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.general-settings-sidebar__section .select-checkboxs .picky .select-checkboxs__picky .picky__button__button {
  border-radius: 8px;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 6px 12px 6px 8px;
  display: flex;
}

.general-settings-sidebar__section .textarea.textarea--background-default .textarea__label {
  color: #706b65;
  font-family: var(--font-second);
  margin-bottom: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.general-settings-sidebar__section .textarea.textarea--background-default .textarea__input {
  border: 1px solid var(--color-border);
  font-family: var(--font-second);
  resize: vertical;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  font-size: 14px;
}

.general-settings-sidebar__section .select-customizable.select-customizable--default.select-customizable--size-default {
  width: 100%;
}

.general-settings-sidebar__section .select-customizable.select-customizable--default.select-customizable--size-default .select-customizable__control {
  box-shadow: none;
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 100%;
  height: 48px;
  padding: 6px 12px 6px 8px;
  display: flex;
}

.general-settings-sidebar__radio-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.general-settings-sidebar__footer {
  border-top: 1px solid var(--color-border);
  background: var(--color-bg-03);
  width: 100%;
  padding: 16px 24px;
  position: relative;
}

.general-settings-sidebar__footer-buttons {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.general-settings-sidebar__footer-buttons .button[data-variant="primary"], .general-settings-sidebar__footer-buttons [data-variant="primary"].resources-demo-container__link, .general-settings-sidebar__footer-buttons .projection-view__content-container--link [data-variant="primary"].mvl_card_button, .projection-view__content-container--link .general-settings-sidebar__footer-buttons [data-variant="primary"].mvl_card_button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="primary"].vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button--primary-full-width, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="primary"].vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button--primary-without-bg, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="primary"].vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button--primary-border, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons [data-variant="primary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons [data-variant="primary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons [data-variant="primary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button [data-variant="primary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls [data-variant="primary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .general-settings-sidebar__footer-buttons [data-variant="primary"].vl-button, .general-settings-sidebar__footer-buttons .button--primary {
  background: #c7bfb7;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 8px 12px;
  display: flex;
}

.general-settings-sidebar__footer-buttons .button[data-variant="secondary"], .general-settings-sidebar__footer-buttons [data-variant="secondary"].resources-demo-container__link, .general-settings-sidebar__footer-buttons .projection-view__content-container--link [data-variant="secondary"].mvl_card_button, .projection-view__content-container--link .general-settings-sidebar__footer-buttons [data-variant="secondary"].mvl_card_button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-full-width, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-without-bg, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-border, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons [data-variant="secondary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons [data-variant="secondary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons [data-variant="secondary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button [data-variant="secondary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls [data-variant="secondary"].vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button, .general-settings-sidebar__footer-buttons .button--secondary {
  background: var(--color-bg-03);
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 8px 12px;
  display: flex;
}

.general-settings-sidebar__footer-buttons .button[data-variant="secondary"] .button__content .button__text, .general-settings-sidebar__footer-buttons [data-variant="secondary"].resources-demo-container__link .button__content .button__text, .general-settings-sidebar__footer-buttons .projection-view__content-container--link [data-variant="secondary"].mvl_card_button .button__content .button__text, .projection-view__content-container--link .general-settings-sidebar__footer-buttons [data-variant="secondary"].mvl_card_button .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-full-width .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-full-width .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-without-bg .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-without-bg .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson [data-variant="secondary"].vl-button--primary-border .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button--primary-border .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons [data-variant="secondary"].vl-button .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons [data-variant="secondary"].vl-button .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons [data-variant="secondary"].vl-button .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button [data-variant="secondary"].vl-button .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button .button__content .button__text, .general-settings-sidebar__footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls [data-variant="secondary"].vl-button .button__content .button__text, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .general-settings-sidebar__footer-buttons [data-variant="secondary"].vl-button .button__content .button__text, .general-settings-sidebar__footer-buttons .button--secondary .button__content .button__text {
  color: #706b65;
}

.footer-auto-saving {
  opacity: 0;
  z-index: 8000;
  background-color: #706b65;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 16px 30px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

.footer-auto-saving--visible {
  opacity: 1;
  transform: translateY(0);
}

.footer-auto-saving__saved {
  align-items: center;
  gap: 12px;
  display: flex;
}

.footer-auto-saving__saved p {
  color: #fff;
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.footer-auto-saving__actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.library-table-contents__name {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  min-width: 160px;
  display: flex;
}

@media (max-width: 1023px) {
  .library-table-contents__name {
    max-width: 220px;
  }
}

.library-table-contents__name .icon-bubble {
  min-width: 36px;
}

@media (max-width: 1023px) {
  .library-table-contents__name-text {
    max-width: 180px;
  }
}

.library-table-contents__name-text {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
}

.library-table-contents__editorial-icon {
  background-image: var(--logo);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #ebe0d7;
  border-radius: 50%;
  width: auto;
  min-width: 30px;
  height: 30px;
}

.library-table-contents__tags {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.library-table-contents__tag {
  text-wrap: nowrap;
  background-color: var(--color-bg-04);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
}

.library-table-contents__owner {
  align-items: center;
  gap: 12px;
  min-width: 140px;
  display: flex;
}

.library-table-contents__owner-info {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.title-and-action {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.title-and-action__text-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.title-and-action__text {
  color: #a39b93;
}

.title-and-action__action {
  flex: none;
}

.assigments-main-info .comments-list-and-create__sender {
  width: calc(100% + 24px);
  position: relative;
  bottom: -12px;
  left: -12px;
}

.assigments-main-info__header, .assigments-main-info__left {
  display: block;
}

.assigments-main-info__bubble {
  margin-right: 24px;
}

.assigments-main-info__visible {
  margin-right: 8px;
}

.assigments-main-info__name-container {
  align-items: center;
  display: flex;
}

.assigments-main-info__meta-info {
  color: #a39b93;
}

.assigments-main-info__stats-contents {
  align-items: center;
  display: flex;
}

.assigments-main-info__stats-bar {
  margin-right: 24px;
}

.assigments-main-info__deadline {
  align-items: center;
  display: flex;
}

.assigments-main-info__date-container {
  flex-direction: column;
  margin-left: 8px;
  display: flex;
}

.assigments-main-info__date {
  color: #a39b93;
}

.assigments-main-info__tag {
  margin-top: 8px;
}

.assigments-main-info__tag, .assigments-main-info__name-container, .assigments-main-info__questions {
  margin-bottom: 8px;
}

.assigments-main-info__right {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.assigments-main-info__hr {
  margin-top: 16px;
  margin-bottom: 16px;
}

.assigments-main-info__deadline--passed .assigments-main-info__deadline-text {
  color: #a39b93;
}

@media only screen and (min-width: 768px) {
  .assigments-main-info__header {
    justify-content: space-between;
    display: flex;
  }

  .assigments-main-info__left {
    display: flex;
  }

  .assigments-main-info__tag {
    margin-top: 0;
  }
}

.no-items {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.no-items__empty-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 360px;
  height: 360px;
}

.no-items__empty-image--no-posts {
  background-image: var(--empty-posts-image);
}

.no-items__empty-image--no-questions-new {
  background-image: var(--empty-questions-image);
}

.no-items__empty-image--no-questions {
  background-image: var(--empty-questions2-image);
}

.no-items__empty-image--no-courses {
  background-image: var(--empty-courses-image);
  width: 248px;
  height: 248px;
}

.no-items--size-small .no-items__item--image img {
  max-width: 160px;
  max-height: 160px;
}

.no-items--size-medium .no-items__item--image img {
  max-width: 360px;
  max-height: 360px;
}

.no-items__item {
  margin-bottom: 24px;
}

.no-items__item--image img {
  max-width: 248px;
  max-height: 248px;
}

.no-items__item--texts {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.no-items__item-title {
  color: #a39b93;
}

.no-items__item-text {
  color: #a39b93;
  margin-top: 8px;
}

.no-items-mode-edit {
  color: #a39b93;
  text-align: center;
  background: #f7f4f2;
}

.no-items-mode-edit--edit-mode {
  background: none;
}

.no-items-mode-edit__add-button {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.no-items-mode-edit__add-button-text {
  margin-left: 8px;
}

.message-sender {
  transition-duration: .4s;
}

.message-sender .textarea__input {
  resize: none;
  height: 40px;
  transition-duration: .4s;
  min-height: 40px !important;
}

.message-sender--focus {
  background: #fff;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.message-sender--focus .textarea__input {
  border-color: var(--color-first);
  height: 132px;
  min-height: 132px !important;
}

.message-sender__main {
  display: flex;
}

.message-sender__main-left {
  text-align: center;
}

.message-sender__pin {
  width: 40px;
}

.message-sender__textarea {
  flex: auto;
  margin: 0 8px;
  position: relative;
}

.message-sender__textarea .message-sender__attachment-containter--nofocus {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.message-sender__character-limit {
  background-color: var(--color-bg-04);
  border-left: 3px solid #f66868;
  margin: 16px 0;
  padding: 8px 12px;
}

.message-sender__character-limit-text {
  color: #f66868;
  font-family: var(--font-second);
  font-weight: 600;
}

.message-sender__attached-files {
  margin-top: 12px;
  padding-left: 48px;
  padding-right: 8px;
}

.message-sender__actions {
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
  margin-right: 8px;
  display: flex;
}

.message-sender__attachment {
  display: flex;
}

.message-sender__attachment-icon {
  margin-left: 8px;
}

.message-sender__buttons {
  display: flex;
}

.message-sender__buttons .button, .message-sender__buttons .resources-demo-container__link, .message-sender__buttons .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .message-sender__buttons .resources-demo-container__link, .message-sender__buttons .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .message-sender__buttons .button, .message-sender__buttons .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .message-sender__buttons .mvl_card_button, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .message-sender__buttons .vl-button--primary-full-width, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .message-sender__buttons .vl-button--primary-without-bg, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .message-sender__buttons .vl-button--primary-border, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .message-sender__buttons .vl-button, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .message-sender__buttons .vl-button, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .message-sender__buttons .vl-button, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .message-sender__buttons .vl-button, .message-sender__buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .message-sender__buttons .vl-button {
  margin-left: 8px;
}

.header-info-course {
  background: #fff;
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  height: 100%;
  display: flex;
}

.header-info-course__container {
  align-items: center;
  display: flex;
}

.header-info-course__info-container {
  flex-direction: column;
  margin-left: 24px;
  display: flex;
}

.message-sender-simple {
  margin-bottom: 30px;
  padding-left: 16px;
  padding-right: 16px;
}

.message-sender-simple .textarea__input {
  height: 40px;
  min-height: 40px !important;
}

.message-sender-simple__main {
  display: flex;
}

.message-sender-simple__avatar {
  text-align: center;
  width: 40px;
}

.message-sender-simple__textarea {
  flex: auto;
  margin: 0 8px;
  position: relative;
}

.message-sender-simple__textarea .textarea__input {
  resize: none;
}

.message-sender-simple__textarea textarea {
  padding-right: 35px;
}

.message-sender-simple__send {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.message-sender-simple__feedback-option .button, .message-sender-simple__feedback-option .resources-demo-container__link, .message-sender-simple__feedback-option .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .message-sender-simple__feedback-option .resources-demo-container__link, .message-sender-simple__feedback-option .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .message-sender-simple__feedback-option .button, .message-sender-simple__feedback-option .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .message-sender-simple__feedback-option .mvl_card_button, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .message-sender-simple__feedback-option .vl-button--primary-full-width, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .message-sender-simple__feedback-option .vl-button--primary-without-bg, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .message-sender-simple__feedback-option .vl-button--primary-border, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .message-sender-simple__feedback-option .vl-button, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .message-sender-simple__feedback-option .vl-button, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .message-sender-simple__feedback-option .vl-button, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .message-sender-simple__feedback-option .vl-button, .message-sender-simple__feedback-option .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .message-sender-simple__feedback-option .vl-button {
  align-items: center;
  max-height: 40px;
  display: flex;
}

.item-complex-list {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.item-complex-list__left {
  align-items: center;
  width: 100%;
  display: flex;
}

.item-complex-list__left-children {
  flex: none;
  width: 54px;
}

.item-complex-list__center.list__center__ellipsis {
  width: calc(100% - 55px);
}

.item-complex-list__right {
  flex: none;
}

.icon-title-action {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-title-action__title-container {
  align-items: center;
  display: flex;
}

.icon-title-action__title {
  color: #706b65;
}

.icon-title-action__icon {
  margin-right: 16px;
}

.icon-title {
  align-items: center;
  display: flex;
}

.icon-title__title {
  color: #706b65;
  margin-left: 24px;
}

.accordion__tab {
  flex: auto;
  padding: 12px 0 0;
}

.accordion__tab-icon {
  margin-right: 12px;
  position: absolute;
  right: 100%;
}

.accordion__title-container {
  justify-content: space-between;
  display: flex;
}

.accordion__title {
  align-items: center;
  display: flex;
}

.accordion__arrow-icon {
  width: 24px;
  height: 24px;
  position: relative;
}

.accordion__title-icon-show {
  transition: transform .4s;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(0);
}

.accordion__title-icon-show--with-icon-hide {
  top: -6px;
  left: 4px;
}

.accordion__title-icon-hide {
  visibility: hidden;
  width: 0;
  transition: transform .4s;
  position: absolute;
  top: -6px;
  left: 4px;
}

.accordion__title-text {
  margin-left: 8px;
  font-size: 16px;
  font-weight: bold;
}

.accordion__children {
  visibility: hidden;
  max-height: 0;
  margin-top: 16px;
  padding: 4px;
  transition: max-height .15s ease-out, visibility .15s ease-out;
  overflow: hidden;
}

.accordion__tab-container {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.accordion__tab--active .accordion__children {
  visibility: visible;
  transition: max-height .15s ease-in, visibility .15s ease-in;
}

.accordion__tab--active > .accordion__title-container .accordion__title-icon-show--within-icon-hide {
  transform: rotate(180deg);
}

.accordion__tab--active .accordion__title-icon-hide {
  visibility: visible;
}

.accordion__tab--active .accordion__title-icon-show--with-icon-hide {
  visibility: hidden;
  width: 0;
}

.accordion__custom-right-position-right {
  align-items: center;
  display: flex;
}

.vertical-students-results {
  padding-top: 46px;
}

.vertical-students-results__bar {
  text-align: center;
}

.vertical-students-results__bars-wrapper {
  justify-content: space-between;
  display: flex;
}

.vertical-students-results__bar-container {
  background-color: #f7f4f2;
  border-radius: 16px 16px 0 0;
  width: 12.5px;
  height: 276px;
  position: relative;
  box-shadow: inset 2px 3px 4px rgba(0, 0, 0, .1);
}

.vertical-students-results__bar-progress-container {
  border-radius: 16px 16px 0 0;
  height: 100%;
  box-shadow: inset 2px 3px 4px rgba(0, 0, 0, .1);
}

.vertical-students-results__bar-progress {
  background: linear-gradient(#56ccf2 47.92%, #2f80ed 100%);
  border-radius: 16px 16px 0 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.vertical-students-results__bar-students {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.vertical-students-results__bar-students .horizontal-students-result__student {
  position: relative;
}

.vertical-students-results__bar-students .horizontal-students-result__student .horizontal-students-result__icon {
  margin-left: 0;
}

.vertical-students-results__score {
  color: #a39b93;
  margin-top: 8px;
}

@media only screen and (min-width: 768px) {
  .vertical-students-results__bar-container {
    width: 25px;
  }
}

.vertical-students-results__count-bubble {
  background: #fff;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: relative;
}

.vertical-students-results__count-bubble-2 {
  background: var(--color-first);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: relative;
}

.vertical-students-results__count-bubble-text {
  white-space: nowrap;
  color: var(--color-first);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical-students-results__count-bubble-text-2 {
  white-space: nowrap;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical-students-results__avatars-container {
  justify-content: center;
  display: flex;
}

.vertical-students-results__avatars {
  display: flex;
}

.vertical-students-results__avatars--2 .horizontal-students-result__student:first-child {
  left: 16%;
}

.vertical-students-results__avatars--2 .horizontal-students-result__student:nth-child(2) {
  left: -16%;
}

.vertical-students-results__avatars--more .horizontal-students-result__student:first-child {
  left: 16%;
}

.vertical-students-results__avatars--more .vertical-students-results__count-bubble {
  left: -16%;
}

.vertical-students-results__avatars--more .vertical-students-results__count-bubble-2 {
  left: -13%;
}

.vertical-students-results__arrow {
  position: absolute;
  top: 90%;
}

.vertical-students-results__legend-item, .vertical-students-results__legend, .vertical-students-results_info {
  align-items: center;
  display: flex;
}

.vertical-students-results_info {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
  position: relative;
  top: -33px;
}

.vertical-students-results__legend-item {
  margin-right: 30px;
}

.vertical-students-results__legend-item-text, .vertical-students-results__average-text, .vertical-students-results__average-number {
  color: #a39b93;
  margin-left: 8px;
}

.vertical-students-results__bar-not-turned .vertical-students-results__bar-container {
  background: rgba(255, 83, 34, .1);
  margin: auto;
}

.vertical-students-results__bar-not-turned .vertical-students-results__bar-progress {
  background: linear-gradient(135deg, #ffad31 14.75%, #f05432 100%);
}

.vertical-students-results__bar-not-turned .vertical-students-results__score-percent {
  margin: 12px auto;
}

.vertical-students-results__score--notturned {
  color: var(--color-first);
  width: 100px;
  font-family: var(--font-first) !important;
  font-size: 22px !important;
}

.vertical-students-results__bar--notturned {
  border-right: 2px solid #dbd5ce;
  padding-right: 4px;
}

.vertical-students-results__bar-progress-container--notturned-all-turned {
  background: linear-gradient(135deg, #86e328 15.25%, #00b775 100%);
}

.horizontal-students-results {
  height: 16px;
  display: flex;
}

.horizontal-students-results__step {
  width: 10%;
  position: relative;
}

.horizontal-students-results__step:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.horizontal-students-results__step:nth-last-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.horizontal-students-results__step--bad {
  background: #f66868;
}

.horizontal-students-results__step--good {
  background: #ffb979;
}

.horizontal-students-results__step--very-good {
  background: #41d158;
}

.horizontal-students-results__step-number {
  color: #a39b93;
  white-space: nowrap;
  font-style: italic;
  position: relative;
  top: calc(100% + 4px);
  left: -6px;
}

.horizontal-students-results__step--10 {
  width: 0;
}

.horizontal-students-results__avatars {
  position: absolute;
  top: -47px;
  transform: translateX(-50%);
}

.toolbar {
  z-index: 3000;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: block;
}

.toolbar__left, .toolbar__right {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.toolbar__settings {
  cursor: pointer;
}

.toolbar__actions-container {
  align-items: center;
  display: flex;
}

.toolbar__month-title {
  color: #706b65;
  margin-left: 20px;
}

.toolbar__action {
  border-radius: 0;
  align-items: center;
  height: 24px;
  margin-right: 8px;
  display: flex;
}

.toolbar__action--today {
  color: #c7bfb7;
  height: 24px;
  padding: 0 8px;
}

.toolbar__add-event-container {
  align-items: center;
  display: flex;
}

.toolbar__views {
  min-width: 167px;
  margin-left: 20px;
}

.toolbar__views .select-customizable__option:hover {
  color: #706b65;
  background-color: #f7f4f2;
}

@media only screen and (min-width: 1280px) {
  .toolbar__left, .toolbar__right {
    flex-direction: row;
  }
}

@media only screen and (min-width: 640px) {
  .toolbar {
    margin-left: 72px;
    display: flex;
  }
}

.calendar-big * {
  border-color: #dbd5ce !important;
}

.calendar-big .rbc-time-view, .calendar-big .rbc-header, .calendar-big .rbc-time-slot, .calendar-big .rbc-time-content, .calendar-big .rbc-time-gutter .rbc-timeslot-group {
  border: 0 !important;
}

.calendar-big .rbc-time-header-gutter, .calendar-big .rbc-time-slot {
  display: none;
}

.calendar-big .rbc-timeslot-group {
  min-height: 90px;
}

.calendar-big .rbc-day-slot .rbc-events-container {
  border-top: 1px solid #dbd5ce;
  margin-right: 0;
}

.calendar-big .rbc-time-column:last-child {
  border-right: 1px solid #dbd5ce;
}

.calendar-big .rbc-today {
  background: none;
}

.calendar-big .rbc-show-more {
  color: #4991e5;
  font-size: 12px;
}

.calendar-big .rbc-current-time-indicator {
  background: var(--color-first);
  height: 4px;
}

.calendar-big .rbc-current-time-indicator:before {
  content: "";
  background-color: var(--color-first);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  display: block;
  position: relative;
  top: -3px;
  left: -5px;
}

.calendar-big .rbc-label, .calendar-big .rbc-overlay-header {
  color: #c7bfb7;
}

.calendar-big .holiday .rbc-timeslot-group, .calendar-big .holiday.rbc-day-bg {
  background-color: #f9f9f9 !important;
}

.calendar-big .rbc-allday-cell .rbc-day-bg {
  background-color: #fff !important;
}

.rbc-overlay {
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15) !important;
}

.rbc-overlay .rbc-event {
  padding-left: 0;
  padding-right: 0;
}

.rbc-event:focus {
  outline: none !important;
}

.rbc-event.rbc-selected, .rbc-event {
  background-color: rgba(0, 0, 0, 0) !important;
}

.calendar-big--view-month .rbc-now {
  position: relative;
}

.calendar-big--view-month .rbc-now a {
  color: #fff;
}

.calendar-big--view-month .rbc-now:after {
  content: "";
  background: var(--color-first);
  z-index: -1;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
}

.calendar-big--view-month .rbc-date-cell {
  color: #706b65;
}

.calendar-big--view-month .rbc-event, .calendar-big--view-month .rbc-off-range-bg {
  background: none;
}

.calendar-big--view-month .rbc-off-range a {
  color: #f0edea;
}

@media only screen and (min-width: 640px) {
  .rbc-time-slot, .rbc-time-header-gutter {
    display: block !important;
  }

  .rbc-month-view {
    margin-left: 72px;
    width: calc(100% - 72px) !important;
  }
}

.calendar-small__calendar .DayPicker-wrapper {
  padding: 0;
}

.calendar-small__calendar .DayPicker-Caption {
  text-align: center;
}

.calendar-small__calendar .DayPicker-Day, .calendar-small__calendar .DayPicker-Weekday {
  padding: 8px 10px;
}

.calendar-small__calendar .DayPicker-Weekday {
  padding-top: 0;
  padding-bottom: 0;
}

.calendar-small__calendar .DayPicker-Day {
  color: #706b65;
  margin-bottom: 10px;
}

.calendar-small__calendar .DayPicker-Day--selected {
  background-color: rgba(0, 0, 0, 0) !important;
}

.calendar-small__calendar .calendar-small__arrow {
  position: absolute;
  top: 4px;
}

.calendar-small__calendar .DayPicker-Month {
  margin: 0;
}

.calendar-small__calendar .calendar-small__arrow--right {
  right: 0;
}

.calendar-small__day {
  z-index: 1;
  position: relative;
}

.calendar-small__event-point {
  background: var(--color-first);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
}

.calendar-small__day--active .calendar-small__day-background {
  z-index: -1;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-first) !important;
}

.calendar-small__day--active .calendar-small__event-point {
  background: #fff;
}

.calendar-big.calendar-big--view-week .rbc-day-bg {
  border: 0 !important;
}

.calendar-big .rbc-header + .rbc-header {
  border: 0;
}

.calendar-big .rbc-time-header-content {
  border: 0 !important;
}

.calendar-big .rbc-row.rbc-time-header-cell {
  min-height: 70px;
}

.calendar-big .rbc-header {
  padding-top: 10px;
}

.calendar-big .header-week__header-week {
  flex-direction: column;
  display: flex;
}

.calendar-big .header-week__header-week-day-number {
  color: #a39b93;
  font-family: var(--font-second-bold);
  z-index: 0;
  font-size: 24px;
  position: relative;
}

.calendar-big .header-week__header-week--selected .header-week__header-week-day-number {
  color: #fff;
}

.calendar-big .header-week__header-week--selected .header-week__header-week-day-name {
  color: var(--color-first);
}

.calendar-big .header-week__header-week--selected .header-week__day-background {
  background: var(--color-first);
  z-index: -1;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.calendar-big .header-week__header-week-day-name {
  color: #c7bfb7;
  margin-top: 12px;
}

@media only screen and (min-width: 640px) {
  .header-week__day-background {
    position: absolute;
    width: 46px !important;
    height: 46px !important;
    top: -10px !important;
  }
}

.calendar-big .rbc-date-cell a {
  position: relative;
  top: 1.2px;
  right: 1px;
}

.calendar-big .rbc-month-view {
  border: 0;
}

.calendar-big .rbc-month-view .rbc-day-bg:first-child {
  border-left: 1px solid;
}

.calendar-big .rbc-month-view .rbc-day-bg:last-child {
  border-right: 1px solid;
}

.calendar-big .rbc-month-view .rbc-month-row:nth-child(2) .rbc-day-bg {
  border-top: 1px solid;
}

.calendar-big .rbc-month-view .rbc-month-row:last-child .rbc-day-bg {
  border-bottom: 1px solid;
}

.calendar-big .header-month__header-month--selected .header-month__header-month-day-name {
  color: var(--color-first);
}

.calendar-big .header-month__header-month {
  margin-bottom: 24px;
}

.calendar-big .header-month__header-month-day-name {
  color: #c7bfb7;
}

.event-month {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.event-month__info {
  align-items: center;
  width: 70%;
  display: flex;
}

.event-month__bubble {
  flex: none;
}

.event-month__name {
  color: #222;
  margin-left: 4px;
}

.event-month__date {
  justify-content: flex-end;
  width: 30%;
  display: flex;
}

.event-month__date-text {
  font-size: 10px;
}

.event-month--passed {
  opacity: .6;
}

.event-week {
  border-radius: 0;
  width: 97%;
  height: 97%;
  margin: 2px;
  padding: 2px;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.event-week__container {
  background: #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 4px;
}

.event-week__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.event-week__date-text {
  font-size: 10px;
}

.event-week__name {
  color: #706b65;
  margin-top: 4px;
}

.event-week__unit {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #a39b93;
  -webkit-box-orient: vertical;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box !important;
}

.calendar-big--view-week .rbc-event.rbc-selected, .calendar-big--view-week .rbc-event {
  background-color: rgba(0, 0, 0, 0) !important;
}

.calendar-big--view-week .rbc-event-label {
  display: none;
}

.calendar-big--view-week .rbc-day-slot .rbc-event {
  border: 0;
  padding: 0;
}

.calendar-big--view-week .rbc-event {
  border-radius: 0;
}

.event-week--passed {
  opacity: .6;
}

.event-week--holiday {
  background-color: #eee4dc;
}

.event-all-day {
  border-radius: 0;
  align-items: center;
  padding: 0 6px;
  display: flex;
}

.event-all-day__name {
  text-overflow: ellipsis;
  color: #fff;
  max-width: 80%;
  margin-left: 5px;
  overflow: hidden;
}

.event-all-day--passed {
  opacity: .6;
}

.event-long {
  border-radius: 8px;
  padding: 0 4px;
  display: flex;
  justify-content: center !important;
}

.filters-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filters-bar__text {
  color: #706b65;
}

.filters-bar__actions {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.filters-bar__search {
  flex: auto;
  max-width: 312px;
}

.filters-bar__filter {
  margin-left: 24px;
}

.checklists__title {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.checklists__option {
  margin-top: 12px;
}

.checklists__title-text {
  color: #a39b93;
}

.checklists__option {
  list-style: none;
}

.checkslists__accordion .accordion__title-text {
  margin-left: 0;
}

.checkslists__accordion .accordion__children {
  margin-top: 0;
  margin-left: 20px;
}

.preview-content .iframe-viewer {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.preview-content__image {
  margin: 24px auto;
}

.preview-content__img {
  max-width: 100%;
  margin: auto;
  display: block;
}

.preview-content__type-with-icon {
  justify-content: start;
  align-items: center;
  width: auto;
  margin: 24px 0;
  display: flex;
  position: relative;
}

.preview-content__type-with-icon-bubble {
  flex: none;
}

.preview-content__name {
  color: var(--color-first);
  display: block;
}

.preview-content__description {
  color: #c7bfb7;
  margin-bottom: 24px;
  display: none;
}

.preview-content__type-with-icon-text-container {
  margin-left: 8px;
}

.preview-content__audio {
  width: auto;
  margin: 24px 0;
}

.preview-content__video {
  margin: 24px 0;
  position: relative;
}

.preview-content__video-fallback {
  background: var(--color-background);
  text-align: center;
  border: 1px solid #f0edea;
  max-width: 600px;
  margin: 0 auto;
  padding: 16px;
}

.preview-content__error-message p {
  font-family: var(--font-first);
  color: #706b65;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.preview-content__download-link {
  font-family: var(--font-first);
  color: var(--color-first);
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px;
  font-size: 16px;
  display: inline-flex;
}

.preview-content__download-link:focus-visible {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 2px solid #333;
}

.preview-content__download-link .icon path {
  fill: var(--color-first);
}

.preview-content__audio-icons {
  align-items: center;
  display: flex;
}

.preview-content__audio-bar-container {
  width: 100%;
  position: relative;
}

.preview-content__audio-bar {
  background: var(--color-first);
  cursor: pointer;
  width: calc(100% - 12px);
  height: 2px;
  margin-left: 12px;
  transition: all 50ms;
}

.preview-content__audio-bar-circle {
  background: var(--color-first);
  border-radius: 100%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -4px;
  left: 4px;
}

.preview-content__audio .preview-content__duration {
  float: right;
  color: #ababab;
  box-sizing: border-box;
  margin: 18px 0 0;
  padding: 0 0 0 11px;
  font-size: 13px;
}

.preview-content__duration_video {
  color: #ababab;
  box-sizing: border-box;
  padding: 0 0 0 11px;
  font-size: 13px;
  position: absolute;
  top: calc(50% - 4px);
  right: 8px;
}

.paginator {
  justify-content: center;
  display: flex;
}

.paginator__step {
  margin: 0 16px;
}

.paginator--with-arrows {
  justify-content: space-between;
}

.paginator--with-arrows .paginator__step {
  margin: 0;
}

.table-react > table > thead > tr > th:first-child, .table-react > table > * > tr > td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

.table-react {
  white-space: nowrap;
  border-radius: 0;
  left: 0;
  overflow: auto;
}

.table-react thead tr {
  border-collapse: separate;
  z-index: 4001;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-react table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 0;
  border-left: 0;
}

.table-react table tr th {
  text-align: left;
  vertical-align: middle;
  background: #fff;
  border-top: 2px solid #dbd5ce;
  border-bottom: 2px solid #dbd5ce;
  border-right: 1px solid #dbd5ce;
  min-width: 130px;
  max-width: 130px;
  padding: 4px 8px;
}

.table-react table tr th:first-child {
  border-left: 2px solid #dbd5ce;
  border-right: 0;
  min-width: 220px !important;
  max-width: 220px !important;
}

.table-react table tr th:nth-child(2) {
  text-align: right;
}

.table-react table tr th:last-child {
  border-right: 0;
}

.table-react table tr td {
  text-align: right;
  vertical-align: middle;
  background: #fff;
  border-bottom: 1px solid #dbd5ce;
  border-right: 1px solid #dbd5ce;
  padding: 8px;
}

.table-react table tr td:first-child {
  text-align: left;
  border-left: 2px solid #dbd5ce;
  border-right: 0;
}

.table-react table tr td:last-child {
  border-right: 0;
}

.table-react table tr td .text-link-component, .table-react table tr td .demo-landing-page__footer-links a, .demo-landing-page__footer-links .table-react table tr td a {
  justify-content: flex-end;
}

.table-react table tr:first-child td {
  background: #f7f4f2;
}

.table-react table tr:last-child td {
  border-bottom: 0;
}

.table-react__with-arrow-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.table-react__hr--border-top-white {
  border-top-color: #fff !important;
}

.projection-paginator {
  justify-content: center;
  display: flex;
}

.projection-paginator__step {
  width: 176px;
  margin: 0 16px;
}

.projection-paginator--with-arrows {
  justify-content: space-around;
}

.projection-paginator--with-arrows .projection-paginator__step {
  margin: 0 12px;
}

.projection-paginator--with-arrows .paginator__arrow {
  align-items: center;
  display: flex;
}

.task-type {
  justify-content: space-between;
  align-items: center;
  height: 50px;
  display: flex;
}

.task-type__left {
  justify-content: center;
  padding-left: 16px;
  display: flex;
}

.task-type__right {
  padding-right: 24px;
}

.task-type__name {
  padding-left: 12px;
}

.task-type__amount {
  color: #c7bfb7;
}

.task-type--active {
  background: #fff;
  border-radius: 16px 0 0 16px;
}

.task-type--active .task-type__name {
  color: var(--color-first);
}

.cronometer {
  text-align: center;
}

.cronometer--timeout .cronometer__points, .cronometer--timeout .cronometer__input, .cronometer__timeout-text {
  background: linear-gradient(to right, #ff5029 0%, #f91b6b 100%);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
}

.cronometer--start .cronometer__points, .cronometer--start .cronometer__input {
  color: #706b65;
}

.cronometer__container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cronometer__arrows {
  visibility: hidden;
}

.cronometer__arrows--active {
  visibility: visible;
}

.cronometer__arrows-button {
  outline: 0;
  min-width: 0;
  padding: 0;
  display: block;
}

.cronometer__arrows-button .icon {
  width: 32px;
  height: 32px;
}

.cronometer__input-container {
  align-items: center;
  display: flex;
}

.cronometer__input {
  color: #c7bfb7;
  font-family: var(--font-first);
  text-align: center;
  -moz-appearance: textfield;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  width: 110px;
  font-size: 90px;
}

.cronometer__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cronometer__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cronometer__points {
  color: #c7bfb7;
  font-size: 90px;
  position: relative;
}

.cronometer__actions {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: inline-flex;
}

.cronometer__actions-button {
  outline: 0;
}

.cronometer__actions-button:last-child {
  margin-right: 0;
}

.cronometer__actions-button--play, .cronometer__actions-button--pause {
  margin: 0 60px;
}

.cronometer__actions-button--ten {
  color: #a39b93;
  font-size: 32px;
}

.cronometer__timeout {
  visibility: hidden;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  font-size: 48px;
  display: flex;
}

.cronometer--timeout .cronometer__timeout {
  visibility: visible;
}

@media only screen and (min-width: 768px) {
  .cronometer__input {
    width: 250px;
    font-size: 174px !important;
  }

  .cronometer__points {
    font-size: 174px !important;
  }

  .cronometer__arrows-button .icon {
    width: 48px;
    height: 48px;
  }
}

.hint {
  position: fixed;
  bottom: 24px;
}

.hint .button-fixed-dropdown__button--close .button, .hint .button-fixed-dropdown__button--close .resources-demo-container__link, .hint .button-fixed-dropdown__button--close .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .hint .button-fixed-dropdown__button--close .mvl_card_button, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .hint .button-fixed-dropdown__button--close .vl-button--primary-full-width, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .hint .button-fixed-dropdown__button--close .vl-button--primary-without-bg, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .hint .button-fixed-dropdown__button--close .vl-button--primary-border, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .hint .button-fixed-dropdown__button--close .vl-button, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .hint .button-fixed-dropdown__button--close .vl-button, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .hint .button-fixed-dropdown__button--close .vl-button, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .hint .button-fixed-dropdown__button--close .vl-button, .hint .button-fixed-dropdown__button--close .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .hint .button-fixed-dropdown__button--close .vl-button {
  animation: 5s infinite forwards pulse;
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}

.hint__dropdown {
  max-width: 60vw;
  max-height: 60vh;
  padding: 12px;
  overflow: auto;
}

.hint__dropdown img {
  max-width: 100%;
}

.hint__dropdown-title {
  color: var(--color-bg-02);
  margin-left: 24px;
}

.hint__dropdown-title-content {
  align-items: center;
  display: flex;
}

.hint__text-content {
  margin-top: 24px;
}

.hint__text {
  color: var(--color-bg-02);
}

.hint__dropdown-lib {
  top: -30px !important;
}

.MuiAccordionSummary-root, .MuiAccordionDetails-root {
  min-height: inherit !important;
  padding: 0 !important;
}

.MuiAccordion-root:before {
  display: none;
}

.MuiButtonBase-root {
  min-height: inherit;
  padding: 0;
}

.MuiAccordionSummary-content {
  margin: 0 !important;
}

.MuiAccordionSummary-root {
  height: 28px !important;
}

.books-list {
  padding: 0 30px;
  display: -webkit-box;
}

.books-list--block {
  display: block !important;
}

.books-list .slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
}

.books-list .slick-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.books-list .slick-list:focus {
  outline: none;
}

.books-list .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.books-list .slick-slider .slick-track, .books-list .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.books-list .slick-track {
  flex-direction: row;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.books-list .slick-track:before, .books-list .slick-track:after {
  content: "";
  display: table;
}

.books-list .slick-track:after {
  clear: both;
}

.books-list .slick-loading .slick-track {
  visibility: hidden;
}

.books-list .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.books-list [dir="rtl"] .slick-slide {
  float: right;
}

.books-list .slick-slide img {
  display: block;
}

.books-list .slick-slide.slick-loading img {
  display: none;
}

.books-list .slick-slide.dragging img {
  pointer-events: none;
}

.books-list .slick-initialized .slick-slide {
  display: block;
}

.books-list .slick-loading .slick-slide {
  visibility: hidden;
}

.books-list .slick-vertical .slick-slide {
  border: 1px solid rgba(0, 0, 0, 0);
  height: auto;
  display: block;
}

.books-list .slick-arrow.slick-hidden {
  display: none;
}

.books-list .slick-prev, .books-list .slick-next {
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.books-list .slick-prev:hover, .books-list .slick-prev:focus, .books-list .slick-next:hover, .books-list .slick-next:focus {
  color: rgba(0, 0, 0, 0);
  background: none;
  outline: none;
}

.books-list .slick-prev:hover:before, .books-list .slick-prev:focus:before, .books-list .slick-next:hover:before, .books-list .slick-next:focus:before {
  opacity: 1;
}

.books-list .slick-prev.slick-disabled:before, .books-list .slick-next.slick-disabled:before {
  opacity: .25;
}

.books-list .slick-prev path, .books-list .slick-next path {
  fill: var(--color-first);
  opacity: 1;
}

.books-list .slick-prev.slick-disabled path, .books-list .slick-next.slick-disabled path {
  fill: #000;
  opacity: .25;
}

.books-list .slick-prev:before, .books-list .slick-next:before {
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: slick, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.books-list .slick-prev {
  left: -25px;
}

.books-list .slick-next {
  right: -23px;
}

.books-list .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.books-list .slick-dots {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  bottom: 0;
}

.books-list .slick-dots li {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  position: relative;
}

.books-list .slick-dots li button {
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: none;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  display: block;
}

.books-list .slick-dots li button:hover, .books-list .slick-dots li button:focus {
  outline: none;
}

.books-list .slick-dots li button:hover:before, .books-list .slick-dots li button:focus:before {
  opacity: 1;
}

.books-list .slick-dots li button:before {
  content: "";
  text-align: center;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #c7bfb7;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-family: slick, sans-serif;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 2px 2px 4px rgba(10, 6, 5, .1);
}

.books-list .slick-dots li.slick-active button:before {
  color: #000;
  background: var(--color-first);
}

.books-list .slick-track {
  flex-direction: row;
  max-height: 100%;
  display: flex;
  overflow-y: auto;
}

.books-list .slick-slide {
  margin-right: 12px;
  width: 124px !important;
}

.project-remote-control {
  z-index: 8001;
  background: #36393b;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 76px;
  transition: max-height .7s ease-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.project-remote-control .arrows-control {
  z-index: 8001;
}

.project-remote-control .preview-content__image {
  margin: 0;
}

.project-remote-control .preview-content__img {
  max-height: 200px;
}

.project-remote-control .MediaViewerVideo_content {
  width: 100%;
  height: 100%;
}

.project-remote-control .wrap-MediaViewerVideo_content {
  top: 0;
}

.project-remote-control .wrap_media_viewer {
  height: auto;
}

.project-remote-control .preview-content__audio-bar {
  width: 100%;
  margin-left: 0;
}

.project-remote-control .preview-content__description {
  display: none;
}

.project-remote-control__hide {
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 12px;
  transition-duration: .7s;
  display: flex;
}

.project-remote-control__timeout-text {
  color: #fff;
}

.project-remote-control--show {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 100%;
  transition: max-height .7s ease-in;
}

.project-remote-control--show .project-remote-control__hide {
  opacity: 0;
  height: 0;
  padding: 0;
}

.project-remote-control--show .project-remote-control__show {
  opacity: 1;
  visibility: visible;
  padding: 12px;
}

.project-remote-control--show .project-remote-control__up {
  justify-content: space-between;
}

.project-remote-control--show .project-remote-control__arrow .icon {
  transform: rotate(180deg);
}

.project-remote-control--show .project-remote-control__control-scrolls {
  visibility: visible;
}

.project-remote-control__control-actions {
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-remote-control__control-fullscreen {
  margin: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.project-remote-control__up {
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  display: flex;
}

.project-remote-control__arrow .icon {
  transition-duration: .7s;
}

.project-remote-control__controls {
  align-items: center;
  display: flex;
}

.project-remote-control__controls .icon {
  flex: none;
}

.project-remote-control__name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #41d158;
  -webkit-box-orient: vertical;
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box !important;
}

.project-remote-control__show {
  opacity: 0;
  visibility: hidden;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 40px);
  transition-duration: .7s;
  display: flex;
}

.project-remote-control__show--tools {
  padding: 0 !important;
}

.project-remote-control__show--tools .project-remote-control__show-content {
  height: 100%;
}

.project-remote-control__show-content {
  z-index: 8001;
  height: calc(100% - 120px);
  overflow-y: auto;
}

.project-remote-control__controls-tools {
  background: var(--color-background);
  height: 100%;
  padding: 8px;
  overflow: auto;
}

.project-remote-control__controls-tools-header {
  align-items: center;
  display: flex;
}

.project-remote-control__controls-tools-content {
  margin-top: 24px;
}

.project-remote-control__controls-tools-title {
  margin-left: 8px;
}

.project-remote-control__projecting {
  align-items: center;
  display: flex;
}

.project-remote-control__projecting-text {
  color: #41d158;
  margin-left: 8px;
}

.project-remote-control__control-scrolls {
  visibility: hidden;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.project-remote-control__controls-player-header {
  justify-content: center;
  padding-top: 24px;
  display: flex;
}

.project-remote-control__controls-player-header button {
  margin: 0 20px;
}

.project-remote-control__controls-player {
  text-align: center;
  height: 100%;
}

.project-remote-control__controls-visor {
  width: 100%;
  height: 100%;
}

.project-remote-control__controls-player-name {
  color: #fff;
  text-align: center;
  margin: 24px 0;
  display: block;
}

.project-remote-control__controls-player-info-times {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-remote-control__controls-player-info-time {
  color: #fff;
  margin-top: 8px;
}

.project-remote-control__controls-player-replay {
  margin-right: 8px;
}

.project-remote-control__controls-player-replay-invisible {
  visibility: hidden;
}

.project-remote-control__controls-pdf-pages-content {
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px;
  display: flex;
}

.project-remote-control__controls-pdf-info-page {
  color: #fff;
}

.project-remote-control__projecting-text-container {
  align-items: center;
  display: flex;
}

.project-remote-control__controls-pdf-pages-content--hidden .bubble-content {
  visibility: hidden;
}

.project-remote-control__controls-task-actions-header {
  align-items: center;
  display: flex;
}

.project-remote-control__controls-task-actions {
  background: #fff;
  margin-bottom: 24px;
}

.project-remote-control__controls-task-actions .numeration {
  display: inline;
}

.project-remote-control__controls-task-actions-numeration {
  flex: none;
}

.project-remote-control__controls-task-title {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-left: 8px;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box !important;
}

.project-remote-control__controls-task-actions-switch {
  margin-top: 24px;
}

.project-remote-control__controls-task-actions-switch .switch {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.project-remote-control__controls-mint-icon .icon-bubble {
  background: #a39b93;
  width: 80px;
  height: 80px;
}

.project-remote-control__controls-mint-icon .icon {
  width: 36px;
  height: 36px;
}

.project-remote-control__controls-mint-title {
  color: #fff;
  padding-left: 8px;
  padding-right: 8px;
}

.project-remote-control__controls-task-title--mint {
  margin-top: 16px;
  margin-left: 0;
  font-size: 18px;
}

.linear-graphic .recharts-surface {
  overflow: visible;
}

.linear-graphic__tick-x-title {
  fill: #706b65;
}

.linear-graphic__tick-x-text {
  fill: #a39b93;
}

.linear-graphic__tick-y-title {
  fill: #a39b93;
  font-style: italic;
}

.linear-graphic__tooltip-title {
  color: #706b65;
  margin-bottom: 8px;
  display: block;
}

.linear-graphic__tooltip-color {
  width: 24px;
  height: 4px;
  margin-right: 8px;
}

.linear-graphic__tooltip-line {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.linear-graphic__tooltip-main-info {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.linear-graphic__tooltip-name {
  color: #706b65;
}

.linear-graphic__color-dashed {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.linear-graphic__color-dashed-item {
  background: var(--color-first);
  width: 5px;
  height: 4px;
  margin-right: 4px;
}

.linear-graphic__color-dashed-item:last-child {
  margin-right: 0;
}

.tree-view .MuiDialog-paper {
  height: 90%;
}

.tree-view .input-checkbox {
  width: inherit;
}

.tree-view__search {
  margin: 0 0 22px;
}

.tree-view-selected {
  margin-top: 30px;
}

.tree-view-selected .tree-view-selected__item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.tree-view-selected .tree-view-selected__item .description {
  color: #c7bfb7;
  margin-left: 28px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.tree-view-to-select {
  margin-top: 30px;
}

.tree-view-to-select-label {
  margin: 9px;
}

.tree-view-to-select-label .tree-view-to-select-label__checked {
  align-items: flex-start;
  display: flex;
}

.tree-view-to-select-label .tree-view-to-select-label__text {
  display: flex;
}

.tree-view-to-select-label .tree-view-to-select-label__text .title {
  color: #706b65;
  margin-right: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.tree-view-to-select-label .tree-view-to-select-label__text .description {
  color: #c7bfb7;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.skeleton-stream-entry {
  height: 143px;
  margin-bottom: 8px;
}

.skeleton-program-entry {
  height: 75px;
  margin-bottom: 8px;
}

.skeleton-kanban {
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.skeleton-kanban-column {
  height: 300px;
  display: flex;
}

.skeleton-program-components {
  max-height: auto;
  border: 1px solid var(--color-bg-01);
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  height: 96px;
  margin-bottom: 8px;
  padding: 8px 16px 8px 12px;
  display: flex;
  z-index: 4500 !important;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.skeleton-lesson-navigation-footer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.skeleton-lesson-navigation-footer__left, .skeleton-lesson-navigation-footer__right {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 8px;
  display: flex;
}

.skeleton-lesson-navigation-footer__right {
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 16px;
}

.skeleton-lesson-navigation-footer__text {
  background-color: #f0edea;
  border-radius: 8px;
  width: 30vw;
  height: 12px;
}

.skeleton-lesson-navigation-footer__subtext {
  background-color: #f0edea;
  border-radius: 8px;
  width: 20vw;
  height: 12px;
}

.skeleton-lesson-navigation-footer__text, .skeleton-lesson-navigation-footer__subtext {
  animation: 1s linear infinite blink;
}

@media only screen and (min-width: 480px) {
  .skeleton-lesson-navigation-footer__text, .skeleton-lesson-navigation-footer__subtext {
    height: 20px;
  }
}

.skeleton-table {
  width: 100%;
}

.skeleton-table .table-with-pagination {
  border-collapse: collapse;
  width: 100%;
}

.skeleton-table .table-with-pagination thead th {
  border-bottom: 1px solid var(--color-bg-01);
  text-align: left;
  background-color: var(--color-bg-03);
  height: 48px;
  padding: 12px 16px;
}

.skeleton-table .table-with-pagination tbody .skeleton-table__row {
  border-bottom: 1px solid var(--color-bg-01);
  height: 60px;
}

.skeleton-table .table-with-pagination tbody .skeleton-table__row:last-child {
  border-bottom: none;
}

.skeleton-table .table-with-pagination tbody .skeleton-table__row .skeleton-table__cell {
  vertical-align: middle;
  padding: 12px 16px;
}

.skeleton-table .table-with-pagination tbody .skeleton-table__row .skeleton-table__cell .react-loading-skeleton {
  border-radius: 4px;
}

.comments-list-and-create__sender .message-sender-simple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.comments-list-and-create__list {
  margin-bottom: 16px;
}

.comments-list-and-create__view-all {
  color: var(--color-first);
  padding: 16px;
}

.footer-buttons {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-buttons .button, .footer-buttons .resources-demo-container__link, .footer-buttons .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .footer-buttons .resources-demo-container__link, .footer-buttons .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .footer-buttons .button, .footer-buttons .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .footer-buttons .mvl_card_button, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .footer-buttons .vl-button--primary-full-width, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .footer-buttons .vl-button--primary-without-bg, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .footer-buttons .vl-button--primary-border, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .footer-buttons .vl-button, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .footer-buttons .vl-button, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .footer-buttons .vl-button, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .footer-buttons .vl-button, .footer-buttons .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .footer-buttons .vl-button {
  margin-left: 24px;
}

.list-counts {
  display: flex;
}

.list-counts .count {
  margin-right: 8px;
}

.list-counts .count:last-child {
  margin-right: 0;
}

.post-list-and-create__no-posts-image {
  margin-top: 30px;
}

.learning-objetives-tag-list__title {
  margin-bottom: 8px;
  display: block;
  color: #a39b93 !important;
}

.learning-objectives-tag-list-and-create__title {
  padding: 24px 0;
}

.lesson-task-list {
  margin-bottom: 24px;
}

.lesson-task-list__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.lesson-task-list__date {
  color: #c7bfb7;
}

.lesson-task-list__task {
  margin-bottom: 12px;
}

.lesson-task-list__task .item-complex-list {
  flex-direction: column;
  align-items: flex-start;
}

.lesson-task-list__task-skeleton {
  height: 95px;
  margin-bottom: 12px;
}

@media only screen and (min-width: 640px) {
  .lesson-task-list__task .item-complex-list {
    flex-direction: row;
    align-items: center;
  }
}

.avatar-with-delete-and-border {
  width: 40px;
  height: 40px;
  position: relative;
}

.avatar-with-delete-and-border__button {
  position: absolute;
  bottom: 0;
  right: -4px;
}

.assessment-status-tags--big .tag {
  min-height: 40px;
}

.assessment-status-tags--big .tag__text {
  font-family: var(--font-first-semi);
  font-size: 18px;
  font-weight: normal;
}

.assessment-status-tags--big .tag__icon .icon {
  width: 24px;
  height: 24px;
}

.assessment-status-tags--assessment-assigned .tag {
  background: #56ccf2;
}

.assessment-status-tags--assessment-assigned .tag__text {
  color: #fff;
}

.assessment-status-tags--assessment-reassigned .tag {
  background: rgba(255, 83, 34, .1);
}

.assessment-status-tags--assessment-reassigned .tag__text {
  color: #f66868;
}

.assessment-status-tags--assessment-evaluated .tag {
  background: #f7f4f2;
}

.assessment-status-tags--assessment-evaluated .tag__text {
  color: #706b65;
}

.assessment-status-tags--one-day .tag {
  background: #ffb979;
}

.assessment-status-tags--one-day .tag__text {
  color: #fff;
}

.assessment-status-tags--late .tag {
  background: #f66868;
}

.assessment-status-tags--late .tag__text {
  color: #fff;
}

.assessment-status-tags--assigned .tag {
  background: rgba(255, 83, 34, .1);
}

.assessment-status-tags--assigned .tag__text {
  color: #f66868;
}

.assessment-status-tags--soon .tag {
  background: #f7f4f2;
}

.assessment-status-tags--soon .tag__text {
  color: #706b65;
}

.assessment-status-tags--turned-in .tag {
  background: #f7f4f2;
}

.assessment-status-tags--turned-in .tag__text {
  color: #706b65;
}

.assessment-status-tags--turned-in-late .tag {
  background: rgba(255, 83, 34, .1);
}

.assessment-status-tags--turned-in-late .tag__text {
  color: #706b65;
}

.assessment-status-tags--timed-out .tag {
  background: #a39b93;
}

.assessment-status-tags--timed-out .tag__text {
  color: #fff;
}

.assessment-status-tags--due-date-tomorrow .tag {
  background: #ffb979;
}

.assessment-status-tags--due-date-tomorrow .tag__text {
  color: #fff;
}

.assessment-status-tags--due-date-today .tag {
  background: #f66868;
}

.assessment-status-tags--due-date-today .tag__text {
  color: #fff;
}

.assessment-grade-tag {
  background: #f0edea;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  min-height: 44px;
  display: inline-flex;
  padding: 8px 20px !important;
}

.assessment-grade-tag .assessment-grade-tag__icon .icon {
  width: 24px;
  height: 24px;
}

.assessment-grade-tag__grade-container {
  justify-content: center;
  align-items: baseline;
  margin-right: 12px;
  display: flex;
}

.assessment-grade-tag__grade-total {
  color: #c7bfb7;
}

.assessment-grade-tag--needs-reinforcement {
  background: rgba(247, 104, 104, .1);
}

.assessment-grade-tag--needs-reinforcement .assessment-grade-tag__grade {
  color: #f66868;
}

.assessment-grade-tag--needs-ampliacion {
  background: rgba(242, 170, 62, .1);
}

.assessment-grade-tag--needs-ampliacion .assessment-grade-tag__grade {
  color: #ffb979;
}

.assessment-grade-tag--good-progress {
  background: rgba(65, 209, 88, .1);
}

.assessment-grade-tag--good-progress .assessment-grade-tag__grade {
  color: #41d158;
}

.assessment-grade-tag--timed-out {
  background: #a39b93;
}

.assessment-grade-tag--timed-out .assessment-grade-tag__grade {
  color: #fff;
}

.assessment-grade-tag--pending .assessment-grade-tag__grade {
  color: #706b65;
}

.footer-expandable__toggle {
  justify-content: center;
  display: flex;
}

.footer-expandable__toggle-icon {
  cursor: pointer;
  background-color: #fff;
  border-radius: 0;
  padding: 0 8px;
}

.footer-expandable__top {
  background: #f7f4f2;
  padding: 20px;
  display: none;
}

.footer-expandable__bottom {
  background: #fff;
}

.footer-expandable__top--expanded {
  display: block;
}

.teacher-notes__wrapper {
  border-radius: var(--color-first);
  border: 1px solid var(--color-first);
  background: #f2f2f2;
  padding: 24px;
}

.teacher-notes__wrapper .fr-toolbar {
  border: none !important;
  border-radius: 10px !important;
}

.teacher-notes__wrapper .fr-toolbar .fr-newline {
  display: none;
}

.teacher-notes__wrapper .fr-wrapper {
  background: none !important;
  border: none !important;
}

.teacher-notes__wrapper .fr-second-toolbar {
  display: none;
}

.teacher-notes__add-note-container {
  justify-content: center;
  display: flex;
}

.teacher-notes__add-note-wrapper {
  align-items: center;
  display: flex;
}

.teacher-notes__add-note-text {
  color: #4991e5;
  padding-left: 4px;
}

.teacher-notes__editor-header {
  justify-content: space-between;
  display: flex;
}

.teacher-notes__editor-header-left {
  align-items: center;
  display: flex;
}

.teacher-notes__editor-header-left .custom-color.icon--lib-skin path, .teacher-notes__editor-header-left .custom-color.icon--lib-core {
  fill: var(--color-first);
}

.teacher-notes__editor-header-title {
  color: #706b65;
  margin-left: 16px;
}

.teacher-notes__editor-wrapper {
  margin-top: 24px;
}

.teacher-notes__editor-wrapper .fr-toolbar.fr-toolbar-open {
  padding-bottom: 0;
}

.teacher-notes__viewer {
  font-family: var(--font-second);
}

.teacher-notes__viewer strong {
  font-family: var(--font-second-bold);
}

.teacher-notes__viewer img {
  max-width: 100%;
}

.teacher-notes__viewer li {
  list-style: initial outside none;
  margin-left: 1em;
  display: list-item;
}

.teacher-notes__viewer td {
  border: 1px solid #ddd;
}

.teacher-notes__viewer td.fr-highlighted {
  border: 1px double red;
}

.teacher-notes__editor-wrapper--overflow {
  max-height: 400px;
  padding: 5px;
  overflow: auto;
}

.layout-login {
  min-height: 100vh;
}

.layout-login__column-1 {
  flex: 0 100%;
  width: 100%;
  transition: all .2s ease-in;
}

.layout-login__column-2 {
  display: none;
}

@media only screen and (min-width: 768px) {
  .layout-login__column-1 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }

  .layout-login__column-2 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .layout-login__column-1 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }

  .layout-login__column-2 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }
}

.layout-header {
  background: var(--color-background);
  min-height: 100vh;
}

.layout-header__header {
  z-index: 4001;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.layout-header--with-footer {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.layout-header--with-footer .layout-header__content {
  flex: auto;
  overflow-y: auto;
}

.layout-header__background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 140px;
}

.layout-header__children {
  padding: 20px 0;
}

.layout-header__background-text-container {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.layout-header__background-text {
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.layout-header__footer {
  background: #fff;
  border-top: 2px solid #dbd5ce;
  flex: none;
  height: 59px;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.layout-progress {
  background: var(--color-background);
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
  position: relative;
}

.layout-progress .progress-bar__bar {
  border-radius: 0;
}

.layout-progress--background-white {
  background: #fff;
}

.layout-progress__header-logo {
  z-index: 4052;
  width: 187px;
  position: absolute;
  top: 30px;
  left: 30px;
}

.layout-progress__image {
  width: 100%;
  height: 166px;
  position: relative;
}

.layout-progress__children {
  flex: auto;
  overflow: hidden;
}

.layout-progress__children-container {
  min-height: 100%;
  position: relative;
  overflow: auto;
}

.layout-progress__children-container > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.layout-progress__icon-right {
  z-index: 4052;
  align-items: center;
  display: flex;
  position: absolute;
  top: 30px;
  right: 30px;
}

.layout-progress__steps {
  color: #fff;
  margin-right: 50px;
}

.layout-progress__footer-container {
  background: #fff;
  height: 59px;
  bottom: 0;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.layout-progress__footer {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.layout-progress__footer .button, .layout-progress__footer .resources-demo-container__link, .layout-progress__footer .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .layout-progress__footer .resources-demo-container__link, .layout-progress__footer .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .layout-progress__footer .button, .layout-progress__footer .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .layout-progress__footer .mvl_card_button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-full-width, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-without-bg, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .layout-progress__footer .vl-button--primary-border, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .layout-progress__footer .vl-button, .layout-progress__footer .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .layout-progress__footer .vl-button {
  z-index: 4052;
}

.layout-progress__footer__button--inline {
  align-items: center;
  display: flex;
}

.layout-progress__footer__skip-button {
  margin-right: 40px;
}

.layout-with-image {
  height: 100vh;
  display: flex;
}

.layout-with-image__column-1 {
  flex: 0 100%;
  width: 100%;
  padding-right: 20px;
  transition: all .2s ease-in;
}

.layout-with-image__column-2 {
  display: none;
}

.layout-with-image__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .layout-with-image__column-1 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
  }

  .layout-with-image__column-2 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .layout-with-image__column-1 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }

  .layout-with-image__column-2 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }
}

@media only screen and (min-width: 1500px) {
  .layout-with-image__column-1, .layout-with-image__column-2 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
  }
}

.layout-calendar {
  min-height: 100vh;
}

.layout-calendar__header {
  z-index: 4001;
  width: 100%;
  position: fixed;
  top: 0;
}

.layout-calendar__columns {
  min-height: 100vh;
  display: flex;
}

.layout-calendar--with-footer {
  position: relative;
}

.layout-calendar--with-footer .layout-calendar__columns {
  min-height: calc(100vh - 59px);
  padding-bottom: 59px;
}

.layout-calendar--with-footer .layout-calendar__column-1 {
  height: calc(100vh - 59px);
}

.layout-calendar--with-footer .layout-calendar__column-2 {
  min-height: calc(100vh - 59px);
}

.layout-calendar--with-header {
  min-height: calc(100vh - 64px);
}

.layout-calendar--with-header .layout-calendar__columns {
  min-height: calc(100vh - 64px);
  margin-top: 64px;
}

.layout-calendar--with-header .layout-calendar__column-1 {
  height: calc(100vh - 64px);
}

.layout-calendar--with-header .layout-calendar__column-2 {
  min-height: calc(100vh - 64px);
}

.layout-calendar--with-header.layout-calendar--with-footer, .layout-calendar--with-header.layout-calendar--with-footer .layout-calendar__columns {
  min-height: calc(100vh - 123px);
}

.layout-calendar--with-header.layout-calendar--with-footer .layout-calendar__column-1 {
  height: calc(100vh - 123px);
}

.layout-calendar--with-header.layout-calendar--with-footer .layout-calendar__column-2 {
  min-height: calc(100vh - 123px);
}

.layout-calendar__column-1 {
  background: var(--color-background);
  width: 450px;
  height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.layout-calendar__column-2 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 470px;
}

.layout-calendar__column-2-children {
  height: 100%;
  width: 100% !important;
}

.layout-calendar__footer {
  z-index: 4001;
  background: #fff;
  width: 100%;
  height: 59px;
  position: fixed;
  bottom: 0;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.layout-calendar--responsive.layout-calendar--responsive-open .layout-calendar__column-1 {
  transition: right .3s ease-in-out;
  right: 0;
}

.layout-calendar--responsive.layout-calendar--responsive-open .layout-calendar__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

.layout-calendar--responsive .layout-calendar__column-1 {
  left: unset;
  z-index: 5001;
  width: 378px;
  padding-top: 20px;
  padding-right: 0;
  transition: right .3s ease-in-out;
  top: 0;
  right: -378px;
}

.layout-calendar--responsive .layout-calendar__column-1 .layout-calendar_responsive-close-button {
  text-align: right;
  padding-right: 20px;
}

.layout-calendar--responsive .layout-calendar__column-1 .layout-calendar_responsive-close-button .icon {
  cursor: pointer;
}

.layout-calendar--responsive .layout-calendar__column-2 {
  margin-top: 64px;
  padding-left: 28px;
}

.layout-calendar--responsive .layout-calendar__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 1280px) {
  .layout-calendar--responsive .layout-calendar__column-1 {
    background: var(--color-background);
    left: 0;
    top: unset;
    width: 450px;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .layout-calendar--responsive .layout-calendar__column-1 .layout-calendar_responsive-close-button {
    display: none;
  }

  .layout-calendar--responsive .layout-calendar__column-2 {
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
  }

  .layout-calendar--responsive .layout-calendar__mobile-menu-backdrop, .layout-calendar--responsive .header-responsive {
    display: none;
  }
}

.individual-activity-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  min-height: 100vh;
  margin: auto;
  display: flex;
}

.individual-activity-container .individual-activity-container__header, .individual-activity-container .individual-activity-container__header-left, .individual-activity-container .individual-activity-container__header-right {
  align-items: flex-end;
  display: flex;
}

.individual-activity-container .individual-activity-container__header {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  margin-top: 24px;
  margin-bottom: 16px;
  padding: 24px;
}

.individual-activity-container .individual-activity-container__header-right {
  margin-top: 16px;
}

.individual-activity-container .dialog-activity__body .individual-activity-container__header, .individual-activity-container .video-lesson .video-lesson-content .individual-activity-container__header, .video-lesson .individual-activity-container .video-lesson-content .individual-activity-container__header {
  margin-bottom: 20px;
}

.individual-activity-container .dialog-activity__body .individual-activity-container__avatar, .individual-activity-container .video-lesson .video-lesson-content .individual-activity-container__avatar, .video-lesson .individual-activity-container .video-lesson-content .individual-activity-container__avatar {
  margin-left: 0;
}

.individual-activity-container .individual-activity-container__avatar {
  margin-left: 20px;
}

.individual-activity-container .individual-activity-container__avatar .avatar {
  width: 48px;
  height: 48px;
}

.individual-activity-container .individual-activity-container__info {
  margin-left: 16px;
}

.individual-activity-container .individual-activity-container__name {
  color: #36393b;
}

.individual-activity-container .individual-activity-container__date {
  color: #706b65;
  align-items: center;
  display: flex;
}

.individual-activity-container .individual-activity-container__date svg {
  margin-right: 8px;
}

.individual-activity-container .individual-activity-container__attemps-top, .individual-activity-container .individual-activity-container__attemps-number, .individual-activity-container .individual-activity-container__attemps-bottom {
  display: flex;
}

.individual-activity-container .individual-activity-container__attemps-top {
  justify-content: space-between;
  align-items: center;
}

.individual-activity-container .individual-activity-container__attemps-bottom {
  justify-content: center;
}

.individual-activity-container .individual-activity-container__attemps-number {
  align-items: baseline;
}

.individual-activity-container .individual-activity-container__attemps-actual {
  color: #706b65;
  margin-left: 20px;
}

.individual-activity-container .individual-activity-container__attemps-total {
  color: #c7bfb7;
  margin-right: 20px;
}

.individual-activity-container .individual-activity-container__attemps-text {
  color: #a39b93;
}

.individual-activity-container .individual-activity-container__attemps-left-container, .individual-activity-container .individual-activity-container__attemps-right-container {
  width: 20px;
}

.individual-activity-container .individual-activity-container__redo {
  margin-right: 24px;
}

.individual-activity-container .individual-activity-container__score {
  max-width: 70px;
  margin-left: 24px;
}

.individual-activity-container .individual-activity-container__score .note-card {
  flex-direction: column;
  justify-content: center;
  width: 119px;
  height: 97px;
  padding: 0;
  display: flex;
}

.individual-activity-container .lemonade-exercises {
  width: 100%;
  max-width: 900px;
  padding: 40px;
}

.individual-activity-container .lemonade-exercises .lemo-points .assessment-grade-tag {
  padding: 8px 20px;
}

.individual-activity-container .lemonade-exercises.hide-reset button.lemo-controls-button-reset {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .individual-activity-container .individual-activity-container__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.my-classrooms-view--hide-library .header-tabs__tab--id-my-library {
  display: none;
}

.my-classrooms-view .header-simple__subheader {
  margin-bottom: 30px;
}

.my-classrooms-view .my-classrooms-view-top-right {
  align-self: flex-end;
  width: auto;
  display: none;
}

.my-classrooms-view .my-classrooms-view-top-right .icon {
  width: 32px;
  height: 32px;
}

.my-classrooms-view .my-classrooms-view-top-right__filters {
  width: 500px;
  min-width: 400px;
  max-width: 90%;
}

.my-classrooms-view .my-classrooms-view-top-right__filters .input-text__input, .my-classrooms-view .my-classrooms-view-top-right__filters .input-date input, .input-date .my-classrooms-view .my-classrooms-view-top-right__filters input, .my-classrooms-view .my-classrooms-view-top-right__filters .input-time-range__input, .my-classrooms-view .my-classrooms-view-top-right__filters .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .my-classrooms-view .my-classrooms-view-top-right__filters input, .my-classrooms-view .my-classrooms-view-top-right__filters .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .my-classrooms-view .my-classrooms-view-top-right__filters input, .my-classrooms-view .my-classrooms-view-top-right__filters .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .my-classrooms-view .my-classrooms-view-top-right__filters input {
  background: var(--color-bg-04);
}

.my-classrooms-view .header-simple__subheader .header-simple__logo {
  display: none;
}

.my-classrooms-view .header-tabs > div:first-child {
  margin-left: 0;
}

.my-classrooms-view .header-tabs .header-tabs__tab-text {
  font-family: var(--font-first);
}

.my-classrooms-view .header-tabs__tab--active:after {
  height: 3px;
  bottom: -14px;
}

.my-classrooms-view__list-courses .no-items {
  margin-top: 60px;
}

.my-classrooms-view__top {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.my-classrooms-view__header-small {
  z-index: 4001;
  width: 100%;
  transition: top .8s;
  position: fixed;
  top: -100px;
}

.my-classrooms-view--header-no-animation .layout-header__header {
  top: 0;
  position: -webkit-sticky !important;
  position: sticky !important;
}

.my-classrooms-view--header-no-animation .my-classrooms-view__header-small {
  position: initial;
}

.my-classrooms-view--scrolldown .my-classrooms-view__header-small {
  top: 0;
}

.my-classrooms-view .layout-header__header {
  position: initial;
}

.my-classrooms-view .my-classrooms-view__header-small {
  z-index: 10;
}

.my-classrooms-view__title-action {
  margin-bottom: 24px;
}

.my-classrooms-view__enter-class {
  max-width: auto;
  margin: 0 auto;
  padding-bottom: 30px;
}

.my-classrooms-view__enter-class-text {
  text-align: center;
  margin-bottom: 20px;
}

.my-classrooms-view__ask-teacher {
  text-align: center;
  margin-top: 20px;
}

.my-classrooms-view__programs-container {
  margin-top: 30px;
}

.my-classrooms-view__programs-container .MuiAccordion-root {
  background: var(--color-card-background);
  box-shadow: none;
  margin-top: 20px !important;
}

.my-classrooms-view__programs-container .MuiAccordion-rounded:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.my-classrooms-view__programs-container .MuiAccordion-rounded:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.my-classrooms-view__programs-list {
  width: 100%;
  margin-top: 20px;
}

.my-classrooms-view__programs-accordion {
  padding: 20px;
}

.my-classrooms-view__fab {
  position: fixed;
  bottom: 0;
  right: 0;
}

.my-classrooms-view-top-right__right {
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.my-classrooms-view-top-right__order {
  align-items: center;
  display: flex;
}

.my-classrooms-view-top-right-order__text {
  display: none;
}

.my-classrooms-view__floating-analytics {
  z-index: 100;
  position: fixed;
  bottom: 80px;
  right: 20px;
}

@media only screen and (min-width: 480px) {
  .my-classrooms-view__top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .my-classrooms-view-top-right-order__text, .my-classrooms-view .my-classrooms-view-top-right {
    display: block;
  }
}

.new-classroom-step-students__header {
  margin-top: 24px;
}

.new-classroom-step-students__title {
  display: block;
}

.new-classroom-step-students__subtitle {
  color: #a39b93;
  margin-top: 8px;
  margin-bottom: 24px;
  display: block;
}

.new-classroom-step-students__subtitle-container--large {
  display: none;
}

.new-classroom-step-students__subtitle-container--small {
  display: block;
}

.new-classroom-step-students__layout {
  flex-direction: column-reverse;
  display: flex;
}

.new-classroom-view-step-students-empty__line-with-text {
  width: 100%;
  margin-top: 30px;
}

.new-classroom-view-step-students-empty__line-with-text .line-with-text__text {
  background-color: var(--color-background);
}

.new-classroom-step-students__students {
  width: 100%;
  margin-top: 30px;
  padding-right: 0;
}

.new-classroom-step-students__students .user-item__email {
  display: block;
}

.new-classroom-step-students__metainfo {
  width: 100%;
  max-width: 100%;
  margin-top: 16px;
}

.new-classroom-step-students__metainfo .user-item__texts {
  max-width: 100%;
}

.new-classroom-step-students__metainfo .user-item__name {
  color: #706b65;
}

.new-classroom-view-step-students-metainfo__title {
  color: #a39b93;
  margin-bottom: 4px;
  display: block;
}

.new-classroom-view-step-students-metainfo__title--teacher {
  margin-top: 8px;
}

.new-classroom-view-step-students-metainfo__codocents {
  margin-top: 24px;
}

.new-classroom-view-step-students-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.new-classroom-view-step-students-empty__container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 397px;
  display: flex;
}

.new-classroom-view-step-students-empty__text-import {
  margin-top: 24px;
  margin-bottom: 24px;
}

.new-classroom-view-step-students-empty__code, .new-classroom-view-step-students-metainfo__code {
  width: 141px;
}

.new-classroom-view-step-students-empty__code .classroom-code, .new-classroom-view-step-students-metainfo__code .classroom-code {
  background: #fff;
  height: 60px;
}

.new-classroom-view-step-students-metainfo__code {
  width: 100%;
}

.new-classroom-view-step-students-metainfo__code .classroom-code {
  justify-content: start;
}

.new-classroom-view-step-students-empty__text-import {
  color: #a39b93;
}

.new-classroom-view-step-students-empty__button-import .icon path, .new-classroom-view-step-students-metainfo__button-import .icon path {
  fill: revert-layer !important;
}

.new-classroom-view-step-students-metainfo__button-import {
  margin-top: 20px;
  margin-bottom: 20px;
}

.new-classroom-view-step-students-metainfo__button-import .button, .new-classroom-view-step-students-metainfo__button-import .resources-demo-container__link, .new-classroom-view-step-students-metainfo__button-import .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .new-classroom-view-step-students-metainfo__button-import .resources-demo-container__link, .new-classroom-view-step-students-metainfo__button-import .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .new-classroom-view-step-students-metainfo__button-import .button, .new-classroom-view-step-students-metainfo__button-import .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .new-classroom-view-step-students-metainfo__button-import .mvl_card_button, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .new-classroom-view-step-students-metainfo__button-import .vl-button--primary-full-width, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .new-classroom-view-step-students-metainfo__button-import .vl-button--primary-without-bg, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .new-classroom-view-step-students-metainfo__button-import .vl-button--primary-border, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .new-classroom-view-step-students-metainfo__button-import .vl-button, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .new-classroom-view-step-students-metainfo__button-import .vl-button, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .new-classroom-view-step-students-metainfo__button-import .vl-button, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .new-classroom-view-step-students-metainfo__button-import .vl-button, .new-classroom-view-step-students-metainfo__button-import .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .new-classroom-view-step-students-metainfo__button-import .vl-button {
  border: 0;
}

.new-classroom-step-students__student-item {
  margin-bottom: 8px;
}

.new-classroom-step-students__student-item .user-item__avatar-name {
  align-items: normal;
}

.new-classroom-step-students__student-item .user-item {
  background-color: #fff;
  flex-direction: column;
  align-items: start;
}

.new-classroom-step-students__student-item .user-item .avatar {
  width: 40px;
  height: 40px;
}

.new-classroom-step-students__student-item .user-item__name {
  font-family: var(--font-first-semi);
  font-size: 18px;
  position: relative;
  top: -2px;
}

.new-classroom-step-students__student-item .user-item__email {
  font-size: 14px;
}

.new-classroom-step-students__student-item .more-icon-menu {
  visibility: hidden;
}

.new-classroom-view-step-students-metainfo__teacher .user-item__avatar-name {
  padding-right: 8px;
}

.new-classroom-view-step-students-metainfo__teacher .user-item__texts {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: initial;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.new-classroom-step-students__student-item:hover .more-icon-menu {
  visibility: visible;
}

.new-classroom-step-students__user-tag {
  flex: none;
  align-items: center;
  max-width: 50%;
  margin-top: 12px;
  display: flex;
}

.new-classroom-step-students__user-tag .tag {
  border-radius: 20px;
  margin-bottom: 0;
  padding: 8px 4px;
}

.new-classroom-step-students__user-tag .tag__text {
  color: #a39b93;
}

.new-classroom-step-students__user-tag-item {
  margin-left: 8px;
}

.new-classroom-step-students__user-tag-item .tag {
  padding: 8px 4px;
}

.new-classroom-step-students__user-tag-item--not-licenses .tag, .new-classroom-step-students__user-tag-count--not-licenses .tag {
  background-color: #fee8e8;
  border-color: #f66868;
  padding: 8px 4px;
}

.new-classroom-step-students__user-tag-item--not-licenses .tag__text, .new-classroom-step-students__user-tag-count--not-licenses .tag__text {
  color: #f66868;
}

.new-classroom-step-students__user-tag-count {
  margin-left: 8px;
}

.new-classroom-view-step-students-dropdown__dropdown {
  max-width: 400px;
}

.new-classroom-view-step-students-dropdown__title {
  color: #a39b93;
  margin-bottom: 12px;
  display: block;
}

.new-classroom-view-step-students-dropdown__container {
  padding: 12px;
}

.new-classroom-view-step-students-dropdown__course {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.new-classroom-view-step-students-dropdown__course-name {
  color: #36393b;
  margin-left: 12px;
}

.new-classroom-step-students__user-tag-tooltip {
  width: auto;
  background-color: #706b65 !important;
  border-color: #706b65 !important;
  font-size: 12px !important;
}

@media only screen and (min-width: 480px) {
  .new-classroom-step-students__student-item .user-item {
    flex-direction: row;
    align-items: center;
    height: 60px;
  }

  .new-classroom-step-students__user-tag {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .new-classroom-step-students__layout {
    flex-direction: row;
    align-items: flex-start;
    margin-top: 20px;
  }

  .new-classroom-step-students__metainfo {
    border-left: 2px solid #dbd5ce;
    max-width: 320px;
    margin-top: 0;
    padding: 8px 12px;
  }

  .new-classroom-step-students__students {
    margin-top: 0;
    padding-right: 40px;
  }

  .new-classroom-step-students__subtitle-container--large {
    display: block;
  }

  .new-classroom-step-students__subtitle-container--small {
    display: none;
  }
}

.my-classrooms-view-top-right-order {
  align-items: center;
  display: flex;
}

.my-classrooms-view-top-right-order__select {
  margin-right: 24px;
}

.my-classrooms-view-top-right-order__select .select-customizable {
  width: 166px;
}

.my-classrooms-view-top-right-order__text {
  color: #706b65;
  margin-right: 8px;
}

.dialog-new-classroom {
  z-index: 1199 !important;
}

.new-classroom-step-books__header-actions {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.new-classroom-step-books__header-action {
  margin-left: 8px;
}

.myclassrooms-view-library__program-group {
  background-color: #f7f4f2;
  border: none;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
}

.myclassrooms-view-library__program-group-title {
  color: #36393b;
  text-transform: uppercase;
  margin-bottom: 24px;
  display: block;
}

@media only screen and (min-width: 640px) {
  .myclassrooms-view-library__programs {
    grid-gap: 12px 24px;
    grid-template-columns: repeat(3, 1fr);
    align-self: stretch;
    display: grid;
  }
}

.my-classrooms-view-my-library-empty-case {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 50px;
  display: flex;
}

.my-classrooms-view-my-library-empty-case__image {
  margin-bottom: 8px;
}

.my-classrooms-view-my-library-empty-case__text {
  margin-bottom: 10px;
}

.my-classrooms-view-my-library-empty-case__text span {
  color: #828282;
  font-family: Lato Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.my-classrooms-view-my-library-empty-case__actions {
  gap: 16px;
  display: flex;
}

.my-classrooms-view-my-library-empty-case__actions .button, .my-classrooms-view-my-library-empty-case__actions .resources-demo-container__link, .my-classrooms-view-my-library-empty-case__actions .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .my-classrooms-view-my-library-empty-case__actions .resources-demo-container__link, .my-classrooms-view-my-library-empty-case__actions .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .my-classrooms-view-my-library-empty-case__actions .button, .my-classrooms-view-my-library-empty-case__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .my-classrooms-view-my-library-empty-case__actions .mvl_card_button, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .my-classrooms-view-my-library-empty-case__actions .vl-button--primary-full-width, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .my-classrooms-view-my-library-empty-case__actions .vl-button--primary-without-bg, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .my-classrooms-view-my-library-empty-case__actions .vl-button--primary-border, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .my-classrooms-view-my-library-empty-case__actions .vl-button, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .my-classrooms-view-my-library-empty-case__actions .vl-button, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .my-classrooms-view-my-library-empty-case__actions .vl-button, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .my-classrooms-view-my-library-empty-case__actions .vl-button, .my-classrooms-view-my-library-empty-case__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .my-classrooms-view-my-library-empty-case__actions .vl-button {
  width: auto;
}

.folder-table-dnd-wrapper-container {
  border-radius: 0;
  margin-top: 20px;
  padding: 0;
  overflow: hidden;
}

.folder-table-dnd-wrapper {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-family: var(--font-second);
  border-radius: 12px 12px 0 0;
  width: 100%;
  min-width: 100%;
  font-size: 14px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.folder-table-dnd-wrapper__header {
  font-family: var(--font-second-bold);
  color: #333;
  text-align: left;
  background: var(--color-bg-03);
  z-index: 1;
  border-bottom: 1px solid #dbd5ce;
  padding: 16px 12px;
  font-size: 14px;
}

.folder-table-dnd-wrapper__header--first {
  border-radius: var(--border-radius-01) 0px 0px 0px;
  width: 40%;
}

.folder-table-dnd-wrapper__header--middle {
  border-radius: 0;
}

.folder-table-dnd-wrapper__header--middle:nth-child(2) {
  width: 20%;
}

.folder-table-dnd-wrapper__header--middle:nth-child(3) {
  width: 30%;
}

.folder-table-dnd-wrapper__header--last {
  border-radius: 0px var(--border-radius-01) 0px 0px;
  width: 10%;
}

.folder-table-dnd-wrapper__section-divider td {
  vertical-align: middle;
  border-bottom: none;
  height: 16px;
  padding: 0;
  position: relative;
}

.folder-table-dnd-wrapper__section-divider-line {
  border-top: 2px dashed var(--color-border);
  background: none;
  width: 100%;
  height: 2px;
  margin: 0;
}

.folder-table-dnd-wrapper__folder-separator {
  height: 8px;
  background-color: var(--color-bg-04) !important;
}

.folder-table-dnd-wrapper__folder-separator td {
  background-color: var(--color-bg-04) !important;
  border: none !important;
  height: 8px !important;
  padding: 0 !important;
}

.folder-table-dnd-wrapper__empty-folder-row {
  background-color: #fff;
}

.folder-table-dnd-wrapper__empty-folder-row td:first-child {
  border-left: 12px solid var(--color-bg-04);
}

.folder-table-dnd-wrapper__empty-folder-row td:last-child {
  border-right: 12px solid var(--color-bg-04);
  vertical-align: middle;
}

.folder-table-dnd-wrapper__empty-folder-row td {
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  background: #fff;
  width: 100%;
  height: 48px;
  padding: 0 24px;
}

.folder-table-dnd-wrapper__empty-folder-row-content {
  color: #c7bfb7;
  text-overflow: ellipsis;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.folder-table-dnd-wrapper__drop-padding-row {
  background-color: #fff;
}

.folder-table-dnd-wrapper__drop-padding-row td {
  background-color: #fff;
  border-bottom: none;
  height: auto;
  padding: 0;
}

.folder-table-dnd-wrapper__drop-padding-row--drag-over td {
  background-color: #fff;
}

.folder-table-dnd-wrapper__drop-zone-area {
  border: 2px dashed var(--color-border);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  width: calc(100% - 48px);
  height: 60px;
  margin: 1rem 24px;
  transition: all .2s;
  display: flex;
}

.folder-table-dnd-wrapper__drop-zone-area--drag-over {
  border-color: var(--color-first);
  background-color: #fff;
}

.folder-table-dnd-wrapper__drop-zone-area--drag-over .folder-table-dnd-wrapper__drop-zone-area-hint {
  color: var(--color-first);
  font-weight: 500;
}

.folder-table-dnd-wrapper__drop-zone-area-hint {
  color: #c7bfb7;
  text-align: center;
  pointer-events: none;
  font-size: .75rem;
  font-style: italic;
  font-family: var(--font-second);
}

.folder-table-dnd-wrapper__drag-preview {
  border: 2px solid var(--color-first);
  cursor: grabbing;
  opacity: .95;
  font-family: var(--font-second);
  background: #fff;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: fit-content;
  padding-right: 12px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
}

.folder-table-dnd-wrapper__drag-preview-table {
  border-collapse: separate;
  border-spacing: 0;
  width: -webkit-max-content;
  width: max-content;
}

.folder-table-dnd-wrapper__drag-preview-table tbody tr {
  background: #fff;
}

.folder-table-dnd-wrapper__drag-preview-table tbody tr td {
  background: #fff;
  border-bottom: none;
}

.folder-table-dnd-wrapper__drag-preview-table .content-row__owner .avatar, .folder-table-dnd-wrapper__drag-preview-table .content-row__owner-info {
  flex-shrink: 0;
}

.folder-table-dnd-wrapper__content-row--dragging {
  opacity: 0 !important;
}

.content-row {
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #ebe0d7;
  width: 100%;
  position: relative;
}

.content-row:hover {
  background-color: var(--color-bg-01);
}

.content-row:hover .content-row__cell {
  background-color: var(--color-bg-01) !important;
}

.content-row:hover .content-row__drag-handle {
  opacity: 1;
}

.content-row--in-folder {
  background-color: #f8fafc;
}

.content-row--in-folder .content-row__cell:first-child {
  border-left: 12px solid var(--color-bg-04);
}

.content-row--in-folder .content-row__cell:last-child {
  border-right: 12px solid var(--color-bg-04);
}

.content-row--in-folder:hover {
  background-color: var(--color-bg-01);
}

.content-row--in-folder:hover .content-row__cell {
  background-color: var(--color-bg-01) !important;
}

.content-row--dragging {
  opacity: .8;
  background-color: #f0f9ff;
  transform: rotate(2deg);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.content-row__cell {
  text-align: left;
  vertical-align: middle;
  background: #fff;
  border-bottom: 1px solid #ebe0d7;
  width: 100%;
  padding: 16px;
  transition: background-color .2s;
}

.content-row__container {
  align-items: center;
  display: flex;
}

.content-row__drag-handle {
  cursor: grab;
  opacity: 0;
  border-radius: .25rem;
  margin-right: .5rem;
  padding: .25rem;
  transition: all .2s;
}

.content-row__drag-handle:active {
  cursor: grabbing;
}

.content-row__drag-symbol {
  color: #828282;
  -webkit-user-select: none;
  user-select: none;
  font-size: 24px;
  line-height: 1;
}

.content-row__name {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  min-width: 160px;
  display: flex;
}

@media (max-width: 1023px) {
  .content-row__name {
    max-width: 220px;
  }
}

.content-row__name .icon-bubble {
  min-width: 36px;
}

@media (max-width: 1023px) {
  .content-row__name-text {
    max-width: 180px;
  }
}

.content-row__name-text {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
}

.content-row__tag {
  text-wrap: nowrap;
  background-color: var(--color-bg-04);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
}

.content-row__owner {
  align-items: center;
  gap: 12px;
  min-width: 140px;
  display: flex;
}

.content-row__editorial-icon {
  background-image: var(--logo);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #ebe0d7;
  border-radius: 50%;
  width: auto;
  min-width: 40px;
  height: 40px;
}

.content-row__owner-info {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.folder-row {
  font-family: var(--font-second);
  background-color: #fff;
  transition: all .2s ease-in-out;
  position: relative;
}

.folder-row--clickable {
  cursor: pointer;
}

.folder-row:hover {
  background-color: var(--color-bg-01);
}

.folder-row:hover .folder-row__cell {
  background-color: var(--color-bg-01) !important;
}

.folder-row--drag-over {
  border-radius: 4px;
  border: 3px solid var(--color-first) !important;
  background-color: rgba(237, 112, 17, .1) !important;
}

.folder-row--drag-over .folder-row__cell {
  background-color: rgba(237, 112, 17, .1) !important;
}

.folder-row__cell {
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  vertical-align: middle;
  background: #fff;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  font-size: .9375rem;
  line-height: 1.5;
  transition: background-color .2s;
}

.folder-row__cell--actions {
  width: 80px;
  min-width: 80px;
  padding: 0 12px;
}

.folder-row__container {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.folder-row__expand-icon {
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  display: flex;
}

.folder-row__title {
  color: #706b65;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
}

.profile-view .list-simple-dropdown__li {
  padding: 16px 20px;
}

.profile-view__right {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.profile-view__item {
  margin-bottom: 24px;
}

.profile-view__item .back-button {
  display: none;
}

.profile-view__item--title {
  width: 265px;
  display: none;
}

.profile-view__item--list-profiles {
  width: 265px;
}

.profile-view__center-column {
  flex-direction: column;
  display: flex;
}

.profile-view__options {
  width: 100%;
}

.profile-view__section {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-left: 0;
  transition: all .2s ease-in;
}

.profile-view-licenses__header-title {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.profile-view-licenses__header-action {
  flex: 0 calc(50% - 24px);
  justify-content: flex-end;
  width: calc(50% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
  display: flex;
}

.profile-view__list {
  margin-top: 24px;
}

.profile-view-devices__text {
  color: #706b65;
  margin-top: 24px;
  display: block;
}

.profile-view__school {
  width: 90%;
  margin-top: auto;
}

.profile-view-licenses__empty {
  color: #706b65;
}

.profile-view-preferences__languages {
  margin-top: 24px;
}

.profile-view-preferences__languages-list {
  margin-top: 16px;
}

.profile-view-preferences__languages-title {
  color: #a39b93;
}

.profile-view-licenses__expired {
  margin-top: 16px;
}

@media only screen and (min-width: 1280px) {
  .toolbar__left, .toolbar__right {
    flex-direction: row;
  }

  .profile-view__item--title, .profile-view__item .back-button {
    display: block;
  }
}

.calendar-view__item {
  margin-bottom: 24px;
}

.calendar-view__item .back-button {
  display: none;
}

.calendar-view__item--title {
  width: 265px;
  display: none;
}

.calendar-view__item--list-calendars {
  width: 265px;
}

.calendar-view__item--list-calendars .card-generic {
  overflow-y: auto;
}

.calendar-view__item--list-calendars .card-generic .card-generic__title-text {
  color: #a39b93;
  font-family: var(--font-second);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.calendar-view__center-column {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.calendar-container .toolbar {
  margin-left: 0;
}

.calendar-container .toolbar__left, .calendar-container .toolbar__right {
  flex-direction: row;
}

.calendar-container .toolbar__settings {
  cursor: pointer;
}

@media only screen and (min-width: 1280px) {
  .calendar-container .toolbar {
    margin-left: 72px;
  }

  .toolbar__left, .toolbar__right {
    flex-direction: row;
  }
}

.calendar-big--view-month .rbc-calendar {
  height: 700px !important;
}

@media only screen and (min-width: 1280px) {
  .calendar-view__item--title, .calendar-view__item .back-button {
    display: block;
  }
}

.classroom-user-aside-info .user-item__name {
  color: #36393b;
  font-family: var(--font-second);
  font-size: 18px;
}

.classroom-user-aside-info__back {
  margin-bottom: 24px;
}

.classroom-user-aside-info__back .back-button, .classroom-user-aside-info__icon-title {
  display: none;
}

.classroom-user-aside-info__title {
  color: #a39b93;
  margin-top: 30px;
  margin-bottom: 8px;
  display: block;
}

.classroom-user-aside-info__users-container {
  padding-right: 40px;
}

.classroom-user-aside-info__code {
  display: inline-block;
}

.classroom-user-aside-info__code .classroom-code__number {
  font-size: 15px;
}

@media only screen and (min-width: 1280px) {
  .classroom-user-aside-info__back .back-button, .classroom-user-aside-info__icon-title {
    display: block;
  }
}

.classroom-users-content .hr {
  background: #f0edea;
}

.classroom-users-content .user-item__name {
  color: #36393b;
}

.classroom-users-content__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.classroom-users-content__button-import .button__text {
  margin-right: 8px;
}

.classroom-users-content__students {
  color: #a39b93;
  margin: 12px 0;
  display: block;
}

.classroom-users-content__user-tag {
  flex: none;
  align-items: center;
  display: flex;
}

.classroom-users-content__user-tag .tag {
  border: 0;
  margin-bottom: 0;
  padding: 8px 12px;
}

.classroom-users-content__user-tag .tag__text {
  color: #a39b93;
  font-size: 18px;
}

.classroom-users-content__user-tag-count {
  margin-left: 8px;
}

.classroom-users-content__student {
  border-bottom: 1px solid #f0edea;
  padding-top: 12px;
  padding-bottom: 12px;
}

.classroom-users-content__student:last-child {
  border-bottom: 0;
}

.dropdown-button-import__lib .list-simple-dropdown__li {
  padding-left: 8px;
  padding-right: 8px;
}

.dropdown-button-import__lib .list-simple-dropdown__icon {
  margin-right: 24px;
}

.dropdown-button-import__lib .icon {
  width: 18px;
  height: 18px;
}

.dropdown-button-import__lib .list-simple-dropdown__name {
  color: #787979;
  letter-spacing: .2px;
  font-family: Roboto Medium, sans-serif;
  font-size: 14px;
}

.button-import__classroom {
  align-items: center;
  display: flex;
}

.button-import__classroom-text {
  min-width: 250px;
  margin-right: 12px;
}

.course-view__tab-grades .layout-header__content {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
}

.course-view__tab-grades .layout-header__children {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.course-view--disregarded .program__content-left {
  display: none;
}

.course-view__tab-program .program-view-banner__title, .course-view__tab-program .modules-accordion__name {
  font-family: var(--font-first-semi-custom);
}

.course-view__tab-program .book-card__title {
  font-family: var(--font-second-bold-custom);
}

.course-view__tab-program .module-item__name {
  font-family: var(--font-first-semi-custom);
}

.course-view__tab-classroom-resources .classroom-resources-list-student__period-resource-type {
  font-family: var(--font-second-bold-custom);
}

.course-view__tab-classroom-resources .classroom-resources-list-student__period-resource-name {
  font-family: var(--font-first-semi-custom);
}

.course-view__tab-classroom-resources .classroom-resources__period-wrapper {
  font-family: var(--font-first-custom);
}

.course-view__tab-classroom-resources .classroom-resources-list-teacher__period-resource-name, .course-view__tab-grades .grades-periods-student-modules__accordion-summary-text {
  font-family: var(--font-first-semi-custom);
}

.stream {
  width: calc(100% + 48px);
  max-width: 100vw;
  flex-direction: column-reverse !important;
}

.stream ::-webkit-scrollbar {
  border-radius: 20px;
  width: 12px;
  height: 12px;
}

.stream ::-webkit-scrollbar-track {
  border: 3px solid var(--color-bg-04);
  background: #f1f1f1;
  border-radius: 20px;
}

.stream ::-webkit-scrollbar-thumb {
  border: 3px solid var(--color-bg-04);
  background: #888;
  border-radius: 20px;
}

.stream ::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

.stream .attachment-card {
  margin-bottom: 8px;
}

.stream__empty-list {
  text-align: center;
  margin: 16px 0;
}

.stream__empty-list-text {
  color: #c7bfb7;
  margin-top: 24px;
  display: block;
}

.stream__left {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-top: 340px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.stream__left--only {
  max-width: 636px;
  margin: 8px auto auto;
  width: 100% !important;
}

.stream__right {
  grid-gap: 10px;
  flex: 0 100%;
  grid-template-columns: repeat(4, 400px);
  width: 100%;
  margin-bottom: 16px;
  margin-left: 0;
  padding: 0 5%;
  transition: all .2s ease-in;
  display: grid;
  position: absolute;
  top: 90px;
  left: 0;
  overflow-x: auto;
}

.stream__right .card-background, .stream__right .lesson-item-evaluable__exercises-container, .stream__right .card-background-component, .stream__right .message-sender, .stream__right .message-sender-simple {
  margin-bottom: 16px;
}

.stream__right .card-background-component {
  flex-direction: column;
  max-height: 285px;
  display: flex;
  overflow: auto;
}

.stream__right .card-background-component .card-background__children {
  overflow-y: auto;
}

.stream__right .card-background-component ::-webkit-scrollbar {
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

.stream__right .card-background-component ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 7px solid #f3eeea;
  border-radius: 20px;
}

.stream__right .card-background-component ::-webkit-scrollbar-thumb {
  background: #888;
  border: 7px solid #f3eeea;
  border-radius: 20px;
}

.stream__right .card-background-component ::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #555;
}

.stream__right .stream__books .book-card {
  width: 45%;
  min-width: 130px;
  margin: 0 10px 30px;
}

.stream__right .stream__books .books-list {
  display: flex;
}

.stream__right .mosaic-list__item {
  margin-bottom: 16px;
}

.stream__right .book-card__image {
  height: 124px;
}

.stream__right .stream__config {
  transition: all .6s;
}

.stream__right .stream__config .stream__config-wrapper {
  padding: 8px;
  overflow: hidden;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-settings {
  color: #706b65;
  margin-bottom: 12px;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-settings .input-radio {
  align-items: center;
  padding: 4px;
  font-size: 14px !important;
  line-height: 20px !important;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-settings .input-radio--unchecked .input-radio__label {
  font-weight: 400;
  font-family: var(--font-second) !important;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-settings .input-radio--checked .input-radio__label {
  font-weight: 700;
  font-family: var(--font-second) !important;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-settings-saved {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.stream__right .stream__config .stream__config-wrapper .stream__config-text {
  color: #706b65;
}

.stream__right .stream__config--edit-mode {
  background-color: #fff;
}

@media only screen and (min-width: 1024px) {
  .stream {
    flex-direction: row !important;
  }

  .stream__left {
    flex: 0 calc(66.6667% - 24px);
    width: calc(66.6667% - 24px);
    margin-top: 0;
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .stream__right {
    flex: 0 calc(33.3333% - 24px);
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    padding: 0;
    transition: all .2s ease-in;
    display: block;
    position: relative;
    top: 0;
  }

  .stream__right .card-background-component {
    max-height: none;
  }

  .stream__right .mosaic-list__item {
    margin-bottom: 0;
  }

  .stream__right .book-card__image {
    height: 137px;
  }
}

.picker-dialog {
  z-index: 9999 !important;
}

@media (max-width: 768px) {
  .stream__right {
    top: 130px;
  }
}

.resources-view-program {
  padding-top: 12px;
}

.resources-view-program .group-resources-slider {
  margin-bottom: 40px;
}

.resources-view-program .swiper-wrapper {
  padding-left: 5%;
}

.program {
  max-width: 856px;
  margin: auto;
}

.program .times-accordion .accordion__title-text {
  margin-left: 0;
}

.program .times-accordion .times-accordion__title-container {
  padding-left: 0;
}

.program .times-accordion .times-accordion__name {
  margin-left: 0;
}

.program--student .book-card {
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.program--teacher .program__content-left {
  margin-right: 60px;
}

.program__content {
  display: flex;
}

.program__content-left {
  flex: none;
  width: 150px;
  margin: 0 24px 24px 0;
}

.program__content-left .book-card {
  margin-bottom: 24px;
}

.program__content-title {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.program__content__title-text {
  color: #706b65;
  margin-left: 8px;
}

.program__content-right {
  flex-grow: 1;
}

.program__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.program__header-container {
  flex-direction: column;
  align-items: baseline;
  display: flex;
}

.program__header-text {
  color: #706b65;
}

.program__header-edit-mode-container {
  border-radius: 8px;
  display: inline-block;
}

.program__header-edit-mode-container--view-mode span {
  color: var(--color-first);
}

.program__header-edit-mode-container--edit-mode {
  background: #f0edea;
  font-style: italic;
}

.program__header-edit-mode-container--edit-mode svg {
  display: none;
}

.program__header-edit-mode-text {
  color: #a39b93;
}

.program__header-right {
  align-items: center;
  display: flex;
}

.program__header-switch {
  margin-right: 16px;
}

.program__header-switch .switch {
  align-items: center;
}

.program__times-list {
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .program__times-list {
    flex-wrap: nowrap;
    padding-left: 0;
  }
}

.grades .layout-calendar, .grades .layout-calendar__columns {
  min-height: calc(100vh - 64px);
}

.grades .list-simple-dropdown__li {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  align-items: center;
  height: auto;
  margin-top: 8px;
}

.grades .list-simple-dropdown__li:hover {
  background: #fff;
}

.grades .list-simple-dropdown__name {
  color: #a39b93 !important;
}

.grades .list-simple-dropdown__li--active .list-simple-dropdown__name {
  color: var(--color-first) !important;
}

.grades__grades-no-items {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.grades__grades-no-items .no-items__empty-image {
  max-width: 100px;
}

.grades__title, .xapi-results-overview__title, .scorm-results-overview__title, .student-grades-grades .student-grades-grades__title, .student-grades-graphics .student-grades-graphics__title, .grades-graphic__title, .grades-attendance__title, .grades-behavior__title {
  color: #706b65;
  display: block;
}

.grades__text, .student-grades-grades .student-grades-grades__text, .student-grades-graphics .student-grades-graphics__text, .grades-graphic__text, .grades-attendance__text-present, .grades-attendance__text, .grades-behavior__text {
  color: #a39b93;
  display: block;
}

.grades-container__student-wrapper {
  padding-top: 20px;
}

.grades__options-attendance, .grades__options-behaviour, .grades__options-retro-book, .grades__options-global-educa, .grades .grades__mobile-menu-button {
  display: none;
}

.grades .layout-calendar__column-1 {
  z-index: 9000;
  background-color: #fff;
  border-top: 1px solid #dbd5ce;
  width: 100%;
  height: auto;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.grades .layout-calendar__column-1 .grades__left {
  width: 100%;
}

.grades .layout-calendar__column-1 .grades__left .list-simple-dropdown {
  justify-content: space-evenly;
  align-items: center;
  display: flex;
}

.grades .layout-calendar__column-1 .grades__left .list-simple-dropdown .list-simple-dropdown__li {
  flex-direction: column;
}

.grades .layout-calendar__column-2 {
  background: #fff;
  width: 100%;
  padding-left: 28px;
}

@media only screen and (min-width: 640px) {
  .grades .grades__mobile-menu-button {
    z-index: 9000;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 40px;
  }

  .grades .grades__mobile-menu-button .button, .grades .grades__mobile-menu-button .resources-demo-container__link, .grades .grades__mobile-menu-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .grades .grades__mobile-menu-button .mvl_card_button, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .grades .grades__mobile-menu-button .vl-button--primary-full-width, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .grades .grades__mobile-menu-button .vl-button--primary-without-bg, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .grades .grades__mobile-menu-button .vl-button--primary-border, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .grades .grades__mobile-menu-button .vl-button, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .grades .grades__mobile-menu-button .vl-button, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .grades .grades__mobile-menu-button .vl-button, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .grades .grades__mobile-menu-button .vl-button, .grades .grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .grades .grades__mobile-menu-button .vl-button {
    border-radius: 50%;
    padding: 12px;
  }

  .grades .grades__mobile-menu-backdrop {
    opacity: 0;
    z-index: 5000;
    background: #000;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
  }

  .grades .layout-calendar__column-1 {
    right: -450px;
    left: unset;
    z-index: 5001;
    background-color: var(--color-bg-04);
    border: none;
    width: auto;
    padding-top: 64px;
    padding-left: 32px;
    padding-right: 0;
    transition: right .3s ease-in-out;
    display: block;
  }

  .grades .layout-calendar__column-1 .grades__left .list-simple-dropdown {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .grades .layout-calendar__column-1 .grades__left .list-simple-dropdown .list-simple-dropdown__li {
    flex-direction: row;
  }

  .grades .layout-calendar__column-2 {
    background: #fff;
    padding-left: 28px;
  }

  .grades.grades__mobile-menu--open .layout-calendar__column-1 {
    width: 450px;
    transition: right .3s ease-in-out;
    top: 0;
    right: 0;
  }

  .grades.grades__mobile-menu--open .grades__mobile-menu-button {
    right: 57px;
  }

  .grades.grades__mobile-menu--open .grades__mobile-menu-backdrop {
    opacity: .25;
    display: block;
  }
}

@media only screen and (min-width: 1280px) {
  .grades .grades__mobile-menu-button, .grades .grades__mobile-menu-backdrop {
    display: none;
  }

  .grades .layout-calendar__column-1 {
    border: none;
    width: 250px;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 20px;
    padding-right: 0;
    position: fixed;
    top: 64px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .grades .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 270px;
  }
}

.grades-behavior {
  flex-direction: column;
  display: flex;
}

.grades-behavior .table-react table tr th {
  min-width: 50px;
  max-width: 50px;
}

.grades-behavior .table-react table tr:first-child td {
  background: #fff;
}

.grades-behavior .table-react table tr th:nth-child(2) {
  text-align: left;
}

.grades-behavior .table-react table tr th:first-child, .grades-behavior .table-react table tr td:first-child {
  border-right: 1px solid #dbd5ce;
}

.grades-behavior .table-react table tr td:first-child, .grades-behavior .table-react table tr th:first-child {
  z-index: 10;
}

.grades-behavior .table-react table tr th {
  padding-top: 4px;
  padding-bottom: 4px;
}

.grades-behavior .table-react table tr:first-child th {
  border-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.grades-behavior thead tr:first-child th {
  position: -webkit-sticky;
  position: sticky;
  left: 220px;
}

.grades-behavior__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grades-behavior__text {
  margin-top: 8px;
}

.grades-behavior__export-container {
  align-items: center;
  display: flex;
}

.grades-behavior__content {
  margin-top: 24px;
}

.grades-behavior__image img {
  max-width: 100%;
}

.grades-behaviour__cell-header-month {
  color: #a39b93;
}

.grades-behaviour__cell {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.grades-behaviour__cell-comment-icon {
  position: absolute;
  top: -8px;
  right: -6px;
}

.grades-behaviour__cell-header-day {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.grades-behaviour__cell-header-day-number {
  color: #706b65;
}

.grades-behaviour__cell-header-day-text {
  color: #a39b93;
}

.grades-behaviour__cell-header-day-weekend {
  background: #f7f4f2 !important;
}

.grades-behaviour__cell-header-day--today .grades-behaviour__cell-header-day-number, .grades-behaviour__cell-header-day--today .grades-behaviour__cell-header-day-text {
  color: var(--color-first);
}

.grades-behaviour__cell-header-day--today .grades-behaviour__cell-header-day-text:after {
  content: "";
  background: var(--color-first);
  border-radius: 0;
  width: 90%;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.grades-grades {
  flex-direction: column;
  display: flex;
}

.grades-grades .table-react {
  max-height: calc(100vh - 176px);
}

.grades-grades .select-customizable__menu {
  min-width: 220px;
}

.grades-grades .select-customizable__value-container {
  width: 150px;
}

.grades-grades__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grades-grades__header-right {
  display: none;
}

.grades-grades__content {
  flex: auto;
  margin-top: 24px;
}

.grades-grades__select-unit {
  width: 100%;
  max-width: 400px;
  margin-bottom: 24px;
}

.grades-grades__table-students-user {
  align-items: center;
  display: flex;
}

.grades-grades__table-students-column-header-title, .grades-grades__table-students-user-fullname {
  color: #706b65;
}

.grades-grades__table-students-user-avatar {
  flex: none;
  margin-right: 8px;
}

.grades-grades__table-students-column-average-text {
  color: #706b65;
  font-size: 12px !important;
}

.grades-grades__table-students-column-header-sort-container {
  display: none;
}

.grades-grades__table-students-column-header-sort-text-container {
  flex: none;
}

.grades-grades__table-students-column-header-sort-text {
  color: #a39b93;
}

.grades-grades__table-students-column-header-sort-select .select-customizable__control {
  border: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
}

.grades-grades__table-students-column-header-sort-select .select-customizable .select-customizable__single-value {
  font-size: 14px;
}

.grades-grades__table-students-column-header-sort-select .icon {
  width: 18px;
  height: 18px;
}

.grades-grades__table-students-column-units-text {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.grades-grades__table-empty-cell {
  color: #a39b93;
}

.grades-grades__table-students-column-units-text--average {
  color: #a39b93 !important;
}

.grades-grades__table-students-user--all-user .grades-grades__table-students-user-avatar .icon-bubble {
  background: #f0edea;
}

.grades-grades__table-not-turned {
  color: #a39b93;
}

.grades-grades__table--units-calendar .table-react thead tr th:first-child {
  padding-top: 12px;
}

.grades-grades__table--treasure-hunt .table-react table tr th {
  min-width: 300px;
  max-width: 300px;
}

.grades-grades__table--treasure-hunt .table-react table tr th:first-child {
  min-width: 270px !important;
  max-width: 270px !important;
}

.grades-grades__table--treasure-hunt .table-react table tr th:nth-child(2) {
  text-align: left;
}

.grades-grades__table--treasure-hunt .table-react table tr th:first-child, .grades-grades__table--treasure-hunt .table-react table tr td:first-child {
  border-right: 1px solid #dbd5ce;
}

.grades-grades__table--treasure-hunt .score .stars-treasure-hunt {
  justify-content: end;
  align-items: center;
  display: flex;
}

.grades-grades__treasure-hunt-stars-container--in-progress {
  opacity: .5;
}

.grades-grades__table--assigments thead th {
  border-left: 1px solid #dbd5ce;
}

.grades-grades__table--assigments thead tr:first-child th {
  position: -webkit-sticky;
  position: sticky;
  left: 220px;
}

.grades-grades__table--assigments thead tr:first-child th:first-child {
  z-index: 99;
  background: #fff;
  border-right: 0;
}

.grades-grades__table--assigments thead tr:first-child th:nth-child(2) {
  border-left: 0;
}

.grades-grades__table--assigments thead tr:first-child th {
  border-bottom: 0;
}

.grades-grades__table--assigments thead tr:nth-child(2) th {
  border: 0;
  border-left: 1px solid #dbd5ce;
  border-right: 1px solid #dbd5ce;
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  left: 220px;
}

.grades-grades__table--assigments thead tr:nth-child(2) th:first-child {
  z-index: 99;
  background: #fff;
  border-bottom: 0;
  border-left-width: 2px;
  border-right: 0;
}

.grades-grades__table--assigments thead tr:nth-child(2) th:nth-child(2) {
  border-bottom: 0;
  border-left: 0;
}

.grades-grades__table--assigments thead tr:nth-child(2) th .table-react__with-arrow-container {
  border-top: 2px solid #dbd5ce;
  padding: 8px;
  border-bottom: 0 !important;
}

.grades-grades__table--assigments thead tr:nth-child(3) th:first-child {
  border-top: 0;
  border-right: 0;
}

.grades-grades__table--assigments thead tr:nth-child(3) th:nth-child(2) {
  border-top: 0;
  border-left: 0;
}

.grades-grades__table--assigments th {
  text-align: left !important;
}

.grades-grades__table--assigments th:nth-child(2) {
  text-align: right !important;
}

@media only screen and (min-width: 768px) {
  .grades-grades__header-right {
    display: flex;
  }

  .grades-grades__table-students-column-header-sort-container {
    align-items: center;
    display: flex;
  }

  .grades-grades__table-students-column-header-sort-text-container {
    flex: none;
  }
}

.grades-attendance {
  flex-direction: column;
  display: flex;
}

.grades-attendance__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grades-attendance__text {
  margin-top: 8px;
}

.grades-attendance__export-container {
  align-items: center;
  display: flex;
}

.grades-attendance__content {
  margin-top: 24px;
}

.grades-attendance__image img {
  max-width: 100%;
}

.grades-attendance__list {
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  display: grid;
}

.grades-attendance__text-present {
  margin-top: 24px;
  margin-bottom: 24px;
}

.attendance-student-card {
  box-sizing: border-box;
  cursor: pointer;
  background: #fff;
  border: 1px solid #eee4dc;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 136px;
  height: 128px;
  padding: 10px;
  display: flex;
  position: relative;
}

.attendance-student-card .attendance-student-card__absent-icon {
  position: absolute;
  top: 14px;
  right: 14px;
}

.attendance-student-card .attendance-student-card__name {
  text-align: center;
  color: #706b65;
  margin-top: 8px;
  font-family: Lato Bold, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.attendance-student-card.attendance-student-card--selected {
  background-color: #f3eeea;
  box-shadow: inset 2px 2px 4px rgba(10, 6, 5, .1);
}

.attendance-student-card.attendance-student-card--selected .attendance-student-card__name {
  color: #a39b93;
}

.attendance-student-card.attendance-student-card--disabled {
  pointer-events: none;
}

.grades-graphic__text {
  margin-top: 8px;
}

.grades-graphic__ranking-bar {
  margin-top: 24px;
  padding: 80px 40px 40px !important;
}

.grades-graphic__analysis-container {
  margin-top: 40px;
}

.grades-graphic__tabs {
  margin-top: 24px;
}

.grades-graphic__list-users {
  align-items: center;
  display: flex;
}

.grades-graphic__analysis-card {
  margin-top: 24px;
  overflow: hidden;
  padding-bottom: 60px !important;
}

.grades-graphic__analysis-card-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grades-graphic__legend-item {
  background: var(--color-first);
  width: 6px;
  height: 4px;
  margin-right: 4px;
}

.grades-graphic__legend {
  align-items: center;
  display: flex;
}

.grades-graphic__legend-text {
  color: #a39b93;
  margin-left: 8px;
  display: block;
}

.grades-graphic__select-unit {
  width: 100%;
  max-width: 400px;
  margin-top: 24px;
}

.grades-graphic__avatar-container {
  margin-right: 24px;
}

.grades-graphic__linear-graphic {
  margin-top: 24px;
}

.grades-graphic__linear-graphic .linear-graphic {
  overflow-x: auto;
}

.grades-global-educa {
  height: 80vh;
}

.grades-global-educa__fullscreen {
  flex: auto;
  margin-bottom: 12px;
  display: flex;
}

.grades-global-educa__fullscreen .icon--color-white.icon--lib-skin path {
  fill: rgba(0, 0, 0, 0);
}

.grades-global-educa__needs-login-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.grades-global-educa__needs-login {
  text-align: center;
  color: #36393b;
}

.grades-global-educa__needs-login a {
  color: var(--color-first);
}

.student-grades .layout-calendar, .student-grades .layout-calendar__columns {
  min-height: calc(100vh - 64px);
}

.student-grades .list-simple-dropdown__li {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  align-items: center;
  height: 50px;
  margin-top: 8px;
}

.student-grades .list-simple-dropdown__li:hover {
  background: #fff;
}

.student-grades .list-simple-dropdown__name {
  color: #a39b93 !important;
}

.student-grades .list-simple-dropdown__li--active .list-simple-dropdown__name {
  color: var(--color-first) !important;
}

.student-grades .student-grades__options {
  margin-top: 8px;
}

.student-grades .student-grades__mobile-menu-button {
  z-index: 9999;
  position: fixed;
  bottom: 20px;
  right: 40px;
}

.student-grades .student-grades__mobile-menu-button .button, .student-grades .student-grades__mobile-menu-button .resources-demo-container__link, .student-grades .student-grades__mobile-menu-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .student-grades .student-grades__mobile-menu-button .mvl_card_button, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .student-grades .student-grades__mobile-menu-button .vl-button--primary-full-width, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .student-grades .student-grades__mobile-menu-button .vl-button--primary-without-bg, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .student-grades .student-grades__mobile-menu-button .vl-button--primary-border, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .student-grades .student-grades__mobile-menu-button .vl-button, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .student-grades .student-grades__mobile-menu-button .vl-button, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .student-grades .student-grades__mobile-menu-button .vl-button, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .student-grades .student-grades__mobile-menu-button .vl-button, .student-grades .student-grades__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .student-grades .student-grades__mobile-menu-button .vl-button {
  border-radius: 50%;
  padding: 12px;
}

.student-grades .student-grades__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.student-grades .layout-calendar__column-1 {
  right: -450px;
  left: unset;
  z-index: 5001;
  padding-top: 64px;
  padding-right: 0;
  transition: right .3s ease-in-out;
  top: 0;
}

.student-grades .layout-calendar__column-2 {
  background: #fff;
  padding-left: 28px;
}

.student-grades.student-grades__mobile-menu--open .layout-calendar__column-1 {
  transition: right .3s ease-in-out;
  right: 0;
}

.student-grades.student-grades__mobile-menu--open .student-grades__mobile-menu-button {
  right: 57px;
}

.student-grades.student-grades__mobile-menu--open .student-grades__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

@media only screen and (min-width: 1280px) {
  .student-grades .student-grades__mobile-menu-button, .student-grades .student-grades__mobile-menu-backdrop {
    display: none;
  }

  .student-grades .layout-calendar__column-1 {
    left: 0;
    top: unset;
    width: 450px;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 20px;
    padding-right: 0;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .student-grades .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
  }
}

.student-grades-graphics {
  flex-direction: column;
  display: flex;
}

.student-grades-graphics .student-grades-graphics__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.student-grades-graphics .student-grades-graphics__text {
  margin-top: 8px;
}

.student-grades-graphics .student-grades-graphics__selector {
  min-width: 183px;
}

.student-grades-graphics .student-grades-graphics__tabs, .student-grades-graphics .student-grades-graphics__analysis-card {
  margin-top: 24px;
}

.student-grades-graphics .student-grades-graphics__chart {
  padding-bottom: 30px;
  overflow-x: auto;
  overflow-y: hidden;
}

.student-grades-graphics .student-grades-graphics__chart::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  height: 8px;
}

.student-grades-graphics .student-grades-graphics__chart::-webkit-scrollbar-track {
  background: #f7f4f2;
  border-radius: 4px;
}

.student-grades-graphics .student-grades-graphics__chart::-webkit-scrollbar-thumb {
  background: #c7bfb7;
  border-radius: 4px;
}

.student-grades-graphics .student-grades-graphics__chart::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: #77736f;
}

.student-grades-graphics .student-grades-graphics__chart .graphics-score {
  font-family: var(--font-first);
  font-size: 22px;
}

.student-grades-grades {
  flex-direction: column;
  display: flex;
}

.student-grades-grades .student-grades-grades__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.student-grades-grades .student-grades-grades__text {
  margin-top: 8px;
}

.student-grades-grades .student-grades-grades__selector {
  min-width: 183px;
}

.student-grades-grades .student-grades-grades__content {
  margin-top: 24px;
}

.student-grades-grades .student-grades-grades__treasurehunt-activity {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.student-grades-grades .student-grades-grades__treasurehunt-name {
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
}

.student-grades-grades .student-grades-grades__treasurehunt-title-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-left: 16px;
  padding-right: 128px;
  display: flex;
}

.student-grades-grades .student-grades-grades__treasurehunt-title {
  color: #a39b93;
  text-transform: uppercase;
  font-size: 12px;
}

.student-grades-table .MuiAccordion-root.Mui-disabled {
  background-color: #fff !important;
}

.student-grades-table .student-grades-table__header {
  font-family: var(--font-second);
  color: #a39b93;
  text-transform: uppercase;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 128px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.student-grades-table .student-grades-table__unit-accordion {
  background: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 0;
  min-height: 63px;
  margin-top: 12px;
  padding: 8px 16px;
}

.student-grades-table .student-grades-table__unit-accordion .student-grades-table__unit-accordion-header .MuiAccordionSummary-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.student-grades-table .student-grades-table__unit-accordion .MuiAccordionDetails-root {
  flex-direction: column;
  display: flex;
}

.student-grades-table .student-grades-table__unit-accordion .student-grades-table__unit-accordion-title {
  font-family: var(--font-first);
  color: #706b65;
  font-size: 18px;
  line-height: 23px;
}

.student-grades-table .student-grades-table__unit-accordion .student-grades-table__unit-accordion-score {
  padding-right: 80px;
}

.student-grades-table .student-grades-table__unit-accordion .Mui-disabled {
  color: #706b65 !important;
  background-color: #fff !important;
}

.student-grades-table .student-grades-table__lesson-accordion {
  border-bottom: 1px solid #c7bfb7;
  min-height: 42px;
  padding: 8px 0;
  margin-left: 16px !important;
}

.student-grades-table .student-grades-table__lesson-accordion:last-child {
  border-bottom: none;
}

.student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-header .MuiAccordionSummary-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-detail {
  border-bottom: 1px solid #c7bfb7;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  margin-left: 16px;
  padding: 8px 0;
  display: flex;
}

.student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-detail:last-child {
  border-bottom: none;
}

.student-grades-table .student-grades-table__lesson-accordion .MuiAccordionDetails-root {
  flex-direction: column;
  display: flex;
}

.student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-title {
  font-family: var(--font-second);
  color: #706b65;
  font-size: 18px;
  line-height: 24px;
}

.student-grades-table .student-grades-table__lesson-accordion .student-grades-table__lesson-accordion-score {
  padding-right: 80px;
}

.student-grades-activity-item {
  align-items: center;
  width: 100%;
  display: flex;
}

.student-grades-activity-item .student-grades-activity-item__center {
  flex-direction: column;
  flex-grow: 1;
  margin: 0 16px;
  display: flex;
}

.student-grades-activity-item .student-grades-activity-item__center .tag--progress-bar {
  width: 160px;
  min-height: 40px;
}

.student-grades-activity-item .student-grades-activity-item__center .progress-bar__label {
  align-items: center;
  display: flex;
}

.student-grades-activity-item .student-grades-activity-item__center .progress-bar__label .progress-bar__label--value {
  color: #a39b93;
  font-size: 22px;
  font-family: var(--font-first-semi);
  display: inline-block;
}

.student-grades-activity-item .student-grades-activity-item__center .progress-bar__label .progress-bar__label--percent {
  color: #a39b93;
  font-size: 14px;
  font-family: var(--font-first);
  margin-left: 2px;
  display: inline-block;
}

.student-grades-activity-item .student-grades-activity-item__center .student-grades-activity-item__center--progress-bar {
  width: 80px;
  margin-right: 16px !important;
}

.student-grades-activity-item .student-grades-activity-item__center .student-grades-activity-item__center--text-completed {
  color: #6d6f7d;
  font-family: var(--font-first-semi);
  font-size: 18px;
}

.student-grades-activity-item .student-grades-activity-item__center .student-grades-activity-item__center--icon svg circle {
  fill: #6d6f7d;
}

.student-grades-activity-item .student-grades-activity-item__right {
  align-items: center;
  padding-right: 120px;
  display: flex;
}

.student-grades-activity-item .student-grades-activity-item__icon {
  border: 2px solid var(--color-first);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 10px;
  display: flex;
}

.student-grades-activity-item .student-grades-activity-item__icon svg path {
  fill: var(--color-first);
}

.student-grades-activity-item .student-grades-activity-item__icon--completed {
  border: 2px solid #c7bfb7;
}

.student-grades-activity-item .student-grades-activity-item__icon--completed svg path {
  fill: #c7bfb7;
}

.student-grades-activity-item .student-grades-activity-item__count {
  font-family: var(--font-second);
  color: #a39b93;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.student-grades-activity-item .student-grades-activity-item__title {
  font-family: var(--font-second);
  color: #706b65;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box !important;
}

.student-grades-activity-item .student-grades-activity-item__progress {
  margin-right: 22px;
}

.student-grades-activity-item .student-grades-activity-item__status {
  min-width: 244px;
}

.student-grades-activity-item--disabled-click {
  cursor: not-allowed;
}

.student-grades-activity-item-clickable {
  cursor: pointer;
}

.grades-periods {
  text-align: center;
  justify-content: center;
  height: calc(100vh - 66px);
  padding: 12px;
  display: flex;
}

.grades-periods__container {
  height: calc(100vh - 85px);
  position: relative;
  overflow: auto;
}

.grades-periods__tooltip {
  padding: 8px;
}

.grades-periods__tooltip .MuiTooltip-arrow {
  top: 4px !important;
}

.grades-periods__message-error {
  font-family: var(--font-first-semi);
  color: #a39b93;
  text-align: center;
  margin-top: 40vh;
  line-height: 42px;
}

.dialog-publish-score__text, .dialog-publish-score__continue {
  color: #a39b93;
}

.dialog-publish-score__continue {
  margin-top: 36px;
  margin-bottom: 56px;
  display: block;
}

.dialog-publish-score__container span {
  display: block;
}

.grades-periods-table {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  background: #fffefd;
  border: 0;
  width: auto;
  padding-right: 8px;
  border-color: var(--color-border) !important;
}

.grades-periods-table th, .grades-periods-table td {
  border-bottom: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  border-color: var(--color-border) !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .first-row {
  height: 32px !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .first-row th {
  vertical-align: middle;
  text-align: center;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row {
  font-family: var(--font-second);
  height: 22px !important;
  font-size: 10px !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row .gradebook-table__th--space {
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row .gradebook-table__th--empty {
  border-bottom: 0 !important;
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row .gradebook-table__th--last-space-periods {
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row th {
  vertical-align: middle;
  text-align: center;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row th:not(.gradebook-table__th--user-subheader) {
  padding: 0 1px;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .second-row .gradebook-table__th-container {
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3em;
  line-height: 1.5em;
  display: -webkit-box;
  overflow: hidden;
}

.grades-periods-table.grades-periods-table--1structure_levels thead .third-row .gradebook-table__th {
  vertical-align: bottom;
  border-right: 0;
  box-shadow: none !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .first-row {
  height: 32px !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .first-row th {
  vertical-align: middle;
  text-align: center;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row {
  font-family: var(--font-second);
  height: 22px !important;
  font-size: 10px !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row .gradebook-table__th--space, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row .gradebook-table__th--space {
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row .gradebook-table__th--empty, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row .gradebook-table__th--empty {
  box-shadow: none !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row .gradebook-table__th--last-space-periods, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row .gradebook-table__th--last-space-periods {
  border-right: 0 !important;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row th, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row th {
  vertical-align: middle;
  text-align: center;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row th:not(.gradebook-table__th--user-subheader), .grades-periods-table.grades-periods-table--2structure_levels thead .third-row th:not(.gradebook-table__th--user-subheader) {
  padding: 0 1px;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .second-row .gradebook-table__th-container, .grades-periods-table.grades-periods-table--2structure_levels thead .third-row .gradebook-table__th-container {
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3em;
  line-height: 1.5em;
  display: -webkit-box;
  overflow: hidden;
}

.grades-periods-table.grades-periods-table--2structure_levels thead .fourth-row .gradebook-table__th {
  vertical-align: bottom;
  border-right: 0;
  box-shadow: none !important;
}

.gradebook-table__th {
  vertical-align: top;
  font-weight: 400;
}

.gradebook-table__th-text {
  font-family: var(--font-second);
}

.gradebook-table__th--average-global .gradebook-table__th {
  font-weight: 600;
}

.gradebook-table__th--user {
  vertical-align: top;
  height: 148px;
  width: 52px !important;
}

.gradebook-table__th--item {
  height: 148px;
  width: 52px !important;
}

.gradebook-table__th--item, .gradebook-table__th--user, .gradebook-table__th--average {
  border-left: 0;
  border-right: 0;
}

.gradebook-table__th--average {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.gradebook-table__th--user-header {
  text-align: left !important;
}

.gradebook-table__th--user, .gradebook-table__th--user-header, .gradebook-table__th--user-subheader {
  padding-left: 16px;
  padding-right: 16px;
  z-index: 4 !important;
}

.gradebook-table__th--user-empty {
  z-index: 4 !important;
  box-shadow: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.gradebook-table__th--user-header, .gradebook-table__th--user-subheader {
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.gradebook-table__th--user {
  box-shadow: none !important;
}

.gradebook-table__th--space {
  box-shadow: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.gradebook-table__th--second-row-first-element {
  box-shadow: -1px 0 #ebe0d7 !important;
}

.gradebook-table-th-time__collapse-icon {
  position: absolute;
  right: -10px;
  transform: translate(-50%, -50%);
}

.gradebook-table-th-time__text {
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.gradebook-table-th-time--collapsed .gradebook-table-th-time__text {
  position: relative;
  left: -6px;
}

.gradebook-table-th-item {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.gradebook-table-th-item .icon-bubble {
  background: rgba(255, 83, 34, .1);
}

.gradebook-table-th-item .icon-bubble .icon path {
  fill: var(--color-first);
}

.gradebook-table-th-item__item-info-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.gradebook-table-th-item__text-container {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 100%;
  padding: 0 14px;
  display: flex;
  position: relative;
}

.gradebook-table-th-item__text {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  color: #706b65;
  font-size: 11px;
  font-family: var(--font-first-semi);
  text-align: left;
  -webkit-box-orient: vertical;
  width: 90px;
  margin: 0;
  line-height: 14px;
  display: -webkit-box;
  overflow: hidden;
  transform: rotate(-90deg);
}

.gradebook-table-th-item__bubble-container {
  position: relative;
  bottom: 4px;
}

.gradebook-table-th-item__bubble-container .icon-bubble {
  width: 32px;
  height: 32px;
}

.gradebook-table-th-item__icon-actions {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 18px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  position: relative;
  bottom: 1px;
}

.gradebook-table-th-item__icon-actions .icon-bubble {
  width: 18px;
  height: 18px;
}

.gradebook-table-th-item__icon-actions .icon-bubble .icon {
  width: 11px;
  height: 11px;
}

.gradebook-table-th-item--inactive .icon-bubble {
  background: #f0edea;
}

.gradebook-table-th-item--inactive .icon-bubble .icon path {
  fill: #c7bfb7;
}

.gradebook-table__th-module-text {
  font-family: var(--font-second);
}

.gradebook-table__th-module-text-container {
  display: inline-block;
}

.gradebook-table-th-average {
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  display: flex;
}

.gradebook-table-th-average .icon-bubble {
  background: rgba(255, 83, 34, .1);
  width: 18px;
  height: 18px;
}

.gradebook-table-th-average .icon-bubble .icon {
  width: 11px;
  height: 11px;
}

.gradebook-table-th-average .icon-bubble .icon path {
  fill: var(--color-first);
}

.gradebook-table-th-average__time {
  border: 2px solid var(--COVER-Tangerine, var(--color-first));
  color: var(--color-first);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 32px;
  display: flex;
  position: relative;
  bottom: 12px;
}

.gradebook-table-th-average__icon-actions {
  justify-content: center;
  height: 18px;
  display: flex;
  position: relative;
  bottom: 6px;
}

.gradebook-table-th-average--global .gradebook-table-th-average__time {
  background: var(--color-first);
  color: #fff;
}

.gradebook-table-th-user-subheader .select-customizable__value-container {
  align-items: center;
  display: flex;
  font-size: 14px !important;
}

.gradebook-table-th-user-subheader .select-customizable__control {
  box-shadow: none;
  height: 32px;
  min-height: 32px;
  padding-left: 4px;
}

.gradebook-table-th-user-subheader .select-customizable--show-values-as-list__placeholder {
  font-size: 14px !important;
}

.gradebook-table-th-user-subheader .select-customizable__multi-value__remove {
  padding: 0 !important;
}

.gradebook-table-th-user-subheader .select-customizable__multi-value__label {
  font-size: 14px !important;
}

.gradebook-table-th-user-subheader .select-customizable__multi-value {
  width: 36px;
  margin: 1px;
}

.gradebook-table-th-user-subheader .select-customizable__option--is-selected {
  background-color: var(--color-bg-04) !important;
}

.gradebook-table-th-user-header__label {
  color: #a39b93;
  font-weight: 400;
}

.gradebook-table-th-user {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.gradebook-table-th-user .input-radio__label {
  color: #a39b93;
  font-weight: 400;
}

.gradebook-table-th-user__options {
  margin-top: 12px;
}

.gradebook-table-th-user__option {
  margin-left: 12px;
}

.gradebook-table-th-user__label {
  color: #a39b93;
  margin-bottom: 8px;
  font-weight: 400;
  display: block;
}

.gradebook-table-th-user__actions {
  margin-left: 8px;
  display: flex;
}

.gradebook-table-th-user__action {
  margin-right: 12px;
}

.gradebook-table-th-user__action--export .icon {
  width: 16px;
  height: 16px;
}

.gradebook-table-td-user {
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.gradebook-table-td-user__fullname {
  color: #706b65;
}

.gradebook-table-td-user__avatar {
  flex: none;
  margin-right: 8px;
}

.gradebook-table-td-cell--not-delivered {
  color: #f66868;
}

.gradebook-table-td-cell--not-applicable {
  font-size: 10px !important;
}

.gradebook-table-td-cell--review {
  background: #fef7ec;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gradebook-table-td-cell--review .icon {
  width: 12px;
  height: 12px;
}

.gradebook-table-td-cell--review .icon path {
  fill: #f2aa3f;
}

.gradebook-table-td-cell--rating, .gradebook-table-td-cell--rating__text {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gradebook-table-td-cell--rating__calendar {
  background-color: #fffefd;
  padding: .2px;
  position: absolute;
  top: 33px;
}

.gradebook-table-td-cell--rating__calendar .icon__wrapper, .gradebook-table-td-cell--rating__calendar .icon__wrapper > div {
  display: block;
}

.gradebook-table-td-cell--rating__calendar .icon {
  width: 11px;
  height: 11px;
}

.gradebook-table-td-cell--rating__calendar .icon path {
  fill: #f2aa3f;
}

.gradebook-table-td-cell--rating__pencil {
  background-color: #fffefd;
  padding: .5px;
  position: absolute;
  top: 2px;
  right: 2px;
}

.gradebook-table-td-cell--rating__pencil .icon {
  width: 10px;
  height: 10px;
}

.gradebook-table-td-cell--is-average {
  font-weight: 400;
  font-size: 11px !important;
}

.gradebook-table-td-cell--is-average .gradebook-table-td-cell--rating__value {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-height: 16px;
  overflow: hidden;
  font-size: 14px !important;
  display: -webkit-box !important;
}

.gradebook-table-td-cell--rating__text--not-editable {
  cursor: default !important;
  opacity: 1 !important;
}

.gradebook-table-td-cell--rating__value {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: 400;
  overflow: hidden;
  font-size: 11px !important;
  display: -webkit-box !important;
}

.gradebook-table-td-cell--rating--not-published .gradebook-table-td-cell--rating__text {
  border: 1px dashed #f66868;
}

.dialog-assign-score__content .tag {
  border-radius: 4px;
  width: 158px;
  padding: 8px 16px;
}

.dialog-assign-score__content .tag__text {
  font-size: 15px;
}

.dialog-assign-score__content-input {
  width: 158px;
  margin-top: 24px;
}

.dialog-assign-score__info--error {
  color: #f66868;
}

.dialog-assign-score__info-container {
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.dialog-assign-score__content-select {
  margin-top: 24px;
}

.dialog-reset-score__content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.dialog-reset-score__content .tag {
  border-radius: 4px;
  justify-content: start;
  width: 289px;
  margin-top: 24px;
  padding: 8px 16px;
}

.dialog-reset-score__content .tag__text {
  font-size: 15px;
}

.dialog-periods-model__headers {
  margin-top: 22px;
}

.dialog-periods-model__headers .header-tabs__tab--active:after {
  width: 100%;
  bottom: -10px;
}

.dialog-periods-model__model-categories {
  margin-top: 30px;
}

.dialog-periods-model__model-category {
  background: var(--Gray-color-gray-07, #f9f9f9);
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 8px 24px;
}

.dialog-periods-model__headers, .dialog-periods-model__model-categories {
  margin-left: 12px;
}

.dialog-periods-model__category-title, .dialog-periods-model__category-name {
  color: #a39b93;
}

.dialog-periods-model__category, .dialog-periods-model__category-scale, .dialog-periods-model__category-weight {
  margin-bottom: 6px;
}

.dialog-settings__headers {
  margin-top: 22px;
}

.dialog-settings__headers .header-tabs__tab--active:after {
  width: 100%;
  bottom: -10px;
}

.dialog-settings__scoring, .dialog-settings__visualization, .dialog-settings__ordering {
  margin-top: 32px;
  margin-left: 12px;
}

.dialog-settings__scoring .input-radio__label, .dialog-settings__visualization .input-radio__label, .dialog-settings__ordering .input-radio__label {
  color: #a39b93;
}

.dialog-settings__option {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dialog-settings__option--visualization {
  margin-left: 16px;
}

.dialog-settings__radios {
  flex: none;
  align-items: center;
  width: 140px;
  display: flex;
}

.dialog-settings__ordering-radios {
  margin-top: 16px;
}

.dialog-settings__radio, .dialog-settings__ordering-radio {
  margin-left: 16px;
}

.dialog-settings__radio .input-radio, .dialog-settings__ordering-radio .input-radio {
  align-items: center;
  display: flex;
}

.dialog-settings__ordering-radio {
  margin-bottom: 10px;
}

.dialog-settings__label {
  color: #a39b93;
  margin-bottom: 16px;
  display: block;
}

.dialog-export .input-checkbox__icon-container--checked + .input-checkbox__label {
  color: #a39b93;
}

.dialog-export .input-checkbox__label {
  margin-left: 8px;
}

.dialog-export__label {
  color: #a39b93;
  margin-bottom: 16px;
  display: block;
}

.dialog-export__period, .dialog-export__radio {
  margin-bottom: 4px;
  margin-left: 16px;
}

.dialog-export__radio .input-radio {
  align-items: center;
  display: flex;
}

.dialog-export__formats {
  margin-top: 16px;
}

.dialog-item-lesson__item--title .dialog-item-lesson__item-value {
  color: var(--color-first);
}

.dialog-item-lesson__info {
  background: #f7f4f2;
  border-radius: 4px;
  padding: 8px 24px;
}

.dialog-item-lesson__item {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.dialog-item-lesson__item-label {
  color: #a39b93;
  display: block;
}

.dialog-item-lesson__item-value {
  color: #a39b93;
  margin-left: 4px;
}

.dialog-item-lesson__item--last .dialog-item-lesson__item {
  margin-bottom: 0;
}

.grades-periods-table-body {
  border-color: var(--color-border) !important;
}

.grades-periods-table-body__td {
  vertical-align: middle;
  background: #fffefd;
  min-height: 48px;
  line-height: 48px;
  border-color: var(--color-border) !important;
  height: 48px !important;
  padding: 0 !important;
}

.grades-periods-table-body__td--space {
  border-bottom: 0 !important;
}

.grades-periods-table-body__td--average {
  border-color: var(--color-border);
  border-width: 1px !important;
  border-left-color: #f66868 !important;
  border-right-color: #f66868 !important;
}

.grades-periods-table-body__td--readonly div {
  cursor: default !important;
  opacity: 1 !important;
}

.grades-periods-student {
  padding-top: 24px;
  padding-bottom: 24px;
}

.grades-periods-student__tabs .header-tabs {
  justify-content: start;
}

.grades-periods-student__tabs .header-tabs__type-view-border .header-tabs__tab {
  width: auto !important;
}

.grades-periods-student__tabs .header-tabs__tab {
  border-top: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  background-color: #fff;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  display: flex;
}

.grades-periods-student__tabs .header-tabs__tab .header-tabs__tab-text-container .header-tabs__tab-text {
  font-family: var(--font-first-semi);
  color: #a39b93;
  letter-spacing: .28px;
  font-size: 14px;
}

.grades-periods-student__tabs .header-tabs__tab--active {
  background-color: var(--color-bg-01);
}

.grades-periods-student__tabs .header-tabs__tab--active .header-tabs__tab-text-container .header-tabs__tab-text {
  color: #706b65;
}

.grades-periods-student__container {
  margin-top: 20px;
  display: flex;
}

.grades-periods-student__modules {
  flex: 1;
  margin-right: 40px;
}

.grades-periods-student__averages {
  width: 264px;
}

.grades-periods-student__averages-item, .grades-periods-student-modules__module {
  margin-bottom: 16px;
}

.grades-periods-student-modules__accordion {
  box-shadow: none !important;
  background: none !important;
}

.grades-periods-student-modules__accordion-summary {
  border-bottom: 1px solid var(--color-border) !important;
  padding: 20px 0 !important;
}

.grades-periods-student-modules__accordion-summary-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.grades-periods-student-modules__accordion-summary-text {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.grades-periods-student-modules__accordion-details {
  margin-top: 16px;
}

.grades-periods-student-modules__activities {
  width: 100%;
}

.grades-periods-student-modules__activity {
  width: 100%;
  margin-bottom: 12px;
}

.grades-periods-student-modules__submodules {
  width: 100%;
  margin-left: 50px;
}

.grades-periods-student-progress-bar {
  border: 1px solid var(--color-border);
  background-color: #fff;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 220px;
  height: 24px;
  padding: 8px 12px 8px 16px;
  display: flex;
}

.grades-periods-student-progress-bar__bar {
  width: 35%;
}

.grades-periods-student-progress-bar__text {
  color: #706b65;
}

.grades-periods-student-average {
  border-top: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 8px 12px;
}

.grades-periods-student-average__title-container {
  align-items: center;
  display: flex;
}

.grades-periods-student-average__title {
  color: #706b65;
  margin-left: 8px;
}

.grades-periods-student-average__score-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grades-periods-student-average__score-container .score-tag {
  width: 64px;
  margin-top: 8px;
}

.grades-periods-student-average__score-container--global .score-tag {
  width: 132px;
  height: 71px;
}

.grades-periods-student-activity {
  border-top: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  background: var(--color-bg-05);
  border-radius: 8px;
  width: 100%;
  height: 124px;
  padding: 12px;
  display: flex;
}

.grades-periods-student-activity--go {
  border-top: 2px solid var(--color-first);
  border-right: 2px solid var(--color-first);
  border-bottom: 4px solid var(--color-first);
  border-left: 2px solid var(--color-first);
}

.grades-periods-student-activity--not-available {
  cursor: not-allowed;
  opacity: 1 !important;
}

.grades-periods-student-activity__left {
  width: 120px;
  margin-right: 12px;
}

.grades-periods-student-activity__type-container {
  align-items: center;
  gap: 4px;
  display: flex;
}

.grades-periods-student-activity__image-container {
  width: 112px;
  height: 72px;
  margin-top: 6px;
  position: relative;
}

.grades-periods-student-activity__gradeable {
  background: #78604d;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0 16px 0 8px;
  align-items: center;
  height: 24px;
  padding: 4px 12px 4px 8px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.grades-periods-student-activity__type {
  color: #a39b93;
  text-transform: uppercase;
  font-size: 11px !important;
}

.grades-periods-student-activity__right {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.grades-periods-student-activity__title {
  color: #36393b;
  line-height: 18px !important;
}

.grades-periods-student-activity__category-container {
  margin-top: 6px;
}

.grades-periods-student-activity__category-container .tag__text {
  color: #706b65;
  font-family: var(--font-second) !important;
}

.grades-periods-student-activity__date-container {
  justify-content: space-between;
  align-items: end;
  margin-top: auto;
  display: flex;
}

.grades-periods-student-activity__title-container {
  justify-content: space-between;
  display: flex;
}

.grades-periods-student-activity__button-container--small .button, .grades-periods-student-activity__button-container--small .resources-demo-container__link, .grades-periods-student-activity__button-container--small .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .grades-periods-student-activity__button-container--small .resources-demo-container__link, .grades-periods-student-activity__button-container--small .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .grades-periods-student-activity__button-container--small .button, .grades-periods-student-activity__button-container--small .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .grades-periods-student-activity__button-container--small .mvl_card_button, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--small .vl-button--primary-full-width, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--small .vl-button--primary-without-bg, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--small .vl-button--primary-border, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .grades-periods-student-activity__button-container--small .vl-button, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .grades-periods-student-activity__button-container--small .vl-button, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .grades-periods-student-activity__button-container--small .vl-button, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .grades-periods-student-activity__button-container--small .vl-button, .grades-periods-student-activity__button-container--small .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .grades-periods-student-activity__button-container--small .vl-button {
  background: #f0edea;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.grades-periods-student-activity__button-container--small .button__text {
  color: #706b65;
  font-size: 14px;
  font-family: var(--font-first-semi);
}

.grades-periods-student-activity__button-container--results .button, .grades-periods-student-activity__button-container--results .resources-demo-container__link, .grades-periods-student-activity__button-container--results .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .grades-periods-student-activity__button-container--results .resources-demo-container__link, .grades-periods-student-activity__button-container--results .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .grades-periods-student-activity__button-container--results .button, .grades-periods-student-activity__button-container--results .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .grades-periods-student-activity__button-container--results .mvl_card_button, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--results .vl-button--primary-full-width, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--results .vl-button--primary-without-bg, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .grades-periods-student-activity__button-container--results .vl-button--primary-border, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .grades-periods-student-activity__button-container--results .vl-button, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .grades-periods-student-activity__button-container--results .vl-button, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .grades-periods-student-activity__button-container--results .vl-button, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .grades-periods-student-activity__button-container--results .vl-button, .grades-periods-student-activity__button-container--results .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .grades-periods-student-activity__button-container--results .vl-button {
  min-height: 0;
  padding: 0;
}

.grades-periods-student-activity__button-container--results .button__text {
  font-size: 16px;
}

.kanban-view .header-custom {
  z-index: 4001;
}

.kanban-view .footer-banner {
  z-index: 4053;
  padding: 12px;
  top: 0;
  bottom: auto;
}

.kanban-view .primary-2022-program__publish-banner {
  display: flex;
}

.kanban-view__students {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 8px;
  display: flex;
}

.kanban-view__kanban {
  max-width: 1296px;
  margin: 0 auto;
}

.kanban-header__left {
  align-items: center;
  display: flex;
}

.kanban-header__left .lesson-header__menu {
  display: block !important;
}

.kanban-header__title {
  font-family: var(--font-second-bold);
  color: #36393b;
  margin-left: 16px;
}

.kanban-header__title-separator {
  color: #36393b;
  margin-left: 8px;
}

.kanban-header__see-as-student, .kanban-header__right {
  align-items: flex-end;
  display: flex;
}

.kanban-header__see-as-student-text {
  color: #706b65;
  margin-left: 8px;
}

.kanban-header__separator {
  border: 1px solid #dbd5ce;
  height: 100%;
  margin: 0 20px;
}

.kanban-students {
  border: rgba(0, 0, 0, 0);
  border-radius: 8px;
  width: 100%;
  padding: 12px 16px 0 12px;
}

.kanban-students__title {
  font-family: var(--font-first);
  color: #36393b;
  margin-bottom: 12px;
}

.kanban-students__wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.kanban-students__center {
  width: 90%;
}

.kanban-students__center--full {
  width: 100%;
}

.kanban-students__arrow {
  margin-bottom: 12px;
}

.kanban-student-banner {
  border: none;
  border-radius: 8px;
  padding: 0 24px;
}

.kanban-student-banner__wrapper {
  align-items: center;
  display: flex;
}

.kanban-student-banner__image {
  height: 72px;
}

.kanban-student-banner__text {
  color: #36393b;
  margin-left: 16px;
}

.kanban-dialog-add-card .MuiDialog-paper {
  overflow-y: initial;
}

.kanban-dialog-add-card .emoji-mart {
  border-radius: 16px;
}

.kanban-dialog-add-card .emoji-mart-search {
  display: none;
}

.kanban-dialog-add-card textarea {
  resize: none;
}

.kanban-dialog-add-card__card {
  background: #f7f4f2;
  border-left: 24px solid #36393b;
  border-radius: 12px;
  padding: 12px;
}

.kanban-dialog-add-card__icon-container {
  background: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 94px;
  height: 60px;
  display: inline-flex;
}

.kanban-dialog-add-card__icon-arrow {
  margin-left: 8px;
}

.kanban-dialog-add-card__textarea {
  margin-top: 8px;
}

.kanban-dialog-add-card__textarea .textarea__input {
  border-radius: 8px;
  height: 135px;
}

.kanban-dialog-add-card__color-picker {
  justify-content: space-around;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.kanban-dialog-add-card__color-wrapper {
  padding: 3px;
}

.kanban-dialog-add-card__color {
  border-radius: 40px;
  width: 32px;
  height: 32px;
}

.kanban-dialog-add-card__emojis-container {
  z-index: 100;
  position: absolute;
  top: 135px;
  left: 60px;
}

.kanban-dialog-add-card__color--active {
  border: 2px solid var(--color-first);
  border-radius: 40px;
}

.kanban-dialog-add-card__textarea--disabled .textarea__input {
  background: none;
  border: none;
  height: auto;
}

.lesson-info {
  margin-bottom: 100px;
}

.lesson-info .item-complex-list__left-children, .lesson-info .lesson-element-item__count-text, .lesson-info .progress-bar__bar, .lesson-info .progress-bar__text {
  display: none;
}

.lesson-info__book {
  margin-bottom: 24px;
}

.lesson-info__book .learning-objetives-tag-list {
  margin-bottom: 8px;
}

.lesson-info__left {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-bottom: 24px;
  margin-left: 24px;
  transition: all .2s ease-in;
}

.lesson-info__right {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.lesson-info__title--books {
  margin-bottom: 8px;
  display: block;
  color: #a39b93 !important;
}

.lesson-info__list-books {
  display: block;
}

.lesson-info__list-books .book-card {
  width: 90%;
  height: 272px;
  margin-bottom: 16px;
  margin-right: 8px;
  max-width: 188px !important;
}

.lesson-info__list-books .book-card .book-card__image {
  height: calc(100% - 40px);
}

.lesson-info__list-books .book-card .book-card__info {
  height: 40px;
  margin: 0;
  padding: 8px;
}

.books-list {
  display: block;
}

.hide-books {
  display: none !important;
}

@media only screen and (min-width: 480px) {
  .lesson-info__list-books .books-list {
    display: flex;
  }

  .lesson-info__list-books .book-card {
    width: 48%;
    margin-bottom: 8px;
    margin-right: 2%;
  }

  .column-expand {
    flex: 0 calc(100% - 24px);
    width: calc(100% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
    margin: auto !important;
  }
}

@media only screen and (min-width: 768px) {
  .lesson-info .item-complex-list__left-children {
    display: flex;
  }

  .lesson-info .lesson-element-item__count-text, .lesson-info .progress-bar__bar, .lesson-info .progress-bar__text {
    display: block;
  }

  .lesson-info__list-books .book-card {
    width: 30%;
    margin-bottom: 8px;
    margin-right: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .lesson-info .lesson-info__left {
    flex: 0 calc(25% - 24px);
    width: calc(25% - 24px);
    margin-bottom: 0;
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .lesson-info .lesson-info__right {
    flex: 0 calc(75% - 24px);
    width: calc(75% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .lesson-info .lesson-info__list-books .books-list {
    display: block;
  }

  .lesson-info .lesson-info__list-books .book-card {
    width: 90%;
    margin-bottom: 8px;
    margin-right: 10px !important;
  }
}

@media only screen and (min-width: 1280px) {
  .lesson-info .lesson-info__left {
    flex: 0 calc(25% - 24px);
    width: calc(25% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }

  .lesson-info .lesson-info__right {
    flex: 0 calc(66.6667% - 24px);
    width: calc(66.6667% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.lesson-info--student .book-card {
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.lesson-info--student .book-card__background-image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.lesson-info--student .book-card__info {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.lesson-info__right .lesson-info-lesson-items__list {
  margin-top: 24px;
  margin-bottom: 24px;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.lesson-info__right .lesson-info-lesson-items__list .MuiAccordionSummary-content {
  width: 100%;
  display: block;
}

.lesson-info__right .lesson-info-lesson-items__list--hide-section {
  margin: 0 !important;
}

.lesson-info__right .lesson-info-lesson-items__list--hide-section .MuiAccordionSummary-root.Mui-expanded {
  display: none;
}

.lesson-info-lesson-items__actions-move-icon {
  visibility: hidden;
  margin-left: 16px;
}

.lesson-info-lesson-items__header {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 8px auto;
  display: flex;
}

.lesson-info-lesson-items__header:hover .lesson-info-lesson-items__actions-move-icon {
  visibility: visible;
}

.lesson-info-lesson-items__header .hr {
  width: 100%;
}

.lesson-info-lesson-items__header .MuiAccordionSummary-expandIcon {
  position: absolute;
  top: -12px;
  right: 0;
}

.lesson-info-lesson-items__content {
  width: 100%;
  margin: 16px auto;
}

.lesson-info-lesson-items__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex;
}

.lesson-info-lesson-items__title-container .learning-objetives-tag-list {
  margin-bottom: 0;
}

.lesson-info-lesson-items__title-container .icon {
  margin-right: 8px;
}

.lesson-info-lesson-items__title {
  display: block;
  color: #a39b93 !important;
}

.lesson-info-lesson-items__actions {
  display: flex;
}

.lesson-info-lesson-items__empty-section {
  width: 100%;
  margin-top: 8px;
}

.lesson-info-lesson-items__empty-section .no-items-mode-edit {
  background: #f0edea;
}

.student-classrooms-subheader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.student-classrooms-subheader__left {
  align-items: center;
  display: flex;
}

.student-classrooms-subheader__left .avatar {
  width: 68px;
  height: 68px;
}

.student-classrooms-subheader__info {
  margin-left: 24px;
}

.student-classrooms-subheader__name {
  color: #36393b;
}

.student-classrooms__courses, .student-classrooms__recommendations-container {
  margin-top: 30px;
}

.student-courses-list {
  grid-gap: 24px;
  grid-template-columns: repeat(1, 1fr);
  align-items: stretch;
  display: grid;
}

@media only screen and (min-width: 1024px) {
  .student-courses-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1280px) {
  .student-courses-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1500px) {
  .student-courses-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.section-resources-view .layout-big-header__header .tag {
  background: none;
  border-radius: 0;
}

.section-resources-view .layout-big-header__children-container {
  min-height: 100%;
}

.section-resources-view .button-fixed-with-hover {
  z-index: 1000;
}

.section-resources-view__actions-left, .section-resources-view__actions-right {
  align-items: center;
  display: flex;
}

.section-resources-view__label {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}

.section-resources-view__label svg {
  width: 22px;
  height: 22px;
}

.section-resources-view__title {
  text-transform: uppercase;
  color: #36393b;
}

.section-resources-view__tab {
  align-items: center;
  display: flex;
}

.section-resources-view__tab .icon {
  margin-left: 8px;
}

.section-resources-view__name-group {
  color: #36393b;
  text-transform: uppercase;
  display: block;
}

.section-resources-view__count-resources {
  color: #706b65;
  margin-top: 8px;
  display: block;
}

.section-resources-view__list-resources {
  margin-top: 8px;
}

.section-resources-view__top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-resources-view__filter {
  align-items: center;
  min-width: 280px;
  display: flex;
}

.section-resources-view__filter .input-checkbox {
  margin-left: 24px;
}

.group-resources-view--visor .wrap_media_viewer {
  background-color: #fff !important;
}

.group-resources-view--visor .viewers_header_content_progress, .group-resources-view--visor .viewers_header_content_title {
  display: none !important;
}

.group-resources-view--visor .viewers_header_content {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.section-resources-view__empty-case {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10vh;
  display: flex;
}

.section-resources-view__empty-case-text {
  color: #706b65;
  margin-top: 24px;
  display: block;
}

.section-resources-view__empty-case-button {
  margin-top: 50px;
}

@media only screen and (min-width: 1340px) {
  .group-resources-view--visor .viewers_header_content {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 1500px) {
  .group-resources-view--visor .viewers_header_content {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

.card-resource-audio {
  flex-direction: column;
  height: 152px;
  display: flex;
}

.card-resource-audio__top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card-resource-audio__top .bubble-content {
  background-color: #706b65;
  border: 0;
  margin-left: 8px;
}

.card-resource-audio__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resource-audio__size {
  color: #a39b93;
}

.card-resource-audio__player {
  margin-bottom: 16px;
}

.card-resource-audio__texts {
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.card-resource-audio__bottom {
  flex: auto;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.card-resource-image {
  height: 213px;
  position: relative;
}

.card-resource-image__image {
  background-position: center;
  background-size: cover;
  height: 100%;
}

.card-resource-image__only-teacher {
  position: absolute;
  top: 12px;
  right: 12px;
}

.card-resource-image__only-teacher .bubble-content {
  background-color: #706b65;
  border: 0;
  margin-left: 8px;
}

.card-resource-video {
  flex-direction: column;
  height: 202px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.card-resource-video .icon-bubble {
  background: rgba(0, 0, 0, .8);
}

.card-resource-video__image {
  background-color: #dbd5ce;
  background-position: center;
  background-size: cover;
  height: 112px;
  position: relative;
}

.card-resource-video__icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-resource-video__icon-play .icon {
  position: relative;
  left: 1.5px;
}

.card-resource-video__texts {
  border-top: 0;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.card-resource-video__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resource-video__duration {
  color: #a39b93;
}

.card-resource-video__only-teacher {
  z-index: 10;
  position: absolute;
  top: 12px;
  right: 12px;
}

.card-resource-video__only-teacher .bubble-content {
  background-color: #706b65;
  border: 0;
  margin-left: 8px;
}

.card-resource-document {
  flex-direction: column;
  height: 142px;
  display: flex;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.card-resource-document__top {
  align-items: flex-start;
  display: flex;
}

.card-resource-document__icon-container {
  background: #f7f4f2;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.card-resource-document__icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-resource-document__texts {
  flex-direction: column;
  margin-left: 8px;
  display: flex;
}

.card-resource-document__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resource-document__size {
  color: #a39b93;
  margin-top: 8px;
  display: block;
}

.card-resource-document__only-teacher {
  flex: auto;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 8px;
  display: flex;
}

.card-resource-document__only-teacher .bubble-content {
  background-color: #706b65;
  border: 0;
}

.card-resource-document__bottom {
  flex: auto;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.card-resource-video-lesson {
  flex-direction: column;
  height: 234px;
  display: flex;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.card-resource-video-lesson .icon-bubble {
  background: rgba(0, 0, 0, .8);
}

.card-resource-video-lesson__image {
  background-position: center;
  background-size: cover;
  flex: none;
  height: 112px;
  position: relative;
}

.card-resource-video-lesson__icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-resource-video-lesson__bottom {
  border-top: 0;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.card-resource-video-lesson__bottom-main {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-resource-video-lesson__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resource-video-lesson__duration {
  color: #a39b93;
}

.card-resource-video-lesson__bottom-meta {
  justify-content: space-between;
  align-items: center;
  height: 36px;
  display: flex;
}

.card-resource-video-lesson__bottom-bubbles {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-resource-video-lesson__date {
  margin-right: 8px;
}

.card-resource-video-lesson__date .icon-background__icon {
  border-radius: 8px;
}

.card-resource-video-lesson__progress .progress-bar {
  width: 100%;
  max-width: 66px;
}

.card-resource-video-lesson__progress-text {
  color: #a39b93;
  margin-top: 8px;
}

.card-resource-activity {
  flex-direction: column;
  height: 200px;
  display: flex;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.card-resource-activity .icon-bubble {
  background: rgba(0, 0, 0, .8);
}

.card-resource-activity__image-container {
  background-color: #f0edea;
  border-bottom: 0;
  height: 117px;
}

.card-resource-activity__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  height: 100%;
  position: relative;
}

.card-resource-activity__bottom {
  border-top: 0;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.card-resource-activity__bottom-main {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-resource-activity__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #706b65;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resource-activity__name img {
  display: none;
}

.card-resource-activity__duration {
  color: #a39b93;
}

.card-resource-activity__bottom-meta {
  justify-content: space-between;
  align-items: center;
  height: 36px;
  display: flex;
}

.card-resource-activity__bottom-bubbles {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-resource-activity__date {
  margin-right: 8px;
}

.card-resource-activity__date .icon-background__icon {
  border-radius: 8px;
}

.card-resource-activity__progress .progress-bar {
  width: 100%;
  max-width: 66px;
}

.card-resource-activity__progress-text {
  color: #a39b93;
  margin-top: 8px;
}

.card-resourse-test {
  background: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 140px;
  padding: 8px 12px 12px;
  display: flex;
}

.card-resourse-test__top {
  justify-content: space-between;
  display: flex;
}

.card-resourse-test__name-container {
  display: flex;
}

.card-resourse-test__icon-container {
  background: #f7f4f2;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 51px;
  display: flex;
}

.card-resourse-test__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  margin-left: 16px;
  overflow: hidden;
  display: -webkit-box !important;
}

.list-simple-dropdown__texts {
  width: 100%;
}

.card-resourse-test__option {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-resourse-test__option--disabled {
  cursor: not-allowed !important;
}

.card-resourse-test__option--disabled .list-simple-dropdown__icon, .card-resourse-test__option--disabled .card-resourse-test__option span {
  opacity: .5;
}

.card-resourse-test__option-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-resourse-test__center {
  grid-gap: 8px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8px;
  margin-bottom: 16px;
  display: grid;
}

.card-resourse-test__progress .progress-bar__bar {
  background: #f7f4f2;
}

.card-resourse-test__progress .progress-with-label__title {
  margin-bottom: 0;
  font-size: 22px;
}

.card-resourse-test__progress .progress-with-label__description {
  text-transform: uppercase;
  font-size: 12px;
}

.card-resourse-test__progress--empty .progress-with-label__title {
  color: #c7bfb7;
}

.card-resourse-test__input-date-container {
  position: relative;
}

.card-resourse-test__input-date-container .MuiFormControl-root {
  border-color: #dbd5ce;
  border-radius: 8px;
}

.card-resourse-test__date-warning {
  z-index: 1000;
  position: absolute;
  top: 31px;
  left: 20px;
}

.card-resourse-test-student {
  background: #fff;
  padding: 8px 12px 12px;
}

.card-resourse-test-student--disabled {
  cursor: not-allowed;
  opacity: 1 !important;
}

.card-resourse-test-student--late .card-resourse-test-student__date-container .card-resourse-test-student__date {
  color: #f66868;
}

.card-resourse-test-student--late .card-resourse-test-student__date-container .icon path {
  fill: #f66868;
}

.card-resourse-test-student--pending .card-resourse-test-student__date-container .card-resourse-test-student__date {
  color: #36393b;
}

.card-resourse-test-student__top {
  display: flex;
}

.card-resourse-test-student__icon-container {
  background: #f7f4f2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: flex;
}

.card-resourse-test-student__info-container {
  width: 100%;
  margin-left: 16px;
}

.card-resourse-test-student__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.card-resourse-test-student__date-container {
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.card-resourse-test-student__date {
  color: #a39b93;
  margin-left: 8px;
}

.card-resourse-test-student__status {
  justify-content: space-between;
  margin-top: 16px;
  display: flex;
}

.card-resourse-test-student__status .assessment-status-tags--late .tag {
  background: rgba(255, 83, 34, .1);
}

.card-resourse-test-student__status .assessment-status-tags--late .tag__text {
  color: #36393b;
}

.list-cards-resources {
  grid-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

@media only screen and (min-width: 768px) {
  .list-cards-resources {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  .list-cards-resources {
    grid-template-columns: repeat(3, 1fr);
  }

  .list-cards-resources--two-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

.projection-view .layout-header__children {
  padding-top: 40px;
}

.projection-view .wrap_media_viewer {
  background-color: #fff !important;
}

.projection-view .MediaViewerVideo_content {
  position: initial !important;
}

.projection-view .MediaViewerVideo_content-video {
  max-width: none !important;
  max-height: none !important;
}

.projection-view .bubble-content--current:after {
  bottom: -11px;
}

.projection-view--fullscreen .projection-view__content-visor, .projection-view--fullscreen video {
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.projection-view--fullscreen .vProgress, .projection-view--fullscreen .VtimePart, .projection-view--fullscreen .VtimeAll {
  z-index: 9999;
}

.projection-view--fullscreen .MediaViewerImage_content {
  height: 100%;
  top: 0;
}

.projection-view__gradient {
  background: var(--color-first);
  width: 100%;
  height: 228px;
  position: absolute;
  top: 0;
  left: 0;
}

.projection-view__container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 84px;
  position: relative;
}

.projection-view__book {
  height: 80vh !important;
}

.projection-view__book-container {
  background-color: #fff;
  height: 80vh;
}

.projection-view__book-container--responsive {
  height: 70vh;
}

.projection-view__content {
  background-color: #fff;
  border-radius: 0;
  padding: 20px;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.paginator__arrow-big {
  z-index: 998;
  position: fixed;
  top: calc(50vh - 35px);
}

.paginator__arrow__container {
  cursor: pointer;
  opacity: .5;
  background-color: #36393b;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 140px;
  transition: all .3s ease-in-out;
  display: flex;
}

.paginator__arrow__container-right {
  border-top-left-radius: 140px;
  border-bottom-left-radius: 140px;
  transform: translate(35px);
}

.paginator__arrow__container-right .icon {
  margin-left: 17.5px;
}

.paginator__arrow__container-right:hover {
  opacity: .7;
  transform: translate(0);
}

.paginator__arrow__container-left {
  border-top-right-radius: 140px;
  border-bottom-right-radius: 140px;
  transform: translate(-35px);
}

.paginator__arrow__container-left .icon {
  margin-right: 17.5px;
}

.paginator__arrow__container-left:hover {
  opacity: .7;
  transform: translate(0);
}

.paginator__arrow__left {
  left: 0;
}

.paginator__arrow__right {
  right: 0;
}

.bubble-content {
  width: 46px;
  height: 46px;
}

.projection-view__content-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
  position: relative;
}

.projection-view__content-visor {
  width: 100%;
  height: 100%;
}

.projection-view__test {
  height: 100%;
  overflow-y: auto;
}

.projection-view__test .layout-header, .projection-view__test .layout-header__content {
  background: #fff;
}

.projection-view__test .answer-test-view__header-right {
  display: none;
}

.projection-view__test .layout-header {
  min-height: initial;
}

.projection-view__test .answer-test-view__footer-bar, .projection-view__test .answer-test-view__hint {
  bottom: 100px;
}

.projection-view__test .layout-header__header {
  z-index: initial;
}

.projection-view__test--no-items .header-custom {
  border-bottom: 0;
}

.projection-view__content-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.projection-view__content-info {
  align-items: center;
  display: flex;
}

.projection-view__content-name {
  margin-left: 12px;
}

.projection-view__content-description {
  margin: 20px 0;
}

.projection-view__book-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.projection-view__book-header-left {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.projection-view__book-lesson-name {
  margin-left: 12px;
  color: #fff !important;
}

.projection-view__fullscreen {
  z-index: 8000;
  position: absolute;
  bottom: 100px;
  right: 20px;
}

.projection-view__fullscreen .button, .projection-view__fullscreen .resources-demo-container__link, .projection-view__fullscreen .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .projection-view__fullscreen .resources-demo-container__link, .projection-view__fullscreen .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .projection-view__fullscreen .button, .projection-view__fullscreen .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .projection-view__fullscreen .mvl_card_button, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-full-width, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-without-bg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-border, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .projection-view__fullscreen .vl-button, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .projection-view__fullscreen .vl-button, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .projection-view__fullscreen .vl-button, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .projection-view__fullscreen .vl-button, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .projection-view__fullscreen .vl-button {
  width: 48px;
  min-width: auto;
  height: 40px;
  min-height: auto;
  padding: 0;
}

.projection-view__fullscreen .button svg, .projection-view__fullscreen .resources-demo-container__link svg, .projection-view__fullscreen .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link svg, .remote-view--mint .turn-to-speak-view__random .projection-view__fullscreen .resources-demo-container__link svg, .projection-view__fullscreen .remote-view--mint .turn-to-speak-view__random .button svg, .remote-view--mint .turn-to-speak-view__random .projection-view__fullscreen .button svg, .projection-view__fullscreen .projection-view__content-container--link .mvl_card_button svg, .projection-view__content-container--link .projection-view__fullscreen .mvl_card_button svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width svg, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-full-width svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg svg, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-without-bg svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border svg, .video-lesson .video-lesson-content .vl-lesson .projection-view__fullscreen .vl-button--primary-border svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .projection-view__fullscreen .vl-button svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .projection-view__fullscreen .vl-button svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .projection-view__fullscreen .vl-button svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .projection-view__fullscreen .vl-button svg, .projection-view__fullscreen .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button svg, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .projection-view__fullscreen .vl-button svg {
  margin-right: 0;
}

.projection-view__content-container--small {
  height: 20vh;
}

.projection-view__content-container--link .wrap_viewer_module {
  background: none;
  height: auto;
}

.projection-view__content-container--link .mvl_card_title, .projection-view__content-container--link .mvl_card_title_desc {
  width: 0 !important;
}

.projection-view__content-container--link .mvl_card {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.projection-view__content-container--link .mvl_card_thumb {
  width: 0 !important;
  height: 0 !important;
}

.projection-view__content-container--link .mvl_card_button {
  background-image: var(--color-first) !important;
  margin: 44px 0 0 !important;
  font-size: 18px !important;
}

.projection-view__content-container--test {
  height: auto;
}

.projection-view__content-container--hidden .projection-view__content-visor {
  display: none;
}

.projection-view__fullscreen--active {
  z-index: 500;
  bottom: 100px;
  right: 20px;
}

#container_pfdtron.pdf-container-projection {
  z-index: 2000 !important;
  height: calc(100vh - 156px) !important;
  margin-top: 92px !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

#container_pfdtron.pdf-container-projection--small.rocvc_module_not_header.ocvc_pdftron {
  width: 78% !important;
  height: 70vh !important;
}

#container_pfdtron.pdf-container-projection--fullscreen.rocvc_module_not_header.ocvc_pdftron {
  z-index: 4001;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  margin: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.projection-mint-view .layout-header__children {
  width: 100%;
  max-width: 100%;
  padding-top: 40px;
}

.projection-mint-view .for-users, .projection-mint-view .header-custom__center, .projection-mint-view .lesson-header__unit-hidden, .projection-mint-view .lesson-header__project, .projection-mint-view .lesson-header__separator, .projection-mint-view .lesson-header__edit, .projection-mint-view .lesson-header__personalize, .projection-mint-view .lesson-header__see-as {
  display: none;
}

.projection-mint-view .header-custom__left {
  width: calc(100% - 50px);
}

.projection-mint-view .header-custom__right {
  width: 50px;
}

.projection-mint-view .paginator__arrow .bubble-content {
  border-width: 2px;
  width: 40px;
  height: 40px;
}

.projection-mint-view .footer-expandable__top {
  background: #fff;
}

.projection-mint-view .layout-header {
  background-color: #fff;
}

.projection-mint-view .bubble-content__content {
  color: #fff;
  font-size: 15px;
}

.projection-mint-view .projection-card .bubble-content {
  border: 0;
}

.projection-mint-view .projection-card__type {
  color: #a39b93;
  font-size: 14px;
}

.projection-mint-view .projection-card__title {
  color: #706b65;
}

.projection-mint-view .projection-paginator {
  align-items: stretch;
}

.projection-mint-view .projection-paginator .projection-card {
  height: 100%;
}

.projection-mint-view .projection-paginator .projection-card__container {
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  display: flex;
}

.projection-mint-view .projection-card__container {
  padding-left: 8px;
  padding-right: 8px;
}

.projection-mint-view .projection-card--active .projection-card__title {
  color: #36393b;
  font-family: var(--font-second-bold);
}

.projection-mint-view .answer-test-view__footer-bar {
  z-index: 200;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.projection-mint-view .answer-test-bar-footer__content {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.projection-mint-view .answer-test-bar-footer__status-showed {
  display: none;
}

.projection-mint-view .footer-expandable__toggle-icon {
  border: 1px solid #dbd5ce;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.projection-mint-view .footer-expandable__top:not(.footer-expandable__top--expanded) ~ .footer-expandable__bottom {
  border: 1px solid #dbd5ce;
  border-bottom: 0;
}

.projection-mint-view .footer-expandable__top--expanded {
  border-top: 1px solid #dbd5ce;
}

.projection-mint-view .mint-post {
  scroll-margin-top: 60px;
}

.projection-mint-view__container {
  margin: 0 auto;
  padding-bottom: 84px;
  position: relative;
}

.projection-mint-view__paginator-arrow-big {
  z-index: 998;
  position: fixed;
  top: calc(50vh - 35px);
}

.projection-mint-view__paginator-arrow-container {
  cursor: pointer;
  opacity: .5;
  background-color: #36393b;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 140px;
  transition: all .3s ease-in-out;
  display: flex;
}

.projection-mint-view__paginator-arrow-container-right {
  border-top-left-radius: 140px;
  border-bottom-left-radius: 140px;
  transform: translate(35px);
}

.projection-mint-view__paginator-arrow-container-right .icon {
  margin-left: 17.5px;
}

.projection-mint-view__paginator-arrow-container-right:hover {
  opacity: .7;
  transform: translate(0);
}

.projection-mint-view__paginator-arrow-container-left {
  border-top-right-radius: 140px;
  border-bottom-right-radius: 140px;
  transform: translate(-35px);
}

.projection-mint-view__paginator-arrow-container-left .icon {
  margin-right: 17.5px;
}

.projection-mint-view__paginator-arrow-container-left:hover {
  opacity: .7;
  transform: translate(0);
}

.projection-mint-view__paginator-arrow-left {
  left: 0;
}

.projection-mint-view__paginator-arrow-right {
  right: 0;
}

.projection-mint-view__question .answer-test-view__footer-bar {
  margin-top: 24px;
}

.projection-mint-view__aside .asside-lessons__kanban, .projection-mint-view__aside .custom-lesson-item__right {
  display: none;
}

.footer-projection {
  z-index: 4001;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.footer-projection .projection-paginator__step {
  margin: 0 8px;
}

.footer-projection__bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
}

.footer-projection__remote {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.footer-projection__remote .tooltip {
  display: flex;
}

.footer-projection__remote-text {
  margin-left: 8px;
  color: #41d158 !important;
}

.footer-projection__remote--disconnected .footer-projection__remote-text {
  color: #c7bfb7 !important;
}

.footer-projection__fade {
  cursor: pointer;
  z-index: 4001;
  background-color: rgba(0, 0, 0, .3);
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-projection__fade--hidden {
  display: none;
}

.dialog-turn-to-speak__header-left {
  align-items: center;
  display: flex;
}

.dialog-turn-to-speak__header-left .icon {
  flex: none;
}

.dialog-turn-to-speak__header-left-text {
  color: #706b65;
  margin-left: 8px;
}

.turn-to-speak-view__top {
  flex-direction: column-reverse;
  display: flex;
}

.turn-to-speak-view__separator {
  margin-top: 8px;
  margin-bottom: 8px;
}

.turn-to-speak-view__top-left {
  text-align: center;
}

.turn-to-speak-view__active-user {
  justify-content: center;
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .turn-to-speak-view__top {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 50px;
  }

  .turn-to-speak-view__top-left {
    width: 50%;
  }

  .turn-to-speak-view__top-left .button, .turn-to-speak-view__top-left .resources-demo-container__link, .turn-to-speak-view__top-left .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .turn-to-speak-view__top-left .resources-demo-container__link, .turn-to-speak-view__top-left .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .turn-to-speak-view__top-left .button, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-full-width, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-without-bg, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-border, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .turn-to-speak-view__top-left .vl-button, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .turn-to-speak-view__top-left .vl-button, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .turn-to-speak-view__top-left .vl-button, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .turn-to-speak-view__top-left .vl-button, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .turn-to-speak-view__top-left .vl-button, .turn-to-speak-view__top-left .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .turn-to-speak-view__top-left .mvl_card_button {
    background: var(--color-first);
    color: #fff;
  }

  .turn-to-speak-view__top-left .button .icon path, .turn-to-speak-view__top-left .resources-demo-container__link .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon path, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-full-width .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon path, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-without-bg .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon path, .video-lesson .video-lesson-content .vl-lesson .turn-to-speak-view__top-left .vl-button--primary-border .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .turn-to-speak-view__top-left .vl-button .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .turn-to-speak-view__top-left .vl-button .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .turn-to-speak-view__top-left .vl-button .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .turn-to-speak-view__top-left .vl-button .icon path, .turn-to-speak-view__top-left .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon path, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .turn-to-speak-view__top-left .vl-button .icon path, .turn-to-speak-view__top-left .projection-view__content-container--link .mvl_card_button .icon path, .projection-view__content-container--link .turn-to-speak-view__top-left .mvl_card_button .icon path {
    fill: #fff;
  }

  .turn-to-speak-view__active-user {
    width: 50%;
  }

  .turn-to-speak-view__separator {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.turn-speak-student-active__name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #706b65;
  text-align: center;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  overflow: hidden;
  display: -webkit-box !important;
}

.turn-speak-student-active__name--empty {
  visibility: hidden;
}

.turn-speak-student-active__content--animating {
  animation: 1s ease-in-out leaves;
  transform: scale(1);
}

@keyframes leaves {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.turn-speak-student-active__student-info .avatar {
  margin: auto;
}

.turn-speak-student-active__student-empty {
  background-color: #f0edea;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.turn-speak-student-active__student-empty .icon {
  width: 75px;
  height: 75px;
}

.remote-mint-lesson-item {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.remote-mint-lesson-item__name {
  color: #36393b;
}

.remote-view--mint .layout-header__children {
  padding: 0;
}

.remote-view--mint .remote-mint-item {
  margin-bottom: 16px;
}

.remote-view--mint .bubble-content {
  border: 0;
  flex: none;
}

.remote-view--mint .bubble-content__content {
  color: #fff;
}

.remote-view--mint .remote__tools-options {
  margin-top: 24px;
}

.remote-view--mint.remote-view--tab-tools .layout-header {
  background: #f7f4f2 !important;
}

.remote-view--mint .turn-to-speak-view__top {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.remote-view--mint .turn-to-speak-view__random {
  margin-top: 24px;
}

.remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button {
  background: var(--color-first) !important;
}

.remote-view--mint .turn-to-speak-view__random .icon path {
  fill: #fff;
}

.remote-view--mint .project-remote-control__controls-tools {
  padding-left: 16px;
  padding-right: 16px;
}

.remote-mint-view__title {
  color: #a39b93;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}

.remote-mint-view__unit {
  padding-top: 24px;
}

.remote-mint-item {
  border: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.remote-mint-item__left {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.remote-mint-item__left-custom {
  margin-right: 8px;
}

.remote-mint-item__left-text {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding-right: 24px;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box !important;
}

.scorm-results-overview__counters {
  flex-wrap: nowrap;
  margin-top: 24px;
  display: flex;
}

.scorm-results-overview__counters > div {
  margin-right: 24px;
}

.scorm-results-overview__graph {
  margin-top: 24px;
}

.scorm-results-users__accordions .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border-top: 1px solid #dbd5ce;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  height: auto !important;
}

.scorm-results-users__accordions .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.scorm-results-users__accordions .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #dbd5ce;
  margin: 0;
}

.scorm-results-users__accordions .MuiAccordionSummary-root {
  height: auto !important;
}

.scorm-results-users__search {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 8px;
}

.scorm-results-users__no-items {
  width: 80%;
  margin: auto;
}

.scorm-results-activity {
  position: relative;
}

.scorm-results-activity__header {
  display: flex;
}

.scorm-results-activity__header-right {
  flex: auto;
  padding-left: 24px;
}

.scorm-results-activity__header-pretitle {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.scorm-results-activity__header-date {
  font-family: var(--font-second);
  color: #a39b93;
  margin-left: 6px;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  display: inline-flex;
}

.scorm-results-activity__header-title {
  margin-top: 8px;
  padding-right: 66px;
  display: block;
}

.scorm-results-activity__header-description {
  color: #706b65;
  margin-top: 8px;
  padding-right: 66px;
  line-height: 1.67;
  display: block;
}

.scorm-results-activity__content {
  height: 70vh;
  margin-top: 24px;
}

.scorm-individual-results-view__left {
  padding-right: 24px;
}

.scorm-individual-results-view__avatar {
  z-index: 1;
  position: relative;
}

.scorm-individual-results-view__avatar .avatar {
  margin: auto;
}

.scorm-individual-results-view__card {
  position: relative;
  top: -20px;
}

.scorm-individual-results-view__name {
  text-align: center;
  margin-bottom: 8px;
  display: block;
}

.scorm-individual-results-view__text-info {
  color: #a39b93;
  text-align: center;
  margin-bottom: 8px;
  display: block;
}

.scorm-individual-results-view__feedback {
  text-align: center;
}

.scorm-individual-results-view__right {
  padding-right: calc(50% - 648px);
}

.scorm-individual-results-view__header {
  justify-content: space-between;
  align-items: space-between;
  flex-direction: column;
  display: flex;
}

.scorm-individual-results-view__title {
  display: block;
}

.scorm-individual-results-view__questions {
  color: #a39b93;
}

.scorm-individual-results-view__header-left {
  display: flex;
}

.scorm-individual-results-view__header-left .scorm-individual-results-view__icon {
  background-color: #2a5576;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 12px;
  display: flex;
}

.scorm-individual-results-view__header-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.scorm-individual-results-view__header-points {
  width: 110px;
  margin-left: 14px;
  position: relative;
}

.scorm-individual-results-view__header-points .input-points .input-points__input-container {
  border: 1px solid #c7bfb7;
  border-radius: 8px;
  padding-right: 8px !important;
}

.scorm-individual-results-view__header-points .input-points .input-points__input {
  color: #706b65;
}

.scorm-individual-results-view__header-points .icon {
  position: absolute;
  top: -8px;
  right: -8px;
}

.scorm-individual-results-view__header-points .icon path {
  fill: #f2aa3e !important;
}

.scorm-individual-results-view__content {
  margin-top: 24px;
}

.scorm-individual-results-view__text-info {
  text-align: left;
}

.scorm-individual-results-view__text-info__date {
  font-weight: 600;
  display: block;
}

.scorm-individual-results-view__header-select {
  margin-right: 8px;
}

.scorm-individual-results-view__header-select .select-customizable {
  border: 1px solid #dbd5ce;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 160px;
  height: 40px;
  padding: 8px 8px 8px 12px;
  display: flex;
}

.scorm-individual-results-view__header-select .select-customizable .select-customizable__single-value {
  color: #706b65;
  font-size: 14px;
  line-height: 20px;
}

.scorm-individual-results-view__header-select .select-customizable .select-customizable__control {
  border: none;
  width: 100%;
  height: auto;
}

.scorm-individual-results-view__header-select .select-customizable .select-customizable__indicator .icon--size-big {
  width: 16px;
  height: 16px;
}

.scorm-individual-results-view .layout-calendar__column-1 {
  width: 275px;
  padding-right: 0;
  transition: all .2s;
}

.scorm-individual-results-view .layout-calendar__column-2 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 295px;
  transition: all .2s;
}

@media only screen and (min-width: 1024px) {
  .scorm-individual-results-view .scorm-individual-results-view__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media only screen and (min-width: 1280px) {
  .scorm-individual-results-view .layout-calendar__column-1 {
    width: 450px;
    padding-right: 20px;
    transition: all .2s;
  }

  .scorm-individual-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
    transition: all .2s;
  }
}

.scorm-individual-results-view__footer {
  height: 100%;
}

.scorm-individual-results-view__footer-right {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.scorm-individual-results-view__footer-buttons-arrow {
  align-items: center;
  display: flex;
}

.scorm-individual-results-view__footer-button-action {
  margin-left: 40px;
}

.scorm-individual-results-view__footer-buttons-arrow .button, .scorm-individual-results-view__footer-buttons-arrow .resources-demo-container__link, .scorm-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .scorm-individual-results-view__footer-buttons-arrow .resources-demo-container__link, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .scorm-individual-results-view__footer-buttons-arrow .vl-button--primary-full-width, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .scorm-individual-results-view__footer-buttons-arrow .vl-button--primary-without-bg, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .scorm-individual-results-view__footer-buttons-arrow .vl-button--primary-border, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .scorm-individual-results-view__footer-buttons-arrow .vl-button, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .scorm-individual-results-view__footer-buttons-arrow .vl-button, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .scorm-individual-results-view__footer-buttons-arrow .vl-button, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .scorm-individual-results-view__footer-buttons-arrow .vl-button, .scorm-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .scorm-individual-results-view__footer-buttons-arrow .vl-button, .scorm-individual-results-view__footer-buttons-arrow .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .scorm-individual-results-view__footer-buttons-arrow .mvl_card_button, .scorm-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .scorm-individual-results-view__footer-buttons-arrow .button {
  margin-left: 24px;
}

.scorm-individual-results-progress {
  background: #f7f4f2;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 182px;
  padding: 8px 12px;
  display: flex;
}

.scorm-individual-results-progress .scorm-individual-results-progress__bar {
  flex-grow: 1;
  height: 4px;
  margin: 4px 0;
  position: relative;
}

.scorm-individual-results-progress .scorm-individual-results-progress__bar .scorm-individual-results-progress__fill {
  z-index: 1;
  background: #a39b93;
  height: 4px;
  position: absolute;
  left: 0;
}

.scorm-individual-results-progress .scorm-individual-results-progress__bar .scorm-individual-results-progress__bg {
  background: #dbd5ce;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
}

.scorm-individual-results-progress .scorm-individual-results-progress__text {
  color: #706b65;
  margin-left: 18px;
  display: block;
}

.scorm-individual-results-table .scorm-individual-results-table__header {
  display: flex;
}

.scorm-individual-results-table .scorm-individual-results-table__header span {
  font-family: var(--font-second);
  color: #706b65;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.scorm-individual-results-table .scorm-individual-results-table__header span:first-child {
  flex-grow: 1;
}

.scorm-individual-results-table .scorm-individual-results-table__header span:nth-child(2) {
  width: 250px;
}

.scorm-individual-results-table .scorm-individual-results-table__header span:nth-child(3) {
  text-align: center;
  width: 120px;
}

.scorm-individual-results-table .scorm-individual-results-table__header span:nth-child(4) {
  text-align: center;
  width: 90px;
}

.scorm-individual-results-table .scorm-individual-results-table__accordion {
  min-height: 40px;
}

.scorm-individual-results-table .scorm-individual-results-table__accordion .MuiAccordionDetails-root {
  flex-direction: column;
}

.scorm-individual-results-table .scorm-individual-results-table__accordion .MuiIconButton-root {
  margin-right: 14px;
  padding: 0;
}

.scorm-individual-results-table .scorm-individual-results-table__accordion-title {
  font-family: var(--font-first);
  color: #706b65;
  text-transform: uppercase;
  border-bottom: 1px solid #dbd5ce;
  flex-direction: row-reverse;
  min-height: 40px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.scorm-individual-results-table .scorm-individual-results-table__category-title {
  font-family: var(--font-first);
  color: #706b65;
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  min-height: 40px;
  font-size: 16px;
  display: flex;
}

.scorm-individual-results-table-item {
  display: flex;
}

.scorm-individual-results-table-item > span {
  color: #706b65;
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  min-height: 48px;
  display: flex;
}

.scorm-individual-results-table-item > span:first-child {
  flex-grow: 1;
}

.scorm-individual-results-table-item > span:nth-child(2) {
  width: 250px;
}

.scorm-individual-results-table-item > span:nth-child(3) {
  text-align: center;
  justify-content: center;
  width: 120px;
}

.scorm-individual-results-table-item > span:nth-child(4) {
  text-align: center;
  justify-content: center;
  width: 90px;
}

.scorm-individual-results-table-item .activity-state-icon {
  margin-right: 8px;
}

.scorm-individual-results-table-item .score {
  background: #f1f3f5;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.scorm-individual-results-table-item .score--needs-reinforcement {
  background: #ffe8e8;
}

.scorm-individual-results-table-item .score--needs-ampliacion {
  background: #fef7ec;
}

.scorm-individual-results-table-item .score--good-progress {
  background: #ecfbef;
}

.login-image {
  background: var(--color-bg-landing);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  display: flex;
}

.login-image__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--landing);
  width: 100%;
  max-width: 750px;
  height: 100%;
  position: relative;
}

.layout-calendar__column-1 {
  padding: 20px 0 20px 32px;
}

.layout-calendar__column-1 .assessment-results-view__user-list {
  padding-right: 20px;
}

.xapi-results-view .layout-header {
  background: #fff;
}

.xapi-results-view .xapi-vertical-stretch, .xapi-results-view .layout-header, .xapi-results-view .layout-header__content, .xapi-results-view .layout-header__children, .xapi-results-view .xapi-results-activity, .xapi-results-view .xapi-results-activity__content, .xapi-results-view .viewer-v2, .xapi-results-view .viewer, .xapi-results-view .viewer-container, .xapi-results-view .viewer__xapi, .xapi-results-view .viewer__xapi iframe {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.xapi-results-activity {
  position: relative;
}

.xapi-results-activity__header {
  display: flex;
}

.xapi-results-activity__header-right {
  flex: auto;
  padding-left: 24px;
}

.xapi-results-activity__header-pretitle {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.xapi-results-activity__header-date {
  font-family: var(--font-second);
  color: #a39b93;
  margin-left: 6px;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  display: inline-flex;
}

.xapi-results-activity__header-title {
  padding-right: 66px;
  display: block;
}

.xapi-results-activity__header-description {
  color: #706b65;
  margin-top: 8px;
  padding-right: 66px;
  line-height: 1.67;
  display: block;
}

.xapi-results-activity__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin: 24px auto;
  display: flex;
}

.xapi-results-activity__header-metadata {
  align-items: center;
  gap: 12px;
  display: flex;
}

.xapi-results-activity__header-sessions {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.xapi-results-activity__header-sessions-text {
  text-transform: uppercase;
  color: #706b65;
  font-size: 12px;
  font-family: var(--font-second);
  font-weight: 700;
}

.xapi-results-activity__header-sessions-tag {
  background: #f3eeea;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  display: flex;
}

.xapi-results-activity__header-right-end {
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  display: flex;
}

.xapi-results-activity__header-view-content {
  margin-top: 12px;
}

.xapi-results-overview__counters {
  flex-wrap: nowrap;
  margin-top: 24px;
  display: flex;
}

.xapi-results-overview__counters > div {
  margin-right: 24px;
}

.xapi-results-overview__graph {
  margin-top: 24px;
}

.xapi-results-users__accordions .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border-top: 1px solid #dbd5ce;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  height: auto !important;
}

.xapi-results-users__accordions .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.xapi-results-users__accordions .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #dbd5ce;
  margin: 0;
}

.xapi-results-users__accordions .MuiAccordionSummary-root {
  height: auto !important;
}

.xapi-results-users__search {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 8px;
}

.xapi-results-users__no-items {
  width: 80%;
  margin: auto;
}

@media only screen and (min-width: 1280px) {
  .xapi-individual-results-view .layout-calendar__column-1 {
    width: 450px;
    padding-right: 20px;
    transition: all .2s;
  }

  .xapi-individual-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
    transition: all .2s;
  }
}

.xapi-individual-results-view__left {
  padding-right: 24px;
}

.xapi-individual-results-view__avatar {
  z-index: 1;
  position: relative;
}

.xapi-individual-results-view__avatar .avatar {
  margin: auto;
}

.xapi-individual-results-view__card {
  position: relative;
  top: -20px;
}

.xapi-individual-results-view__name {
  text-align: center;
  margin-bottom: 8px;
  display: block;
}

.xapi-individual-results-view__text-info {
  color: #a39b93;
  flex-direction: column;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.xapi-individual-results-view__text-date {
  color: #a39b93;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.xapi-individual-results-view__feedback {
  text-align: center;
}

.xapi-individual-results-view__right {
  padding-right: calc(50% - 648px);
}

.xapi-individual-results-view__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.xapi-individual-results-view__title {
  margin-left: 12px;
  display: flex;
}

.xapi-individual-results-view__questions {
  color: #a39b93;
}

.xapi-individual-results-view__header-right {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.xapi-individual-results-view__header-progress {
  margin-left: 12px;
}

.xapi-individual-results-view__header-left {
  display: flex;
}

.xapi-individual-results-view__header-points {
  width: 110px;
  margin-left: 14px;
}

.xapi-individual-results-view__header-points .input-points .input-points__input-container {
  border-radius: 8px;
  padding-right: 8px !important;
}

.xapi-individual-results-view__content {
  margin-top: 24px;
}

.xapi-individual-results-view .layout-calendar__column-1 {
  width: 275px;
  padding-right: 0;
  transition: all .2s;
}

.xapi-individual-results-view .layout-calendar__column-2 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 295px;
  transition: all .2s;
}

@media only screen and (min-width: 1280px) {
  .xapi-individual-results-view .layout-calendar__column-1 {
    width: 450px;
    padding-right: 20px;
    transition: all .2s;
  }

  .xapi-individual-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
    transition: all .2s;
  }
}

.xapi-individual-results-view__footer {
  height: 100%;
}

.xapi-individual-results-view__footer-right {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.xapi-individual-results-view__footer-buttons-arrow {
  align-items: center;
  display: flex;
}

.xapi-individual-results-view__footer-button-action {
  margin-left: 40px;
}

.xapi-individual-results-view__footer-buttons-arrow .button, .xapi-individual-results-view__footer-buttons-arrow .resources-demo-container__link, .xapi-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .xapi-individual-results-view__footer-buttons-arrow .resources-demo-container__link, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .xapi-individual-results-view__footer-buttons-arrow .vl-button--primary-full-width, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .xapi-individual-results-view__footer-buttons-arrow .vl-button--primary-without-bg, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .xapi-individual-results-view__footer-buttons-arrow .vl-button--primary-border, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .xapi-individual-results-view__footer-buttons-arrow .vl-button, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .xapi-individual-results-view__footer-buttons-arrow .vl-button, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .xapi-individual-results-view__footer-buttons-arrow .vl-button, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .xapi-individual-results-view__footer-buttons-arrow .vl-button, .xapi-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .xapi-individual-results-view__footer-buttons-arrow .vl-button, .xapi-individual-results-view__footer-buttons-arrow .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .xapi-individual-results-view__footer-buttons-arrow .mvl_card_button, .xapi-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .xapi-individual-results-view__footer-buttons-arrow .button {
  margin-left: 24px;
}

.xapi-individual-results-progress {
  background: none;
  border: 1px solid #ebe0d7;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 182px;
  padding: 8px 12px;
  display: flex;
}

.xapi-individual-results-progress .xapi-individual-results-progress__bar {
  flex-grow: 1;
  height: 4px;
  margin: 4px 0;
  position: relative;
}

.xapi-individual-results-progress .xapi-individual-results-progress__bar .xapi-individual-results-progress__fill {
  z-index: 1;
  background: #41d158;
  height: 4px;
  position: absolute;
  left: 0;
}

.xapi-individual-results-progress .xapi-individual-results-progress__bar .xapi-individual-results-progress__bg {
  background: #dbd5ce;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
}

.xapi-individual-results-progress .xapi-individual-results-progress__text {
  color: #706b65;
  margin-left: 18px;
  display: flex;
}

.xapi-individual-results-progress .xapi-individual-results-progress__perc {
  font-size: 14px;
  font-family: var(--font-second);
  color: #a39b93;
  margin-left: 4px;
  display: block;
}

.xapi-individual-results-table {
  font-family: var(--font-second);
}

.xapi-individual-results-table .xapi-individual-results-table__header {
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__header span {
  font-family: var(--font-second);
  color: #a39b93;
  text-transform: uppercase;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.xapi-individual-results-table .xapi-individual-results-table__header span:first-child {
  width: 75%;
}

.xapi-individual-results-table .xapi-individual-results-table__header span:nth-child(2) {
  text-align: right;
  width: 15%;
}

.xapi-individual-results-table .xapi-individual-results-table__header span:nth-child(3) {
  text-align: right;
  width: 10%;
}

.xapi-individual-results-table .xapi-individual-results-table__content {
  width: 100%;
}

.xapi-individual-results-table .xapi-individual-results-table__content .xapi-individual-results-table__content-title {
  font-family: var(--font-first);
  align-items: center;
  min-height: 40px;
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__row {
  font-family: var(--font-second);
  color: #706b65;
  align-items: center;
  min-height: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title {
  flex-direction: column;
  width: 75%;
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-question {
  cursor: pointer;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-question .xapi-individual-results-table__row-question-text {
  max-width: 95%;
  margin-left: 12px;
  font-size: 16px;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-response {
  width: 100%;
  margin-bottom: 12px;
  margin-left: 30px;
  display: none;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-response--open {
  flex-direction: column;
  display: flex;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-response .xapi-individual-results-table__row-response-title {
  font-size: 14px;
  line-height: 20px;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-title .xapi-individual-results-table__row-response .xapi-individual-results-table__row-response-text {
  font-size: 16px;
  font-family: var(--font-second);
  font-weight: 700;
  line-height: 25px;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-attempts {
  text-align: right;
  width: 15%;
  font-size: 14px;
}

.xapi-individual-results-table .xapi-individual-results-table__row .xapi-individual-results-table__row-score {
  font-family: var(--font-first);
  text-align: right;
  width: 10%;
  font-size: 16px;
  font-weight: 700;
}

.xapi-individual-results-table .xapi-individual-results-table__row .score--needs-reinforcement {
  color: #f66868;
}

.xapi-individual-results-table .xapi-individual-results-table__row .score--needs-ampliacion {
  color: #f2aa3f;
}

.xapi-individual-results-table .xapi-individual-results-table__row .score--good-progress {
  color: #41d158;
}

.xapi-individual-results-table .xapi-individual-results-table__accordion {
  min-height: 40px;
}

.xapi-individual-results-table .xapi-individual-results-table__accordion .MuiAccordionDetails-root {
  flex-direction: column;
}

.xapi-individual-results-table .xapi-individual-results-table__accordion .MuiIconButton-root {
  margin-right: 14px;
  padding: 0;
}

.xapi-individual-results-table .xapi-individual-results-table__accordion-title {
  font-family: var(--font-first);
  color: #706b65;
  text-transform: uppercase;
  border-bottom: 1px solid #dbd5ce;
  flex-direction: row-reverse;
  min-height: 40px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.xapi-individual-results-table .xapi-individual-results-table__category-title {
  font-family: var(--font-first);
  color: #706b65;
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  min-height: 40px;
  font-size: 16px;
  display: flex;
}

.xapi-individual-results-table__row-tooltip {
  font-family: var(--font-second);
  height: auto;
  font-size: 12px;
}

.videolesson-results-view {
  overflow-x: hidden;
}

.videolesson-results-view .layout-header {
  background: #fff;
}

.videolesson-results-view .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  height: auto !important;
}

.videolesson-results-view .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.videolesson-results-view .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #dbd5ce;
  margin: 0;
}

.videolesson-results-view .MuiAccordionSummary-root.Mui-expanded .videolesson-results-view__users-list-header-text, .videolesson-results-view .MuiAccordionSummary-root.Mui-expanded .videolesson-results-view__users-list-header-length {
  color: #706b65;
}

.videolesson-results-view .MuiAccordionSummary-root {
  height: auto !important;
}

.videolesson-results-view .MuiIconButton-root {
  margin-right: 0;
}

.videolesson-results-view .note-card__text {
  font-family: var(--font-first);
}

.videolesson-results-view .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns {
  flex-direction: column;
  align-items: stretch;
}

.videolesson-results-view .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-1 {
  width: auto;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts {
  font-family: var(--font-first);
  background: #f7f4f2;
  margin-bottom: 12px;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label {
  font-size: 15px;
  font-weight: 700;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label, .videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number {
  color: #a39b93;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label svg, .videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number svg {
  display: none;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts {
  justify-content: flex-end;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__right button, .videolesson-results-view .vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__left button {
  background: none;
}

.videolesson-results-view .vl-lesson .vl-button--arrow-attempts {
  border: 1px solid #a39b93;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: auto 8px;
}

.videolesson-results-view .vl-lesson .vl-button--arrow-attempts svg {
  border: none;
}

.videolesson-results-view .vl-lesson .vl-button--arrow-attempts svg rect {
  fill: rgba(0, 0, 0, 0);
}

.videolesson-results-view .vl-lesson .vl-button--arrow-attempts svg path {
  fill: #a39b93;
}

.videolesson-results-view .vl-lesson .vl-navigation-attempts__right .vl-navigation-attempts__number {
  color: #706b65;
  font-size: 22px;
}

.videolesson-results-view .vl-lesson .vl-navigation-attempts__right .vl-navigation-attempts__number span {
  color: #c7bfb7;
  font-size: 15px;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question .vl-lemonade-question__score-wrapper .assessment-grade-tag {
  padding: 12px;
}

.videolesson-results-view .vl-lesson .vl-lemonade-question .vl-lemonade-question__score-wrapper .assessment-grade-tag .assessment-grade-tag__grade-container {
  margin-right: 8px;
}

.videolesson-results-view__center-column {
  background: var(--color-bg-04);
  border-radius: 8px;
  padding-top: 20px;
}

.videolesson-results-view__send {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.videolesson-results-view__send .button, .videolesson-results-view__send .resources-demo-container__link, .videolesson-results-view__send .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .videolesson-results-view__send .resources-demo-container__link, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__send .vl-button--primary-full-width, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__send .vl-button--primary-without-bg, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__send .vl-button--primary-border, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .videolesson-results-view__send .vl-button, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .videolesson-results-view__send .vl-button, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .videolesson-results-view__send .vl-button, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .videolesson-results-view__send .vl-button, .videolesson-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .videolesson-results-view__send .vl-button, .videolesson-results-view__send .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .videolesson-results-view__send .mvl_card_button, .videolesson-results-view__send .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .videolesson-results-view__send .button {
  width: 100px;
}

.videolesson-results-view__students-header {
  cursor: pointer;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  display: flex;
}

.videolesson-results-view__students-header.selected {
  background-color: rgba(237, 112, 17, .1);
}

.videolesson-results-view__students-header .videolesson-results-view__students-name {
  color: #36393b;
  margin-left: 8px;
}

.videolesson-results-view__search {
  width: 100%;
  padding: 16px;
}

.videolesson-results-view__search .input-text__input, .videolesson-results-view__search .input-date input, .input-date .videolesson-results-view__search input, .videolesson-results-view__search .input-time-range__input, .videolesson-results-view__search .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .videolesson-results-view__search input, .videolesson-results-view__search .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .videolesson-results-view__search input, .videolesson-results-view__search .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .videolesson-results-view__search input {
  border-radius: 1px;
  padding-left: 52px;
}

.videolesson-results-view__search .input-text__icon {
  width: 24px;
  left: 12px;
  right: 0;
}

.videolesson-results-view__accordions .basic-list__item {
  margin: 24px 0;
}

.videolesson-results-view__users-list-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.videolesson-results-view__users-list-header-left {
  display: flex;
}

.videolesson-results-view__users-list-header-text, .videolesson-results-view__users-list-header-length {
  color: #a39b93;
}

.videolesson-results-view__users-list-select-all {
  margin-right: 16px;
}

.videolesson-results-view__user-empty {
  color: #a39b93;
  justify-content: center;
  padding: 16px 0;
  display: flex;
}

.videolesson-results-view__user-list {
  width: 100%;
  margin-top: 8px;
  padding-right: 8px;
}

.videolesson-results-view__user-list .basic-list__item {
  margin-left: 16px;
}

.videolesson-results-view__user-list .basic-list__item:last-child {
  margin-bottom: 8px;
}

.videolesson-results-view__top-info {
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.videolesson-results-view__attention-card {
  flex: auto;
  margin-right: 30px;
}

.videolesson-results-view__attention-card .attention-card {
  height: 100%;
}

.videolesson-results-view__title-container {
  padding: 8px 0;
}

.videolesson-results-view__title {
  color: #36393b;
}

.videolesson-results-view__subtitle {
  color: #706b65;
  margin-top: 4px;
}

.videolesson-results-view__due-date-container {
  align-items: center;
  display: flex;
}

.videolesson-results-view__due-date {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.videolesson-results-view__due-date-value {
  color: var(--color-first);
}

.videolesson-results-view__results-info {
  justify-content: space-between;
  align-items: start;
  margin-top: 24px;
  display: flex;
}

.videolesson-results-view__stats {
  flex: auto;
  margin: 0 30px;
}

.videolesson-results-view__note .note_card {
  padding: 0 !important;
}

.videolesson-results-view__on-time-container {
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  margin-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.videolesson-results-view__on-time {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.videolesson-results-view__on-time-value {
  color: #706b65;
}

.videolesson-results-view__no-items {
  width: 80%;
  margin: auto;
}

.vl-lesson .vl-solutions-list-component {
  align-items: flex-start;
}

.vl-lesson .vl-solutions-list-component .vl-solutions-list-component__question {
  max-width: 100%;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__time {
  display: none;
}

.videolesson-results-view .videolesson-results-view__mobile-menu-button {
  z-index: 9999;
  position: fixed;
  bottom: 20px;
  right: 40px;
}

.videolesson-results-view .videolesson-results-view__mobile-menu-button .button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .resources-demo-container__link, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button--primary-full-width, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button--primary-without-bg, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button--primary-border, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .videolesson-results-view .videolesson-results-view__mobile-menu-button .vl-button, .videolesson-results-view .videolesson-results-view__mobile-menu-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .videolesson-results-view .videolesson-results-view__mobile-menu-button .mvl_card_button {
  border-radius: 50%;
  padding: 12px;
}

.videolesson-results-view .videolesson-results-view__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.videolesson-results-view .layout-calendar__column-1 {
  right: -450px;
  left: unset;
  z-index: 5001;
  padding-top: 84px;
  padding-right: 0;
  transition: right .3s ease-in-out;
  top: 0;
  height: 100vh !important;
}

.videolesson-results-view .layout-calendar__column-2 {
  padding-left: 28px;
}

.videolesson-results-view.videolesson-results-view__mobile-menu--open .layout-calendar__column-1 {
  transition: right .3s ease-in-out;
  right: 0;
}

.videolesson-results-view.videolesson-results-view__mobile-menu--open .videolesson-results-view__mobile-menu-button {
  right: 57px;
}

.videolesson-results-view.videolesson-results-view__mobile-menu--open .videolesson-results-view__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

.videolesson-results-view__attention-card {
  flex: auto;
  max-width: 550px;
  margin-right: 30px;
}

.videolesson-results-view__attention-card .attention-card {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.videolesson-results-view__attention-card .attention-card .attention-card__actions {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.videolesson-results-view__attention-card .attention-card .attention-card__actions .button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .resources-demo-container__link, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-full-width, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-without-bg, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-border, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view__attention-card .attention-card .attention-card__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .videolesson-results-view__attention-card .attention-card .attention-card__actions .mvl_card_button {
  margin-top: 12px;
}

.videolesson-results-view__top-info .videolesson-results-view__note {
  align-self: center;
  min-width: 119px;
  margin-left: 30px;
  display: block;
}

.videolesson-results-view__top-info .videolesson-results-view__note .note-card {
  padding: 12px 8px;
}

.videolesson-results-view__top-info .videolesson-results-view__note .note-card__note {
  font-size: 32px;
}

.videolesson-results-view__top-info .videolesson-results-view__note .note-card__note-total {
  color: #c7bfb7;
  margin-left: 2px;
  font-size: 18px;
}

.videolesson-results-view__right .vl-lesson, .videolesson-results-view__right .lemonade-exercises .lemo-multiple-choice, .videolesson-results-view__right .vl-lesson .vl-wrapper-question .vl-lemonade-question__question, .videolesson-results-view__right .lemonade-exercises .lemo-multiple-choice .lemo-option-content, .videolesson-results-view__right .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents, .videolesson-results-view__right .vl-lesson .vl-results-counter .vl-results-counter__text, .videolesson-results-view__right .vl-font-heading-h2, .videolesson-results-view__right .vl-lesson .vl-results-counter .vl-results-counter__number {
  font-family: var(--font-second) !important;
}

.videolesson-results-view__right .lemonade-exercises .lemo-multiple-choice .lemo-option-content {
  color: #706b65;
}

.videolesson-results-view__right .vl-lesson .vl-wrapper-question .vl-lemonade-question__question {
  box-shadow: none;
  border: none;
  font-size: 18px;
  border-radius: 0 !important;
}

.videolesson-results-view__right .lemonade-exercises .lemo-base-option .lemo-base-option__wrapper {
  background-color: rgba(0, 0, 0, 0) !important;
}

.videolesson-results-view__right .lemonade-exercises .lemo-base-checkbox--feedback-success, .videolesson-results-view__right .lemonade-exercises .lemo-dropdown-control--feedback-success, .videolesson-results-view__right .lemonade-exercises .lemo-success, .videolesson-results-view__right .lemonade-exercises .lemo-success .lemo-drag-option {
  background: rgba(65, 209, 88, .1);
  border-radius: 8px;
  width: auto;
}

.videolesson-results-view__right .lemonade-exercises .lemo-base-checkbox--feedback-error, .videolesson-results-view__right .lemonade-exercises .lemo-dropdown-control--feedback-error, .videolesson-results-view__right .lemonade-exercises .lemo-error, .videolesson-results-view__right .lemonade-exercises .lemo-error .lemo-drag-option {
  background: rgba(247, 104, 104, .1);
  border-radius: 8px;
  width: auto;
}

.videolesson-results-view__right .vl-lesson .vl-results {
  border: none;
  border-radius: 0;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 50px;
  padding: 0;
  display: none;
}

.videolesson-results-view__right .vl-lesson .vl-results .vl-results-separator {
  display: none;
}

.videolesson-results-view__right .vl-lesson .vl-results-counter {
  align-items: center;
  padding: 12px 8px;
}

.videolesson-results-view__right .vl-results-counter:last-child {
  border: 1px solid #dbd5ce;
}

.videolesson-results-view__right .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents {
  font-weight: 600;
}

.videolesson-results-view__right .vl-lesson .vl-results-counter .vl-results-counter__text {
  color: #a39b93;
  font-size: 15px;
  font-weight: 700;
}

.videolesson-results-view__right .vl-font-heading-h2, .videolesson-results-view__right .vl-lesson .vl-results-counter .vl-results-counter__number {
  color: #706b65;
}

.videolesson-results-view__right .lemonade-exercises .lemo-title, .videolesson-results-view__right .lemonade-exercises .lemo-stimulus {
  color: #706b65;
  font-size: 18px;
  font-weight: 600;
}

.videolesson-results-view__right .videolesson-results__header {
  font-family: var(--font-second);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.videolesson-results-view__right .videolesson-results__header-right {
  justify-content: flex-end;
  align-items: center;
  gap: 50px;
  width: 50%;
  display: flex;
}

.videolesson-results-view__right .videolesson-results__correct-answers, .videolesson-results-view__right .videolesson-results__wrong-answers {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.videolesson-results-view__right .videolesson-results__correct-answers-counter {
  color: #706b65;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 600;
}

.videolesson-results-view__right .videolesson-results__correct-answers-text, .videolesson-results-view__right .note-card__text {
  font-family: var(--font-first);
  color: #a39b93;
  font-size: 15px;
  font-weight: 700;
}

.videolesson-results-view__right .videolesson-results__header-left {
  width: 50%;
  margin-bottom: 30px;
}

.videolesson-results-view__right .vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points {
  display: none;
}

.videolesson-results-view__right .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents {
  color: #a39b93;
  font-family: var(--font-second);
  background-color: #f7f4f2;
  font-size: 500px;
  font-weight: 700;
}

.videolesson-results-view__right .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents svg {
  display: none;
}

@media only screen and (min-width: 768px) {
  .videolesson-results-view .videolesson-results__header-left, .videolesson-results-view .videolesson-results__header-right {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .videolesson-results-view .videolesson-results__header-left, .videolesson-results-view .videolesson-results__header-right {
    width: 100%;
  }

  .videolesson-results-view .videolesson-results-view__mobile-menu-button, .videolesson-results-view .videolesson-results-view__mobile-menu-backdrop {
    display: none;
  }

  .videolesson-results-view .layout-calendar__column-1 {
    left: 0;
    top: unset;
    background-color: #fff;
    border-left: 1px solid #dbd5ce;
    padding: 40px 0 20px 32px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 64px) !important;
  }

  .videolesson-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 490px;
  }

  .videolesson-results-view .videolesson-results-view__results-info .videolesson-results-view__note {
    display: block;
  }

  .videolesson-results-view .videolesson-results-view__attention-card {
    max-width: none;
  }

  .videolesson-results-view .videolesson-results-view__attention-card .attention-card {
    flex-direction: row;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions {
    flex-direction: row;
    display: flex;
  }

  .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .resources-demo-container__link, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-full-width, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-without-bg, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-border, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .vl-button, .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .videolesson-results-view .videolesson-results-view__attention-card .attention-card .attention-card__actions .mvl_card_button {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .videolesson-results-view .videolesson-results__header-left, .videolesson-results-view .videolesson-results__header-right {
    width: 50%;
  }
}

.banner-all-resources {
  width: 774px;
  max-width: 90%;
  min-height: 132px;
  margin: 12px auto 50px;
}

.banner-all-resources__card {
  border: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.banner-all-resources__texts {
  color: #36393b;
  font-family: var(--font-second);
  width: 100%;
  margin-bottom: 24px;
}

.banner-all-resources__link {
  justify-content: center;
  align-items: center;
  max-height: 100%;
  display: flex;
}

.banner-all-resources__link .button__text {
  margin-right: 12px;
}

.banner-all-resources__texts-title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.banner-all-resources__texts-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.82px;
}

@media only screen and (min-width: 1024px) {
  .banner-all-resources__card--fanfest {
    flex-direction: row;
  }

  .banner-all-resources__link--fanfest {
    width: 40%;
    height: 132px;
  }

  .banner-all-resources__texts--fanfest {
    width: 55%;
  }
}

.banner-resources-polp {
  font-family: var(--font-second);
  width: 444px;
  max-width: 90%;
  min-height: 292px;
  margin: 100px auto 50px;
}

.banner-resources-polp__content {
  border: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 292px;
  padding: 24px 50px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.banner-resources-polp__image {
  position: absolute;
  top: -70px;
}

.banner-resources-polp__image img {
  width: auto;
  height: 150px;
}

.banner-resources-polp__text {
  color: #36393b;
  text-align: center;
  margin-top: 70px;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.program-view .program__content {
  gap: 24px;
  display: flex;
  width: 100% !important;
}

.program-view .program__times-list {
  justify-content: space-between;
  display: flex;
  width: 100% !important;
}

.program-view .program__books-container {
  background: var(--color-bg-03);
  border: 1px solid #dbd5ce;
  border-bottom-width: 2px;
  border-radius: 0;
  align-self: flex-start;
  max-width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  margin: 0 !important;
  padding: 8px !important;
}

@media only screen and (min-width: 768px) {
  .program-view .program__books-container {
    max-width: 240px;
    margin-left: 24px !important;
  }
}

.program-view .program__books-list {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex !important;
}

.program-view .program__books-list .book-card {
  width: 148px;
  height: auto;
}

.program-view-banner .custom-banner {
  border-radius: 0;
  min-height: 144px;
}

.program-view-banner .button-fixed-dropdown__button {
  position: static;
}

.program-view-banner .button-fixed-dropdown__button--open-rotate .button, .program-view-banner .button-fixed-dropdown__button--open-rotate .resources-demo-container__link, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button--primary-full-width, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button--primary-without-bg, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button--primary-border, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button, .program-view-banner .button-fixed-dropdown__button--open-rotate .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .program-view-banner .button-fixed-dropdown__button--open-rotate .vl-button, .program-view-banner .button-fixed-dropdown__button--open-rotate .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .program-view-banner .button-fixed-dropdown__button--open-rotate .mvl_card_button {
  background-color: #a39b93;
  background-image: none;
}

.program-view-banner__title {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  border-radius: 0;
  -webkit-box-orient: vertical;
  max-width: 70%;
  padding: 0 16px;
  font-weight: 700;
  line-height: 48px;
  position: absolute;
  top: 16px;
  overflow: hidden;
  display: -webkit-box !important;
}

.program-view-banner__bottom-right {
  align-items: center;
  display: flex;
}

.program-view-banner__bottom-right .button--color-transparent {
  color: #fff;
}

.program-view-banner__button-edit .button, .program-view-banner__button-edit .resources-demo-container__link, .program-view-banner__button-edit .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .program-view-banner__button-edit .resources-demo-container__link, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-full-width, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-without-bg, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-border, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .program-view-banner__button-edit .vl-button, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .program-view-banner__button-edit .vl-button, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .program-view-banner__button-edit .vl-button, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .program-view-banner__button-edit .vl-button, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .program-view-banner__button-edit .vl-button, .program-view-banner__button-edit .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .program-view-banner__button-edit .mvl_card_button, .program-view-banner__button-edit .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .program-view-banner__button-edit .button {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.program-view-banner__button-edit .button .icon, .program-view-banner__button-edit .resources-demo-container__link .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-full-width .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-without-bg .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .program-view-banner__button-edit .vl-button--primary-border .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .program-view-banner__button-edit .vl-button .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .program-view-banner__button-edit .vl-button .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .program-view-banner__button-edit .vl-button .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .program-view-banner__button-edit .vl-button .icon, .program-view-banner__button-edit .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .program-view-banner__button-edit .vl-button .icon, .program-view-banner__button-edit .projection-view__content-container--link .mvl_card_button .icon, .projection-view__content-container--link .program-view-banner__button-edit .mvl_card_button .icon {
  width: 22px;
  height: 22px;
  min-height: 22px;
}

.vanilla-course__dropdown .list-simple-dropdown__name {
  color: var(--color-first);
}

.vanilla-course__dropdown .list-simple-dropdown__li {
  flex-direction: row-reverse;
}

.vanilla-course__dropdown .list-simple-dropdown__icon {
  margin-left: 8px;
  margin-right: 0;
}

.program-view-banner__header-student {
  align-items: center;
  display: flex;
}

.program-view-banner__mode-exit {
  color: #fff;
  margin-right: 40px;
}

.program-view-modules {
  width: 100%;
}

.program-view-modules .program-view-modules__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.program-view-modules .program-view-modules__header .program-view-modules__header-left .header-tabs__type-view-border .header-tabs__tab:only-child, .program-view-modules .program-view-modules__header .program-view-modules__header-left .header-tabs__type-view-border .header-tabs__tab:first-child:not(:only-child), .program-view-modules .program-view-modules__header .program-view-modules__header-left .header-tabs__type-view-border .header-tabs__tab:last-child:not(:only-child), .program-view-modules .program-view-modules__header .program-view-modules__header-left .header-tabs__type-view-border .header-tabs__tab:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.program-view-modules .program-view-modules__header-right .switch__texts {
  color: #a39b93;
}

.program-view-modules .program-view-modules__header-left .header-tabs__type-view-border .header-tabs__tab {
  width: auto !important;
}

.program-view-modules .program-view-modules__header-left .header-tabs__tab {
  background-color: #fff;
  border: 1px solid #dbd5ce;
  border-bottom-width: 2px;
  padding: 8px 16px;
}

.program-view-modules .program-view-modules__header-left .header-tabs__tab .header-tabs__tab-text-container .header-tabs__tab-text {
  font-family: var(--font-first-semi);
  color: #a39b93;
  letter-spacing: .28px;
  font-size: 14px;
}

.program-view-modules .program-view-modules__header-left .header-tabs__tab--active {
  background-color: var(--color-bg-01);
}

.program-view-modules .program-view-modules__header-left .header-tabs__tab--active .header-tabs__tab-text-container .header-tabs__tab-text {
  color: #706b65;
}

.program-view-modules .modules-list__item .module-item {
  min-height: 96px !important;
}

.program-view-modules .modules-list__item .module-item .module-item__cover {
  border-radius: 0;
  width: 64px;
  height: 64px;
  display: block;
}

.program-view-modules .modules-list__item .module-item .module-item__cover img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.program-view-modules .program-view-modules__no-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.program-view-modules .program-view-modules__no-content .program-view-modules__no-content-text {
  color: #a39b93;
  font-family: var(--font-first);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.program-view-banner-sessions-info {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  width: 192px;
  min-height: 120px;
  padding: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.program-view-banner-sessions-info--student {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  width: 124px;
  position: relative;
}

.program-view-banner-sessions-info--student .button, .program-view-banner-sessions-info--student .resources-demo-container__link, .program-view-banner-sessions-info--student .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .program-view-banner-sessions-info--student .resources-demo-container__link, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .program-view-banner-sessions-info--student .vl-button--primary-full-width, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .program-view-banner-sessions-info--student .vl-button--primary-without-bg, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .program-view-banner-sessions-info--student .vl-button--primary-border, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .program-view-banner-sessions-info--student .vl-button, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .program-view-banner-sessions-info--student .vl-button, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .program-view-banner-sessions-info--student .vl-button, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .program-view-banner-sessions-info--student .vl-button, .program-view-banner-sessions-info--student .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .program-view-banner-sessions-info--student .vl-button, .program-view-banner-sessions-info--student .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .program-view-banner-sessions-info--student .mvl_card_button, .program-view-banner-sessions-info--student .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .program-view-banner-sessions-info--student .button {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.program-view-banner-sessions-info__center {
  color: #36393b;
}

.program-view-banner-sessions-info__top {
  color: #a39b93;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.lesson-item-card {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: 100px;
  margin: 8px 0;
  transition: all .2s ease-out;
  animation: .3s ease-out forwards fadeInUp;
  display: flex;
  position: relative;
  box-shadow: 0 1px 3px rgba(71, 77, 87, .05);
}

.lesson-item-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(71, 77, 87, .07), 0 2px 4px rgba(71, 77, 87, .04);
}

.lesson-item-card__center {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  display: flex;
}

.lesson-item-card__info {
  color: #c7bfb7;
  font-family: var(--font-second);
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  display: flex;
}

.lesson-item-card__info-left, .lesson-item-card__info-right {
  color: #c7bfb7;
  font-family: var(--font-second);
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  display: flex;
}

.lesson-item-card__info-type {
  text-transform: uppercase;
}

.lesson-item-card__info-comments {
  border-left: 1px solid #c7bfb7;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  display: flex;
}

.lesson-item-card__info-comments__info-comments-count {
  color: #a39b93;
}

.lesson-item-card__left-icon-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.lesson-item-card__info-evaluation {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.lesson-item-card__info-evaluation-text {
  padding-bottom: 4px;
}

.lesson-item-card__info-date {
  color: #a39b93;
  text-transform: uppercase;
  border-left: 1px solid #c7bfb7;
  padding-left: 8px;
}

.lesson-item-card__info-published-at {
  text-transform: uppercase;
  color: #828282;
  text-transform: uppercase;
  border-left: 1px solid #bdbdbd;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  display: flex;
}

.lesson-item-card__right {
  color: #a39b93;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 24px;
}

.lesson-item-card__right-assigned {
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.lesson-item-card__right-preview {
  cursor: pointer;
  transition: filter .3s;
}

.lesson-item-card__right-preview:hover {
  filter: brightness(1.2);
  transform: scale(1.1);
}

.lesson-item-card-session {
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.lesson-item-card__options .more-icon-menu {
  margin-left: 8px;
}

.lesson-item-card__options .icon path {
  fill: #a39b93;
}

.lesson-item-card__center-title {
  color: #36393b;
  font-family: var(--font-first-semi);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.lesson-item-card__sessions {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-item-card__sessions-text {
  text-transform: uppercase;
  color: #706b65;
  font-size: 12px;
}

.lesson-item-card__sessions-tag {
  background: var(--color-bg-03);
  border-radius: 40px;
  padding: 4px 8px;
}

.lesson-item-card-highlight {
  background-color: var(--color-first);
  transition: background-color .3s;
}

.lesson-view-contents {
  max-width: 850px;
  margin: 20px auto 100px;
}

.lesson-view-contents--student {
  max-width: 1150px;
}

.lesson-view-contents__section--hide {
  margin: 0 !important;
}

.lesson-view-contents__section--hide .MuiButtonBase-root {
  display: none;
}

.lesson-view-contents .MuiPaper-root {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.lesson-view-contents .MuiPaper-root .MuiAccordionSummary-root {
  border-bottom: 1px solid #dbd5ce;
  margin-bottom: 8px;
}

.lesson-view-contents .MuiPaper-root .MuiAccordionSummary-content {
  font-family: var(--font-first-semi);
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px !important;
}

.lesson-view-contents__actions {
  z-index: 8000;
  position: absolute;
  right: 20px;
}

.lesson-view-contents__actions .button-fixed-dropdown__button {
  margin-bottom: 90px !important;
}

.lesson-view-contents__teacher {
  max-width: 750px;
}

.lesson-view-contents__student {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: start;
  justify-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1150px;
  margin: 16px auto;
  display: grid;
}

@media (max-width: 1200px) {
  .lesson-view-contents__student {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .lesson-view-contents__student {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .lesson-view-contents__student {
    grid-template-columns: 1fr;
  }
}

.lesson-view-contents__student--module-resources {
  grid-template-columns: repeat(auto-fill, minmax(0, 317px));
  display: grid;
}

.lesson-view-contents__module-resources {
  background-color: var(--color-bg-03) !important;
  border: 1px solid #dbd5ce !important;
  border-radius: 20px !important;
  margin: 20px 0 !important;
  padding: 20px !important;
}

.lesson-view-contents__module-resources .lesson-item-card-student {
  max-width: 100%;
  width: 317px !important;
}

.lesson-view-contents__module-resources .lesson-item-card-student__image {
  width: 100% !important;
}

.lesson-view-contents__module-resources .lesson-item-card-student__image-img {
  object-position: center !important;
  width: 100% !important;
}

.lesson-section {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.lesson-section:hover .lesson-section__actions {
  opacity: 1;
}

.lesson-section__title {
  align-items: center;
  gap: 12px;
  display: flex;
}

.lesson-section__icon {
  background-image: var(--logo);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  min-width: 24px;
  height: 24px;
}

.lesson-section__actions {
  opacity: 0;
  align-items: center;
  gap: 16px;
  transition: opacity .3s ease-in-out;
  display: flex;
}

.lesson-section--hide {
  display: none;
}

@media (hover: none) and (pointer: coarse) {
  .lesson-section__actions {
    opacity: 1;
  }
}

.lesson-view .layout-header__children {
  position: relative !important;
}

.lesson-view .layout-header__content {
  padding-bottom: 200px;
}

.lesson-view .lesson-view-contents .MuiPaper-root .MuiAccordionSummary-content {
  font-family: var(--font-first-semi-custom);
}

.lesson-view .lesson-item-card-student__header-type-title {
  font-family: var(--font-first-custom);
}

.lesson-view .lesson-item-card-student__name, .lesson-view .lesson-item-card__center-title {
  font-family: var(--font-first-semi-custom);
}

.dialog.dialog-material-preview .lesson-element-item__type {
  font-family: var(--font-first-custom);
}

.dialog.dialog-material-preview .lesson-element-item__name {
  font-family: var(--font-first-semi-custom);
}

.sessions-dialog-preview {
  width: 100%;
  min-height: 720px;
  overflow: hidden;
}

.navigation-button {
  border: 1px solid var(--color-border);
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
}

.navigation-button.disabled {
  cursor: not-allowed;
  opacity: .5;
}

.navigation-button.disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.sessions-list .sessions-list__title {
  color: #706b65;
  font-family: Lato Bold, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.sessions-list .MuiAccordion-root {
  background-color: var(--color-bg-03);
}

.sessions-list .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.sessions-list .MuiAccordionSummary-root {
  padding: 24px 15px !important;
}

.sessions-list .MuiPaper-elevation1 {
  box-shadow: none;
}

.sessions-list .MuiAccordion-rounded {
  border-bottom: 1px solid #dbd5ce;
}

.sessions-list .MuiAccordion-rounded:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.sessions-list .MuiAccordion-rounded:last-child {
  border-bottom: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.sessions-list .MuiAccordion-rounded:last-child .icon__wrapper {
  display: none;
}

.sessions-list .MuiAccordionDetails-root {
  padding: 8px 15px !important;
}

.sessions-list .accordion-list2 {
  border: 1px solid #dbd5ce;
  border-radius: 9px;
}

.sessions-list-card-item {
  border: 1px solid var(--color-border);
  background: #fff;
  border-radius: 4px;
  width: 100%;
  padding: 8px 12px 6px;
}

.sessions-list-card-item__type-name {
  color: #c7bfb7;
  font-family: Lato Regular, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
}

.sessions-list-card-item__name {
  color: #706b65;
  font-family: Dosis Semi Bold, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

button.sessions-list-card-item {
  display: block;
}

.sessions-navigation {
  border: 1px solid var(--color-border);
  background: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px;
  display: flex;
}

.sessions-navigation__arrow {
  color: var(--color-first);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  padding: 8px;
  display: flex;
}

.sessions-navigation__arrow:disabled {
  color: #706b65;
  cursor: not-allowed;
}

.sessions-navigation__arrow:not(:disabled):hover {
  color: var(--color-first);
}

.sessions-navigation__arrow--hide {
  visibility: hidden;
}

.sessions-navigation__title {
  color: var(--color-first);
  text-align: center;
  font-family: Dosis Bold, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.sessions-scheduled-for {
  background: #f7f4f2;
  border-radius: 0;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.sessions-scheduled-for .text {
  color: #a39b93;
}

.sessions-scheduled-for .description {
  color: #706b65;
}

.sessions-scheduled-for.expired {
  background: #fee8e8;
}

.sessions-scheduled-for.expired .text, .sessions-scheduled-for.expired .description {
  color: #f66868;
}

.sessions-scheduled-for.not-scheduled {
  align-items: center;
}

.dialog-resource-classroom .classroom-resources__period-icon, .dialog-resource-classroom .classroom-resources-list-teacher__period-resource-type {
  display: none;
}

.dialog-resource-classroom .card-generic {
  border: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.dialog-resource-classroom .classroom-resources-list-teacher__period-resource {
  margin-bottom: 0;
}

.dialog-resource-classroom .icon-bubble {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0) !important;
}

.dialog-resource-classroom .icon--color-primary.icon--lib-skin path, .dialog-resource-classroom .icon--color-primary.icon--lib-core {
  fill: #c7bfb7 !important;
}

.dialog-resource-classroom .classroom-resources__period-wrapper {
  font-family: var(--font-first-semi);
}

.lesson-view-sessions {
  align-items: flex-start;
  display: flex;
}

.lesson-view-sessions__content {
  width: 60%;
  height: 60vh;
}

.lesson-view-sessions__navigation {
  width: 40%;
}

.lesson-view-sessions__title {
  color: #706b65;
  font-family: Dosis Bold, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.resource-view-content {
  width: 90%;
  height: 100%;
  margin: auto;
  position: relative;
}

.resource-view-content .viewer, .resource-view-content .viewer-v2 {
  height: 100%;
}

.resource-view-content__header {
  display: flex;
}

.resource-view-content__header-right {
  flex: auto;
  padding-left: 24px;
}

.resource-view-content__header-pretitle {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.resource-view-content__header-actions .more-icon-menu {
  margin-left: 0;
}

.resource-view-content__header-date {
  font-family: var(--font-second);
  color: #a39b93;
  margin-left: 6px;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  display: inline-flex;
}

.resource-view-content__header-title {
  font-family: var(--font-first-semi-custom);
  margin-bottom: 12px;
  padding-right: 66px;
  display: block;
}

.resource-view-content__header-description {
  color: #706b65;
  margin-top: 8px;
  padding-right: 66px;
  line-height: 1.67;
  display: block;
}

.resource-view-content__wrapper, .resource-view-content__content-viewer-wrapper {
  height: 100%;
}

.resource-view-content__content {
  flex-direction: column;
  gap: 20px;
  width: 90%;
  height: 100%;
  max-height: 70vh;
  margin: 24px auto;
  display: flex;
}

.resource-view-content__content-link {
  cursor: pointer;
  background: #fff;
  border: 1px solid #ebe0d7;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.resource-view-content__content-link-url {
  color: #c7bfb7;
  font-family: var(--font-second);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
}

.resource-view-content__content-html {
  justify-content: center;
  display: flex;
}

.resource-view-content__content-viewer-wrapper {
  width: 70%;
  max-height: 600px !important;
  padding-bottom: 30px !important;
}

.resource-view-content__content-viewer-wrapper .viewer-v2 {
  max-width: 100% !important;
  max-height: 100% !important;
}

.resource-view-content__header-metadata {
  align-items: center;
  gap: 12px;
  display: flex;
}

.resource-view-content__header-sessions {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.resource-view-content__header-sessions-text {
  text-transform: uppercase;
  color: #706b65;
  font-size: 12px;
  font-family: var(--font-second);
  font-weight: 700;
}

.resource-view-content__header-sessions-tag {
  background: var(--color-bg-03);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  display: flex;
}

.resource-view-content__header-right-end {
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  display: flex;
}

.resource-view .viewer {
  background: none;
}

.resource-view .layout-header {
  background-color: #fff;
}

.resource-view .layout-header__content {
  height: 100vh;
}

.resource-view .layout-header__children, .resource-view__content {
  height: 100%;
}

.resource-view-consumption {
  width: 90%;
  margin: auto;
  position: relative;
}

.resource-view-consumption__header {
  display: flex;
}

.resource-view-consumption__header-right {
  flex: auto;
  padding-left: 24px;
}

.resource-view-consumption__header-title {
  margin-top: 8px;
  padding-right: 66px;
  display: block;
}

.resource-view-consumption__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 90%;
  max-height: 70vh;
  margin: 24px auto;
  display: flex;
}

.resource-view-consumption__document {
  margin-top: 20px;
}

.resource-view-consumption__document .horizontal-students-progress {
  box-shadow: none;
  border: none;
}

.resource-view-consumption-progress-bar {
  background: var(--color-background);
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  display: flex;
}

.resource-view-consumption-progress-bar__graphic {
  border-right: 1px solid var(--color-border);
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 24px;
  display: flex;
}

.resource-view-consumption-progress-bar__graphic-text {
  color: #a39b93;
  font-family: var(--font-second);
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: relative;
}

.resource-view-consumption-progress-bar__graphic-text .icon {
  position: absolute;
  left: -24px;
}

.resource-view-consumption-progress-bar__bar-wrapper {
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 4px;
  display: flex;
  position: relative;
}

.resource-view-consumption-progress-bar__bar-label {
  text-wrap: nowrap;
  color: #706b65;
  font-family: var(--font-second);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}

.resource-view-consumption-progress-bar__bar {
  background: #e0e0e0;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-left: 8px;
  position: relative;
}

.resource-view-consumption-progress-bar__progress {
  background: #000;
  border-radius: 4px;
  height: 100%;
  position: absolute;
  top: 0;
}

.resources-view-consumption-chart {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.resources-view-consumption-chart .resources-view-consumption-chart__legend-item .not-consumed {
  background-color: var(--color-bg-04);
}

.resources-view-consumption-chart .resources-view-consumption-chart__legend-item .consumed {
  background-color: #41d158;
}

.resources-view-consumption-chart .recharts-pie .not-consumed {
  fill: var(--color-bg-04);
}

.resources-view-consumption-chart .recharts-pie .consumed {
  fill: #41d158;
}

.resources-view-consumption-chart__legend {
  gap: 16px;
  margin-top: 30px;
  display: flex;
}

.resources-view-consumption-chart__legend-item {
  align-items: center;
  gap: 8px;
  display: flex;
}

.resources-view-consumption-chart__legend-item-color {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.resources-view-consumption-chart__legend-item-name {
  font-family: var(--font-second);
  color: #a39b93;
  font-size: 14px;
  font-style: normal;
}

.resources-view-consumption-chart__legend-item .resources-view-consumption-chart__legend-item-color {
  background-color: var(--color-bg-04);
}

.lesson-item-card-student {
  cursor: default;
  background: #fff;
  border: 1px solid #dbd5ce;
  border-bottom-width: 2px;
  border-radius: 16px;
  width: 264px;
  height: 354px !important;
}

.lesson-item-card-student__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.lesson-item-card-student__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.lesson-item-card-student__header-type, .lesson-item-card-student__header-comments {
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-item-card-student__header-type-title, .lesson-item-card-student__header-comments-count {
  font-family: var(--font-second);
  text-transform: uppercase;
  color: #a39b93;
  font-size: 12px;
  font-weight: 700;
}

.lesson-item-card-student__name {
  color: #36393b;
  font-family: var(--font-first);
  margin: 12px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.lesson-item-card-student__info-date {
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-item-card-student__info-date-text {
  font-family: var(--font-second);
  color: #36393b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.lesson-item-card-student__info-date-text--late {
  color: #f66868;
}

.lesson-item-card-student__progress {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-item-card-student__progress-wrapper {
  border: 1px solid var(--color-border);
  background: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 120px;
  padding: 8px 12px 8px 16px;
  display: flex;
}

.lesson-item-card-student__progress-wrapper--progress-bar {
  width: 80%;
}

.lesson-item-card-student__progress-wrapper .tag--progress-bar {
  min-height: 40px;
}

.lesson-item-card-student__progress-wrapper .progress-bar__label .progress-bar__label--value {
  color: #36393b;
  font-size: 14px;
  font-family: var(--font-first);
  display: inline-block;
}

.lesson-item-card-student__progress-wrapper .progress-bar__label .progress-bar__label--percent {
  color: #a39b93;
  font-size: 12px;
  font-family: var(--font-first);
  margin-left: 2px;
  display: inline-block;
}

.lesson-item-card-student__cta {
  justify-content: center;
  margin-top: 12px;
  display: flex;
}

.lesson-item-card-student__image {
  border-radius: 8px;
  width: 232px;
  height: 144px;
  position: relative;
}

.lesson-item-card-student__image-overlay {
  color: #fff;
  font-family: var(--font-first);
  text-transform: uppercase;
  background: #4991e5;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0 16px 0 8px;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.lesson-item-card-student__image-img {
  object-fit: scale-down;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.lesson-item-card-student--clickable {
  cursor: pointer;
}

.classroom-resources__period-wrapper {
  font-family: var(--font-first);
  align-items: center;
  gap: 10px;
  display: flex;
}

.classroom-resources__period-icon {
  background-image: var(--logo);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  min-width: 24px;
  height: 24px;
}

.classroom-resources__period-resources {
  width: 100%;
}

.classroom-resources__module-resource {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.classroom-resources__period-resource {
  margin-bottom: 10px;
}

.classroom-resources__period-resource .card-generic__children {
  justify-content: space-between;
  display: flex;
}

.classroom-resources__period-resource-left {
  align-items: center;
  gap: 10px;
  display: flex;
}

.classroom-resources__period-resource-type {
  color: #c7bfb7;
}

.classroom-resources__period-resource-name {
  color: #706b65;
  margin-top: 4px;
  font-size: 18px !important;
}

.classroom-resources__period-resource-library-item {
  color: #a39b93;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  font-family: var(--font-second);
  margin-top: 4px;
}

.classroom-resources__period-resource-only-teacher .bubble-content {
  background: rgba(73, 145, 229, .1);
  border: 0;
}

.classroom-resources__period-resource-only-teacher .bubble-content path {
  fill: #78604d;
}

.dialog-classroom-resource .icon {
  width: 24px;
  height: 24px;
}

.dialog-classroom-resource .icon--color-primary.icon--lib-skin path, .dialog-classroom-resource .icon--color-primary.icon--lib-core path {
  fill: #a39b93;
}

.dialog-classroom-resource .dialog__title-wrapper {
  align-items: center;
  gap: 8px;
  display: flex;
}

.dialog-classroom-resource .MuiDialogContent-root {
  padding-left: 24px !important;
}

.dialog-classroom-resource--audio .custom-audio-player {
  background-color: #fff;
}

.classroom-resources-list-teacher__period-resources {
  width: 100%;
}

.classroom-resources-list-teacher__period-resource {
  margin-bottom: 10px;
}

.classroom-resources-list-teacher__period-resource .card-generic__children {
  justify-content: space-between;
  display: flex;
}

.classroom-resources-list-teacher__period-resource-left {
  align-items: center;
  gap: 10px;
  display: flex;
}

.classroom-resources-list-teacher__period-resource-type {
  color: #c7bfb7;
}

.classroom-resources-list-teacher__period-resource-name {
  color: #706b65;
  margin-top: 4px;
  font-size: 18px !important;
}

.classroom-resources-list-student__period-resources {
  flex-wrap: wrap;
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
  display: grid;
}

.classroom-resources-list-student__period-resources .card-generic__children {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.classroom-resources-list-student__period-resource {
  min-width: 264px;
  max-width: 30%;
  height: 344px;
  margin-bottom: 16px;
}

.classroom-resources-list-student__period-resource .button, .classroom-resources-list-student__period-resource .resources-demo-container__link, .classroom-resources-list-student__period-resource .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .classroom-resources-list-student__period-resource .resources-demo-container__link, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .classroom-resources-list-student__period-resource .vl-button--primary-full-width, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .classroom-resources-list-student__period-resource .vl-button--primary-without-bg, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .classroom-resources-list-student__period-resource .vl-button--primary-border, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .classroom-resources-list-student__period-resource .vl-button, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .classroom-resources-list-student__period-resource .vl-button, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .classroom-resources-list-student__period-resource .vl-button, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .classroom-resources-list-student__period-resource .vl-button, .classroom-resources-list-student__period-resource .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .classroom-resources-list-student__period-resource .vl-button, .classroom-resources-list-student__period-resource .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .classroom-resources-list-student__period-resource .mvl_card_button, .classroom-resources-list-student__period-resource .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .classroom-resources-list-student__period-resource .button {
  align-self: flex-start;
  margin-top: auto;
}

.classroom-resources-list-student__period-resource-title {
  align-items: center;
  gap: 10px;
  display: flex;
}

.classroom-resources-list-student__period-resource-icon {
  position: relative;
  top: 3px;
}

.classroom-resources-list-student__period-resource-type {
  color: #a39b93;
  text-transform: uppercase;
}

.classroom-resources-list-student__period-resource-name {
  color: #36393b;
  margin-top: 12px;
  display: block;
  font-size: 18px !important;
}

.classroom-resources-list-student__image {
  border-radius: 8px;
  width: 100%;
  height: 144px;
  margin-top: 12px;
  position: relative;
}

.classroom-resources-list-student__image-img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.classroom-resources-list-student__period-resource-button {
  margin: auto auto 0;
}

@media only screen and (min-width: 768px) {
  .classroom-resources-list-student__period-resources {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  .classroom-resources-list-student__period-resources {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  .classroom-resources-list-student__period-resources {
    grid-template-columns: repeat(4, 1fr);
    gap: 23px;
  }
}

.mint-lesson-item-view {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.mint-lesson-item-view .immersive-reader {
  margin-left: auto;
}

.mint-lesson-item-view .mint-audio-player-popup {
  top: 100px !important;
  left: auto !important;
  right: 2rem !important;
}

.mint-lesson-view-header {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1200px;
  padding: 16px 0;
  display: flex;
}

.mint-lesson-view-header__left {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.mint-lesson-view-header__right {
  align-items: center;
  gap: 16px;
  display: flex;
}

.mint-lesson-view-header__info-info {
  gap: 8px;
  display: flex;
}

.mint-lesson-view-header__title {
  margin-bottom: 8px;
  font-weight: 700;
}

.library-view .header-responsive__mobile-menu-header-button {
  display: none;
}

.library-view__left-header-title {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 12px;
  margin-top: 40px;
  display: flex;
}

.library-view__right-header {
  margin-top: 40px;
}

.library-view__right-empty-case {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.lesson-view-power {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lesson-view-power__title {
  font-family: var(--font-first);
  color: #36393b;
  margin: 0 0 16px;
  font-size: 18px;
}

.lesson-view-power__text {
  font-family: var(--font-first);
  color: #706b65;
  font-size: 14px;
  line-height: 1.5;
}

.lesson-view-power__content .layout-header, .lesson-view-power__content .answer-test-view .layout-header__content {
  background-color: #fff;
}

.lesson-view-power__content .answer-test-view .header-custom {
  border-bottom: none;
}

.lesson-view-power__content .mint-view .immersive-reader {
  margin-left: 20px;
}

.lesson-view-power__content .answer-test-view__footer-bar {
  bottom: 100px;
}

.lesson-view-power__content:has(.lesson-view-power-content-student) {
  background-color: var(--color-bg-04);
  justify-content: center;
  height: 100%;
}

.lesson-view-power .layout-header {
  min-height: calc(100vh - 170px);
}

.lesson-view-power .resource-view-content__header-title, .lesson-view-power .mint-lesson-view-header__title {
  font-family: var(--font-first-semi-custom);
}

.lesson-view-power-content-student {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  overflow: auto;
}

@media only screen and (min-width: 1024px) {
  .lesson-view-power-content-student {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.lesson-view-power-content-student__detailed-view {
  width: 100%;
  margin-top: 0;
}

.lesson-view-power-content-student__detailed-view .layout-header {
  background-color: var(--color-bg-04);
}

.lesson-view-power-content-student__detailed-view .assessment-result-student-view__container {
  display: none;
}

.lesson-view-power-content-student__activity-button {
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.lesson-view-power-content-student__document-button {
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: 16px;
  display: flex;
}

.lesson-view-power-content-student__activity {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 95%;
  margin-top: 20px;
  padding: 32px;
  display: flex;
}

.lesson-view-power-content-student__activity-cover {
  width: 100%;
  height: 354px;
}

.lesson-view-power-content-student__activity-cover img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.lesson-view-power-content-student__activity-progress {
  align-items: center;
  gap: 40px;
  display: flex;
  width: 100% !important;
}

.lesson-view-power-content-student__activity-progress-wrapper {
  background: #fff;
  border: 1px solid #ebe0d7;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  padding: 8px 12px 8px 16px;
  display: flex;
}

.lesson-view-power-content-student__activity-progress-wrapper--progress-bar {
  width: 80%;
}

.lesson-view-power-content-student__activity-progress-wrapper .progress-bar__label {
  width: 40px;
}

.lesson-view-power-content-student__activity-progress-wrapper .tag--progress-bar {
  min-height: 40px;
}

.lesson-view-power-content-student__activity-progress-wrapper .progress-bar__label .progress-bar__label--value {
  color: #36393b;
  font-size: 14px;
  font-family: var(--font-first);
  display: inline-block;
}

.lesson-view-power-content-student__activity-progress-wrapper .progress-bar__label .progress-bar__label--percent {
  color: #a39b93;
  font-size: 12px;
  font-family: var(--font-first);
  margin-left: 2px;
  display: inline-block;
}

.lesson-view-power-content-student__activity-score-status {
  font-family: var(--font-first);
  border-radius: 25px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.lesson-view-power-content-student__activity-score-status--primary {
  background-color: var(--color-first-alpha);
  color: var(--color-first);
}

.lesson-view-power-content-student__activity-score-status--secondary {
  color: #706b65;
  background-color: #f0edea;
}

.lesson-view-power-content-student__activity-score-status--disabled {
  color: #a39b93;
  background-color: #f0edea;
}

.lesson-view-power-content-student__activity-status, .lesson-view-power-content-student__activity-status .attention-card {
  width: 100%;
}

.lesson-view-power-content-student__activity-metadata {
  background-color: var(--color-bg-04);
  border-radius: 8px;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.lesson-view-power-content-student__activity-metadata-item {
  padding: 0 12px;
}

.lesson-view-power-content-student__activity-metadata-item--separator {
  border-left: 1px solid #ebe0d7;
}

.lesson-view-power-content-student__activity-metadata-item--late {
  color: #f66868;
}

@media only screen and (min-width: 1024px) {
  .lesson-view-power-content-student__activity {
    width: 70%;
    max-width: 664px;
  }
}

@media (max-width: 480px) {
  .lesson-view-power-content-student__activity-status .attention-card {
    padding: 8px;
  }

  .lesson-view-power-content-student__activity-metadata {
    flex-direction: column;
    width: 100%;
  }

  .lesson-view-power-content-student__activity-metadata-item--separator {
    border-left: none;
  }
}

.lesson-view-power-content-student-header {
  background-color: #fff;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 16px 20px;
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .lesson-view-power-content-student-header {
    border: 1px solid #dbd5ce;
    border-radius: 0;
    width: 95%;
    max-width: 1280px;
  }
}

.lesson-view-power-content-student-header__top {
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  margin-left: 40px;
  display: flex;
}

.lesson-view-power-content-student-header__left {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lesson-view-power-content-student-header__left-title {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-left: -50px;
  display: flex;
}

.lesson-view-power-content-student-header__left-title-text {
  color: #706b65;
  font-family: var(--font-first);
  font-size: 26px;
  font-weight: 700;
  line-height: 40px;
}

.lesson-view-power-content-student-header__left-info {
  flex-flow: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-view-power-content-student-header__left-info .tag, .lesson-view-power-content-student-header__left-info .score-tag {
  min-width: 100px;
  height: 40px;
}

.lesson-view-power-content-student-header__left-info .tag .tag__text, .lesson-view-power-content-student-header__left-info .score-tag .tag__text {
  font-family: var(--font-first);
}

.lesson-view-power-content-student-header__right-metadata {
  background-color: var(--color-bg-04);
  border-radius: 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 8px;
  display: flex;
}

.lesson-view-power-content-student-header__right-metadata .lesson-view-power-content-student__activity-metadata-item--separator {
  border-left: none;
}

.lesson-view-power-content-student-header__right {
  flex-flow: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lesson-view-power-content-student-header__bottom {
  flex-direction: row;
  gap: 16px;
  max-width: 100%;
  margin-left: 50px;
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .lesson-view-power-content-student-header__bottom {
    margin-left: 60px;
  }

  .lesson-view-power-content-student-header__top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 60px;
  }

  .lesson-view-power-content-student-header__top__left {
    width: auto;
  }

  .lesson-view-power-content-student-header__top__right {
    width: auto;
    margin-left: auto;
  }
}

.lesson-footer {
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  display: flex;
  position: relative;
}

.lesson-footer__left-container, .lesson-footer__right-container {
  width: 50%;
}

.lesson-footer__right-container {
  justify-content: flex-end;
  display: flex;
}

.lesson-footer__nav-button {
  color: #706b65;
  font-family: var(--font-first);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.lesson-footer__nav-button--disabled {
  cursor: default;
  opacity: 0;
}

.lesson-footer__nav-button span {
  font-size: 14px;
}

.lesson-footer__nav-button--prev span {
  margin-right: 8px;
}

.lesson-footer__nav-button--next span {
  margin-left: 8px;
}

.lesson-footer__nav-button-info {
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-footer__nav-button-info-texts {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lesson-footer__nav-button-info-title {
  font-family: var(--font-second);
  text-transform: uppercase;
  color: #706b65;
  text-align: left;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
}

.lesson-footer__nav-button-info-subtitle {
  font-family: var(--font-second);
  color: #36393b;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.lesson-footer__message-button {
  z-index: 8000;
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  bottom: 100px;
  right: 16px;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.lesson-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.lesson-header__titles {
  flex-direction: column;
  display: flex;
}

.lesson-header__course-title {
  font-family: var(--font-first);
  color: #a39b93;
  align-items: center;
  margin-bottom: 4px;
  font-size: 14px;
  display: flex;
}

.lesson-header__lesson-title {
  font-family: var(--font-first);
  color: #706b65;
  text-transform: uppercase;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.lesson-header__back-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  display: flex;
}

.lesson-header__back-button:hover {
  background-color: #f7f4f2;
}

.lesson-header__back-button .icon-arrow-left {
  color: #a39b93;
  font-size: 16px;
}

.lesson-header__actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.lesson-sidebar {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

@media (max-width: 767px) {
  .lesson-sidebar {
    padding: 20px;
  }
}

.lesson-sidebar__header {
  border-bottom: 3px solid #f0edea;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  height: 48px;
  padding: 16px;
  display: flex;
}

.lesson-sidebar__header-button--active {
  background-color: #f0edea;
}

.lesson-sidebar__submodules {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lesson-sidebar__submodule {
  width: 100%;
  margin: 4px 0;
  padding-left: 4px;
  overflow: hidden;
}

.lesson-sidebar__submodule-button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 12px 16px 12px 12px;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
}

.lesson-sidebar__submodule-button:hover {
  background-color: var(--color-bg-04);
}

.lesson-sidebar__submodule-button .tooltip {
  width: calc(100% - 64px);
  max-width: calc(100% - 64px);
}

.lesson-sidebar__submodule-icon {
  color: #a39b93;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.lesson-sidebar__submodule-icon img {
  object-fit: cover;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.lesson-sidebar__submodule-title {
  font-family: var(--font-first);
  color: #36393b;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}

.lesson-sidebar__submodule-title-sessions {
  color: #a39b93;
  margin-top: 4px;
  font-weight: 500;
}

.lesson-sidebar__submodule-content {
  font-family: var(--font-first);
  color: #36393b;
  width: 100%;
  padding: 8px 16px 8px 32px;
}

.lesson-sidebar__submodule-chevron {
  position: absolute;
  right: 12px;
}

.lesson-sidebar__submodule-chevron span {
  transition: transform .3s;
}

.lesson-sidebar__sections-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lesson-sidebar__section-container--mint {
  padding-left: 12px;
}

.lesson-sidebar__section-container--mint .lesson-sidebar__section-content.expanded, .lesson-sidebar__section-container--mint .lesson-sidebar__section-content:not(.expanded) {
  border: none;
  margin: 0;
  padding: 0;
}

.lesson-sidebar__section-container--mint .lesson-sidebar__section-header {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  position: relative;
  top: 6px;
  left: -24px;
  transform: none;
}

.lesson-sidebar__section-content {
  opacity: 1;
  border-top: 2px solid #f0edea;
  border-radius: 0;
  margin: 20px 0 8px;
  padding-top: 12px;
  padding-bottom: 8px;
  transition: opacity .3s, margin .3s;
  position: relative;
  overflow: visible;
}

.lesson-sidebar__section-content .lesson-sidebar__section-header {
  opacity: 1;
  max-height: none;
}

.lesson-sidebar__section-content.expanded {
  border: 2px solid #f0edea;
  border-radius: 8px;
  margin: 20px 0 12px;
}

.lesson-sidebar__section-header {
  cursor: pointer;
  z-index: 2;
  background-color: #f0edea;
  border: 1px solid #c7bfb7;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: auto;
  max-width: 90%;
  height: 32px;
  padding: 1px 10px;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}

.lesson-sidebar__section-title {
  font-family: var(--font-second);
  color: #706b65;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  overflow: hidden;
}

.lesson-sidebar__section-actions {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.lesson-sidebar__section-edit .more-icon-menu {
  margin-left: auto;
  margin-right: 0;
}

.lesson-sidebar__section-edit .more-icon-menu svg path {
  fill: #a39b93;
}

.lesson-sidebar__sections {
  opacity: 0;
  max-height: 0;
  margin: 0;
  padding: 0 16px 4px 12px;
  list-style: none;
  transition: max-height .5s, opacity .3s;
  overflow-y: auto;
}

.lesson-sidebar__sections.expanded {
  opacity: 1;
  max-height: 1000px;
}

.lesson-sidebar__submodule .lesson-sidebar__sections {
  margin-top: 0;
  padding-left: 12px;
}

.lesson-sidebar__submodule .lesson-sidebar__sections.expanded {
  margin-top: 8px;
  margin-bottom: 8px;
}

.lesson-sidebar__section-content .lesson-sidebar__sections {
  margin-top: 8px;
}

.lesson-sidebar__sections::-webkit-scrollbar {
  width: 6px;
}

.lesson-sidebar__sections::-webkit-scrollbar-track {
  background: none;
}

.lesson-sidebar__sections::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.lesson-sidebar__sections::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.lesson-sidebar__sections {
  scrollbar-width: thin;
  scrollbar-color: rgba(219, 213, 206, .5) rgba(0, 0, 0, 0);
}

.lesson-sidebar__item {
  opacity: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  animation: .3s forwards slideIn;
  position: relative;
  transform: translateY(10px);
}

.lesson-sidebar__item:first-child {
  animation-delay: 50ms;
}

.lesson-sidebar__item:nth-child(2) {
  animation-delay: .1s;
}

.lesson-sidebar__item:nth-child(3) {
  animation-delay: .15s;
}

.lesson-sidebar__item:nth-child(4) {
  animation-delay: .2s;
}

.lesson-sidebar__item:nth-child(5) {
  animation-delay: .25s;
}

.lesson-sidebar__item:nth-child(6) {
  animation-delay: .3s;
}

.lesson-sidebar__item:nth-child(7) {
  animation-delay: .35s;
}

.lesson-sidebar__item:nth-child(8) {
  animation-delay: .4s;
}

.lesson-sidebar__item:nth-child(9) {
  animation-delay: .45s;
}

.lesson-sidebar__item:nth-child(10) {
  animation-delay: .5s;
}

.lesson-sidebar__item-icon-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}

.lesson-sidebar__item-info {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lesson-sidebar__item-comments {
  align-items: center;
  gap: 4px;
  display: flex;
}

.lesson-sidebar__item-comments-count {
  color: var(--color-first);
}

.lesson-sidebar__item:before {
  content: "";
  width: 0;
  height: 100%;
  transition: width .3s;
  position: absolute;
  top: 0;
}

.lesson-sidebar__item--active {
  background-color: var(--color-bg-03);
  transition: all .3s;
}

.lesson-sidebar__item--active .lesson-sidebar__item-button {
  font-weight: 500;
}

.lesson-sidebar__item--active .lesson-sidebar__item-icon {
  color: var(--color-first);
}

.lesson-sidebar__item--consumed:before {
  background-color: var(--color-first);
  width: 3px;
  height: 100%;
}

.lesson-sidebar__item:hover {
  background-color: var(--color-bg-04);
}

@media (max-width: 767px) {
  .lesson-sidebar__item {
    margin-bottom: 12px;
  }
}

.lesson-sidebar__item-button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 12px 6px;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

@media (max-width: 767px) {
  .lesson-sidebar__item-button {
    padding: 16px;
  }
}

.lesson-sidebar__item-icon {
  color: #a39b93;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  transition: color .3s;
  display: flex;
}

.lesson-sidebar__item-icon span {
  font-size: 18px;
}

.lesson-sidebar__item-content {
  flex: 1;
  min-width: 0;
  margin-right: 8px;
  display: block;
  overflow: hidden;
}

.lesson-sidebar__item-title, .lesson-sidebar__section-container--mint .lesson-sidebar__section-title {
  font-family: var(--font-first);
  color: #36393b;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  font-size: 16px;
  display: block;
  overflow: hidden;
}

.lesson-sidebar__loading {
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  padding: 24px 16px;
  animation: .3s forwards fadeIn;
  display: flex;
}

.lesson-sidebar__loading-spinner {
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.lesson-sidebar__loading-spinner-circle {
  border: 3px solid var(--color-bg-04);
  border-top: 3px solid var(--color-first);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite spin;
}

.lesson-sidebar__empty {
  text-align: center;
  color: #c7bfb7;
  font-family: var(--font-first);
  padding: 16px;
  font-size: 14px;
}

.icon-rotate-180 {
  transform: rotate(180deg);
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.lesson-sidebar-add-content {
  z-index: 8000;
  visibility: hidden;
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  box-shadow: 0 6px 8px rgba(44, 44, 44, .1);
}

.lesson-sidebar-add-content--open {
  visibility: visible;
  transform: translateX(0);
}

.lesson-sidebar-add-content__header {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.lesson-sidebar-add-content__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.lesson-sidebar-add-content__content-section {
  color: #a39b93;
  font-family: var(--font-second);
  text-transform: uppercase;
  align-self: flex-start;
  width: 90%;
  margin-left: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.lesson-sidebar-add-content-button {
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 90%;
  padding: 12px;
  display: flex;
}

.lesson-sidebar-add-content-button__texts {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.lesson-sidebar-add-content-button__texts-title {
  color: #706b65;
  font-family: var(--font-first);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.lesson-sidebar-add-content-button__texts-description {
  text-align: left;
  color: #a39b93;
  font-family: var(--font-second);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.lesson-view-power-add-content .new-activity .layout-calendar__columns {
  flex-direction: column;
}

.lesson-view-power-add-content .new-activity .layout-calendar__column-1 {
  padding-right: 24px;
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}

.lesson-view-power-add-content .new-activity .new-activity__submit-button {
  order: 2;
}

.lesson-view-power-add-content .new-activity .new-activity__form {
  order: 1;
}

.lesson-view-power-add-content .new-activity .layout-calendar__column-2 {
  padding: 20px 22px 20px 32px !important;
}

.lesson-view-power-add-content .new-activity .layout-calendar .layout-calendar__columns .layout-calendar__column-1 {
  padding-left: 16px;
}

.lesson-view-power-add-content .new-activity .layout-calendar .layout-calendar__columns .layout-calendar__column-1 .back-button {
  display: none;
}

.lesson-view-power-add-content .new-activity .new-activity-aside {
  padding-top: 16px;
}

.lesson-view-power-add-content .button-fixed-dropdown__button {
  bottom: 80px !important;
}

@media (min-width: 1280px) {
  .lesson-view-power-add-content .new-activity .layout-calendar__column-1 {
    width: 450px !important;
    height: 100vh !important;
    padding-right: 24px !important;
    position: fixed !important;
    top: 50px !important;
  }

  .lesson-view-power-add-content .new-activity .layout-calendar__column-2 {
    padding-left: 470px !important;
  }

  .lesson-view-power-add-content .new-activity .new-activity__submit-button {
    order: 1;
  }

  .lesson-view-power-add-content .new-activity .new-activity__form {
    order: 2;
  }
}

.layout-big-header {
  background: var(--color-background);
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.layout-big-header .progress-bar__bar {
  border-radius: 0;
}

.layout-big-header__header {
  flex-direction: column;
  padding-bottom: 8px;
  display: flex;
}

.layout-big-header__header-top {
  justify-content: space-between;
  align-items: center;
  height: 64px;
  display: flex;
}

.layout-big-header__tabs {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.layout-big-header__tabs .swiper {
  align-items: center;
  display: flex;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.layout-big-header__tabs .swiper-slide {
  display: block;
  width: auto !important;
}

.layout-big-header__tabs .slidePrev-btn, .layout-big-header__tabs .slideNext-btn {
  background-color: #fff;
  border: 0;
  flex: none;
}

.layout-big-header__tabs .slideNext-btn:disabled {
  opacity: 0;
  transition-duration: .6s;
}

.layout-big-header__tabs .slidePrev-btn:disabled {
  display: none;
}

.layout-big-header__tabs .tag {
  background-color: #f7f4f2;
  border-left: 4px solid rgba(0, 0, 0, 0);
  height: 31px;
  padding-left: 12px;
  padding-right: 12px;
}

.layout-big-header__tabs .tag__text {
  text-transform: uppercase;
}

.layout-big-header__tab--active .tag__text {
  color: var(--color-first);
}

.layout-big-header__tab--active .tag {
  border-color: var(--color-first);
}

.layout-big-header__header {
  background: #fff;
  width: 100%;
  height: 108px;
  position: relative;
}

.layout-big-header__texts-title {
  color: #36393b;
  text-transform: uppercase;
  display: block;
}

.layout-big-header__texts-subtitle {
  color: #a39b93;
  margin-top: 8px;
  display: block;
}

.layout-big-header__children-container {
  flex: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.layout-big-header__children {
  height: calc(100vh - 108px);
  overflow-y: auto;
}

.layout-big-header__header-body {
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.layout-sidebar-responsive__scroll-styles::-webkit-scrollbar {
  width: 4px;
}

.layout-sidebar-responsive__children::-webkit-scrollbar {
  width: 4px;
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) .layout-header__content::-webkit-scrollbar {
  width: 4px;
}

.layout-sidebar-responsive__content::-webkit-scrollbar {
  width: 4px;
}

.layout-sidebar-responsive__sidebar::-webkit-scrollbar {
  width: 4px;
}

.layout-sidebar-responsive__scroll-styles::-webkit-scrollbar-track {
  background: none;
}

.layout-sidebar-responsive__children::-webkit-scrollbar-track {
  background: none;
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) .layout-header__content::-webkit-scrollbar-track {
  background: none;
}

.layout-sidebar-responsive__content::-webkit-scrollbar-track {
  background: none;
}

.layout-sidebar-responsive__sidebar::-webkit-scrollbar-track {
  background: none;
}

.layout-sidebar-responsive__scroll-styles::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.layout-sidebar-responsive__children::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) .layout-header__content::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.layout-sidebar-responsive__content::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.layout-sidebar-responsive__sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(219, 213, 206, .5);
  border: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.layout-sidebar-responsive__scroll-styles::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.layout-sidebar-responsive__children::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) .layout-header__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.layout-sidebar-responsive__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.layout-sidebar-responsive__sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(199, 191, 183, .7);
}

.layout-sidebar-responsive {
  flex-direction: column;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.layout-sidebar-responsive__header {
  border-bottom: 2px solid var(--color-bg-01);
  z-index: 4001;
  background-color: #fff;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 16px;
  display: flex;
}

.layout-sidebar-responsive__header-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout-sidebar-responsive__sidebar-toggle {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  display: flex;
}

.layout-sidebar-responsive__sidebar-toggle:hover {
  background-color: #f7f4f2;
}

.layout-sidebar-responsive__container {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.layout-sidebar-responsive__sidebar {
  z-index: 5001;
  background-color: #fff;
  border-right: 1px solid #dbd5ce;
  width: 328px;
  height: 100%;
  transition: transform .3s;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

@media (max-width: 639px) {
  .layout-sidebar-responsive__sidebar {
    width: 100%;
  }
}

.layout-sidebar-responsive__sidebar-mobile-header {
  border-bottom: 1px solid #f0edea;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  display: none;
}

@media (max-width: 767px) {
  .layout-sidebar-responsive__sidebar-mobile-header {
    display: flex;
  }
}

.layout-sidebar-responsive__sidebar-close {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.layout-sidebar-responsive__sidebar-close:hover {
  background-color: #f7f4f2;
}

.layout-sidebar-responsive__content {
  flex-direction: column;
  transition: left .3s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 328px;
  right: 0;
}

@media (max-width: 767px) {
  .layout-sidebar-responsive__content {
    left: 0;
  }
}

.layout-sidebar-responsive__content .header-width-tabs {
  border-bottom: none;
  padding-top: 16px;
}

.layout-sidebar-responsive__content .assessment-results-view .assessment-results-view__mobile-menu-button, .layout-sidebar-responsive__content .videolesson-results-view__mobile-menu-button, .layout-sidebar-responsive__content .xapi-results-view .xapi-results-view__mobile-menu-button {
  bottom: 100px;
}

.layout-sidebar-responsive__content .layout-calendar {
  width: 100%;
  height: 100%;
  position: relative;
}

.layout-sidebar-responsive__content .layout-calendar .header-width-tabs {
  padding-left: 450px;
}

@media (max-width: 1168px) {
  .layout-sidebar-responsive__content .layout-calendar .header-width-tabs {
    padding-left: 0;
  }
}

.layout-sidebar-responsive__content .layout-calendar .layout-calendar__header {
  z-index: 4000;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.layout-sidebar-responsive__content .layout-calendar .layout-calendar__columns {
  margin-top: 0;
}

.layout-sidebar-responsive__content .layout-calendar .layout-calendar__column-1, .layout-sidebar-responsive__content .layout-calendar .videolesson-results-view .layout-calendar__column-1 {
  background-color: var(--color-bg-04);
  height: 100%;
  padding: 8px;
  position: absolute;
  top: -30px;
  overflow-y: auto;
}

.layout-sidebar-responsive__content .layout-calendar .videolesson-results-view__center-column, .layout-sidebar-responsive__content .layout-calendar .assessment-results-view__left {
  padding-top: 40px;
}

.layout-sidebar-responsive__content .layout-calendar .layout-calendar__column-2 {
  min-height: auto;
  padding-left: 470px;
}

@media (max-width: 1168px) {
  .layout-sidebar-responsive__content .layout-calendar .layout-calendar__column-2 {
    padding-left: 20px !important;
  }
}

.layout-sidebar-responsive__content .xapi-results-view .layout-calendar__column-1 {
  z-index: 8000;
  padding: 16px;
  top: 0 !important;
}

.layout-sidebar-responsive__children {
  flex: 1;
  overflow-y: auto;
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) {
  overflow-y: hidden;
}

.layout-sidebar-responsive__children:has(.layout-header--with-footer) .layout-header__content {
  margin-bottom: 70px;
  overflow-y: auto;
}

.layout-sidebar-responsive__footer {
  z-index: 7999;
  box-shadow: none;
  background-color: #fff;
  border-top: 1px solid #f0edea;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.layout-sidebar-responsive.sidebar-closed .layout-sidebar-responsive__sidebar {
  transform: translateX(-100%);
}

@media (max-width: 767px) {
  .layout-sidebar-responsive.sidebar-closed .layout-sidebar-responsive__sidebar {
    transform: translateX(-100%);
  }
}

.layout-sidebar-responsive.sidebar-closed .layout-sidebar-responsive__content {
  left: 0;
}

@media (min-width: 768px) {
  .layout-sidebar-responsive.sidebar-closed .layout-calendar .layout-calendar__column-2 {
    padding-left: 470px;
  }
}

@media (max-width: 639px) {
  .layout-sidebar-responsive .layout-sidebar-responsive__sidebar {
    transform: translateX(-100%);
  }

  .layout-sidebar-responsive.sidebar-open .layout-sidebar-responsive__sidebar {
    transform: translateX(0);
  }

  .layout-sidebar-responsive.sidebar-open .layout-sidebar-responsive__content {
    visibility: hidden;
  }
}

.layout-sidebar-responsive__header-placeholder, .layout-sidebar-responsive__sidebar-placeholder {
  color: #a39b93;
  font-family: var(--font-first);
  padding: 16px;
}

@font-face {
  font-family: Dosis Bold;
  src: url(/static/font/Dosis-Bold.6623cb49.ttf);
}

@font-face {
  font-family: Dosis Semi Bold;
  src: url(/static/font/Dosis-SemiBold.4d305bd3.ttf);
}

@font-face {
  font-family: Lato Bold;
  src: url(/static/font/Lato-Bold.c1f9f7fb.ttf);
}

@font-face {
  font-family: Lato Regular;
  src: url(/static/font/Lato-Regular.c44e96b6.ttf);
}

@font-face {
  font-family: Roboto Medium;
  src: url(/static/font/Roboto-Medium.9204c2aa.ttf);
}

@font-face {
  font-family: Roboto Bold;
  src: url(/static/font/Roboto-Bold.8840acc7.ttf);
}

@font-face {
  font-family: Roboto Regular;
  src: url(/static/font/Roboto-Regular.298c1099.ttf);
}

@font-face {
  font-family: OpenSans Bold;
  src: url(/static/font/OpenSans-Bold.c5ed4931.ttf);
}

@font-face {
  font-family: OpenSans Regular;
  src: url(/static/font/OpenSans-Regular.b935fe37.ttf);
}

@font-face {
  font-family: Gotham Bold;
  src: url(/static/font/Gotham-Bold.95e3dbda.otf);
}

@font-face {
  font-family: Gotham Regular;
  src: url(/static/font/Gotham-Book.2d407c50.otf);
}

@font-face {
  font-family: Titilium Bold;
  src: url(/static/font/TitilliumWeb-Bold.7680b9e0.ttf);
}

@font-face {
  font-family: Titilium Semi Bold;
  src: url(/static/font/TitilliumWeb-SemiBold.0d849051.ttf);
}

@font-face {
  font-family: Titilium Regular;
  src: url(/static/font/TitilliumWeb-Regular.388be0fe.ttf);
}

@font-face {
  font-family: Akzidenz;
  src: url(/static/font/Akzidenz-Grotesk-BQ-Condensed.3cc0467b.ttf);
}

body {
  color: #222;
  font-family: var(--font-second);
}

.retro-course-view__vie--grades .layout-header__children {
  max-width: inherit;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.retro-course-view {
  max-width: 100vw;
}

.retro-course-view__container {
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding: 20px;
  display: flex;
}

.retro-course-view__image img {
  max-width: 60vw;
  max-height: 60vh;
}

.retro-course-view__link {
  margin-top: 24px;
}

.retro-course-view__link .icon--color-white.icon--lib-skin path {
  fill: rgba(0, 0, 0, 0);
}

.skeleton-retro-course {
  width: 70vw;
  margin: auto;
}

.skeleton-retro-course__image {
  width: 100%;
  height: 500px;
}

.skeleton-retro-course__link {
  justify-self: center;
  height: 47px;
  margin-top: 24px;
  width: 200px !important;
}

.primary-2022-card {
  border: 1px solid #dbd5ce;
  height: 164px;
  position: relative;
}

.primary-2022-card:hover {
  cursor: pointer;
  border: 1px solid #c7bfb7;
  box-shadow: 0 6px 12px rgba(163, 155, 147, .2);
}

.primary-2022-card:hover .primary-2022-card__actions-right, .primary-2022-card:hover .primary-2022-card__menu {
  opacity: 1;
}

.primary-2022-card__menu, .primary-2022-card__top .primary-2022-card__edit {
  display: none;
}

.primary-2022-card__images {
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.primary-2022-card__content {
  background: #fff;
  border: none;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  display: flex;
}

.primary-2022-card__actions {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.primary-2022-card__actions-left, .primary-2022-card__actions-right {
  align-items: center;
  display: flex;
}

.primary-2022-card__label {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}

.primary-2022-card__label svg {
  width: 22px;
  height: 22px;
}

.primary-2022-card__actions-right {
  opacity: 1;
}

.primary-2022-card__actions-right .primary-2022-card__edit {
  margin-right: 16px;
}

.primary-2022-card__drag {
  cursor: move;
  display: none;
}

.primary-2022-card__title {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  font-family: var(--font-first);
  color: #36393b;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-size: 22px;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.primary-2022-card__bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.primary-2022-card__kanban {
  margin-left: auto;
  display: none;
}

.primary-2022-card__edit {
  align-items: center;
  display: flex;
}

.primary-2022-card__edit-text {
  color: #706b65;
  margin-left: 8px;
}

.primary-2022-card__accesible {
  color: #c7bfb7;
}

.primary-2022-card--invisible, .primary-2022-card--not-accesible {
  border: 1px dashed #dbd5ce;
}

.primary-2022-card--invisible .primary-2022-card__title, .primary-2022-card--not-accesible .primary-2022-card__title {
  color: #c7bfb7;
}

.primary-2022-card--dragging {
  border: 1px dashed var(--color-first);
  background-color: rgba(237, 112, 17, .1);
}

.primary-2022-card--dragging .primary-2022-card__images, .primary-2022-card--dragging .primary-2022-card__actions, .primary-2022-card--dragging .primary-2022-card__title, .primary-2022-card--dragging .primary-2022-card__bottom, .primary-2022-card--dragging .primary-2022-card__edit {
  display: none;
}

.primary-2022-card--dragging .primary-2022-card__content {
  background: none;
  border: none;
}

.primary-2022-card--overlay {
  transform: rotate(-5deg) !important;
}

.primary-2022-card--not-accesible .primary-2022-card__edit {
  display: none !important;
}

.primary-2022-card--not-accesible .only-you-see {
  display: none;
}

.primary-2022-card--not-accesible:hover {
  cursor: default;
  border: 1px dashed #dbd5ce;
  box-shadow: 0 6px 12px rgba(163, 155, 147, .2);
}

@media only screen and (min-width: 640px) {
  .primary-2022-card__menu, .primary-2022-card__drag {
    display: flex;
  }

  .primary-2022-card__kanban {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .primary-2022-card__top .primary-2022-card__edit {
    display: flex;
  }

  .primary-2022-card {
    height: 256px;
  }

  .primary-2022-card__title {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 28px;
    overflow: hidden;
    display: -webkit-box !important;
  }

  .primary-2022-card__bottom {
    flex-direction: column;
  }

  .primary-2022-card__bottom .only-you-see {
    margin-bottom: 16px;
  }

  .primary-2022-card__kanban {
    margin-left: 0;
  }

  .primary-2022-card__actions-right {
    opacity: 0;
    transition: all .3s;
  }

  .primary-2022-card__actions-right .primary-2022-card__edit {
    display: none;
  }
}

@media only screen and (min-height: 769px) and (min-width: 1340px) {
  .primary-2022-card {
    height: 329px;
  }

  .primary-2022-card__title {
    font-size: 36px;
    line-height: 46px;
  }

  .primary-2022-card__edit {
    margin-top: 24px;
  }

  .primary-2022-card__edit .primary-2022-card__edit {
    display: none;
  }
}

.primary-2022-course-view.primary-2022-course-view--grades .layout-header__children {
  max-width: inherit;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.primary-2022-course-view .layout-header__children {
  padding-top: 0;
}

.primary-2022-course-view .header-course {
  height: auto;
}

.primary-2022-course-view .header-course .header-course__grid {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.primary-2022-course-view .header-course .header-left {
  width: 100%;
  margin: 8px;
}

.primary-2022-course-view .header-course .header-center {
  flex: auto;
  width: 100%;
  margin-bottom: 8px;
}

.primary-2022-course-view .header-course .header-center .header-tabs {
  justify-content: space-evenly;
  margin-top: 12px;
  display: flex;
}

.primary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab--active:after {
  margin-bottom: 1px;
}

.primary-2022-course-view .header-course .header-center .header-tabs__tab-text {
  display: none;
}

.primary-2022-course-view .header-course .header-center .header-tabs__tab-icon {
  cursor: pointer;
}

.primary-2022-course-view .header-course .header-right {
  position: absolute;
  top: 8px;
  right: 8px;
}

.primary-2022-course-view--resources .layout-header__children {
  width: 100%;
  max-width: 100%;
}

@media only screen and (min-height: 769px) and (min-width: 1340px) {
  .primary-2022-course-view.primary-2022-course-view--grades .layout-header__children {
    padding-top: 0;
    padding-bottom: 0;
  }

  .primary-2022-course-view .layout-header__children {
    padding-top: 8px;
  }
}

@media only screen and (min-width: 768px) {
  .primary-2022-course-view .header-course {
    height: 64px;
  }

  .primary-2022-course-view .header-course .header-course__grid {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .primary-2022-course-view .header-course .header-left, .primary-2022-course-view .header-course .header-right {
    width: 25%;
  }

  .primary-2022-course-view .header-course .header-right {
    justify-content: flex-end;
    display: flex;
    position: relative;
    top: auto;
    right: auto;
  }

  .primary-2022-course-view .header-course .header-center {
    width: auto;
    margin-bottom: 0;
  }

  .primary-2022-course-view .header-course .header-center .header-tabs {
    justify-content: center;
    margin-top: 0;
  }

  .primary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab--active:after, .primary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab--with-icon:after {
    margin-bottom: -10px !important;
  }

  .primary-2022-course-view .header-course .header-center .header-tabs__tab-text {
    display: block !important;
  }

  .primary-2022-course-view .header-course .header-center .header-tabs__tab-icon {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .primary-2022-course-view .header-course .header-course-selector__item--bubble, .primary-2022-course-view .header-course .header-course-selector__item--name, .primary-2022-course-view .header-course .header-course-selector__item--share, .primary-2022-course-view .header-course .header-button-right__item {
    display: block;
  }
}

@media only screen and (min-width: 1280px) {
  .primary-2022-course-view .header-course .header-left, .primary-2022-course-view .header-course .header-right {
    width: 30%;
  }
}

.primary-2022-program__hero {
  width: 100vw;
  margin-bottom: -8px;
  margin-left: -30px;
}

.primary-2022-program__time-title {
  margin: 30px 0;
  position: relative;
  top: 10px;
}

.primary-2022-program__time-title-text {
  color: #706b65;
  background: var(--color-background);
  padding-right: 8px;
  position: absolute;
  top: -13px;
}

.primary-2022-program__list-unit {
  grid-gap: 8px;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

.primary-2022-program__publish-banner {
  align-items: center;
  display: flex;
}

.primary-2022-program__publish-banner svg {
  min-width: 24px;
}

.primary-2022-program__publish-banner-text {
  margin-left: 8px;
}

.primary-2022-program__publish-banner-actions {
  min-width: 245px;
  display: flex;
}

.primary-2022-program__publish-banner-cancel .button__text {
  color: var(--color-first);
}

.primary-2022-program--dirty {
  margin-bottom: 100px;
}

.primary-2022-program__banner-game {
  margin-top: 24px;
}

@media only screen and (min-width: 640px) {
  .primary-2022-program__list-unit {
    grid-gap: 20px;
  }

  .primary-2022-program__hero {
    margin-bottom: 50px;
    margin-left: -40px;
  }
}

@media only screen and (min-height: 769px) and (min-width: 1340px) {
  .primary-2022-program__hero {
    margin: 40px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .primary-2022-program__hero {
    width: auto;
    margin-left: 0;
  }

  .primary-2022-program__list-unit {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1280px) {
  .primary-2022-program__list-unit {
    grid-template-columns: repeat(3, 1fr);
  }
}

.primary2022-banner-game {
  background-color: #ffecd4;
  border-radius: 8px;
  height: auto;
}

.primary2022-banner-game__mobile {
  color: #36393b;
  padding: 12px 16px;
}

.primary2022-banner-game__content {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 12px 30px 12px 12px;
  display: none;
}

.primary2022-banner-game__content-left {
  align-items: center;
  display: flex;
}

.primary2022-banner-game__content-left-texts {
  flex-direction: column;
  display: flex;
}

.primary2022-banner-game__content-left-image {
  background-size: cover;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  margin-right: 24px;
}

.primary2022-banner-game__content-left-game-name, .primary2022-banner-game__content-left-text {
  color: #fff;
}

.primary2022-banner-game__content-left-text {
  margin-top: 8px;
}

.primary2022-banner-game__content-right .button__text {
  color: var(--color-first);
}

@media only screen and (min-width: 480px) {
  .primary2022-banner-game {
    background: #cf3476;
    border-radius: 40px;
    height: 115px;
    box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
  }

  .primary2022-banner-game__content {
    display: flex;
  }

  .primary2022-banner-game__mobile {
    display: none;
  }
}

.primary2022-new-unit {
  width: 460px;
  padding: 12px;
}

.primary2022-new-unit__title-container {
  align-items: center;
  display: flex;
}

.primary2022-new-unit__title {
  color: #36393b;
  margin-left: 8px;
}

.primary2022-new-unit__form {
  margin-top: 24px;
}

.primary2022-new-unit__select {
  margin-top: 8px;
}

.primary2022-new-unit__select .select-customizable .select-customizable__value-container {
  padding-left: 10px;
}

.primary2022-new-unit__select-time-text {
  margin-left: 16px;
}

.primary2022-new-unit__actions {
  justify-content: flex-end;
  margin-top: 24px;
  display: flex;
}

.primary2022-new-unit__select-time {
  align-items: center;
  display: flex;
}

.primary2022-dialog-publish__checklist .input-checkbox__label {
  margin-left: 8px;
}

.primary2022-dialog-publish__checklist .input-checkbox__icon-container--checked + .input-checkbox__label {
  color: #36393b;
  font-family: var(--font-first) !important;
}

.primary2022-dialog-publish__checklist .input-checkbox--disabled path {
  fill: #706b65;
}

.primary2022-dialog-publish__myprogram, .primary2022-dialog-publish__checklist {
  margin: 16px 0;
}

.primary2022-dialog-publish__text {
  color: #706b65;
}

.secondary-2022-course-view.secondary-2022-course-view--grades .layout-header__children {
  max-width: inherit;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.secondary-2022-course-view .layout-header__children {
  padding-top: 8px;
}

.secondary-2022-course-view .hero-banner__action-book {
  display: none;
}

.secondary-2022-course-view .header-course {
  height: auto;
}

.secondary-2022-course-view .header-course .header-course__grid {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.secondary-2022-course-view .header-course .header-left {
  width: 100%;
  margin: 8px;
}

.secondary-2022-course-view .header-course .header-center {
  flex: auto;
  width: 100%;
  margin-bottom: 12px;
}

.secondary-2022-course-view .header-course .header-center .header-tabs {
  justify-content: space-evenly;
  margin-top: 8px;
  display: flex;
}

.secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab-text {
  display: none;
}

.secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab-icon {
  cursor: pointer;
  display: block;
}

.secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab--active:after {
  margin-bottom: -2px;
}

.secondary-2022-course-view .header-course .header-right {
  position: absolute;
  top: 8px;
  right: 8px;
}

.secondary-2022-course-view--resources .layout-header__children {
  width: 100%;
  max-width: 100%;
}

.layout-header.secondary-2022-course-view--pqlco {
  background-color: #fff !important;
}

.secondary-2022-course-view--pqlco .hero-banner__background {
  box-shadow: 0 2px #f3f0ed;
  background-color: #fff !important;
}

.secondary-2022-course-view--pqlco .hero-banner__image-right, .secondary-2022-course-view--pqlco .hero-banner__action-viewas {
  display: none;
}

.secondary-2022-course-view--pqlco .hero-banner__action-book {
  display: block;
}

.secondary-2022-course-view--pqlco .hero-banner__button-wrapper {
  background-color: #fff;
}

.secondary-2022-course-view--pqlco .hero-banner__title {
  color: #36393b;
  text-shadow: none;
  letter-spacing: 5px;
  background-color: #faff00;
  font-family: Akzidenz;
  font-weight: 700;
  display: inline;
}

.secondary-2022-course-view--pqlco .hero-banner__image-book {
  box-shadow: none;
  border: 1px solid #c7bfb7;
}

.secondary-2022-course-view--pqlco .secondary-2022-list-units .MuiPaper-root {
  border: none;
}

.secondary-2022-course-view--pqlco .secondary-2022-list-units .MuiAccordion-root.Mui-expanded {
  box-shadow: none;
}

.secondary-2022-course-view--pqlco .button--size-xs {
  min-height: 30px !important;
  padding: 4px 8px !important;
}

@media only screen and (min-width: 768px) {
  .secondary-2022-course-view .header-course {
    height: 64px;
  }

  .secondary-2022-course-view .header-course .header-course__grid {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .secondary-2022-course-view .header-course .header-left, .secondary-2022-course-view .header-course .header-right {
    width: 25%;
  }

  .secondary-2022-course-view .header-course .header-right {
    justify-content: flex-end;
    display: flex;
    position: relative;
    top: auto;
    right: auto;
  }

  .secondary-2022-course-view .header-course .header-center {
    width: auto;
    margin-bottom: 0;
  }

  .secondary-2022-course-view .header-course .header-center .header-tabs {
    justify-content: center;
    margin-top: 0;
  }

  .secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab-text {
    display: block !important;
  }

  .secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab-icon {
    display: none;
  }

  .secondary-2022-course-view .header-course .header-center .header-tabs .header-tabs__tab--active:after {
    margin-bottom: -8px;
  }
}

@media only screen and (min-width: 1280px) {
  .secondary-2022-course-view .header-course .header-left, .secondary-2022-course-view .header-course .header-right {
    width: 30%;
  }
}

.secondary-2022-unit-item--invisible .secondary-2022-unit-item__title, .secondary-2022-unit-item--not-accesible .secondary-2022-unit-item__title {
  color: #c7bfb7;
}

.secondary-2022-program__hero {
  margin: 0;
}

.secondary-2022-program__hero .button--size-xs {
  padding-left: 0;
  padding-right: 0;
}

.secondary-2022-program__time-title {
  margin: 30px 0;
  position: relative;
  top: 10px;
}

.secondary-2022-program__time-title-text {
  color: #706b65;
  background: var(--color-background);
  padding-right: 8px;
  position: absolute;
  top: -13px;
}

.secondary-2022-program__list-unit {
  grid-gap: 24px;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

.secondary-2022-program__publish-banner {
  align-items: center;
  display: flex;
}

.secondary-2022-program__publish-banner-text {
  margin-left: 8px;
}

.secondary-2022-program__publish-banner-actions {
  display: flex;
}

.secondary-2022-program__publish-banner-cancel .button__text {
  color: var(--color-first);
}

.secondary-2022-program--dirty {
  margin-bottom: 100px;
}

.secondary-2022-program__banner-game {
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .secondary-2022-program__hero {
    margin: 40px 0;
  }

  .secondary-2022-program__list-unit {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  .secondary-2022-program__list-unit {
    grid-template-columns: repeat(3, 1fr);
  }
}

.secondary-2022-list-units .MuiAccordion-root {
  margin-bottom: 8px;
}

.secondary-2022-list-units .MuiAccordion-root.Mui-expanded {
  margin-top: 0;
  padding-bottom: 12px;
  box-shadow: 0 6px 12px rgba(163, 155, 147, .2);
}

.secondary-2022-list-units .MuiPaper-root {
  box-shadow: none;
  border: 2px solid rgba(130, 130, 130, .1);
  padding-left: 12px;
}

.secondary-2022-list-units .MuiAccordionSummary-root {
  box-shadow: none;
  height: auto !important;
}

.secondary-2022-list-units .Mui-disabled {
  background-color: #fff !important;
}

.secondary-2022-list-units__tab-accordion {
  width: 100%;
}

@media only screen and (min-width: 640px) {
  .secondary-2022-list-units .MuiAccordionSummary-root {
    height: 72px !important;
  }
}

.secondary-2022-list-unit__item .secondary-2022-unit-item__more-menu {
  display: none;
}

.secondary-2022-unit-item {
  flex-direction: column;
  height: auto;
  padding: 0 20px;
  display: flex;
}

.secondary-2022-unit-item__title {
  color: #36393b;
}

.secondary-2022-unit-item__right {
  align-items: center;
  display: flex;
}

.secondary-2022-unit-item__more-menu {
  opacity: 0;
  transition: all .3s;
}

.secondary-2022-unit-item__right-kanban {
  display: none;
}

.secondary-2022-program__list-units {
  margin-top: 8px;
}

@media only screen and (min-width: 640px) {
  .secondary-2022-list-unit__item .secondary-2022-unit-item__more-menu {
    display: block;
  }

  .secondary-2022-list-unit__item:hover .secondary-2022-unit-item__more-menu {
    opacity: 1;
  }

  .secondary-2022-unit-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .secondary-2022-unit-item__title {
    font-size: 28px;
  }

  .secondary-2022-unit-item__right-kanban {
    display: block;
  }

  .secondary-2022-program__list-units {
    margin-top: 0;
  }
}

.secondary-2022-unit-empty {
  justify-content: center;
  width: 100%;
  display: flex;
}

.secondary-2022-unit-empty__text {
  background-color: var(--color-bg-04);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.secondary-2022-unit-empty__text-first {
  color: #36393b;
  margin-bottom: 8px;
}

.secondary-2022-unit-empty__text-second {
  color: #706b65;
}

.secondary-2022-unit-empty__add-lesson {
  margin: 8px 0;
}

.secondary-2022-list-lesson {
  width: 100%;
  padding-left: 60px;
  padding-right: 20px;
}

.secondary-2022-list-lesson .only-you-see {
  margin-right: 12px;
}

.secondary-2022-list-lesson .only-you-see .only-you-see__text {
  color: #a39b93;
}

.secondary-2022-list-lesson .only-you-see .icon path {
  fill: #c7bfb7;
}

.secondary-2022-list-lesson__list {
  padding-top: 4px;
}

.secondary-2022-list-lesson__metas {
  align-items: center;
  display: flex;
}

.secondary-2022-list-lesson__point {
  border-radius: 100%;
  width: 8px;
  height: 8px;
}

.secondary-2022-list-lesson__lesson {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.secondary-2022-list-lesson__lesson:last-child {
  border: 0;
}

.secondary-2022-list-lesson__lesson--invisible .secondary-2022-list-lesson__name, .secondary-2022-list-lesson__lesson--not-accesible .secondary-2022-list-lesson__name {
  color: #c7bfb7;
}

.secondary-2022-list-lesson__left {
  align-items: center;
  display: flex;
}

.secondary-2022-list-lesson__name {
  color: #706b65;
  margin-left: 12px;
}

.secondary-2022-list-lesson__meta {
  align-items: center;
  display: flex;
}

.secondary-2022-list-lesson__meta .only-you-see {
  margin-right: 12px;
}

.components-program {
  max-width: 936px;
  margin: 0 auto 30px;
}

.components-program .components-program__list {
  margin: -65px auto 12px;
  padding: 0 32px;
}

.components-course-banner .custom-banner {
  background-position: 50%;
  justify-content: flex-start;
  height: 208px;
  padding: 12px 32px;
}

.components-course-banner .vanilla-course-banner__bottom-right .button, .components-course-banner .vanilla-course-banner__bottom-right .resources-demo-container__link, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .components-course-banner .vanilla-course-banner__bottom-right .vl-button--primary-full-width, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .components-course-banner .vanilla-course-banner__bottom-right .vl-button--primary-without-bg, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .components-course-banner .vanilla-course-banner__bottom-right .vl-button--primary-border, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .components-course-banner .vanilla-course-banner__bottom-right .vl-button, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .components-course-banner .vanilla-course-banner__bottom-right .vl-button, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .components-course-banner .vanilla-course-banner__bottom-right .vl-button, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .components-course-banner .vanilla-course-banner__bottom-right .vl-button, .components-course-banner .vanilla-course-banner__bottom-right .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .components-course-banner .vanilla-course-banner__bottom-right .vl-button, .components-course-banner .vanilla-course-banner__bottom-right .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .components-course-banner .vanilla-course-banner__bottom-right .mvl_card_button {
  color: #fff;
}

.components-course-banner .custom-banner__top {
  z-index: 1;
  align-items: flex-start;
  height: 40%;
  margin-left: 12px;
}

.components-course-banner .vanilla-course-banner__title {
  font-family: var(--font-first-semi);
  color: #fff;
  font-size: 32px;
  line-height: 40px;
}

.component-item {
  cursor: pointer;
  max-height: auto;
  border: 1px solid var(--color-bg-01);
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  height: 96px;
  margin-bottom: 8px;
  padding: 8px 16px 8px 12px;
  display: flex;
  z-index: 4500 !important;
}

.component-item .component-item__center {
  padding: 12px;
}

.component-item .component-item__center .component-item__title {
  font-family: var(--font-first);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.component-item .component-item__center .component-item__subtitle {
  color: #a39b93;
  flex-direction: row;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.component-item .component-item__center .component-item__subtitle .only-you-see {
  margin-left: 12px;
}

.component-item .component-item__center .component-item__subtitle .edit-by {
  margin-left: 0;
}

.component-item .component-item__center .component-item__subtitle .edit-by__editby-name, .component-item .component-item__center .component-item__subtitle .edit-by__editby, .component-item .component-item__center .component-item__subtitle .only-you-see__text {
  display: none !important;
}

.component-item .component-item__center .component-item__subtitle-resources {
  margin-right: 8px;
}

.component-item .component-item__right {
  justify-content: flex-end;
  align-items: center;
  width: 5%;
  margin-left: auto;
  margin-right: 12px;
  display: flex;
}

.component-item .component-item__right .component-item__edition {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .component-item .component-item__center .component-item__subtitle .edit-by__editby-name, .component-item .component-item__center .component-item__subtitle .edit-by__editby, .component-item .component-item__center .component-item__subtitle .only-you-see__text {
    display: block !important;
  }
}

.add-license {
  height: 100vh;
}

.add-license .signup-step-license {
  height: 100%;
}

.add-license__logout {
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 40px;
}

.add-license__logout-text {
  color: var(--color-first);
  margin-left: 16px;
}

.custom-assessment-student-results {
  flex-direction: column;
  height: 90vh;
  display: flex;
}

.custom-assessment-student-results .lemonade-view__container {
  border: none;
}

.custom-assessment-student-results__header, .custom-assessment-student-results__header-left, .videolesson-results-view__right .videolesson-results__header-left, .custom-assessment-student-results__header-right {
  align-items: center;
  display: flex;
}

.custom-assessment-student-results__header {
  justify-content: space-between;
}

.dialog-activity__body .custom-assessment-student-results__header, .video-lesson .video-lesson-content .custom-assessment-student-results__header {
  margin-bottom: 20px;
}

.dialog-activity__body .custom-assessment-student-results__avatar, .video-lesson .video-lesson-content .custom-assessment-student-results__avatar, .dialog-activity__body .videolesson-results-view__right .videolesson-results__avatar, .videolesson-results-view__right .dialog-activity__body .videolesson-results__avatar, .video-lesson .video-lesson-content .videolesson-results-view__right .videolesson-results__avatar, .videolesson-results-view__right .video-lesson .video-lesson-content .videolesson-results__avatar {
  margin-left: 0;
}

.custom-assessment-student-results__avatar, .videolesson-results-view__right .videolesson-results__avatar {
  margin-left: 20px;
}

.custom-assessment-student-results__avatar .avatar, .videolesson-results-view__right .videolesson-results__avatar .avatar {
  width: 48px;
  height: 48px;
}

.custom-assessment-student-results__info, .videolesson-results-view__right .videolesson-results__info {
  margin-left: 16px;
}

.custom-assessment-student-results__name, .videolesson-results-view__right .videolesson-results__name {
  color: #36393b;
}

.custom-assessment-student-results__date, .videolesson-results-view__right .videolesson-results__date {
  color: #706b65;
  align-items: center;
  display: flex;
}

.custom-assessment-student-results__date svg, .videolesson-results-view__right .videolesson-results__date svg {
  margin-right: 8px;
}

.custom-assessment-student-results__attemps-top, .custom-assessment-student-results__attemps-number, .custom-assessment-student-results__attemps-bottom {
  display: flex;
}

.custom-assessment-student-results__attemps-top {
  justify-content: space-between;
  align-items: center;
}

.custom-assessment-student-results__attemps-bottom {
  justify-content: center;
}

.custom-assessment-student-results__attemps-number {
  align-items: baseline;
}

.custom-assessment-student-results__attemps-actual {
  color: #706b65;
  margin-left: 20px;
}

.custom-assessment-student-results__attemps-total {
  color: #c7bfb7;
  margin-right: 20px;
}

.custom-assessment-student-results__attemps-text {
  color: #a39b93;
}

.custom-assessment-student-results__attemps-left-container, .custom-assessment-student-results__attemps-right-container {
  width: 20px;
}

.custom-assessment-student-results__redo {
  margin-right: 24px;
}

.custom-assessment-student-results__score {
  margin-left: 24px;
}

.custom-assessment-student-results__score .note-card {
  flex-direction: column;
  justify-content: center;
  width: 119px;
  height: 97px;
  padding: 0;
  display: flex;
}

.custom-assessment-student-results__exercise {
  margin-bottom: 24px;
}

.custom-assessment-student-results__exercise .lemo-controls-wrapper {
  display: none !important;
}

.do-evaluation-view .do-evaluation-view__header .button__text {
  text-transform: uppercase;
}

.do-evaluation-view .do-evaluation-view__header .bubble-content--default, .do-evaluation-view .layout-header {
  background-color: #fff;
}

.do-evaluation-view .bubble-content--current:after {
  bottom: -12px;
}

.do-evaluation-view .layout-header__footer {
  box-shadow: none;
  border: 0;
}

.do-evaluation-view .paginator__step, .do-evaluation-view .paginator__arrow {
  margin: 0 4px;
}

.do-evaluation-view__header-course {
  color: #36393b;
}

.do-evaluation-view__footer .header-custom {
  border: 0;
  height: 55px;
}

.do-evaluation-view__footer .header-custom__left .button, .do-evaluation-view__footer .header-custom__left .resources-demo-container__link, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .do-evaluation-view__footer .header-custom__left .vl-button--primary-full-width, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .do-evaluation-view__footer .header-custom__left .vl-button--primary-without-bg, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .do-evaluation-view__footer .header-custom__left .vl-button--primary-border, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .do-evaluation-view__footer .header-custom__left .vl-button, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .do-evaluation-view__footer .header-custom__left .vl-button, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .do-evaluation-view__footer .header-custom__left .vl-button, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .do-evaluation-view__footer .header-custom__left .vl-button, .do-evaluation-view__footer .header-custom__left .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .do-evaluation-view__footer .header-custom__left .vl-button, .do-evaluation-view__footer .header-custom__left .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .do-evaluation-view__footer .header-custom__left .mvl_card_button {
  padding-left: 14px;
}

.do-evaluation-view__no-questions {
  text-align: center;
  display: block;
}

.do-evaluation-view--center .header-custom {
  border: 0;
}

.do-evaluation-view--center .layout-header__content {
  justify-content: center;
  align-items: flex-start;
  height: calc(100vh - 64px);
  display: flex;
  position: relative;
  top: 40px;
}

.do-evaluation-view--center .layout-header__footer {
  display: none !important;
}

.view-evaluation-evaluation {
  max-width: 1048px;
  margin: auto;
}

.view-evaluation-evaluation__date {
  width: 100%;
  max-width: 277px;
}

.view-evaluation-evaluation__date .MuiFormControl-root {
  border-radius: 4px;
  height: 40px;
}

.view-evaluation-evaluation__actions .button:disabled, .view-evaluation-evaluation__actions .resources-demo-container__link:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:disabled, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-evaluation__actions .vl-button--primary-full-width:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:disabled, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-evaluation__actions .vl-button--primary-without-bg:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:disabled, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-evaluation__actions .vl-button--primary-border:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .view-evaluation-evaluation__actions .vl-button:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .view-evaluation-evaluation__actions .vl-button:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .view-evaluation-evaluation__actions .vl-button:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .view-evaluation-evaluation__actions .vl-button:disabled, .view-evaluation-evaluation__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .view-evaluation-evaluation__actions .vl-button:disabled, .view-evaluation-evaluation__actions .projection-view__content-container--link .mvl_card_button:disabled, .projection-view__content-container--link .view-evaluation-evaluation__actions .mvl_card_button:disabled {
  opacity: .4;
  background: none;
}

.view-evaluation-evaluation__button-export {
  margin-left: 24px;
}

.view-evaluation-evaluation__button-export .sk-spinner {
  color: var(--color-first) !important;
}

.view-evaluation-evaluation__print-pdf {
  width: 695px;
  opacity: 0 !important;
  height: 1px !important;
  overflow: hidden !important;
}

.view-evaluation-evaluation__print-pdf .lemo-question-body {
  overflow: hidden;
}

.view-evaluation-evaluation__print-pdf .lemo-question-header {
  margin: 0 !important;
}

.view-evaluation-evaluation__print-pdf .lemo-options-wrapper {
  overflow: visible;
  width: 650px !important;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-classify-linking-lines .lemo-stage {
  width: 650px;
  height: 100%;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-classify-linking-lines .lemo-list {
  width: 200px;
  max-width: 200px;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-classify-linking-lines .lemo-answer-list {
  align-items: flex-end !important;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-classify-linking-lines .lemo-question-list {
  align-items: flex-start !important;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-base-input, .view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  display: none;
}

.view-evaluation-evaluation__print-pdf .lemonade-exercises .lemo-essay-rich-text {
  min-height: 300px;
}

@media print {
  @page {
    margin: 20px;
    -webkit-print-color-adjust: exact;
  }

  .view-evaluation-evaluation__print-pdf .activity {
    break-inside: avoid-page;
    overflow: hidden;
  }

  .view-evaluation-evaluation__print-pdf {
    opacity: 1 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .layout-header__header, .view-evaluation-evaluation__top, .view-evaluations-dialog-export, .view-evaluation-evaluation__evaluation-container {
    display: none !important;
  }
}

.view-evaluation-evaluation__top {
  justify-content: space-between;
  align-items: end;
  display: flex;
}

.view-evaluation-evaluation__evaluation-header {
  border-bottom: 1px solid #dbd5ce;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.view-evaluation-evaluation__evaluation-title {
  color: #36393b;
}

.view-evaluation-evaluation__evaluation-header-right {
  flex: none;
  align-items: center;
  display: flex;
}

.view-evaluation-evaluation__deliver-late-container {
  margin-right: 24px;
  display: flex;
}

.view-evaluation-evaluation__deliver-late-icon {
  background: #faf7f5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding: 12px;
  display: flex;
}

.view-evaluation-evaluation__deliver-late-texts {
  flex-direction: column;
  display: flex;
}

.view-evaluation-evaluation__deliver-late-title {
  color: #a39b93;
}

.view-evaluation-evaluation__deliver-late-text {
  color: #706b65;
}

.view-evaluation-evaluation__evaluation-container {
  border-radius: 8px;
  margin-top: 24px;
  padding: 24px;
  box-shadow: 0 2px 5px rgba(129, 102, 81, .15);
}

.view-evaluation-evaluation__questions .create-evaluations-questions-item {
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.view-evaluation-evaluation__option {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.view-evaluation-evaluation__option--disabled {
  cursor: not-allowed !important;
}

.view-evaluation-evaluation__option--disabled .list-simple-dropdown__icon, .view-evaluation-evaluation__option--disabled .view-evaluation-evaluation__option span {
  opacity: .5;
}

.view-evaluation-evaluation__option-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.view-evaluations-dialog-export__buttons-container {
  margin-top: 24px;
  display: flex;
}

.view-evaluations-dialog-export__text {
  color: #706b65;
  margin-bottom: 24px;
  line-height: 32px;
  display: block;
}

.view-evaluations-dialog-export__radio {
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 12px 16px;
}

.view-evaluations-dialog-export__radio .input-radio__label {
  font-family: var(--font-first-semi) !important;
}

.view-evaluations-dialog-export__radio .input-radio__label, .view-evaluations-dialog-export__radio .input-radio__description {
  margin-left: 12px;
}

.view-evaluations-dialog-export__radio .input-radio__icon-container {
  position: relative;
  bottom: -4px;
}

.view-evaluations-dialog-export__radio--active .input-radio__label {
  color: #36393b;
}

.view-evaluations-dialog-export__buttons-container {
  margin-top: 40px;
}

.view-evaluations-dialog-export__buttons-container .button, .view-evaluations-dialog-export__buttons-container .resources-demo-container__link, .view-evaluations-dialog-export__buttons-container .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .view-evaluations-dialog-export__buttons-container .resources-demo-container__link, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-full-width, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-without-bg, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-border, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .view-evaluations-dialog-export__buttons-container .vl-button, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .view-evaluations-dialog-export__buttons-container .vl-button, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .view-evaluations-dialog-export__buttons-container .vl-button, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .view-evaluations-dialog-export__buttons-container .vl-button, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .view-evaluations-dialog-export__buttons-container .vl-button, .view-evaluations-dialog-export__buttons-container .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .view-evaluations-dialog-export__buttons-container .mvl_card_button, .view-evaluations-dialog-export__buttons-container .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .view-evaluations-dialog-export__buttons-container .button {
  text-transform: uppercase;
  padding-left: 8px;
  padding-right: 8px;
}

.view-evaluations-dialog-export__buttons-container .button:first-child, .view-evaluations-dialog-export__buttons-container .resources-demo-container__link:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:first-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-full-width:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:first-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-without-bg:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:first-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-border:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .view-evaluations-dialog-export__buttons-container .vl-button:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .view-evaluations-dialog-export__buttons-container .vl-button:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .view-evaluations-dialog-export__buttons-container .vl-button:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .view-evaluations-dialog-export__buttons-container .vl-button:first-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:first-child, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .view-evaluations-dialog-export__buttons-container .vl-button:first-child, .view-evaluations-dialog-export__buttons-container .projection-view__content-container--link .mvl_card_button:first-child, .projection-view__content-container--link .view-evaluations-dialog-export__buttons-container .mvl_card_button:first-child {
  margin-right: 8px;
}

.view-evaluations-dialog-export__buttons-container .button:last-child, .view-evaluations-dialog-export__buttons-container .resources-demo-container__link:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:last-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-full-width:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:last-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-without-bg:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:last-child, .video-lesson .video-lesson-content .vl-lesson .view-evaluations-dialog-export__buttons-container .vl-button--primary-border:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:last-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .view-evaluations-dialog-export__buttons-container .vl-button:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:last-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .view-evaluations-dialog-export__buttons-container .vl-button:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:last-child, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .view-evaluations-dialog-export__buttons-container .vl-button:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:last-child, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .view-evaluations-dialog-export__buttons-container .vl-button:last-child, .view-evaluations-dialog-export__buttons-container .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:last-child, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .view-evaluations-dialog-export__buttons-container .vl-button:last-child, .view-evaluations-dialog-export__buttons-container .projection-view__content-container--link .mvl_card_button:last-child, .projection-view__content-container--link .view-evaluations-dialog-export__buttons-container .mvl_card_button:last-child {
  margin-left: 8px;
}

.view-evaluations-dialog-export__loading-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.view-evaluations-dialog-export__loading-container .sk-spinner {
  color: var(--color-first);
}

.view-evaluations-dialog-export__loading-text {
  color: #706b65;
}

.view-evaluation-results__left .MuiPaper-root {
  background-color: #f7f4f2;
}

.view-evaluation-results__left .assessment-results-view__center-column {
  padding-bottom: 20px;
}

.view-evaluation-results__left .assessment-results-view__user-list {
  padding-right: 8px !important;
}

.view-evaluation-stats {
  margin-left: 24px;
}

.view-evaluation-stats .note-card__text {
  font-family: var(--font-first);
}

.view-evaluation-stats__top-info {
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.view-evaluation-stats__status {
  display: flex;
}

.view-evaluation-stats__status-entry {
  margin-right: 53px;
}

.view-evaluation-stats__note .note_card {
  padding: 0 !important;
}

.view-evaluation-stats__top-info .view-evaluation-stats__note {
  align-self: center;
  min-width: 119px;
  margin-left: 30px;
  display: block;
}

.view-evaluation-stats__top-info .view-evaluation-stats__note .note-card {
  padding: 12px 8px;
}

.view-evaluation-stats__top-info .view-evaluation-stats__note .note-card__note {
  font-size: 32px;
}

.view-evaluation-stats__top-info .view-evaluation-stats__note .note-card__note-total {
  color: #c7bfb7;
  margin-left: 2px;
  font-size: 18px;
}

.view-evaluation-stats__title-container {
  padding: 8px 0;
}

.view-evaluation-stats__title {
  color: #36393b;
}

.view-evaluation-stats__subtitle {
  color: #706b65;
  margin-top: 4px;
}

.view-evaluation-stats__results-info {
  justify-content: space-between;
  align-items: start;
  margin-top: 24px;
  display: flex;
}

.view-evaluation-stats__stats {
  flex: auto;
  margin: 0 30px;
}

.view-evaluation-stats__doughnut-legend {
  justify-content: space-evenly;
  display: none;
}

.view-evaluation-stats__bars-legend-bad, .view-evaluation-stats__bars-legend-good, .view-evaluation-stats__bars-legend-not-turned {
  align-items: center;
  display: flex;
}

.view-evaluation-stats__bars-legend-good {
  margin-left: 30px;
}

.view-evaluation-stats__bars-legend-not-turned {
  margin-right: 30px;
}

.view-evaluation-stats__bars-legend-circle {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}

.view-evaluation-stats__bars-legend-circle--not-done {
  background: #f0edea;
}

.view-evaluation-stats__bars-legend-circle--bad {
  background: #f66868;
}

.view-evaluation-stats__bars-legend-circle--good {
  background: #41d158;
}

.view-evaluation-stats__bars-legend-text {
  color: #706b65;
}

.view-evaluation-stats__stats-pie {
  margin: auto;
}

.view-evaluation-stats__stats-pie .doughnut-chart {
  justify-content: center;
  display: flex;
}

.view-evaluation-stats__stats-pie .doughnut-rechart {
  width: 100%;
  height: 300px;
}

.view-evaluation-stats__bars-legend {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.view-evaluation-chosen-student {
  flex-direction: column;
  height: 90vh;
  display: flex;
}

.view-evaluation-chosen-student .lemonade-view__container {
  border: none;
}

.view-evaluation-chosen-student .create-evaluations-questions__list {
  margin-bottom: 24px;
}

.view-evaluation-chosen-student .create-evaluations-questions__list .input-points__points-total {
  position: initial;
}

.view-evaluation-chosen-student .create-evaluations-questions__list .input-points__input {
  padding-right: inherit;
}

.view-evaluation-chosen-student .create-evaluations-questions__list .input-points .input-points__input-container {
  border-radius: 0;
}

.view-evaluation-chosen-student .create-evaluations-questions-card-header__options, .view-evaluation-chosen-student .create-evaluations-questions-card-header__drag {
  display: none;
}

.view-evaluation-chosen-student__header, .view-evaluation-chosen-student__header-left, .view-evaluation-chosen-student__header-right {
  align-items: center;
  display: flex;
}

.view-evaluation-chosen-student__header {
  justify-content: space-between;
}

.dialog-activity__body .view-evaluation-chosen-student__header, .video-lesson .video-lesson-content .view-evaluation-chosen-student__header {
  margin-bottom: 20px;
}

.dialog-activity__body .view-evaluation-chosen-student__avatar, .video-lesson .video-lesson-content .view-evaluation-chosen-student__avatar {
  margin-left: 0;
}

.view-evaluation-chosen-student__avatar {
  margin-left: 20px;
}

.view-evaluation-chosen-student__avatar .avatar {
  width: 48px;
  height: 48px;
}

.view-evaluation-chosen-student__info {
  margin-left: 16px;
}

.view-evaluation-chosen-student__name {
  color: #36393b;
}

.view-evaluation-chosen-student__date {
  color: #706b65;
  align-items: center;
  display: flex;
}

.view-evaluation-chosen-student__date svg {
  margin-right: 8px;
}

.view-evaluation-chosen-student__attemps-top, .view-evaluation-chosen-student__attemps-number, .view-evaluation-chosen-student__attemps-bottom {
  display: flex;
}

.view-evaluation-chosen-student__attemps-top {
  justify-content: space-between;
  align-items: center;
}

.view-evaluation-chosen-student__attemps-bottom {
  justify-content: center;
}

.view-evaluation-chosen-student__attemps-number {
  align-items: baseline;
}

.view-evaluation-chosen-student__attemps-actual {
  color: #706b65;
  margin-left: 20px;
}

.view-evaluation-chosen-student__attemps-total {
  color: #c7bfb7;
  margin-right: 20px;
}

.view-evaluation-chosen-student__attemps-text {
  color: #a39b93;
}

.view-evaluation-chosen-student__attemps-left-container, .view-evaluation-chosen-student__attemps-right-container {
  width: 20px;
}

.view-evaluation-chosen-student__redo {
  margin-right: 24px;
}

.view-evaluation-chosen-student__duration-container {
  border-right: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 119px;
  height: 97px;
  padding: 0 8px;
  display: flex;
}

.view-evaluation-chosen-student__duration-value {
  color: #36393b;
}

.view-evaluation-chosen-student__duration-text {
  color: #a39b93;
}

.view-evaluation-chosen-student__score {
  position: relative;
}

.view-evaluation-chosen-student__score .note-card {
  flex-direction: column;
  justify-content: center;
  width: 119px;
  height: 97px;
  padding: 0;
  display: flex;
}

.view-evaluation-chosen-student__score .note-card__text {
  font-size: 15px;
}

.view-evaluation-chosen-student__score-warning {
  position: absolute;
  top: -9px;
  right: -9px;
}

.customs-assessment-students-results__comments {
  margin-bottom: 70px;
}

.customs-assessment-students-results__comment-number {
  color: #36393b;
}

.customs-assessment-students-results__comment-number-list {
  margin-top: 20px;
}

.customs-assessment-students-results__sender {
  z-index: 100;
  justify-self: flex-end;
  margin-top: auto;
}

.customs-assessment-students-results__sender .message-sender-simple {
  border: none;
  border-radius: 8px;
  padding: 16px;
}

.view-evaluation-chosen-student__exercise .lemo-controls-wrapper {
  display: none !important;
}

.view-evaluation-view {
  overflow-x: hidden;
}

.view-evaluation-view .layout-header, .view-evaluation-view .layout-calendar__column-1 {
  background-color: #fff;
}

.view-evaluation-view .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  height: auto !important;
}

.view-evaluation-view .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.view-evaluation-view .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #dbd5ce;
  margin: 0;
}

.view-evaluation-view .MuiAccordionSummary-root.Mui-expanded .assessment-results-view__users-list-header-text, .view-evaluation-view .MuiAccordionSummary-root.Mui-expanded .assessment-results-view__users-list-header-length {
  color: #706b65;
}

.view-evaluation-view .MuiAccordionSummary-root {
  height: auto !important;
}

.view-evaluation-view .MuiIconButton-root {
  margin-right: 0;
}

.view-evaluation-view .layout-calendar__column-2 {
  padding-bottom: 0;
}

.view-evaluation-view .layout-calendar__column-1 {
  right: -450px;
  left: unset;
  z-index: 5001;
  padding-top: 84px;
  padding-right: 0;
  transition: right .3s ease-in-out;
  top: 0;
  height: 100vh !important;
}

.view-evaluation-view .layout-calendar__column-2 {
  padding-left: 28px;
}

.view-evaluation-view .view-evaluation-view__mobile-menu-button {
  z-index: 9999;
  position: fixed;
  bottom: 20px;
  right: 40px;
}

.view-evaluation-view .view-evaluation-view__mobile-menu-button .button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .resources-demo-container__link, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button--primary-full-width, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button--primary-without-bg, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button--primary-border, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .view-evaluation-view .view-evaluation-view__mobile-menu-button .vl-button, .view-evaluation-view .view-evaluation-view__mobile-menu-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .view-evaluation-view .view-evaluation-view__mobile-menu-button .mvl_card_button {
  border-radius: 50%;
  padding: 12px;
}

.view-evaluation-view .view-evaluation-view__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.view-evaluation-view__mobile-menu--open .layout-calendar__column-1 {
  background: #f7f4f2;
  border-left: 1px solid #dbd5ce;
  transition: right .3s ease-in-out;
  right: 0;
}

.view-evaluation-view__mobile-menu--open .view-evaluation-view__mobile-menu-button {
  right: 57px;
}

.view-evaluation-view__mobile-menu--open .view-evaluation-view__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .view-evaluation-view .layout-calendar__column-1 {
    left: 0;
    top: unset;
    background-color: #fff;
    padding: 40px 0 20px 32px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 64px) !important;
  }

  .view-evaluation-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 490px;
  }

  .view-evaluation-view .view-evaluation-view__mobile-menu-button, .view-evaluation-view .view-evaluation-view__mobile-menu-backdrop {
    display: none;
  }
}

.lesson-view .layout-header__content {
  margin-bottom: 72px;
}

.lesson-view .mint-lesson-editor .float-button {
  bottom: 85px;
}

.lesson-view .layout-header__children {
  width: 100% !important;
  max-width: 100vw !important;
}

.lesson-view .mint-item-block {
  transition-duration: .9s;
}

.lesson-view:not(.lesson-view--mode-kanban) {
  background: #fff;
}

.lesson-view--mode-kanban {
  background: initial;
}

.lesson-view--mode-kanban .kanban-view__kanban {
  padding: 0;
}

.lesson-view--mode-kanban .layout-header__content {
  margin-bottom: 0;
}

.lesson-view--mode-kanban > .layout-header__content > .layout-header__children {
  padding: 0;
}

.lesson-view--mode-kanban .layout-header {
  background: initial;
}

.lesson-view--mode-kanban + .lesson-footer {
  display: none;
}

.lesson-view__content--active {
  background-color: rgba(237, 112, 17, .1);
  transition-duration: .9s;
}

.lesson-view--teams .block-shortcut-inline__button-list .icon-text-button:last-child, .lesson-view--teams .block-shortcut-inline__button-list .icon-text-button:nth-last-child(2) {
  display: none;
}

.lesson-footer {
  width: calc(100% - (var(--chatbot-width, 0px)) * var(--chatbot-is-open, 0));
  z-index: 1002;
  background-color: #f7f4f2;
  height: 72px;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -1px #dbd5ce;
}

.lesson-footer__wrapper {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.lesson-footer__prev, .lesson-footer__next {
  align-items: center;
  display: flex;
}

.lesson-footer__next svg {
  transform: scale(-1, 1);
}

.lesson-footer__next-info {
  margin-right: 16px;
}

.lesson-footer__prev-info {
  margin-left: 16px;
}

.lesson-footer__nav-text {
  color: #706b65;
}

.lesson-footer__lesson-name {
  color: #36393b;
  display: none;
}

.lesson-footer__center, .lesson-footer__left, .lesson-footer__right {
  max-width: 30%;
}

.lesson-footer__center {
  align-items: center;
  display: flex;
}

@media only screen and (min-width: 640px) {
  .lesson-footer__lesson-name {
    display: block;
  }
}

.game-view__wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(80vh - 72px);
  display: flex;
}

.game-view__wrapper .wrap_media_viewer, .game-view__wrapper .game-container {
  background: #fff !important;
}

.game-view__preview {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.game-view__game {
  width: 100%;
  height: 100%;
}

.game-view__game .MediaViewerHtmlInteractive_content .MediaViewerHtmlInteractive_source {
  max-width: 100% !important;
  max-height: 100% !important;
}

.game-view__game canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.game-view__game-not-compatible {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin: auto;
  display: flex;
}

.game-view__game-not-compatible-text {
  color: #36393b;
  background-color: #ffecd4;
  border-radius: 8px;
  padding: 12px 16px;
}

.game-view__name {
  margin-bottom: 16px;
}

.game-view__description {
  max-width: 70vw;
}

.game-view__play {
  margin-bottom: 16px;
}

.game-view__yoy {
  z-index: 100;
  position: absolute;
  bottom: 96px;
  left: 24px;
}

.game-view__yoy img {
  width: 30vw;
  max-width: 300px;
}

.game-view__label-top {
  position: absolute;
  top: 64px;
  left: 0;
}

.game-view__label-bottom {
  position: absolute;
  bottom: 72px;
  right: 0;
}

.mint-view-media-editor-video {
  position: relative;
}

.mint-view-media-editor-audio {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  display: flex;
}

.mint-view-lemonade__button {
  background: #f0f0f0;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 50px;
  margin: 0 auto 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 7px rgba(0, 0, 0, .15);
}

.mint-view-lemonade__button span {
  color: #aaa;
  margin-left: 10px;
  font-size: 16px;
}

.mint-view-lemonade__button svg {
  margin-left: 12px;
}

.mint-view-lemonade__button-title {
  align-items: center;
  display: flex;
}

.mint-view-lemonade__icon {
  margin-right: 12px;
}

.mint-view-lemonade__icon img {
  width: 75px;
}

.mint-view-lemonade__edit {
  display: flex;
}

.mint-view-lemonade__edit .button, .mint-view-lemonade__edit .resources-demo-container__link, .mint-view-lemonade__edit .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .mint-view-lemonade__edit .resources-demo-container__link, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view-lemonade__edit .vl-button--primary-full-width, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view-lemonade__edit .vl-button--primary-without-bg, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view-lemonade__edit .vl-button--primary-border, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view-lemonade__edit .vl-button, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view-lemonade__edit .vl-button, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view-lemonade__edit .vl-button, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view-lemonade__edit .vl-button, .mint-view-lemonade__edit .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view-lemonade__edit .vl-button, .mint-view-lemonade__edit .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view-lemonade__edit .mvl_card_button, .mint-view-lemonade__edit .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .mint-view-lemonade__edit .button {
  text-align: center !important;
  border-radius: 24px !important;
  justify-content: center !important;
  width: 200px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
}

.mint-view-media-editor {
  height: auto;
  min-height: 60px;
  display: flex;
}

.mint-lesson .lemonade-exercises .lemonade-exercises-question__number {
  background-color: #9aca3c;
}

.mint-view .item-block-visor__controls-wrapper .button, .mint-view .item-block-visor__controls-wrapper .resources-demo-container__link, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-visor__controls-wrapper .vl-button--primary-full-width, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-visor__controls-wrapper .vl-button--primary-without-bg, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-visor__controls-wrapper .vl-button--primary-border, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view .item-block-visor__controls-wrapper .vl-button, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view .item-block-visor__controls-wrapper .vl-button, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view .item-block-visor__controls-wrapper .vl-button, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view .item-block-visor__controls-wrapper .vl-button, .mint-view .item-block-visor__controls-wrapper .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view .item-block-visor__controls-wrapper .vl-button, .mint-view .item-block-visor__controls-wrapper .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view .item-block-visor__controls-wrapper .mvl_card_button {
  min-width: auto;
}

.mint-view .mint-assistant-editor, .mint-view .float-button, .mint-view .block-shortcut {
  display: none;
}

.mint-view .lemo-points {
  align-items: center;
  display: flex;
}

.mint-view .item-block-editor__left-controls .button, .mint-view .item-block-editor__left-controls .resources-demo-container__link, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-editor__left-controls .vl-button--primary-full-width, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-editor__left-controls .vl-button--primary-without-bg, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view .item-block-editor__left-controls .vl-button--primary-border, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view .item-block-editor__left-controls .vl-button, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view .item-block-editor__left-controls .vl-button, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view .item-block-editor__left-controls .vl-button, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view .item-block-editor__left-controls .vl-button, .mint-view .item-block-editor__left-controls .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view .item-block-editor__left-controls .vl-button, .mint-view .item-block-editor__left-controls .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view .item-block-editor__left-controls .mvl_card_button {
  display: none;
}

.mint-view .mint-audio-player-popup {
  bottom: 10% !important;
}

.mint-view .mint-footer-lms__counters-progress {
  height: 4px !important;
}

.mint-view .mint-footer-lms__counters-progress-bar {
  border-radius: 8px;
}

.mint-view .mint-footer-lms__counters-label {
  color: #a39b93;
}

.mint-view .mint-view__head-editor {
  z-index: 100;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.mint-view .mint-view__head-editor .mint-view__head-edit {
  position: absolute;
  top: 10px;
}

.mint-view .mint-view__head-editor + .lemonade-exercises {
  top: -20px;
}

.mint-view .mint-view__head-editor + .lemonade-exercises .lemo-question-header {
  padding-right: 40px;
}

.mint-view .mint-lesson .lemonade-exercises span b, .mint-view .mint-lesson .lemonade-exercises span strong {
  font-weight: bold;
}

.mint-view .mint-lesson .lemonade-exercises .katex * {
  line-height: 1.9em;
  font-family: KaTeX_Main, Times New Roman, serif !important;
}

.mint-view .mint-footer-lms__button {
  margin-top: 8px;
}

.mint-view .mint-footer-lms__button .button, .mint-view .mint-footer-lms__button .resources-demo-container__link, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view .mint-footer-lms__button .vl-button--primary-full-width, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view .mint-footer-lms__button .vl-button--primary-without-bg, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view .mint-footer-lms__button .vl-button--primary-border, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view .mint-footer-lms__button .vl-button, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view .mint-footer-lms__button .vl-button, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view .mint-footer-lms__button .vl-button, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view .mint-footer-lms__button .vl-button, .mint-view .mint-footer-lms__button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view .mint-footer-lms__button .vl-button, .mint-view .mint-footer-lms__button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view .mint-footer-lms__button .mvl_card_button {
  border-radius: 40px;
  padding: 2px 25px;
}

.mint-view .collections-menu, .mint-view .create-block-sidebar {
  z-index: 4001;
}

.mint-view .variants-menu, .mint-view .aside-menu-button.selected {
  background-color: #f7f4f2;
}

.mint-view .student-custom-footer .textarea {
  height: auto;
}

.mint-view .mint-epigraph {
  margin-bottom: 12px;
  transition: all .5s;
}

.mint-view .mint-epigraph * {
  background-color: rgba(0, 0, 0, 0) !important;
}

.mint-view .mint-epigraph:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.mint-view .fr-view ul, .mint-view .fr-view ol {
  list-style: initial;
  padding-left: 40px;
}

.mint-view .fr-view ul {
  list-style-type: disc;
}

.mint-view .fr-view ol {
  list-style-type: decimal;
}

.mint-view .fr-view i {
  font-style: italic;
}

.mint-view .fr-view b, .mint-view .fr-view strong {
  font-weight: bold;
}

.mint-view .fr-view sub {
  vertical-align: sub;
  font-size: smaller;
}

.mint-view .fr-view sup {
  font-size: smaller;
}

.mint-view__dialog-ia .MuiDialog-paper {
  border-radius: 16px !important;
  min-height: 400px !important;
}

.mint-view__dialog-ia .dialog__actions {
  padding: 16px 5%;
}

.mint-view__dialog-ia .dialog__actions .button, .mint-view__dialog-ia .dialog__actions .resources-demo-container__link, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view__dialog-ia .dialog__actions .vl-button--primary-full-width, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view__dialog-ia .dialog__actions .vl-button--primary-without-bg, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view__dialog-ia .dialog__actions .vl-button--primary-border, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view__dialog-ia .dialog__actions .vl-button, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view__dialog-ia .dialog__actions .vl-button, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view__dialog-ia .dialog__actions .vl-button, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view__dialog-ia .dialog__actions .vl-button, .mint-view__dialog-ia .dialog__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view__dialog-ia .dialog__actions .vl-button, .mint-view__dialog-ia .dialog__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view__dialog-ia .dialog__actions .mvl_card_button {
  z-index: 10000;
}

.mint-view__dialog-ia .loading-robot svg {
  max-height: 200px;
}

.mint-view__dialog-ia-header {
  padding: 16px 5%;
}

.mint-view__dialog-ia-header span {
  background-color: var(--color-first);
  color: #fff;
  border-radius: 43px;
  padding: 4px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.mint-view__dialog-ia-text {
  font-family: var(--font-second);
  padding: 0 5%;
  line-height: 25px;
}

.mint-view__view-container {
  width: 90%;
  margin: auto;
  position: relative;
}

.mint-view__view-container .lemonade-exercises .lemo-keyboard.lemo-active .lemo-background.lemo-fix-bottom {
  justify-content: center;
  align-items: center;
  justify-self: anchor-center;
  display: flex;
  bottom: 80px;
}

.mint-view__yoy {
  z-index: 1000;
  display: none;
  position: fixed;
  bottom: 88px;
  left: 1%;
}

.mint-view__yoy .yoy {
  max-width: 200px;
}

.mint-view__empty-post {
  text-align: center;
  margin-top: 24px;
}

.mint-view__chart {
  margin: auto;
}

.mint-view__chart .doughnut-chart {
  justify-content: center;
  display: flex;
}

.mint-view__chart .doughnut-rechart {
  width: 100%;
}

.mint-view-media-editor-image__icon {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mint-view-media-editor-image__figure {
  text-align: center;
  max-width: 100%;
  max-height: 264px;
  margin: auto;
  position: relative;
}

.mint-view-media-editor-image__figure img {
  max-width: 100%;
  max-height: 264px;
}

.mint-view-media-editor-image__figure .icon--edit-post {
  width: 48px;
  height: 48px;
}

.mint-view-media-editor-image__figure .icon--edit-post path {
  fill: #fff;
}

.mint-tabs-model-a {
  margin-top: 0 !important;
}

.block-edit__content {
  padding-top: 0 !important;
}

.mint-tab-content-settings-sidebar {
  margin-top: 24px;
}

.mint-tab-content-settings-sidebar .label, .mint-tab-content-settings-sidebar .signup__license-disclaimer, .mint-tab-content-settings-sidebar .project-remote-list__title-section, .mint-tab-content-settings-sidebar .input-checkbox__label, .mint-tab-content-settings-sidebar .input-date__label, .mint-tab-content-settings-sidebar .input-date-v2 .input-date-v2__label, .input-date-v2 .mint-tab-content-settings-sidebar .input-date-v2__label, .mint-tab-content-settings-sidebar .input-radio__label, .mint-tab-content-settings-sidebar .input-radio__description, .mint-tab-content-settings-sidebar .input-text__label, .mint-tab-content-settings-sidebar .input-time-range__label, .mint-tab-content-settings-sidebar .select-bubble__label, .mint-tab-content-settings-sidebar .select-customizable__label, .mint-tab-content-settings-sidebar .select-checkboxs__label, .mint-tab-content-settings-sidebar .textarea__label, .mint-tab-content-settings-sidebar .input-date-picker__wrapper .input-date-picker__label, .input-date-picker__wrapper .mint-tab-content-settings-sidebar .input-date-picker__label, .mint-tab-content-settings-sidebar .dialog-select-template__type-name, .mint-tab-content-settings-sidebar .dialog-lemonade-templates__type-name, .mint-tab-content-settings-sidebar .profile-form__label, .mint-tab-content-settings-sidebar .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .video-lesson .video-lesson-content .vl-input-generic-title .mint-tab-content-settings-sidebar .vl-wrapper-title-error__title, .mint-tab-content-settings-sidebar .preview-content__name, .mint-tab-content-settings-sidebar .dialog-assign-score__info, .settings-dropdown__label, .settings-item-label {
  color: #36393b !important;
}

.ai-assistant {
  bottom: 80px;
}

@media only screen and (min-width: 1500px) {
  .mint-view__yoy {
    left: 5%;
  }

  .mint-view__yoy .yoy {
    position: relative;
    left: -20%;
  }
}

@media only screen and (min-width: 768px) {
  .mint-view__yoy {
    display: block;
  }

  .mint-view__view-container {
    width: 80%;
    position: relative;
  }

  .mint-footer-lms__button {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .mint-view__yoy {
    left: 5%;
  }

  .mint-view__view-container {
    width: 100%;
    position: relative;
  }
}

@media only screen and (min-width: 1340px) {
  .mint-view__yoy .yoy {
    max-width: 274px;
  }
}

.mint-view-header-teacher .mint-header-lms__alternative-view {
  width: 100%;
  min-height: 420px;
}

.mint-view-header-teacher .assessment-instructions-view__date {
  z-index: 100;
  width: 100%;
  margin-bottom: 0;
}

.mint-view-header-teacher .mint-header-lms__actions {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mint-view-header-teacher .mint-header-lms__actions .button, .mint-view-header-teacher .mint-header-lms__actions .resources-demo-container__link, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .mint-view-header-teacher .mint-header-lms__actions .vl-button--primary-full-width, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .mint-view-header-teacher .mint-header-lms__actions .vl-button--primary-without-bg, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .mint-view-header-teacher .mint-header-lms__actions .vl-button--primary-border, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .mint-view-header-teacher .mint-header-lms__actions .vl-button, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .mint-view-header-teacher .mint-header-lms__actions .vl-button, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .mint-view-header-teacher .mint-header-lms__actions .vl-button, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .mint-view-header-teacher .mint-header-lms__actions .vl-button, .mint-view-header-teacher .mint-header-lms__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .mint-view-header-teacher .mint-header-lms__actions .vl-button, .mint-view-header-teacher .mint-header-lms__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .mint-view-header-teacher .mint-header-lms__actions .mvl_card_button {
  border-radius: 40px;
  justify-content: center;
  min-height: 40px;
  padding: 12px 16px;
}

.mint-view-header-teacher .mint-header-lms__actions .mint-header-lms__actions-tabs {
  align-items: flex-start;
}

.mint-view-header-teacher .mint-header-lms__actions .input-date__label {
  display: none;
}

.mint-view-header-teacher .mint-header-lms__actions .mint-header-lms__date {
  flex: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.mint-view-header-teacher__legend {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.mint-view-header-teacher__legend-item-bubble {
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

.mint-view-header-teacher__legend-item {
  align-items: baseline;
  display: flex;
}

.mint-view-header-teacher__legend-item-text {
  color: #706b65;
  margin-left: 12px;
  display: block;
}

.mint-view-header-teacher__chart {
  margin-top: 16px;
}

.mint-view-header-teacher__bars .mint-view-header-teacher__legend {
  justify-content: flex-start;
  margin-top: 16px;
}

.mint-view-header-teacher__bars .mint-view-header-teacher__legend-item-text {
  margin-right: 20px;
}

.mint-view-header-teacher__actions-calendar {
  align-items: center;
  display: flex;
}

.mint-header-lms__actions-calendar-icon {
  background: #f7f4f2;
  border-radius: 8px;
  margin-right: 8px;
  padding: 4px;
}

.mint-header-lms__actions-calendar-text {
  color: #706b65;
}

@media only screen and (min-width: 640px) {
  .mint-view-header-teacher .mint-header-lms__actions {
    flex-direction: row;
  }

  .mint-view-header-teacher .mint-header-lms__actions .mint-header-lms__date {
    justify-content: flex-end;
    width: auto;
    margin-top: 0;
  }
}

.student-custom-footer {
  position: relative;
}

.student-custom-footer__actions {
  align-items: center;
  gap: 24px;
  margin: 24px auto;
  display: flex;
}

.student-custom-footer__comment {
  align-items: center;
  display: flex;
}

.student-custom-footer__feedback .button, .student-custom-footer__feedback .resources-demo-container__link, .student-custom-footer__feedback .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .student-custom-footer__feedback .resources-demo-container__link, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-full-width, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-without-bg, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-border, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .student-custom-footer__feedback .vl-button, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .student-custom-footer__feedback .vl-button, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .student-custom-footer__feedback .vl-button, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .student-custom-footer__feedback .vl-button, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .student-custom-footer__feedback .vl-button, .student-custom-footer__feedback .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .student-custom-footer__feedback .mvl_card_button, .student-custom-footer__feedback .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .student-custom-footer__feedback .button {
  border-radius: 40px;
  min-height: 40px !important;
}

.student-custom-footer__feedback .button:hover, .student-custom-footer__feedback .resources-demo-container__link:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:hover, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-full-width:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:hover, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-without-bg:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:hover, .video-lesson .video-lesson-content .vl-lesson .student-custom-footer__feedback .vl-button--primary-border:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .student-custom-footer__feedback .vl-button:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .student-custom-footer__feedback .vl-button:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .student-custom-footer__feedback .vl-button:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .student-custom-footer__feedback .vl-button:hover, .student-custom-footer__feedback .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:hover, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .student-custom-footer__feedback .vl-button:hover, .student-custom-footer__feedback .projection-view__content-container--link .mvl_card_button:hover, .projection-view__content-container--link .student-custom-footer__feedback .mvl_card_button:hover {
  background: var(--color-first-hover);
}

.student-custom-footer__comment-amount {
  color: #a39b93;
  margin-left: 8px;
}

.about-view {
  background: var(--color-first);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.about-view .login-form__politics {
  background-color: #fff;
  width: 100%;
  padding: 12px;
  position: absolute;
  bottom: 0;
}

.support-view .landing-edelvives-plus__text, .support-view .landing-edelvives__know-more {
  display: none;
}

.about-view__wrapper {
  background: var(--color-first);
}

.about-view__wrapper .landing-edelvives-plus {
  background: none;
  padding: 16px;
}

.about-view__login {
  background-color: #fff;
  justify-content: center;
  width: 135px;
  margin-left: 16px;
  display: flex;
}

.about-view__login span {
  color: var(--color-first);
}

.about-view__contact {
  color: #fff;
}

.maintenance-view {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.maintenance-view__top {
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  display: flex;
}

.maintenance-view__bottom {
  text-align: center;
  flex-direction: column;
  flex: auto;
  justify-content: space-around;
  align-items: center;
  max-width: 1280px;
  display: flex;
}

.maintenance-view__image img {
  width: 130px;
}

.maintenance-view__image-logo img {
  width: 300px;
}

.maintenance-view__text-black {
  margin-top: 20px;
  font-size: 40px;
  line-height: 50px;
}

.maintenance-view__text-orange {
  color: var(--color-first);
  margin-top: 20px;
  font-size: 40px;
  line-height: 40px;
}

.content-not-found-view {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.content-not-found-view__content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-not-found-view__texts {
  text-align: center;
  flex-direction: column;
  margin: 24px auto;
  display: flex;
}

.content-not-found-view__texts-title {
  margin: 12px auto;
  font-size: 22px;
}

.content-not-found-view__texts-subtitle {
  font-size: 16px;
}

.content-not-found-view__back {
  margin-top: 12px;
}

.content-not-found-view__back .button, .content-not-found-view__back .resources-demo-container__link, .content-not-found-view__back .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .content-not-found-view__back .resources-demo-container__link, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .content-not-found-view__back .vl-button--primary-full-width, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .content-not-found-view__back .vl-button--primary-without-bg, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .content-not-found-view__back .vl-button--primary-border, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .content-not-found-view__back .vl-button, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .content-not-found-view__back .vl-button, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .content-not-found-view__back .vl-button, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .content-not-found-view__back .vl-button, .content-not-found-view__back .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .content-not-found-view__back .vl-button, .content-not-found-view__back .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .content-not-found-view__back .mvl_card_button, .content-not-found-view__back .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .content-not-found-view__back .button {
  border: 1px solid var(--color-first);
  padding: 2px 25px 2px 12px;
}

.content-not-found-view__back .button__content {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.create-evaluations-custom__title {
  color: #36393b;
  margin: 8px 0;
  display: block;
}

.create-evaluations-custom__input {
  width: 100%;
  max-width: 650px;
  margin-bottom: 24px;
  display: inline-block;
}

.create-evaluations-custom__input .input-text__input, .create-evaluations-custom__input .input-date input, .input-date .create-evaluations-custom__input input, .create-evaluations-custom__input .input-time-range__input, .create-evaluations-custom__input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .create-evaluations-custom__input input, .create-evaluations-custom__input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-custom__input input, .create-evaluations-custom__input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-custom__input input {
  border-radius: 0;
}

.create-evaluations-units__title {
  color: #36393b;
  margin: 12px 0 24px;
  display: block;
}

.create-evaluations-units__header-list {
  background: #f0edea;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  height: 34px;
  padding-left: 58px;
  display: flex;
}

.create-evaluations-units__header-title {
  color: #706b65;
  font-family: var(--font-first);
  text-transform: uppercase;
}

.create-evaluations-units__list-label {
  color: #706b65;
  margin-left: 8px;
}

.create-evaluations-units__list {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px;
}

.create-evaluations-units__list .checklists__option {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-top: 0;
  padding: 16px 12px;
}

.create-evaluations-units__list .checklists__option:last-child {
  border-bottom: 0;
}

.create-evaluations-activities__title {
  color: #36393b;
  margin: 8px 0 24px;
  display: block;
}

.create-evaluations-activities__header-list {
  background: #f0edea;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  height: 34px;
  padding: 12px;
  display: flex;
}

.create-evaluations-activities__header-title {
  color: #706b65;
  font-family: var(--font-first);
  text-transform: uppercase;
}

.create-evaluations-activities__list {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 12px;
}

.create-evaluations-activities__activity {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.create-evaluations-activities__activity:last-child {
  border-bottom: 0;
}

.create-evaluations-activities__header-title--activities, .create-evaluations-activities__activity-name {
  width: 20%;
  padding: 8px;
}

.create-evaluations-activities__header-title--description, .create-evaluations-activities__activity-description {
  width: 64%;
  padding: 8px;
}

.create-evaluations-activities__header-title--add {
  text-align: center;
}

.create-evaluations-activities__header-title--add, .create-evaluations-activities__activity-add, .create-evaluations-activities__header-title--action, .create-evaluations-activities__activity-action {
  width: 8%;
  padding: 8px;
}

.create-evaluations-activities__activity-add {
  justify-content: center;
  align-items: center;
  display: flex;
}

.create-evaluations-activities__activity-add .switch {
  flex-direction: row-reverse;
  align-items: center;
}

.create-evaluations-activities__activity-add .create-evaluations-activities__activity-add-text {
  font-family: var(--font-first);
}

.create-evaluations-activities__activity-add .switch--selected .create-evaluations-activities__activity-add-text {
  color: #36393b;
}

.create-evaluations-activities__activity-add .switch__texts {
  margin-left: 0;
  margin-right: 12px;
}

.create-evaluations-activities__activity-add .switch__icon .icon {
  margin-top: 0;
}

.create-evaluations-activities__activity-name-text {
  color: #36393b;
  display: block;
}

.create-evaluations-activities__activity-name-unit {
  color: #706b65;
  display: block;
}

.create-evaluations-activities__activity-description {
  padding-right: 16px;
}

.create-evaluations-activities__activity-description-text {
  color: #36393b;
}

.create-evaluations-activities__activity-action {
  text-align: center;
}

.create-evaluations-activities__activity-action-text, .create-evaluations-activities__activity-add-text {
  color: #706b65;
  font-family: var(--font-first-semi);
}

.create-evaluations-activities__activity-action-text {
  color: var(--color-first);
}

.create-evaluations-activities__header-title--action {
  text-align: center;
}

.create-evaluations-activities__activities-loading {
  color: #706b65;
  text-align: center;
  margin-top: 8px;
  display: block;
}

.create-evaluations-custom__header-list {
  background: #f0edea;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  height: 34px;
  padding: 12px;
  display: flex;
}

.create-evaluations-custom__header-title {
  color: #706b65;
  font-family: var(--font-first);
  text-transform: uppercase;
}

.create-evaluations-custom__list {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 12px;
}

.create-evaluations-custom__activity {
  align-items: center;
  min-height: 50px;
  display: flex;
}

.create-evaluations-custom__header-title--activities, .create-evaluations-custom__activity-name {
  width: 20%;
  padding: 8px;
}

.create-evaluations-custom__header-title--description, .create-evaluations-custom__activity-description {
  width: 62%;
  padding: 8px;
}

.create-evaluations-custom__header-title--view, .create-evaluations-custom__activity-view {
  text-align: center;
  width: 8%;
  padding: 8px;
}

.create-evaluations-custom__header-title--empty, .create-evaluations-custom__activity-action {
  width: 10%;
  padding: 8px;
}

.create-evaluations-custom__activity-action {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.create-evaluations-custom__activity-drag {
  margin-right: 16px;
}

.create-evaluations-custom__activity-name-text {
  color: #36393b;
  display: block;
}

.create-evaluations-custom__activity-name-unit {
  color: #706b65;
  display: block;
}

.create-evaluations-custom__activity-description {
  padding-right: 16px;
}

.create-evaluations-custom__activity-description-text {
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.create-evaluations-custom__activity-view {
  text-align: center;
}

.create-evaluations-custom__activity-view-text {
  color: #706b65;
  font-family: var(--font-first-semi);
}

.create-evaluations-title__input .input-text__input, .create-evaluations-title__input .input-date input, .input-date .create-evaluations-title__input input, .create-evaluations-title__input .input-time-range__input, .create-evaluations-title__input .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .create-evaluations-title__input input, .create-evaluations-title__input .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title__input input, .create-evaluations-title__input .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title__input input {
  color: #36393b;
  border: 0;
  border-radius: 0;
  text-align: left !important;
}

.create-evaluations-title__input .input-text__input:focus, .create-evaluations-title__input .input-date input:focus, .input-date .create-evaluations-title__input input:focus, .create-evaluations-title__input .input-time-range__input:focus, .create-evaluations-title__input .select-checkboxs .picky__filter input:focus, .select-checkboxs .picky__filter .create-evaluations-title__input input:focus, .create-evaluations-title__input .dropdown-schedule__wrapper .dropdown-schedule__hour input:focus, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title__input input:focus, .create-evaluations-title__input .video-lesson .video-lesson-content .vl-input-generic-title input:focus, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title__input input:focus, .create-evaluations-title__input .input-text__input:hover, .create-evaluations-title__input .input-date input:hover, .input-date .create-evaluations-title__input input:hover, .create-evaluations-title__input .input-time-range__input:hover, .create-evaluations-title__input .select-checkboxs .picky__filter input:hover, .select-checkboxs .picky__filter .create-evaluations-title__input input:hover, .create-evaluations-title__input .dropdown-schedule__wrapper .dropdown-schedule__hour input:hover, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title__input input:hover, .create-evaluations-title__input .video-lesson .video-lesson-content .vl-input-generic-title input:hover, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title__input input:hover {
  background: #fff;
  text-align: left !important;
  border: 0 !important;
}

.create-evaluations-title__input .input-text__input-container input {
  text-align: left !important;
}

.create-evaluations-title__text-aux {
  visibility: hidden;
  height: 0;
  padding: 16px 16px 16px 12px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.create-evaluations-title--empty {
  max-width: 222px;
  text-align: left !important;
}

.create-evaluations-title--empty .input-text__input, .create-evaluations-title--empty .input-date input, .input-date .create-evaluations-title--empty input, .create-evaluations-title--empty .input-time-range__input, .create-evaluations-title--empty .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .create-evaluations-title--empty input, .create-evaluations-title--empty .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title--empty input, .create-evaluations-title--empty .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title--empty input {
  background: #f0edea;
}

.create-evaluations-title--empty .input-text__input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title--empty .input-date input::placeholder {
  color: #c7bfb7;
}

.input-date .create-evaluations-title--empty input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title--empty .input-time-range__input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title--empty .select-checkboxs .picky__filter input::placeholder {
  color: #c7bfb7;
}

.select-checkboxs .picky__filter .create-evaluations-title--empty input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title--empty .dropdown-schedule__wrapper .dropdown-schedule__hour input::placeholder {
  color: #c7bfb7;
}

.dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title--empty input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title--empty .video-lesson .video-lesson-content .vl-input-generic-title input::placeholder {
  color: #c7bfb7;
}

.video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title--empty input::placeholder {
  color: #c7bfb7;
}

.create-evaluations-title:not(.create-evaluations-title--empty) {
  max-width: 100%;
}

.create-evaluations-title:not(.create-evaluations-title--empty) .input-text__input, .create-evaluations-title:not(.create-evaluations-title--empty) .input-date input, .input-date .create-evaluations-title:not(.create-evaluations-title--empty) input, .create-evaluations-title:not(.create-evaluations-title--empty) .input-time-range__input, .create-evaluations-title:not(.create-evaluations-title--empty) .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .create-evaluations-title:not(.create-evaluations-title--empty) input, .create-evaluations-title:not(.create-evaluations-title--empty) .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title:not(.create-evaluations-title--empty) input, .create-evaluations-title:not(.create-evaluations-title--empty) .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title:not(.create-evaluations-title--empty) input {
  background: none;
  padding: 0;
}

.create-evaluations-title:not(.create-evaluations-title--empty) .input-text__input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .input-date input:focus, .input-date .create-evaluations-title:not(.create-evaluations-title--empty) input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .input-time-range__input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .select-checkboxs .picky__filter input:focus, .select-checkboxs .picky__filter .create-evaluations-title:not(.create-evaluations-title--empty) input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .dropdown-schedule__wrapper .dropdown-schedule__hour input:focus, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title:not(.create-evaluations-title--empty) input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .video-lesson .video-lesson-content .vl-input-generic-title input:focus, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title:not(.create-evaluations-title--empty) input:focus, .create-evaluations-title:not(.create-evaluations-title--empty) .input-text__input:hover, .create-evaluations-title:not(.create-evaluations-title--empty) .input-date input:hover, .input-date .create-evaluations-title:not(.create-evaluations-title--empty) input:hover, .create-evaluations-title:not(.create-evaluations-title--empty) .input-time-range__input:hover, .create-evaluations-title:not(.create-evaluations-title--empty) .select-checkboxs .picky__filter input:hover, .select-checkboxs .picky__filter .create-evaluations-title:not(.create-evaluations-title--empty) input:hover, .create-evaluations-title:not(.create-evaluations-title--empty) .dropdown-schedule__wrapper .dropdown-schedule__hour input:hover, .dropdown-schedule__wrapper .dropdown-schedule__hour .create-evaluations-title:not(.create-evaluations-title--empty) input:hover, .create-evaluations-title:not(.create-evaluations-title--empty) .video-lesson .video-lesson-content .vl-input-generic-title input:hover, .video-lesson .video-lesson-content .vl-input-generic-title .create-evaluations-title:not(.create-evaluations-title--empty) input:hover {
  background: #fff;
  padding: 16px;
  border: 0 !important;
}

.create-evaluations-questions__list {
  background: #fff;
  margin-top: 24px;
}

.create-evaluations-questions__item:last-child .create-evaluations-questions-item {
  border: none;
}

.create-evaluations-questions__item .lemo-stimulus {
  color: #36393b;
}

.create-evaluations-questions-item {
  max-height: auto;
  border-bottom: 1px solid #dbd5ce;
  margin: 0 20px;
  padding: 16px 30px;
  transition: all 1s;
  overflow: hidden;
}

.create-evaluations-questions-item .lemonade-exercises .lemo-controls-wrapper, .create-evaluations-questions-item .lemonade-exercises .lemo-hints-dialog {
  display: none;
}

.create-evaluations-questions-item .input-points--status-good-progress .input-points__input, .create-evaluations-questions-item .input-points--status-needs-ampliacion .input-points__input, .create-evaluations-questions-item .input-points--status-needs-reinforcement .input-points__input {
  font-size: 28px;
}

.create-evaluations-questions-item--no-displayed {
  max-height: 70px;
  overflow: hidden;
}

.create-evaluations-questions-card-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.create-evaluations-questions-card-header .lemo-stimulus-bullet {
  text-align: center;
  color: #fff;
  background-color: #9aca3c;
  border-radius: 100%;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5rem;
  display: block;
  position: relative;
  left: 0;
}

.create-evaluations-questions-card-header__drag {
  margin-right: 12px;
}

.create-evaluations-questions-card-header__left, .create-evaluations-questions-card-header__right {
  align-items: center;
  display: flex;
}

.create-evaluations-questions-card-header__points {
  width: 100px;
  position: relative;
}

.create-evaluations-questions-card-header__points .input-points__points-total {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.create-evaluations-questions-card-header__points .input-points__input {
  padding-right: 24px;
}

.create-evaluations-questions-card-header__points .input-points__input-container {
  border-color: #dbd5ce !important;
}

.create-evaluations-questions-card-header__points .input-points .input-points__input-container {
  border-radius: 8px;
  padding-right: 8px !important;
}

.create-evaluations-questions-card-header__points.has-error .input-points__input-container {
  border-color: #f66868 !important;
}

.create-evaluations-questions-card-header__stimulus {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.create-evaluations-questions-card-header__bullet--displayed {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
}

.create-evaluations-questions-card-header__bullet--no-displayed {
  visibility: visible;
  opacity: 1;
  max-height: 2.5rem;
  transition: visibility .8s, opacity 1.2s ease-in;
}

.create-evaluations-questions-card-header__stimulus--displayed {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
}

.create-evaluations-questions-card-header__stimulus--no-displayed {
  visibility: visible;
  opacity: 1;
  max-height: 30px;
  transition: visibility .8s, opacity 1.2s ease-in;
}

.create-evaluations-questions-card-header__accordion {
  align-items: center;
  margin-left: 24px;
  display: flex;
}

.create-evaluations-questions-card-header__options {
  align-items: center;
  display: flex;
}

.create-evaluations-questions-card-header__options-separator {
  background-color: #dbd5ce;
  width: 1px;
  height: 40px;
  margin-left: 16px;
  position: relative;
}

.create-evaluations-questions-card-header--empty-input-warning .input-points__input-container {
  background-color: #fff3d6;
  border-color: #f2aa3e !important;
}

.create-evaluations-questions-card-header--empty-input-warning .input-points__input {
  background-color: #fff3d6;
}

.create-evaluations-questions-card-header__empty-warning {
  z-index: 10;
  position: absolute;
  top: -10px;
  right: -12px;
}

.create-evaluations-question-lemonade .lemo-stimulus-bullet {
  text-align: center;
  color: #fff;
  background-color: #9aca3c;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5rem;
  display: block;
  position: relative;
  top: -10px;
  left: 0;
}

.create-evaluations-question-lemonade__sample-answer {
  border-radius: 0 8px 8px 0;
  border-left: 4px solid var(--color-first) !important;
  background: #f7f4f2 !important;
  margin: 24px auto !important;
  padding: 16px 12px !important;
}

.create-evaluations-question-lemonade__sample-answer p {
  font-size: 18px;
  font-family: var(--font-second);
  line-height: 26px;
}

.create-evaluations-question-lemonade__sample-answer strong {
  font-weight: 700 !important;
}

.create-evaluations-question-lemonade__solutions {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  margin-top: 24px !important;
}

.create-evaluations-question-lemonade__solutions .switch {
  align-items: center;
}

.create-evaluations-question-lemonade__solutions .switch__texts {
  margin-left: 8px;
}

.create-evaluations-coming-soon__text {
  color: #706b65;
  margin-bottom: 24px;
  line-height: 32px;
  display: block;
}

.create-evaluations-coming-soon__img {
  max-width: 100%;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.create-evaluations-view .layout-header__children {
  max-width: 1048px;
}

.create-evaluations-view .footer-buttons {
  max-width: 1048px;
  height: 100%;
}

.create-evaluations-view .button--color-transparent .button__text {
  color: var(--color-first);
}

.create-evaluations-view__header-left {
  align-items: center;
  display: flex;
}

.create-evaluations-view__header-left .icon {
  margin-right: 8px;
}

.create-evaluations-view__header-left-text {
  color: #706b65;
}

.create-evaluations-view__input-name {
  margin: 8px 0;
}

.create-evaluations-view__button-create {
  justify-content: space-between;
  display: flex;
  max-width: 1048px !important;
}

.create-evaluations-view__button-create .button, .create-evaluations-view__button-create .resources-demo-container__link, .create-evaluations-view__button-create .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .create-evaluations-view__button-create .resources-demo-container__link, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .create-evaluations-view__button-create .vl-button--primary-full-width, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .create-evaluations-view__button-create .vl-button--primary-without-bg, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .create-evaluations-view__button-create .vl-button--primary-border, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .create-evaluations-view__button-create .vl-button, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .create-evaluations-view__button-create .vl-button, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .create-evaluations-view__button-create .vl-button, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .create-evaluations-view__button-create .vl-button, .create-evaluations-view__button-create .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .create-evaluations-view__button-create .vl-button, .create-evaluations-view__button-create .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .create-evaluations-view__button-create .mvl_card_button, .create-evaluations-view__button-create .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .create-evaluations-view__button-create .button {
  margin: 0;
}

.create-evaluations-view__button-create-content {
  align-items: center;
  display: flex;
}

.create-evaluations-view__points {
  border: 1px solid #dbd5ce;
  border-radius: 8px;
  align-items: center;
  padding: 4px 16px;
  display: flex;
}

.create-evaluations-view__points-text--points {
  color: #c7bfb7;
}

.create-evaluations-view__points-text--total-points {
  color: #c7bfb7;
  margin-left: 4px;
}

.create-evaluations-view__points--minor .create-evaluations-view__points-text--points {
  color: #f2aa3f;
}

.create-evaluations-view__points--bigger .create-evaluations-view__points-text--points {
  color: #f66868;
}

.create-evaluations-view__points--good .create-evaluations-view__points-text--points {
  color: #41d158;
}

.create-evaluations-view__header-center {
  position: relative;
}

.create-evaluations-view__header-warning {
  position: absolute;
  top: -8px;
  right: -8px;
}

.create-evaluations-view__dialog-activity-title {
  align-items: center;
  display: flex;
}

.create-evaluations-view__dialog-activity-title-unit {
  color: #706b65;
  margin-left: 8px;
}

.do-evaluation-front {
  max-width: 632px;
  margin: auto;
  padding: 30px;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.do-evaluation-front--late .do-evaluation-front__date-container .do-evaluation-front__date-title, .do-evaluation-front--late .do-evaluation-front__date-container .do-evaluation-front__date {
  color: #f66868;
}

.do-evaluation-front--late .do-evaluation-front__date-container .icon path {
  fill: #f66868;
}

.do-evaluation-front__course-book {
  background-size: cover;
  border: 1px solid #fff;
  width: 88px;
  height: 88px;
}

.do-evaluation-front__course {
  align-items: center;
  display: flex;
}

.do-evaluation-front__course-name {
  color: #706b65;
  margin-left: 8px;
}

.do-evaluation-front__title {
  color: #36393b;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.do-evaluation-front__metainfo {
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.do-evaluation-front__metainfo .icon {
  flex: none;
}

.do-evaluation-front__date-container, .do-evaluation-front__questions-container {
  align-items: center;
  display: flex;
}

.do-evaluation-front__date-title {
  color: #706b65;
  margin: 0 4px 0 8px;
  display: block;
}

.do-evaluation-front__date {
  color: #36393b;
  margin-right: 8px;
  font-family: var(--font-first-semi) !important;
}

.do-evaluation-front__separator {
  background-color: #a39b93;
  width: 1px;
  height: 40px;
  margin: 0 16px;
  display: none;
  position: relative;
}

.do-evaluation-front__questions-title {
  color: #706b65;
  margin: 0 4px 0 8px;
}

.do-evaluation-front__questions {
  color: #36393b;
  display: block;
  font-family: var(--font-first-semi) !important;
}

.do-evaluation-front__instructions {
  background-color: #f7f4f2;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px;
}

.do-evaluation-front__instructions-title {
  color: #36393b;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
  font-family: var(--font-first) !important;
}

.do-evaluation-front__instructions-text {
  color: #706b65;
  line-height: 32px;
}

.do-evaluation-front__begin {
  justify-content: center;
  display: flex;
}

.do-evaluation-front__begin .button__text {
  text-transform: uppercase;
}

.do-evaluation-front__late-container {
  background: rgba(255, 83, 34, .1);
  border-radius: 25px;
  align-items: center;
  max-width: 425px;
  margin: auto;
  padding: 12px;
  display: flex;
}

.do-evaluation-front__late-container .icon {
  flex: none;
  margin: 0 16px;
}

.do-evaluation-front__late-text {
  line-height: 23px;
}

@media only screen and (min-width: 768px) {
  .do-evaluation-front__separator {
    display: block;
  }

  .do-evaluation-front__metainfo {
    flex-direction: row;
    align-items: center;
  }
}

.do-evaluation-final {
  max-width: 632px;
  margin: auto;
  padding: 30px;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.do-evaluation-final__course-book {
  background-size: cover;
  border: 1px solid #fff;
  width: 88px;
  height: 88px;
}

.do-evaluation-final__course {
  align-items: center;
  display: flex;
}

.do-evaluation-final__course-name {
  color: #706b65;
  margin-left: 8px;
}

.do-evaluation-final__title {
  color: #36393b;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.do-evaluation-final__delivered {
  color: var(--color-first);
  text-align: center;
  margin-top: 24px;
  margin-bottom: 30px;
  display: block;
}

.do-evaluation-final__instructions {
  background-color: #f7f4f2;
  border-radius: 8px;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px;
  display: flex;
}

.do-evaluation-final__instructions .icon {
  flex: none;
  margin-left: 30px;
  margin-right: 24px;
}

.do-evaluation-final__instructions-text {
  color: #706b65;
  line-height: 32px;
}

.do-evaluation-final__exit {
  justify-content: center;
  display: flex;
}

.do-evaluation-final__exit .button__text {
  text-transform: uppercase;
}

.results-evaluation-view .layout-header {
  background: #fff;
}

.results-evaluation-view .input-points__points-total {
  position: initial;
}

.results-evaluation-view .input-points__input {
  padding-right: inherit;
}

.results-evaluation-view__book {
  align-items: center;
  display: flex;
}

.results-evaluation-view__course-book {
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.results-evaluation-view__course-name {
  color: #36393b;
  margin-left: 8px;
}

.results-evaluation-view__info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.results-evaluation-view__name {
  color: #36393b;
}

.results-evaluation-view___date {
  color: #706b65;
  margin-top: 8px;
}

.results-evaluation-view__questions-container {
  margin-top: 24px;
  padding: 12px;
}

.results-evaluation-view__questions-container .create-evaluations-questions-item {
  padding-left: 0;
  padding-right: 0;
}

.results-evaluation-view__questions-container .lemo-stimulus-bullet {
  background-color: var(--color-first);
}

.results-evaluation-view__questions-container .create-evaluations-questions-card-header__points {
  width: 124px;
}

.ui-view .ui-view__left {
  padding: 16px;
}

.ui-view .ui-view__left .ui-view__left-section {
  border-bottom: 1px solid #dbd5ce;
  margin: 20px 0;
  padding-bottom: 16px;
}

.ui-view .ui-view__left .ui-view__left-section .select-customizable__label, .ui-view .ui-view__left .ui-view__left-section .switch__label {
  text-transform: uppercase;
  color: var(--color-first);
}

.ui-view .ui-view__icon-wrapper {
  flex-wrap: wrap;
  justify-content: space-evenly;
  display: flex;
}

.ui-view .ui-view__icon-wrapper .ui-view__icon-wrapper-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 16px;
  display: flex;
  cursor: pointer !important;
}

.ui-view .ui-view__icon-wrapper .ui-view__icon-wrapper-icon .ui-view__icon-wrapper-icon-title {
  font-size: 12px;
  font-family: var(--font-second);
  color: #706b65;
  margin-top: 12px;
}

.ui-view--dark .layout-calendar__column-2 {
  background-color: #706b65;
}

.ui-view--dark .header-custom {
  background: var(--color-first);
  color: #f0edea;
}

.ui-view--dark .header-custom .header-close__close svg path {
  fill: #fff !important;
}

.ui-view--dark .ui-view__icon-wrapper .ui-view__icon-wrapper-icon .ui-view__icon-wrapper-icon-title {
  color: #fff;
}

.resources-view {
  background-color: #fff;
  max-width: 950px;
  margin: 0 auto;
}

.resources-view .layout-header__header {
  position: relative;
}

.resources-view .resources-view__layout {
  background-color: #fff;
  margin: 0 16px;
}

.resources-view .resources-view__header-logo {
  width: 111px;
  margin: 16px 0;
}

.resources-view .resources-view__header-logo img {
  width: 100%;
}

.resources-view .resources-view__header-title {
  font-family: var(--font-first-semi);
}

.resources-view .resources-view__content, .resources-view .layout-header__children {
  width: 100% !important;
}

.resources-view .resources-view__content-title {
  color: var(--color-first);
  font-size: 20px;
  font-weight: 400;
  font-family: var(--font-second);
  border-bottom: 1px solid var(--color-first);
  padding: 16px 0;
}

.resources-view .resources-view__content-selects {
  grid-template-columns: 1fr;
  gap: 16px;
  width: 100%;
  padding: 16px 0;
  display: grid;
}

.resources-view .resources-view__content-button .button, .resources-view .resources-view__content-button .resources-demo-container__link, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .resources-view .resources-view__content-button .vl-button--primary-full-width, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .resources-view .resources-view__content-button .vl-button--primary-without-bg, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .resources-view .resources-view__content-button .vl-button--primary-border, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .resources-view .resources-view__content-button .vl-button, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .resources-view .resources-view__content-button .vl-button, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .resources-view .resources-view__content-button .vl-button, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .resources-view .resources-view__content-button .vl-button, .resources-view .resources-view__content-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .resources-view .resources-view__content-button .vl-button, .resources-view .resources-view__content-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .resources-view .resources-view__content-button .mvl_card_button {
  text-transform: uppercase;
  font-family: var(--font-second);
  font-size: 14px;
}

.resources-view .resources-view__no-results {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

.resources-view .resources-view__no-results-img {
  margin: 16px 0;
}

.resources-view .resources-view__no-results-text {
  line-height: 24px;
}

.resources-view .resources-view__results {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.resources-view .resources-view__results-text {
  color: #706b65;
  font-size: 14px;
}

.resources-view .resources-view__results-list {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  justify-content: center;
  display: grid;
}

@media only screen and (min-width: 480px) {
  .resources-view .resources-view__content-selects {
    grid-template-columns: 1fr 1fr;
  }

  .resources-view .resources-view__results-list {
    justify-items: center;
  }
}

@media only screen and (min-width: 640px) {
  .resources-view .resources-view__content-selects {
    grid-template-columns: repeat(3, 1fr) minmax(0, 130px);
  }

  .resources-view .resources-view__results-list {
    justify-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  .resources-view .resources-view__content-selects {
    grid-template-columns: repeat(4, 1fr) minmax(0, 130px);
  }

  .resources-view .resources-view__results-list {
    grid-template-columns: repeat(auto, minmax(300px, 1fr));
    justify-items: start;
  }
}

.resource-card {
  flex-direction: column;
  width: 300px;
  max-width: 320px;
  height: 200px;
  margin: 8px 0;
  display: flex;
  padding: 0 !important;
}

.resource-card__top {
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.resource-card__thumbnail {
  background-color: #f0edea;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 117px;
  position: relative;
}

.resource-card__icon-container {
  background: #f7f4f2;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.resource-card__icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resource-card__texts {
  flex-direction: column;
  margin-left: 8px;
  display: flex;
}

.resource-card__name {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #36393b;
  -webkit-box-orient: vertical;
  display: block;
  overflow: hidden;
  display: -webkit-box !important;
}

.resource-card__size {
  color: #a39b93;
  margin-top: 8px;
  display: block;
}

.resource-card__only-teacher {
  flex: auto;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 8px;
  display: flex;
}

.resource-card__only-teacher .bubble-content {
  background-color: #706b65;
  border: 0;
}

.resource-card__bottom {
  height: calc(100% - 117px);
  padding: 12px;
  position: relative;
}

.resource-card__download {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.resource-card__video-icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resource-card__video-icon-play .icon {
  position: relative;
  left: 1.5px;
}

.dropdown__lib .list-simple-dropdown__name {
  color: #a39b93;
}

.dropdown__lib .list-simple-dropdown__li {
  align-items: center;
}

.dropdown__lib .list-simple-dropdown__li:hover .list-simple-dropdown__name {
  color: #36393b;
}

.dropdown__lib .list-simple-dropdown__li:hover .icon--color-default path {
  fill: #36393b;
}

.dropdown-switch-app {
  width: 347px;
  max-height: 90vh;
  padding: 16px 20px;
  overflow-y: auto;
}

.dropdown-switch-app .list-complex-dropdown, .dropdown-switch-app .notifications-list {
  padding: 0;
}

.dropdown-switch-app .item-complex-list {
  padding: 8px;
}

.dropdown-switch-app .item-complex-list:hover {
  border-radius: 8px;
}

.dropdown-switch-app .item-complex-list__left-children {
  width: 21px;
  height: 21px;
  margin-right: 20px;
}

.dropdown-switch-app__section {
  margin-bottom: 20px;
}

.dropdown-switch-app__section-name {
  color: #c7bfb7;
}

.dropdown-switch-app__name {
  color: #706b65;
}

.dropdown-switch-app__icon svg {
  width: 21px;
  height: 21px;
}

.dropdown-switch-app__section-divider {
  background-color: #dbd5ce;
  width: 100%;
  height: 1px;
}

.dropdown-switch-app__name--disable {
  color: #dbd5ce;
}

.dropdown-switch-app__icon--no-icon {
  background-color: #dbd5ce;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.dropdown-switch-app__icon--disable {
  opacity: .5;
}

.dropdown-course--mx .dropdown-switch-app__section-constellation, .dropdown-course--mx .dropdown-switch-app__byme {
  display: none;
}

.hero-banner {
  position: relative;
}

.hero-banner .header-tabs {
  display: none;
}

.hero-banner__background {
  background-position: center;
  height: 236px;
  display: flex;
  position: relative;
}

.hero-banner__image-book {
  object-fit: cover;
  z-index: 2;
  border: 1px solid #fff;
  width: 98px;
  height: 140px;
  position: absolute;
  top: 16px;
  left: 30px;
  transform: rotate(-12deg);
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.hero-banner__image-left {
  z-index: 1;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-banner__image-right {
  z-index: 0;
  height: 100%;
  margin: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.hero-banner__content {
  align-self: center;
  padding-left: 144px;
}

.hero-banner__top {
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 24px;
}

.hero-banner__teacher-avatar {
  border: 2px solid #fff;
  border-radius: 100%;
  margin-right: 12px;
  display: none;
}

.hero-banner__title {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #fff;
  z-index: 10;
  text-shadow: 1px 2px 2px #656565;
  -webkit-box-orient: vertical;
  padding-right: 30px;
  display: block;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
}

.hero-banner__actions {
  display: none;
}

.hero-banner__button-wrapper {
  background: var(--color-background);
  z-index: 2;
  border-radius: 100%;
  width: 66px;
  height: 66px;
  display: none;
  position: absolute;
  bottom: -30px;
  right: 42px;
}

.hero-banner__button-wrapper .button-fixed-dropdown__button {
  bottom: initial;
  position: relative;
}

.hero-banner__time-selector {
  width: 176px;
  display: flex;
  position: absolute;
  top: 100px;
  right: 24px;
}

.hero-banner__time-selector .select-customizable div[class$="-singleValue"] {
  color: #a39b93;
}

.hero-banner__time-selector .select-customizable {
  width: 100%;
}

.hero-banner__actions {
  margin-top: 16px;
}

.hero-banner__action-book {
  z-index: 2;
}

.hero-banner__action-book .icon--color-white.icon--lib-skin path {
  fill: rgba(0, 0, 0, 0);
}

.hero-banner__action-resources-map {
  margin-left: 12px;
}

.hero-banner__action-resources-map .button__content {
  padding: 0 8px 0 4px;
}

.hero-banner__action-viewas .button__text {
  color: #fff;
}

.hero-banner__dropdown .list-simple-dropdown__li {
  padding: 8px 12px;
}

.hero-banner__dropdown .list-simple-dropdown__li svg {
  width: 24px;
  height: 24px;
}

.hero-banner__dropdown .list-simple-dropdown__li .list-simple-dropdown__name {
  font-size: 18px !important;
}

.hero-banner__dropdown .list-simple-dropdown__li:hover .list-simple-dropdown__name {
  color: var(--color-first) !important;
}

.hero-banner__dropdown .list-simple-dropdown__li:hover path {
  fill: var(--color-first) !important;
}

@media only screen and (min-width: 640px) {
  .hero-banner__top {
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
  }

  .hero-banner__teacher-avatar {
    display: block;
  }

  .hero-banner__actions {
    display: flex;
  }

  .hero-banner__button-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-banner__time-selector {
    top: 120px;
    bottom: -20px;
    right: 122px;
  }

  .hero-banner__background {
    height: 145px;
  }

  .hero-banner__image-book {
    height: 129px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero-banner .header-tabs {
    display: flex;
  }

  .hero-banner__time-selector {
    display: none;
  }

  .hero-banner__background {
    height: 123px;
  }

  .hero-banner__image-right {
    max-width: none;
    margin: 0;
  }

  .hero-banner__content {
    align-self: center;
  }

  .hero-banner__title {
    font-family: var(--font-first);
    font-size: 36px;
    line-height: 46px;
  }
}

@media only screen and (min-height: 769px) and (min-width: 1340px) {
  .hero-banner__image-book {
    width: 152px;
    height: 193px;
    top: -14px;
    left: 37px;
  }

  .hero-banner__image-right {
    height: 100%;
  }

  .hero-banner__background {
    height: 180px;
  }

  .hero-banner__title {
    font-size: 48px;
    line-height: 61px;
  }

  .hero-banner__content {
    align-self: center;
    padding-left: 230px;
  }
}

.yoy {
  z-index: 10;
}

.yoy__rive {
  width: 100px;
  height: 150px;
}

.yoy__message {
  background-color: #fff;
  border: 1px solid #d80e8c;
  padding: 12px 12px 40px;
  position: relative;
  box-shadow: 0 5px 20px rgba(163, 155, 147, .2);
}

.yoy__message .text-html {
  max-height: 20vh;
  overflow-y: auto;
}

.yoy__message a {
  text-decoration: underline;
}

.yoy__message ul, .yoy__message ol {
  list-style: initial;
  padding-left: 40px;
}

.yoy__message ul {
  list-style-type: disc;
}

.yoy__message ol {
  list-style-type: decimal;
}

.yoy__message i {
  font-style: italic;
}

.yoy__message b {
  font-weight: bold;
}

.yoy__button-audio .button, .yoy__button-audio .resources-demo-container__link, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button, .yoy__button-audio .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .yoy__button-audio .mvl_card_button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .button, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-full-width, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-without-bg, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-border, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-audio .mvl_card_button, .yoy__button-audio .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .mvl_card_button, .yoy__button-show-text .button, .yoy__button-show-text .resources-demo-container__link, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button, .yoy__button-show-text .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .yoy__button-show-text .mvl_card_button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .button, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-full-width, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-without-bg, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-border, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-show-text .mvl_card_button, .yoy__button-show-text .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .mvl_card_button {
  background: #d80e8c;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  display: flex;
}

.yoy__button-audio .button .button__content, .yoy__button-audio .resources-demo-container__link .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button .button__content, .yoy__button-audio .projection-view__content-container--link .mvl_card_button .button__content, .projection-view__content-container--link .yoy__button-audio .mvl_card_button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .button .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-full-width .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-without-bg .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-border .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button .button__content, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .button__content, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button .button__content, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-audio .mvl_card_button .button__content, .yoy__button-audio .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button .button__content, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .mvl_card_button .button__content, .yoy__button-show-text .button .button__content, .yoy__button-show-text .resources-demo-container__link .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .button__content, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .projection-view__content-container--link .mvl_card_button .button__content, .projection-view__content-container--link .yoy__button-show-text .mvl_card_button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .button .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .button__content, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-full-width .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-without-bg .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border .button__content, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-border .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .button__content, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button .button__content, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .button__content, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button .button__content, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-show-text .mvl_card_button .button__content, .yoy__button-show-text .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button .button__content, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .mvl_card_button .button__content {
  width: 100%;
  height: 100%;
}

.yoy__button-audio .button .icon, .yoy__button-audio .resources-demo-container__link .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button .icon, .yoy__button-audio .projection-view__content-container--link .mvl_card_button .icon, .projection-view__content-container--link .yoy__button-audio .mvl_card_button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .button .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .resources-demo-container__link .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-full-width .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-full-width .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-without-bg .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-without-bg .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-audio .vl-button--primary-border .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button--primary-border .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-audio .vl-button .icon, .yoy__button-audio .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .vl-button .icon, .yoy__button-audio .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button .icon, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-audio .mvl_card_button .icon, .yoy__button-audio .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button .icon, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-audio .mvl_card_button .icon, .yoy__button-show-text .button .icon, .yoy__button-show-text .resources-demo-container__link .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .projection-view__content-container--link .mvl_card_button .icon, .projection-view__content-container--link .yoy__button-show-text .mvl_card_button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .button .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .icon, .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .resources-demo-container__link .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-full-width .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-full-width .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-full-width .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-without-bg .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-without-bg .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-without-bg .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .yoy__button-show-text .vl-button--primary-border .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .vl-button--primary-border .icon, .video-lesson .video-lesson-content .vl-lesson .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button--primary-border .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button .icon, .remote-view--mint .turn-to-speak-view__random .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .vl-button .icon, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .vl-button .icon, .yoy__button-show-text .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .mvl_card_button .icon, .remote-view--mint .turn-to-speak-view__random .projection-view__content-container--link .yoy__button-show-text .mvl_card_button .icon, .yoy__button-show-text .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .mvl_card_button .icon, .projection-view__content-container--link .remote-view--mint .turn-to-speak-view__random .yoy__button-show-text .mvl_card_button .icon {
  flex: none;
  width: 30px;
  height: 30px;
}

.yoy__message--only-audio {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.yoy__message--only-audio .yoy__close-button {
  display: none;
}

.yoy__button-audio {
  position: absolute;
  bottom: -12px;
  left: 12px;
}

.yoy__close-button {
  position: absolute;
  bottom: -12px;
  right: 12px;
}

.yoy__image {
  width: 100%;
  height: 100%;
  position: relative;
}

.yoy__button-show-text {
  position: absolute;
  top: -25px;
  left: 13px;
}

.yoy--invisible {
  opacity: 0;
}

@media only screen and (min-width: 1340px) {
  .yoy__rive {
    width: 200px;
    height: 250px;
  }
}

@media only screen and (min-width: 1500px) {
  .yoy__rive {
    width: 250px;
    height: 300px;
  }
}

.dialog-reassign .MuiPaper-root {
  max-width: 534px;
}

.dialog-reassign .input-text__input, .dialog-reassign .input-date input, .input-date .dialog-reassign input, .dialog-reassign .input-time-range__input, .dialog-reassign .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .dialog-reassign input, .dialog-reassign .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .dialog-reassign input, .dialog-reassign .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-reassign input {
  border-radius: 0;
}

.dialog-reassign__comment {
  margin-top: 30px;
  display: flex;
}

.dialog-reassign__input {
  flex: auto;
  margin-left: 12px;
}

.popup-footer {
  box-sizing: border-box;
  background-color: #f7f7f7;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.popup-footer .popup-footer__content {
  background: #fff;
  border: 2px solid #d4e796;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 806px;
  min-width: 806px;
  height: 86px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 30px;
}

.popup-footer .popup-footer__content .popup-footer__logo {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.popup-footer .popup-footer__content .popup-footer__logo img {
  width: 123px;
  height: auto;
}

.popup-footer .popup-footer__content .popup-footer__info {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.popup-footer .popup-footer__content .popup-footer__info p {
  color: #121212;
  width: 60%;
  font-family: Titillium Web, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.popup-footer .popup-footer__content .popup-footer__register {
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  height: 100%;
  padding-right: 20px;
  display: flex;
}

.popup-footer .popup-footer__content .popup-footer__register button {
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #d4e796;
  border: none;
  border-radius: 40px;
  gap: 10px;
  margin: 10px auto;
  padding: 8px 24px;
  font-family: Titillium Web, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  transition: opacity .15s ease-in-out;
}

.popup-small__content {
  z-index: 9999;
  text-align: center;
  background: #fff;
  border: 2px solid #d4e796;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 277px;
  min-width: 277px;
  padding: 20px;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.popup-small__content .popup-small__logo {
  justify-content: center;
  display: flex;
}

.popup-small__content .popup-small__logo img {
  width: 65%;
  margin: 15px auto;
}

.popup-small__content .popup-small__register p {
  font-family: var(--font-second);
  color: #121212;
  margin: 10px 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.popup-small__content .popup-small__register button {
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: var(--font-second-bold);
  background: #d4e796;
  border: none;
  border-radius: 40px;
  gap: 10px;
  margin: 10px auto;
  padding: 8px 24px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  transition: opacity .15s ease-in-out;
}

.popup-small__content .popup-small__footer p {
  font-family: var(--font-second);
  color: rgba(18, 18, 18, .5);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.popup-small__content .popup-small__close-btn {
  position: absolute;
  top: 5px;
  right: 8px;
}

.polp-popup .MuiDialogContent-root, .polp-popup .MuiDialog-paper {
  overflow: visible;
}

.popup-large {
  justify-content: center;
  align-items: center;
  display: flex;
}

.popup-large .popup-large__content {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px 30px 10px;
  display: flex;
  position: relative;
}

.popup-large .popup-large__content .popup-large__image {
  position: absolute;
  top: -120px;
  left: 190px;
}

.popup-large .popup-large__content .popup-large__logo {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.popup-large .popup-large__content .popup-large__logo img {
  width: 65%;
  margin: 30px auto;
}

.popup-large .popup-large__content .popup-large__register {
  text-align: center;
  width: 80%;
}

.popup-large .popup-large__content .popup-large__register p {
  font-family: var(--font-second);
  color: #121212;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.popup-large .popup-large__content .popup-large__register button {
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: var(--font-second-bold);
  background: #d4e796;
  border: none;
  border-radius: 40px;
  gap: 10px;
  margin: 30px auto;
  padding: 8px 24px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  transition: opacity .15s ease-in-out;
}

.popup-large .popup-large__content .popup-large__register button:hover {
  background: #d1e393;
}

.popup-large .popup-large__content .popup-large__footer p {
  font-family: var(--font-second);
  color: rgba(18, 18, 18, .5);
  margin-bottom: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.popup-large .popup-large__content .popup-large__footer .popup-large__apps {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.popup-large .popup-large__content .popup-large__footer .popup-large__apps img {
  cursor: pointer;
  margin: auto 8px;
}

.dialog-login-stage .dialog__title {
  position: relative;
}

.dialog-login-stage .dialog__title:after {
  content: "";
  background: var(--color-first);
  width: 40px;
  height: 4px;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.dialog-login-stage__list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.dialog-login-stage__list .button, .dialog-login-stage__list .resources-demo-container__link, .dialog-login-stage__list .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .dialog-login-stage__list .resources-demo-container__link, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dialog-login-stage__list .vl-button--primary-full-width, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dialog-login-stage__list .vl-button--primary-without-bg, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .dialog-login-stage__list .vl-button--primary-border, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dialog-login-stage__list .vl-button, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dialog-login-stage__list .vl-button, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dialog-login-stage__list .vl-button, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dialog-login-stage__list .vl-button, .dialog-login-stage__list .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dialog-login-stage__list .vl-button, .dialog-login-stage__list .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dialog-login-stage__list .mvl_card_button, .dialog-login-stage__list .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .dialog-login-stage__list .button {
  width: auto;
  min-width: 260px;
  margin-bottom: 24px;
}

.dialog-login-stage__list .button__content {
  justify-content: flex-start;
}

.demo-form .MuiDialog-container .MuiPaper-root .dialog__header, .demo-form .MuiDialog-container .MuiPaper-root .dialog__custom-header, .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header {
  margin: 0;
  padding: 0 !important;
}

.demo-form .MuiDialog-container .MuiPaper-root .dialog__close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.demo-form .MuiDialog-container .MuiPaper-root .dialog__close .icon--color-default.icon--lib-skin path {
  fill: #fff;
}

.demo-form .MuiDialog-container .MuiPaper-root .demo-form__header {
  background: linear-gradient(137.52deg, #ff8200 1.73%, #ff4100 96.59%);
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-img {
  height: 80px;
  margin-bottom: 24px;
}

.demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-img img {
  max-width: 90%;
}

.demo-form .MuiDialog-container .MuiPaper-root .demo-form__header--eso {
  background: linear-gradient(137.52deg, #3c3939 1.73%, #000 96.59%);
}

.demo-form .demo-form__content {
  justify-content: center;
  padding: 12px 0;
  display: flex;
}

.demo-form .demo-form__content .demo-form__content-text {
  color: #706b65;
  max-width: 90%;
  margin-top: 16px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
}

.demo-form .demo-form__content .demo-form__content-form .select-customizable {
  margin: 24px 0;
}

.demo-form .demo-form__content .demo-form__content-form .select-customizable .select-customizable__indicator .icon {
  position: relative;
  right: 15px;
}

.demo-form .demo-form__content .demo-form__content-form .button, .demo-form .demo-form__content .demo-form__content-form .resources-demo-container__link, .demo-form .demo-form__content .demo-form__content-form .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .demo-form .demo-form__content .demo-form__content-form .resources-demo-container__link, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .demo-form .demo-form__content .demo-form__content-form .vl-button--primary-full-width, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .demo-form .demo-form__content .demo-form__content-form .vl-button--primary-without-bg, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .demo-form .demo-form__content .demo-form__content-form .vl-button--primary-border, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .demo-form .demo-form__content .demo-form__content-form .vl-button, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .demo-form .demo-form__content .demo-form__content-form .vl-button, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .demo-form .demo-form__content .demo-form__content-form .vl-button, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .demo-form .demo-form__content .demo-form__content-form .vl-button, .demo-form .demo-form__content .demo-form__content-form .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .demo-form .demo-form__content .demo-form__content-form .vl-button, .demo-form .demo-form__content .demo-form__content-form .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .demo-form .demo-form__content .demo-form__content-form .mvl_card_button, .demo-form .demo-form__content .demo-form__content-form .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .demo-form .demo-form__content .demo-form__content-form .button {
  margin: 24px 0;
}

@media only screen and (min-width: 768px) {
  .demo-form__content {
    padding: 30px 0;
  }

  .demo-form__content .demo-form__content-form {
    width: 40% !important;
  }

  .demo-form__content .demo-form__content-text {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .demo-form__header {
    height: 250px !important;
  }

  .demo-form__header .demo-form__header-img {
    height: 170px !important;
  }

  .demo-form__content-text {
    font-size: 24px !important;
  }
}

.demo-master-license {
  background-blend-mode: lighten;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/static/image/dots-bg.e04287b5.png), linear-gradient(49deg, rgba(172, 172, 172, .604) 5.52%, rgba(229, 229, 229, .66) 134.67%);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1460.95px;
  height: 1550px;
  margin-top: 100px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.demo-master-license__header {
  text-align: center;
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 810px;
  padding: 20px 12px;
  font-size: 28px;
  line-height: 36px;
  display: flex;
  position: absolute;
  top: -60px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
}

.demo-master-license__header-title {
  color: #ff8200;
  font-weight: 700;
}

.demo-master-license__header-subtitle {
  color: #fff;
  max-width: 85%;
  font-weight: 400;
}

.demo-master-license__image {
  z-index: 10;
  justify-content: center;
  max-width: 95%;
  margin-top: 110px;
  display: flex;
}

.demo-master-license__image-tablet {
  filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, .25));
  max-width: 100%;
}

.demo-master-license__content {
  z-index: 8;
  background: linear-gradient(#ff6b00 0%, #ffb802 100%);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  min-height: 60%;
  margin-top: -50px;
  padding-top: 70px;
  display: flex;
  position: relative;
}

.demo-master-license__content-middle {
  width: 100%;
  display: flex;
  position: relative;
}

.demo-master-license__content-middle-title {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  z-index: 1;
  width: 60%;
  margin: auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

.demo-master-license__content-middle-cards {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 220px;
}

.demo-master-license__content-middle-card {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  margin-top: 60px;
  padding: 40px 30px;
  display: flex;
  position: relative;
}

.demo-master-license__content-middle-card-arrow {
  width: 108.81px;
  height: 108.81px;
  position: absolute;
  top: -42.405px;
}

.demo-master-license__content-middle-card-arrow svg {
  width: 108.81px;
  height: 108.81px;
}

.demo-master-license__content-middle-card-text {
  padding-top: 42.405px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.demo-master-license__content-middle-card-text span {
  font-weight: 700;
}

.demo-master-license__footer {
  z-index: 20;
  background-color: #000;
  border-radius: 18px 18px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 149px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.demo-master-license__footer-text {
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  line-height: 34.2px;
}

.demo-master-license__footer-text span {
  color: #ff8200;
  display: block;
}

.demo-master-license__footer-star {
  width: 40px;
  height: auto;
}

.demo-master-license__footer-star img {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .demo-master-license {
    min-height: 1600px;
  }

  .demo-master-license__content {
    min-height: 50%;
  }

  .demo-master-license__content-middle-cards {
    bottom: 280px;
  }
}

@media only screen and (min-width: 768px) {
  .demo-master-license__content-middle-cards {
    bottom: 200px;
  }

  .demo-master-license__content {
    min-height: 700px;
  }
}

@media only screen and (min-width: 640px) {
  .demo-master-license__header {
    width: 60%;
  }

  .demo-master-license {
    border-radius: 20px;
    width: 718.47px;
    max-width: 98%;
    height: auto;
    min-height: 1100px;
  }

  .demo-master-license__content {
    min-height: 400px;
    margin-top: -120px;
    padding-top: 170px;
  }

  .demo-master-license__image {
    max-width: 62%;
  }

  .demo-master-license__content-middle-cards {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding: 20px;
    bottom: 160px;
    left: 0;
  }

  .demo-master-license__content-middle-card {
    background-color: #fff;
    max-width: 31%;
    min-height: 278px;
  }

  .demo-master-license__footer-star {
    width: 40px;
    height: auto;
    margin-right: 12px;
  }

  .demo-master-license__footer-star img {
    width: 100%;
  }

  .demo-master-license__footer {
    flex-direction: row;
    width: 85%;
    height: 90px;
  }

  .demo-master-license__footer span {
    display: inline-block;
  }
}

@media only screen and (min-width: 1024px) {
  .demo-master-license__content {
    width: 75%;
  }

  .demo-master-license {
    width: 95%;
    min-height: 1250px;
  }

  .demo-master-license__content-middle-cards {
    justify-content: center;
    bottom: 180px;
  }

  .demo-master-license__footer {
    width: 55%;
  }

  .demo-master-license__content-middle-card {
    width: 31%;
    max-width: 419px;
    margin: 16px;
  }
}

@media only screen and (min-width: 1280px) {
  .demo-master-license {
    width: 90%;
    max-width: 1460.95px;
    min-height: 1300px;
  }

  .demo-master-license__content-middle-cards {
    bottom: 130px;
  }
}

.header-switch-app {
  border-radius: 8px;
  margin-right: 30px;
  padding: 10px;
}

.header-switch-app--active {
  background-color: var(--color-bg-03);
}

.landing-edelvives-plus {
  background: linear-gradient(137.52deg, #ff8200 1.73%, #ff4100 96.59%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  display: flex;
}

.landing-edelvives-plus__text {
  color: #fff;
  max-width: 477px;
  margin-top: 60px;
  font-size: 32px;
  line-height: 40px;
}

.landing-edelvives__know-more {
  background-color: #fff;
  justify-content: center;
  width: 110px;
  margin-top: 40px;
  display: flex;
}

.landing-edelvives__know-more span {
  color: var(--color-first);
}

.resources-demo-container {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 50px auto;
  display: flex;
}

.resources-demo-container__link {
  margin: 30px auto;
}

.resources-demo-container__pic {
  width: 85%;
  margin: 30px auto;
}

@media only screen and (min-width: 1024px) {
  .resources-demo-container {
    width: 80%;
  }

  .resources-demo-container__pic {
    width: 75%;
  }
}

.app-content .viewers_header .vm_icons_options span {
  display: none;
}

.app-content .stream {
  margin-top: 8px;
  margin-left: -36px;
  top: 0;
}

.app-content .stream__left {
  margin-top: 0;
}

.app-content .stream__right {
  grid-template-columns: repeat(1, 400px);
  padding-left: 24px;
  position: relative;
  top: 8px;
}

.app-content .stream .stream__left--only .post-card {
  border-radius: 0;
}

.app-content .stream .stream__right .stream__config .stream__config-wrapper .stream__config-settings .input-radio {
  align-items: flex-start;
}

.app-content .stream .message-sender--no-focus .textarea__input {
  border-radius: 0;
}

@media only screen and (min-width: 1024px) {
  .app-content .stream {
    margin-top: 8px;
  }

  .app-content .stream__right {
    padding-left: 0;
    top: 0;
  }
}

.app-content--publisher {
  display: flex;
}

.app-content--publisher > :not(.bar-menu) {
  flex: auto;
}

.app-content--publisher .bar-menu {
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.app-content--publisher .profile-view__mobile-menu-header {
  width: calc(100% - 64px) !important;
}

.app-content--native-app .viewers_header_content_title {
  display: none;
}

@media only screen and (min-width: 1280px) {
  .app-content--publisher .layout-calendar__column-1 {
    left: 64px !important;
  }
}

.app-content--msteams {
  padding: 0 12px 12px 0;
}

.app-content--msteams .header-tabs.header-tabs__type-view-default.header-tabs__align-default {
  justify-content: flex-start;
}

.app-content--msteams .header-left, .app-content--msteams .header-right .header-button-right .header-button-right__item {
  display: none;
}

.app-content--msteams .mosaic-list--col-2 .mosaic-list__item {
  flex: 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.app-content--msteams .book-card .book-card__image .program-image__picture {
  border-radius: 0;
}

.app-content--msteams .signup-step-back-button {
  cursor: pointer;
  margin-top: 12px;
}

.app-content--msteams .button__spinner .sk-spinner {
  color: #333 !important;
}

.app-content--msteams-dark .welcome-step__container, .app-content--msteams-dark .input-checkbox__label, .app-content--msteams-dark .signup-step-license__licenses-title, .app-content--msteams-dark .signup-step-back-button, .app-content--msteams-dark .signup-step__teams-add-class, .app-content--msteams-dark .line-with-text__text, .app-content--msteams-dark .signup-step__teams-select-class-to-create, .app-content--msteams-dark .signup-step__teams-select-class {
  color: #fff;
}

.app-content--msteams-dark .line-with-text__text {
  background: #292929;
}

.app-content--msteams-dark .button__spinner .sk-spinner {
  color: #333 !important;
}

.auth-view__form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.auth-view__form-content {
  width: 100%;
}

.auth-view__image {
  width: 100%;
  height: 100%;
}

.auth-view__image .image-gradient {
  background-repeat: no-repeat;
  background-size: contain;
}

.auth-view__image .image-gradient__gradient {
  background-image: none;
}

.loading-simple {
  flex-flow: column wrap;
  align-items: center;
  padding: 20vh 0;
  display: flex;
}

.loading-simple__loop {
  width: 60px;
  height: 60px;
  margin-left: -24px;
  display: inline-block;
  position: relative;
}

.loading-simple__title {
  color: #a39b93;
  font-family: var(--font-first);
  text-align: center;
  flex: 0 100%;
  width: 100%;
  margin-top: 48px;
  font-size: 24px;
  display: block;
}

.loading-simple__loop div {
  box-sizing: border-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: #a39b93;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 4px;
  animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite loading-simple__loop;
  display: block;
  position: absolute;
}

.loading-simple__loop div:first-child {
  animation-delay: -.45s;
}

.loading-simple__loop div:nth-child(2) {
  animation-delay: -.3s;
}

.loading-simple__loop div:nth-child(3) {
  animation-delay: -.15s;
}

@keyframes loading-simple__loop {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.stream__books .book-card {
  border-radius: 0 !important;
}

.new-classroom-step-basic__title {
  margin-top: 24px;
  display: block;
}

.new-classroom-step-basic__subtitle {
  color: #a39b93;
  margin-bottom: 24px;
  display: block;
}

.new-classroom-step-basic__form-container, .new-classroom-step-basic-settings__section {
  margin-top: 24px;
}

.new-classroom-step-basic__hr {
  margin-left: 0 !important;
}

.new-classroom-step-basic__form, .new-classroom-step-basic__hr {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

@media only screen and (min-width: 768px) {
  .new-classroom-step-basic__form, .new-classroom-step-basic__hr {
    flex: 0 calc(41.6667% - 24px);
    width: calc(41.6667% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.new-classroom-step-books {
  flex-direction: column;
  display: flex;
}

.new-classroom-step-books__header {
  justify-content: space-between;
  display: flex;
}

.new-classroom-step-books__title {
  display: block;
}

.new-classroom-step-books__list-grid .book-card__image {
  border-radius: 8px;
  width: 120px;
  height: 120px;
}

.new-classroom-step-books__list-grid .book-card__background-image {
  border-radius: 8px;
}

.new-classroom-step-books__list-grid .book-card--selectable {
  height: 180px !important;
}

.new-classroom-step-books__subtitle {
  color: #a39b93;
  margin-bottom: 24px;
  display: block;
}

.new-classroom-step-books__header-action {
  font-size: 18px !important;
}

.new-classroom-step-books__list {
  margin-top: 24px;
  overflow-y: auto;
}

.new-classroom-step-books__main-info {
  margin-top: 24px;
}

.new-course-step-configuration__title {
  margin-bottom: 24px;
  display: block;
}

.new-course-step-configuration__form {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

@media only screen and (min-width: 1280px) {
  .new-course-step-configuration__form {
    flex: 0 calc(58.3333% - 24px);
    width: calc(58.3333% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.new-course-step-schedule {
  margin-top: 24px;
}

.new-course-step-schedule__title {
  display: block;
}

.new-course-step-schedule__subtitle {
  color: #a39b93;
  margin-top: 8px;
  margin-bottom: 24px;
  display: block;
}

.new-course-step-schedule__form-container {
  padding-bottom: 20px;
}

.new-course-step-schedule__form {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.signup-step-add-course .class-room-card {
  background: none;
  border: 0;
  border-bottom: 2px solid #dbd5ce;
  border-radius: 0;
  margin-bottom: 24px;
  padding: 24px 0;
}

.signup-step-add-course__list {
  margin: 24px 0;
  padding-bottom: 24px;
}

.signup-step-license input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.signup-step-license input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}

.signup-step-license--with-licenses .signup__column2 {
  background: #f9f8e1 !important;
}

.signup-step-license__column1 {
  flex: 0 100%;
  width: 100%;
  transition: all .2s ease-in;
}

.signup-step-license__header {
  display: flex;
}

.signup-step-license__form {
  margin-top: 24px;
}

.signup-step-license__licenses-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.signup-step-license__licenses {
  max-height: 54vh;
  margin-top: 24px;
  overflow-y: auto;
}

.signup-step-license__licenses-length {
  margin-bottom: 8px;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .signup-step-license__column1 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }
}

.signup-step-account__container {
  flex: 0 100%;
  width: 100%;
  transition: all .2s ease-in;
}

.signup-step-account__form {
  margin-top: 24px;
}

@media only screen and (min-width: 1024px) {
  .signup-step-account__container {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }
}

.signup-step-license--create-classroom .signup__column2 {
  background: #e6effd !important;
}

.signup-step-create-classroom__container {
  flex: 0 100%;
  width: 100%;
  transition: all .2s ease-in;
}

.signup-step-create-classroom__form, .signup-step-create-classroom__button-action, .signup-step-license__classrooms {
  margin-top: 24px;
}

.signup-step-license__classrooms-length {
  margin-bottom: 8px;
  display: block;
}

.signup-step__teams-add-class {
  margin-top: 20px;
}

.signup__license-disclaimer, .signup-step__teams-select-class-to-create, .signup-step__teams-select-class {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
  .signup-step-create-classroom__container {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
  }
}

.signup-step-license--create-account .signup__column2 {
  background: #e6effd !important;
}

.signup-step-license--authorization .signup__column2 {
  background: #9deeff !important;
}

.signup-step-license--class .signup__column2 {
  background: #f7e6c4 !important;
}

.signup .layout-progress__footer-container {
  box-shadow: 0;
}

.signup__header {
  margin-bottom: 12px;
  display: flex;
}

.signup__titlepart1 {
  color: #a39b93;
}

.signup__titlepart2 {
  color: #706b65;
}

.signup__description {
  color: #a39b93;
}

.signup__step {
  height: 100%;
  display: flex;
}

.signup__column1 {
  flex: 0 100%;
  width: 100%;
  transition: all .2s ease-in;
}

.signup__column2 {
  display: none;
}

.signup__logo {
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
  position: relative;
  left: -14px;
}

.signup__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.signup__item {
  margin-top: 24px;
}

.signup__step-content {
  max-width: 500px;
  margin-top: 100px;
}

@media only screen and (min-width: 768px) {
  .signup__column1 {
    flex: 0 58.3333%;
    width: 58.3333%;
    transition: all .2s ease-in;
  }

  .signup__column2 {
    flex: 0 41.6667%;
    width: 41.6667%;
    transition: all .2s ease-in;
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .signup__column1, .signup__column2 {
    flex: 0 50%;
    width: 50%;
    transition: all .2s ease-in;
  }
}

.lesson-item-evaluable .accordion__tab {
  background: #dbe9f0 !important;
  border-color: #dbe9f0 !important;
}

.lesson-item-evaluable__accordion-title-container {
  align-items: center;
  width: 100%;
  display: flex;
}

.lesson-item-evaluable__accordion-title {
  margin-left: 8px;
}

.lesson-item-evaluable__note {
  margin-top: 24px;
  margin-bottom: 24px;
}

.lesson-item-evaluable__duration-container {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 24px;
  margin-left: 8px;
  display: flex;
}

.lesson-item-evaluable__duration {
  margin-right: 8px;
  display: block;
}

.content-view__content-detail {
  margin-top: 24px;
}

.profile-view__title {
  color: #a39b93;
  margin-bottom: 8px;
  display: block;
}

.new-assessment-view__container {
  max-width: 856px;
  margin: auto;
}

.new-assessment-view__questions {
  margin-top: 24px;
}

.new-assessment-view__questions__fixed-button-container {
  z-index: 99;
  position: fixed;
  bottom: 0;
  right: 0;
}

.new-assessment-view__questions__fixed-button {
  width: 56px;
  position: absolute;
  right: 0;
}

.new-assessment-view__questions__fixed-button .button-fixed-dropdown {
  position: fixed;
}

.new-assessment-view-header__layout {
  display: flex;
}

.new-assessment-view-header__header-title {
  margin-top: 8px;
  display: block;
}

.new-assessment-view-header__layout-right {
  flex: auto;
  padding-left: 12px;
}

.new-assessment-view-header__layout-right-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.new-assessment-view-header__description {
  color: #706b65;
  margin-top: 8px;
  line-height: 1.67;
  display: block;
}

.new-assessment-view-header__footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.new-assessment-view-header__footer .learning-objectives-tag-list-and-create__title {
  padding: 8px 0;
}

.new-assessment-view-header__metas {
  align-items: center;
  display: flex;
}

.new-assessment-view-header__meta {
  margin-right: 24px;
}

.new-assesment-view-questions__length {
  color: #706b65;
}

.new-assesment-view-questions__empty {
  text-align: center;
  margin: 40px auto auto;
  position: relative;
}

.new-assesment-view-questions__explain-bottom {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 20px;
  left: calc(50% + 114px);
  transform: translate(-50%);
}

.new-assesment-view-questions__empty-title {
  color: #706b65;
  white-space: nowrap;
  margin-top: 30px;
  margin-left: 46px;
  position: absolute;
}

.new-assesment-view-questions .lemo-question-controls {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.new-assesment-view-questions .lemo-question-controls, .new-assesment-view-questions .lemo-send-controls {
  width: 100%;
}

.new-assesment-view-questions .lemonade-exercises .lemo-controls {
  display: none;
}

.new-assesment-view-questions .lemonade-exercises .lemo-controls-wrapper, .new-assesment-view-questions .lemonade-exercises .lemo-hints-dialog {
  display: none !important;
}

.new-content-view .layout-calendar__column-1 {
  height: 100vh;
}

.new-content-view__left {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.new-content-view__left-container {
  height: calc(100vh - 100px);
  padding-bottom: 24px;
  overflow-y: auto;
}

.new-content-view .new-content-view__mobile-menu-header {
  z-index: 4001;
  background: linear-gradient(111.12deg, #ff5029 12.58%, #f91b6b 100%);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  display: flex;
  position: fixed;
}

.new-content-view .new-content-view__mobile-menu-header .new-content-view__mobile-menu-header-title {
  color: #fff;
}

.new-content-view .new-content-view__mobile-menu-header .new-content-view__mobile-menu-header-button {
  cursor: pointer;
}

.new-content-view .new-content-view__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.new-content-view .layout-calendar__column-1 {
  right: -378px;
  left: unset;
  z-index: 5001;
  width: 378px;
  padding-top: 20px;
  transition: right .3s ease-in-out;
  top: 0;
}

.new-content-view .layout-calendar__column-1 .back-button, .new-content-view .layout-calendar__column-1 .new-content-view__item--title {
  display: none;
}

.new-content-view .layout-calendar__column-1 .new-content-view__mobile-menu-close-button {
  text-align: right;
}

.new-content-view .layout-calendar__column-1 .new-content-view__mobile-menu-close-button .icon {
  cursor: pointer;
}

.new-content-view .layout-calendar__column-2 {
  margin-top: 64px;
  padding-left: 28px;
}

.new-content-view.new-content-view__mobile-menu--open .layout-calendar__column-1 {
  transition: right .3s ease-in-out;
  right: 0;
}

.new-content-view.new-content-view__mobile-menu--open .new-content-view__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

@media only screen and (min-width: 1280px) {
  .new-content-view .new-content-view__mobile-menu-header, .new-content-view .new-content-view__mobile-menu-backdrop {
    display: none;
  }

  .new-content-view .layout-calendar__column-1 {
    left: 0;
    top: unset;
    background: #faf7f5;
    width: 450px;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .new-content-view .layout-calendar__column-1 .back-button, .new-content-view .layout-calendar__column-1 .new-content-view__item--title {
    display: block;
  }

  .new-content-view .layout-calendar__column-1 .new-content-view__mobile-menu-close-button {
    display: none;
  }

  .new-content-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
  }
}

.assessment-results-view {
  overflow-x: hidden;
}

.assessment-results-view .layout-header {
  background: #fff;
}

.assessment-results-view .MuiAccordion-root {
  box-shadow: none;
  background: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  height: auto !important;
}

.assessment-results-view .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.assessment-results-view .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #dbd5ce;
  margin: 0;
}

.assessment-results-view .MuiAccordionSummary-root.Mui-expanded .assessment-results-view__users-list-header-text, .assessment-results-view .MuiAccordionSummary-root.Mui-expanded .assessment-results-view__users-list-header-length {
  color: #706b65;
}

.assessment-results-view .MuiAccordionSummary-root {
  height: auto !important;
}

.assessment-results-view .MuiIconButton-root {
  margin-right: 0;
}

.assessment-results-view .note-card__text {
  font-family: var(--font-first);
}

.assessment-results-view__center-column {
  background: #f7f4f2;
  border-radius: 8px;
  padding-top: 20px;
}

.assessment-results-view__send {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.assessment-results-view__send .button, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__send .vl-button--primary-full-width, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__send .vl-button--primary-without-bg, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__send .vl-button--primary-border, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-results-view__send .vl-button, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-results-view__send .vl-button, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-results-view__send .vl-button, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-results-view__send .vl-button, .assessment-results-view__send .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-results-view__send .vl-button, .assessment-results-view__send .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-results-view__send .mvl_card_button, .assessment-results-view__send .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .assessment-results-view__send .button, .assessment-results-view__send .resources-demo-container__link, .assessment-results-view__send .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .assessment-results-view__send .resources-demo-container__link {
  width: 100px;
}

.assessment-results-view__students-header {
  cursor: pointer;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  display: flex;
}

.assessment-results-view__students-header.selected {
  background-color: rgba(237, 112, 17, .1);
}

.assessment-results-view__students-header .assessment-results-view__students-name {
  color: #36393b;
  margin-left: 8px;
}

.assessment-results-view__search {
  width: 100%;
  padding: 16px;
}

.assessment-results-view__search .input-text__input, .assessment-results-view__search .input-date input, .input-date .assessment-results-view__search input, .assessment-results-view__search .input-time-range__input, .assessment-results-view__search .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .assessment-results-view__search input, .assessment-results-view__search .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .assessment-results-view__search input, .assessment-results-view__search .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .assessment-results-view__search input {
  border-radius: 1px;
  padding-left: 52px;
}

.assessment-results-view__search .input-text__icon {
  width: 24px;
  left: 12px;
  right: 0;
}

.assessment-results-view__accordions .basic-list__item {
  margin: 24px 0;
}

.assessment-results-view__users-list-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.assessment-results-view__users-list-header-left {
  display: flex;
}

.assessment-results-view__users-list-header-text, .assessment-results-view__users-list-header-length {
  color: #a39b93;
}

.assessment-results-view__users-list-select-all {
  margin-right: 16px;
}

.assessment-results-view__user-empty {
  color: #a39b93;
  justify-content: center;
  padding: 16px 0;
  display: flex;
}

.assessment-results-view__user-list {
  width: 100%;
  margin-top: 8px;
  padding-right: 8px;
}

.assessment-results-view__user-list .basic-list__item {
  margin-left: 16px;
}

.assessment-results-view__user-list .basic-list__item:last-child {
  margin-bottom: 8px;
}

.assessment-results-view__top-info {
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.asssesment-results-view__status {
  display: flex;
}

.asssesment-results-view__status-entry {
  margin-right: 53px;
}

.assessment-results-view__attention-card {
  flex: auto;
  margin-right: 30px;
}

.assessment-results-view__attention-card .attention-card {
  height: 100%;
}

.assessment-result-view__bars-legend {
  margin-top: 24px;
  display: none;
}

.assessment-result-view__doughnut-legend {
  justify-content: space-evenly;
  display: none;
}

.assessment-result-view__bars-legend-bad, .assessment-result-view__bars-legend-good, .assessment-result-view__bars-legend-not-turned {
  align-items: center;
  display: flex;
}

.assessment-result-view__bars-legend-good {
  margin-left: 30px;
}

.assessment-result-view__bars-legend-not-turned {
  margin-right: 30px;
}

.assessment-result-view__bars-legend-circle {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}

.assessment-result-view__bars-legend-circle--not-done {
  background: #f0edea;
}

.assessment-result-view__bars-legend-circle--bad {
  background: #f66868;
}

.assessment-result-view__bars-legend-circle--good {
  background: #41d158;
}

.assessment-result-view__bars-legend-text {
  color: #706b65;
}

.assessment-result-view__stats-pie {
  margin: auto;
}

.assessment-result-view__stats-pie .doughnut-chart {
  justify-content: center;
  display: flex;
}

.assessment-result-view__stats-pie .doughnut-rechart {
  width: 100%;
  height: 300px;
}

.assessment-results-view__title-container {
  padding: 8px 0;
}

.assessment-results-view__title {
  color: #36393b;
}

.assessment-results-view__subtitle {
  color: #706b65;
  margin-top: 4px;
}

.assessment-results-view__due-date-container {
  align-items: center;
  display: flex;
}

.assessment-results-view__due-date {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.assessment-results-view__due-date-value {
  color: var(--color-first);
}

.assessment-results-view__results-info {
  justify-content: space-between;
  align-items: start;
  margin-top: 24px;
  display: flex;
}

.assessment-results-view__stats {
  flex: auto;
  margin: 0 30px;
}

.assessment-results-view__note .note_card {
  padding: 0 !important;
}

.assessment-results-view__on-time-container {
  border-bottom: 1px solid #dbd5ce;
  align-items: center;
  margin-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.assessment-results-view__on-time {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.assessment-results-view__on-time-value {
  color: #706b65;
}

.assessment-results-view__no-items {
  width: 80%;
  margin: auto;
}

.assessment-results-view .assessment-results-view__mobile-menu-button {
  z-index: 9999;
  position: fixed;
  bottom: 20px;
  right: 40px;
}

.assessment-results-view .assessment-results-view__mobile-menu-button .button, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button--primary-full-width, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button--primary-without-bg, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button--primary-border, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button, .assessment-results-view .assessment-results-view__mobile-menu-button .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-results-view .assessment-results-view__mobile-menu-button .vl-button, .assessment-results-view .assessment-results-view__mobile-menu-button .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-results-view .assessment-results-view__mobile-menu-button .mvl_card_button, .assessment-results-view .assessment-results-view__mobile-menu-button .resources-demo-container__link {
  border-radius: 50%;
  padding: 12px;
}

.assessment-results-view .assessment-results-view__mobile-menu-backdrop {
  opacity: 0;
  z-index: 5000;
  background: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.assessment-results-view .layout-calendar__column-1 {
  right: -450px;
  left: unset;
  z-index: 5001;
  padding-top: 84px;
  padding-right: 0;
  transition: right .3s ease-in-out;
  top: 0;
  height: 100vh !important;
}

.assessment-results-view .layout-calendar__column-2 {
  padding-left: 28px;
}

.assessment-results-view.assessment-results-view__mobile-menu--open .layout-calendar__column-1 {
  transition: right .3s ease-in-out;
  right: 0;
}

.assessment-results-view.assessment-results-view__mobile-menu--open .assessment-results-view__mobile-menu-button {
  right: 57px;
}

.assessment-results-view.assessment-results-view__mobile-menu--open .assessment-results-view__mobile-menu-backdrop {
  opacity: .25;
  display: block;
}

.assessment-results-view__attention-card {
  flex: auto;
  max-width: 550px;
  margin-right: 30px;
}

.assessment-results-view__attention-card .attention-card {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.assessment-results-view__attention-card .attention-card .attention-card__actions {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.assessment-results-view__attention-card .attention-card .attention-card__actions .button, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-full-width, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-without-bg, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-border, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view__attention-card .attention-card .attention-card__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-results-view__attention-card .attention-card .attention-card__actions .mvl_card_button, .assessment-results-view__attention-card .attention-card .attention-card__actions .resources-demo-container__link {
  margin-top: 12px;
}

.assessment-results-view__top-info .assessment-results-view__note {
  align-self: center;
  min-width: 119px;
  margin-left: 30px;
  display: block;
}

.assessment-results-view__top-info .assessment-results-view__note .note-card {
  padding: 12px 8px;
}

.assessment-results-view__top-info .assessment-results-view__note .note-card__note {
  font-size: 32px;
}

.assessment-results-view__top-info .assessment-results-view__note .note-card__note-total {
  color: #c7bfb7;
  margin-left: 2px;
  font-size: 18px;
}

.assessment-results-view__center-column--desavailable-click-in-not-turned .assessment-results-view__user-list--section-not-turned .basic-list__item {
  cursor: not-allowed;
  opacity: 1 !important;
}

@media only screen and (min-width: 1024px) {
  .assessment-results-view .assessment-results-view__mobile-menu-button, .assessment-results-view .assessment-results-view__mobile-menu-backdrop {
    display: none;
  }

  .assessment-results-view .layout-calendar__column-1 {
    left: 0;
    top: unset;
    background-color: #fff;
    border-left: 1px solid #dbd5ce;
    padding: 40px 0 20px 32px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 64px) !important;
  }

  .assessment-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 490px;
  }

  .assessment-results-view .assessment-results-view__results-info .assessment-results-view__note {
    display: block;
  }

  .assessment-results-view .assessment-results-view__attention-card {
    max-width: none;
  }

  .assessment-results-view .assessment-results-view__attention-card .attention-card {
    flex-direction: row;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions {
    flex-direction: row;
    display: flex;
  }

  .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-full-width, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-without-bg, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button--primary-border, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .vl-button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .mvl_card_button, .assessment-results-view .assessment-results-view__attention-card .attention-card .attention-card__actions .resources-demo-container__link {
    margin-top: 0;
  }
}

.assessment-result-student-view .layout-header__children {
  max-width: 980px;
}

.assessment-result-student-view__container .lemonade-view__container {
  padding: 0;
}

.assessment-result-student-view__container .question-item__points {
  white-space: nowrap;
  justify-content: flex-end;
  display: flex;
}

.assessment-result-student__test {
  margin-top: 50px;
}

.assessment-student-result-header__layout {
  display: flex;
}

.assessment-student-result-header__layout-right {
  flex: auto;
  padding-left: 24px;
}

.assessment-student-result-header__layout-right-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.assessment-student-result-header__header-title {
  color: #36393b;
}

.assessment-student-result-header__header-description {
  color: #706b65;
  margin-top: 12px;
}

.assessment-student-result-header__metadata {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.assessment-student-view-header__meta {
  margin-right: 24px;
}

.assessment-student-result-header__feedback {
  margin-top: 30px;
}

.assessment-student-result-header__feedback textarea {
  resize: none;
}

.assessment-individual-results-view__left {
  padding-right: 24px;
}

.assessment-individual-results-view__avatar {
  z-index: 1;
  position: relative;
}

.assessment-individual-results-view__avatar .avatar {
  margin: auto;
}

.assessment-individual-results-view__card {
  position: relative;
  top: -20px;
}

.assessment-individual-results-view__name {
  text-align: center;
  margin-bottom: 8px;
  display: block;
}

.assessment-individual-results-view__text-info {
  color: #a39b93;
  text-align: center;
  margin-bottom: 8px;
  display: block;
}

.assessment-individual-results-view__feedback {
  text-align: center;
}

.assessment-individual-results-view__right {
  padding-right: calc(50% - 648px);
}

.assessment-individual-results-view__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.assessment-individual-results-view__title {
  display: block;
}

.assessment-individual-results-view__questions {
  color: #a39b93;
}

.assessment-individual-results-view__header-points {
  width: 110px;
}

.assessment-individual-results-view__header-points .input-points .input-points__input-container {
  border-radius: 8px;
  padding-right: 8px !important;
}

.assessment-individual-results-view__list-questions {
  margin-top: 24px;
}

.assessment-individual-results-view__footer {
  height: 100%;
}

.assessment-individual-results-view__footer-right {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.assessment-individual-results-view__footer-buttons-arrow {
  align-items: center;
  display: flex;
}

.assessment-individual-results-view__footer-button-action {
  margin-left: 40px;
}

.assessment-individual-results-view__footer-buttons-arrow .button, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-individual-results-view__footer-buttons-arrow .vl-button--primary-full-width, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-individual-results-view__footer-buttons-arrow .vl-button--primary-without-bg, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-individual-results-view__footer-buttons-arrow .vl-button--primary-border, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-individual-results-view__footer-buttons-arrow .vl-button, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-individual-results-view__footer-buttons-arrow .vl-button, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-individual-results-view__footer-buttons-arrow .vl-button, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-individual-results-view__footer-buttons-arrow .vl-button, .assessment-individual-results-view__footer-buttons-arrow .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-individual-results-view__footer-buttons-arrow .vl-button, .assessment-individual-results-view__footer-buttons-arrow .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-individual-results-view__footer-buttons-arrow .mvl_card_button, .assessment-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .assessment-individual-results-view__footer-buttons-arrow .button, .assessment-individual-results-view__footer-buttons-arrow .resources-demo-container__link, .assessment-individual-results-view__footer-buttons-arrow .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .assessment-individual-results-view__footer-buttons-arrow .resources-demo-container__link {
  margin-left: 24px;
}

.assessment-individual-results-view .layout-calendar__column-1 {
  width: 275px;
  padding-right: 0;
  transition: all .2s;
}

.assessment-individual-results-view .layout-calendar__column-2 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 295px;
  transition: all .2s;
}

@media only screen and (min-width: 1280px) {
  .assessment-individual-results-view .layout-calendar__column-1 {
    width: 450px;
    padding-right: 20px;
    transition: all .2s;
  }

  .assessment-individual-results-view .layout-calendar__column-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 470px;
    transition: all .2s;
  }
}

.task-view__right {
  margin-top: 16px;
}

.task-view__right .select-customizable {
  max-width: 232px;
}

.task-view__item {
  margin-bottom: 24px;
}

.task-view__center--column {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.task-view__item--list-calendars {
  margin-top: 50px;
}

.task-view__item--list-calendars .program-image__picture-container {
  border: 0;
}

.task-view__item--title, .task-view__item--list-calendars {
  width: 290px;
}

.task-view__item--title .card-generic, .task-view__item--list-calendars .card-generic {
  width: 100%;
}

.task-view__tab-wrapper {
  justify-content: flex-start;
  display: flex;
}

.task-view__list-wrapper, .task-view__no-tasks {
  margin-top: 40px;
}

.task-view__course-selector-wrapper {
  display: flex;
}

.task-view__course-selector {
  width: 338px;
}

.task-view__course-selector .select-customizable__menu-list {
  padding: 8px;
}

.task-view__course-selector .select-customizable__option {
  color: #706b65 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

.task-view__course-selector .select-customizable__option:hover {
  background: #f7f4f2 !important;
}

.task-view__course-selector .select-customizable__control {
  height: 58px !important;
}

.task-view__course-selector .select-customizable__control, .task-view__course-selector .select-customizable__menu {
  border-radius: 8px !important;
}

.task-view__course-selector .select-customizable__indicator .icon--size-s {
  width: 20px !important;
  height: 20px !important;
}

.task-view__types, .task-view__tabs {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.task-view__types-container, .task-view__tabs-container {
  width: 100%;
}

.task-view__title-wrapper {
  border-bottom: 1px solid #f0edea;
  width: 50%;
  padding-bottom: 8px;
}

.task-view__student .task-view__list-wrapper {
  margin-top: 24px;
}

.task-view__student .task-view__right {
  padding: 0;
}

.task-view__student .select-customizable .select-customizable__control {
  height: 55px;
}

.task-view__course-entry {
  align-items: center;
  display: flex;
}

.task-view__course-level {
  color: #36393b;
  margin-left: 10px;
  font-weight: 700;
}

.task-view__course-name {
  margin-left: 10px;
}

@media only screen and (min-width: 1024px) {
  .task-view__right {
    padding: 0 40px;
  }
}

.task-view .task-view__item--title, .task-view .task-view__item .back-button, .task-view .task-view__mobile-menu-close-button {
  display: none;
}

.task-view .task-view__item--list-calendars {
  margin-top: 0;
}

@media only screen and (min-width: 1280px) {
  .task-view .layout-calendar__column-1 .back-button, .task-view .layout-calendar__column-1 .task-view__item--title {
    display: block;
  }

  .task-view .layout-calendar__column-1 .task-view__mobile-menu-close-button {
    display: none;
  }

  .task-view .layout-calendar__column-1 .task-view__item--list-calendars {
    margin-top: 50px;
  }

  .task-view .task-view__course-selector-wrapper {
    margin-top: 20px;
    margin-left: 70px;
  }

  .task-view .task-view__tab-wrapper {
    justify-content: flex-end;
    display: flex;
  }

  .task-view .task-view__types-container {
    width: 85%;
  }

  .task-view .task-view__tabs-container {
    width: 90%;
  }
}

div.lemonade-exercises.lemo-color-tokens {
  --lemo-color-corporate: var(--color-first);
  --lemo-color-corporate-hover: var(--color-first-hover);
  --lemo-color-corporate-light: #f5f8fe;
  --lemo-color-error: #f66868;
  --lemo-color-error-light: #fff0f0;
  --lemo-color-success: #41d158;
  --lemo-color-success-light: #ecfbef;
}

div.lemonade-exercises.lemo-other-tokens {
  --lemo-radii-01: 4px;
  --lemo-radii-02: 4px;
}

.lemonade-exercises sub {
  vertical-align: sub;
  font-size: smaller;
}

.lemonade-exercises sup {
  font-size: smaller;
}

.lemonade-exercises .text-blank-wrapper .lemo-text-blank {
  box-sizing: initial;
}

.lemonade-view__container .lemonade-exercises .lemo-question-header :not(.fr-element *), .dialog-activity-detail__assesment .lemonade-exercises .lemo-question-header :not(.fr-element *) {
  font-family: var(--font-second) !important;
}

.lemonade-exercises .text-blank-wrapper .lemo-text-blank {
  max-width: 760px;
}

.lemonade-exercises .lemo-title p, .lemonade-exercises .lemo-stimulus p {
  font-weight: 400 !important;
}

.lemonade-exercises a {
  color: var(--color-first) !important;
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-shape, .lemonade-exercises .lemo-checkbox-square-icon .lemo-shape {
  box-shadow: none !important;
  border-width: 1px !important;
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-shape {
  width: 18px;
  height: 18px;
}

.lemonade-exercises .lemo-checkbox-square-icon {
  position: relative;
}

.lemonade-exercises .lemo-checkbox-square-icon .lemo-shape {
  border: 1px solid #c7bfb7;
  background-color: var(--lemo-color-white) !important;
}

.lemonade-exercises .lemo-checkbox-square-icon svg {
  display: none;
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon:after {
  content: "";
  background-color: var(--lemo-color-corporate);
  border-radius: 2px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lemonade-exercises .lemo-success .lemo-checkbox-square-icon:after {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-error .lemo-checkbox-square-icon:after {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-multiple-choice-question .lemo-option-content-wrapper {
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 12px !important;
}

.lemonade-exercises .lemo-multiple-choice-question .lemo-success {
  border-radius: 8px;
  background: var(--lemo-color-success-light) !important;
}

.lemonade-exercises .lemo-multiple-choice-question .lemo-error {
  border-radius: 8px;
  background: var(--lemo-color-error-light) !important;
}

.lemonade-exercises .lemo-simple-button {
  height: 40px;
  border-radius: 40px !important;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-right {
  align-items: center;
}

.lemonade-exercises .lemo-dropdown-control--feedback-error, .lemonade-exercises .lemo-error, .lemonade-exercises .lemo-error .lemo-drag-option, .lemonade-exercises .lemo-dropdown-control--feedback-success, .lemonade-exercises .lemo-success, .lemonade-exercises .lemo-success .lemo-drag-option {
  box-shadow: none !important;
}

.lemonade-exercises .lemo-drag-item-wrapper .lemo-drag-item, .lemonade-exercises .lemo-base-drag-and-drop__drag {
  border: 1px solid #dbd5ce;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.lemonade-exercises .lemo-drop-area {
  border-radius: 0 !important;
}

.lemonade-exercises .lemo-choice-matrix-question-row .lemo-error, .lemonade-exercises .lemo-choice-matrix-question-row .lemo-success {
  background: none !important;
}

.lemon-test {
  align-items: flex-start;
  margin: auto !important;
}

.lemon-test .lemonade-exercises__left {
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  transition: all .2s ease-in;
}

.lemon-test .lemonade-view__container {
  background-color: #fff;
  border: 1px solid #f0edea;
  border-radius: 0;
  flex: 0 calc(100% - 24px);
  width: calc(100% - 24px);
  margin-left: 24px;
  padding: 16px;
  transition: all .2s ease-in;
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
}

.lemon-test .lemo-editor {
  padding: 0 !important;
}

.lemon-test .lemo-editor-toggle-component .lemo-editor-toggle-component__checkShape, .lemon-test .lemo-editor-toggle-component .lemo-editor-toggle-component__checkShape__dot {
  background: #fff;
  border: 2px solid #dbd5ce;
}

.lemon-test .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape__dot {
  transform: translateX(15px);
}

.lemon-test .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape, .lemon-test .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape__dot {
  border: 2px solid var(--color-first);
  background: #fff;
}

.lemon-test .lemo-editor-toggle-component__checkShape {
  width: 34px;
  height: 20px;
}

.lemon-test .lemo-editor-toggle-component .lemo-editor-toggle-component__checkShape__dot {
  width: 10px;
  height: 10px;
}

.lemon-test .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title, .lemon-test .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title {
  font-family: var(--font-first-semi) !important;
}

.lemon-test .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle {
  color: #a39b93;
}

.lemon-test .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button, .lemon-test .lemo-editor-solutions-content .lemo-editor-solutions-tab-options, .lemon-test .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-selected {
  background: #f0edea;
  border-radius: 0 !important;
}

.lemon-test .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-selected {
  color: #222;
}

@media only screen and (min-width: 1024px) {
  .lemon-test .lemonade-exercises__left, .lemon-test .lemonade-view__container {
    flex: 0 calc(50% - 24px);
    width: calc(50% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.answer-test-view .layout-header__content {
  background: var(--color-background);
}

.answer-test-view__header-left {
  align-items: center;
  display: flex;
}

.answer-test-view__clock {
  margin-left: 8px;
}

.answer-test-view .lemonade-view__container {
  border: none;
  margin: 0;
  padding: 0;
}

.answer-test-view .lemonade-exercises .lemo-question-controls {
  width: 100%;
  margin: 0 20px;
}

.answer-test-view__hint {
  position: fixed;
  bottom: 24px;
}

.answer-test-view__footer-bar {
  z-index: 4001;
  width: 350px;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (min-width: 640px) {
  .answer-test-view__footer-bar {
    width: 430px;
  }
}

@media only screen and (min-width: 768px) {
  .answer-test-view__footer-bar {
    width: 550px;
  }
}

@media only screen and (min-width: 1024px) {
  .answer-test-view__footer-bar {
    width: 750px;
  }
}

@media only screen and (min-width: 1280px) {
  .answer-test-view__footer-bar {
    width: 850px;
  }
}

.answer-test-view__progress-bar {
  width: 100%;
  position: absolute;
  top: 64px;
  left: 0;
}

.answer-test-question {
  margin-bottom: 100px;
  border-radius: 16px !important;
}

.answer-test-question__wrapper {
  position: relative;
}

.answer-test-question__footer {
  padding-top: 24px;
}

.answer-test-question__footer-wrapper {
  justify-content: space-between;
  margin-top: 24px;
  padding: 0 24px;
  display: flex;
}

.answer-test-question__hint, .answer-test-questions__footer-right {
  display: flex;
}

.answer-test-questions__validated {
  align-items: center;
  display: flex;
}

.answer-test-questions__repeat {
  margin-right: 24px;
}

.answer-test-question__overlay {
  z-index: 100;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.answer-test-question__overlay--green {
  background-color: rgba(33, 150, 83, .3);
}

.answer-test-question__overlay--red {
  background-color: rgba(247, 104, 104, .3);
}

.lemonade-exercises .lemo-controls {
  display: none;
}

.lemonade-exercises.lemo-without-footer .lemo-controls-wrapper, .lemonade-exercises .lemo-hints-dialog, .lemonade-exercises.lemonade-exercises__with-controls .lemo-controls-wrapper, .lemonade-exercises.lemonade-exercises__with-controls .lemo-hints-dialog {
  display: flex !important;
}

.lemonade-exercises.lemonade-exercises__with-controls .lemo-points {
  display: none !important;
}

.answer-test-footer {
  align-items: center;
  height: 100%;
  display: flex;
}

.answer-test-footer__button {
  flex: none;
  width: 20%;
}

.answer-test-footer__paginator {
  text-align: center;
  flex: auto;
  width: 100%;
}

.answer-test-footer__button--next {
  text-align: right;
  width: 20%;
}

.answer-test-footer__button--next .button, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .answer-test-footer__button--next .vl-button--primary-full-width, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .answer-test-footer__button--next .vl-button--primary-without-bg, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .answer-test-footer__button--next .vl-button--primary-border, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .answer-test-footer__button--next .vl-button, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .answer-test-footer__button--next .vl-button, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .answer-test-footer__button--next .vl-button, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .answer-test-footer__button--next .vl-button, .answer-test-footer__button--next .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .answer-test-footer__button--next .vl-button, .answer-test-footer__button--next .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .answer-test-footer__button--next .mvl_card_button, .answer-test-footer__button--next .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .answer-test-footer__button--next .button, .answer-test-footer__button--next .resources-demo-container__link, .answer-test-footer__button--next .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .answer-test-footer__button--next .resources-demo-container__link {
  padding-left: 0;
}

.answer-test-footer__button--next .button__text {
  padding-left: 12px !important;
}

.answer-test-footer__button--next .icon--color-default.icon--lib-skin path {
  fill: #fff;
}

.answer-test-footer__paginator-formative {
  color: #706b65;
  background: #f7f4f2;
  border-radius: 36px;
  justify-content: center;
  align-items: center;
  padding: 4px 24px;
  display: inline-flex;
}

.answer-test-footer__paginator-formative-separator {
  margin: 0 4px;
}

.answer-test-footer__paginator-formative-separator, .answer-test-footer__paginator-formative-steps-length {
  color: #c7bfb7;
}

.cover-test-view .attention-card {
  padding: 20px;
}

.cover-test-view .attention-card__text {
  margin-top: 16px;
}

.cover-test-view__back-title {
  margin-top: 24px;
}

.cover-test-view__start {
  margin-top: 24px;
  display: block;
}

.cover-test-view__name, .cover-test-view__metas, .cover-test-view__description {
  margin-top: 30px;
  display: block;
}

.cover-test-view__name, .cover-test-view__description {
  color: #706b65;
}

.cover-test-view__metas {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cover-test-view__due-date-attention {
  color: #f66868 !important;
}

.cover-test-view__meta {
  align-items: center;
  display: flex;
}

.cover-test-view__icon-halt {
  margin-left: 8px;
}

.cover-test-view--status-finished .attention-card {
  box-shadow: none;
  border: 0 !important;
}

.cover-test-view--status-finished .cover-test-view__start {
  margin-top: 24px;
}

.cover-test-view--status-finished .back-title-and-icon__item {
  visibility: hidden;
}

.assessment-instructions-view {
  position: relative;
}

.assessment-instructions-view .question-item {
  border: none;
}

.assessment-instructions-view .question-item__header {
  display: none;
}

.assessment-instructions-view .lemonade-view__container {
  margin: 0;
  padding: 0;
}

.assessment-instructions-view .lemo-controls-wrapper {
  display: none;
}

.assessment-instructions-view__teacher-notes {
  margin-top: 24px;
}

.assessment-instructions-view__actions {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.assessment-instructions-view__share-assessment {
  align-items: center;
  display: flex;
}

.assessment-instructions-view__share-assessment .button, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .assessment-instructions-view__share-assessment .vl-button--primary-full-width, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .assessment-instructions-view__share-assessment .vl-button--primary-without-bg, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .assessment-instructions-view__share-assessment .vl-button--primary-border, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .assessment-instructions-view__share-assessment .vl-button, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .assessment-instructions-view__share-assessment .vl-button, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .assessment-instructions-view__share-assessment .vl-button, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .assessment-instructions-view__share-assessment .vl-button, .assessment-instructions-view__share-assessment .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .assessment-instructions-view__share-assessment .vl-button, .assessment-instructions-view__share-assessment .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .assessment-instructions-view__share-assessment .mvl_card_button, .assessment-instructions-view__share-assessment .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .assessment-instructions-view__share-assessment .button, .assessment-instructions-view__share-assessment .resources-demo-container__link, .assessment-instructions-view__share-assessment .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .assessment-instructions-view__share-assessment .resources-demo-container__link {
  margin-left: 8px;
}

.assessment-instructions-view__top, .dialog-activity-detail__assesment {
  padding: 24px 36px;
}

.assessment-instructions-view__top .question-item__points, .dialog-activity-detail__assesment .question-item__points {
  width: auto !important;
}

.assessment-instruction-view__lemonade {
  padding-top: 20px;
}

.assessment-instruction-view__lemonade .lemo-question-controls, .assessment-instruction-view__lemonade .lemo-send-controls {
  width: 100%;
}

.assessment-instruction-view__lemonade .lemonade-view__container {
  border: none;
}

.assessment-instructions-view__date {
  max-width: 277px;
  margin-bottom: 24px;
  display: flex;
}

.assessment-instructions-view__date .input-date__hour-container .input-text__input, .assessment-instructions-view__date .input-date__hour-container .input-date input, .input-date .assessment-instructions-view__date .input-date__hour-container input, .assessment-instructions-view__date .input-date__hour-container .input-time-range__input, .assessment-instructions-view__date .input-date__hour-container .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .assessment-instructions-view__date .input-date__hour-container input, .assessment-instructions-view__date .input-date__hour-container .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .assessment-instructions-view__date .input-date__hour-container input, .assessment-instructions-view__date .input-date__hour-container .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .assessment-instructions-view__date .input-date__hour-container input {
  padding-left: 8px !important;
}

.assessment-instructions-view__date input {
  font-family: var(--font-second-bold);
  color: #a39b93;
  border-radius: 8px;
}

.assessment-instructions-view__date .input-date {
  z-index: 8001;
}

.assessment-intruction-view__date-actions {
  justify-content: space-between;
  margin-top: 24px;
  display: flex;
}

.assessment-intruction-view__date-action-cancel {
  color: var(--color-first) !important;
  background: none !important;
}

.assessment-instruction-view__solution {
  justify-content: flex-end;
  display: flex;
}

.assessment-instruction-view__solution .switch {
  align-items: end;
}

.assessment-instructions-view-header .assessment-instructions-view-header__header-edit-button {
  display: none;
}

.assessment-instructions-view-header {
  justify-content: space-between;
  display: flex;
}

.assessment-instructions-view-header__title {
  color: #706b65;
  margin-top: 8px;
}

.assessment-instructions-view-header__footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.assessment-instructions-view-header__metas {
  grid-template-columns: 200px 200px;
  grid-row: auto auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: grid;
}

@media only screen and (min-width: 1024px) {
  .assessment-instructions-view-header__metas {
    align-items: center;
    display: flex;
  }
}

.assessment-instructions-view-header__meta {
  margin-right: 24px;
}

.assessment-instructions-view-header__meta .icon-background--color-default .icon--lightning path {
  stroke: #f0edea;
  fill: rgba(0, 0, 0, 0);
}

.assessment-instructions-view-header__meta .icon-background--color-default .icon--lightning-off rect {
  fill: #f0edea;
}

.assessment-instructions-print-header {
  margin-bottom: 24px;
}

.assessment-instructions-print-header__top {
  border: 1px solid #f0edea;
  border-radius: 0;
  display: flex;
}

.assessment-instructions-print-header__student, .assessment-instructions-print-header__date, .assessment-instructions-print-header__grade {
  color: #706b65;
  height: 80px;
  padding-top: 12px;
  padding-left: 12px;
  font-style: italic;
}

.assessment-instructions-print-header__student, .assessment-instructions-print-header__date {
  border-right: 1px solid #f0edea;
  flex: 2;
}

.assessment-instructions-print-header__grade {
  flex: 1;
}

.assessment-instructions-print-header__course {
  margin-top: 16px;
}

.assessment-instructions-print-header__course-name {
  color: #a39b93;
}

.assessment-instructions-print-header__assessment {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.assessment-instructions-print-header__assessment-title {
  color: #36393b;
  margin-bottom: 16px;
}

.assessment-instructions-print-header__assessment-description {
  color: #706b65;
}

.assessment-instructions-teacher-notes {
  background: #dbe9f0;
  border: 1px solid #56ccf2;
  border-radius: 8px;
  padding: 24px;
}

.assessment-instructions-teacher-notes__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.assessment-instructions-teacher-notes__header-left {
  align-items: center;
  display: flex;
}

.assessment-instructions-teacher-notes__title {
  color: #706b65;
  margin-left: 18px;
}

.assessment-instructions-teacher-notes__text {
  color: #706b65;
  margin-top: 24px;
  margin-left: 42px;
  margin-right: 90px;
  line-height: 24px !important;
}

.assessment-instructions-teacher-notes__text--hidden {
  display: none;
}

.assessment-instructions-teacher-notes__text--visible {
  display: block;
}

.project-remote-item {
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  display: flex;
}

.project-remote-item--is-showing {
  background: var(--color-first);
}

.project-remote-item--is-showing .project-remote-item__info-icon, .project-remote-item--is-showing .project-remote-item__info-icon path:nth-child(2) {
  fill: #fff !important;
}

.project-remote-item--is-showing .project-remote-item__info-name {
  color: #fff;
  font-weight: 600;
}

.project-remote-item--is-showing .project-remote-item__action-icon-container {
  background-color: #fff;
}

.project-remote-item--is-showing .project-remote-item__action-icon {
  fill: var(--color-first);
}

.project-remote-item__info-icon {
  flex: none;
  width: 20px;
  height: 20px;
}

.project-remote-item__info-icon path:nth-child(2) {
  fill: orange !important;
}

.project-remote-item__info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-remote-item__info-name {
  color: orange;
  margin-left: 10px;
  padding-right: 8px;
  font-size: 15px;
}

.project-remote-item__action-icon-container {
  background-color: red;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 27px;
  display: flex;
}

.project-remote-item__action-icon {
  fill: #fff;
  width: 16px;
  height: 16px;
}

.project-remote-list__title-book {
  margin-bottom: 8px;
  display: block;
  color: #a39b93 !important;
}

.project-remote-list__title-section {
  margin-top: 8px;
  display: block;
}

.project-remote-list__book .book-card {
  height: 147px !important;
}

.project-remote-list__lesson-item {
  background: #fff;
  margin-top: 8px;
  margin-bottom: 8px;
}

.project-remote-list__lesson-item .lesson-element-item__right {
  display: none;
}

.project-remote-list__projecting {
  align-items: center;
  display: flex;
}

.project-remote-list__projecting-text {
  margin-left: 8px;
  display: block;
  color: #41d158 !important;
}

.remote-view .header-tabs__tab-text-container {
  align-items: center;
  display: flex;
}

.remote-view .header-tabs__tab-icon {
  margin-right: 8px;
}

.remote-view .header-tabs__tab:after {
  width: 30px !important;
  bottom: -20px !important;
}

.remote-view .layout-header__content {
  padding-bottom: 76px;
  overflow-y: auto;
}

.remote-view.remote-view--mint .layout-header {
  background: #fff;
}

.remote-view.remote-view--mint .header-custom {
  border: 0;
}

.remote-view.remote-view--mint .icon--circle-play-circle path, .remote-view.remote-view--mint .icon--pause-circle path {
  fill: var(--color-first);
}

.remote-view.remote-view--mint .project-remote-control__controls-pdf-pages-content .bubble-content {
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.remote-view__dialog-tools .header-width-tabs__tabs {
  visibility: hidden;
}

.remote__tools-card {
  margin-bottom: 8px;
}

.remote__tools-card .button, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .remote__tools-card .vl-button--primary-full-width, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .remote__tools-card .vl-button--primary-without-bg, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .remote__tools-card .vl-button--primary-border, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .remote__tools-card .vl-button, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .remote__tools-card .vl-button, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .remote__tools-card .vl-button, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .remote__tools-card .vl-button, .remote__tools-card .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .remote__tools-card .vl-button, .remote__tools-card .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .remote__tools-card .mvl_card_button, .remote__tools-card .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .remote__tools-card .button, .remote__tools-card .resources-demo-container__link, .remote__tools-card .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .remote__tools-card .resources-demo-container__link {
  margin-top: 8px;
}

.remote__tools-card-header {
  align-items: center;
  display: flex;
}

.remote__tools-card-title {
  margin-left: 8px;
}

.remote__tools-card-button {
  justify-content: flex-end;
  display: flex;
}

.remote__tools-card-projecting {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.remote__tools-card-projecting-text {
  margin-left: 8px;
  color: #41d158 !important;
}

.remote__error-connect-cover {
  opacity: .76;
  background-color: #27282b;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.remote__error-connect {
  text-align: center;
  z-index: 9500;
  background-color: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: column;
  align-items: center;
  height: 295px;
  padding: 12px;
  display: flex;
  position: fixed;
  bottom: 0;
}

.remote__error-connect-icon {
  fill: red;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.remote__error-connect-title {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 600;
}

.remote__error-connect-text {
  color: red;
  margin-top: 20px;
  font-size: 15px;
  line-height: 26px;
}

.remote__error-connect-action {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 20px;
}

.remote__spinner {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.error__container {
  background: #f7f4f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.error__title {
  color: #a39b93;
  margin-top: 24px;
}

.error_retry {
  width: 120px;
  margin-top: 24px;
}

.skeleton-course__header {
  height: 64px;
}

.skeleton-course__content {
  align-self: center;
  height: 25vh;
  margin-top: 20px;
  width: 90% !important;
}

.turn-to-speak-view {
  max-width: 840px;
  margin: auto;
}

.turn-to-speak-view .turn-to-speak-view__top, .turn-to-speak-view .no-items, .turn-to-speak-view .countdown {
  background: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 4px;
  align-items: center;
  margin-top: 16px;
  padding: 24px 50px;
  position: relative;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.turn-to-speak-view .no-items {
  align-items: center;
}

.turn-to-speak-view .turn-speak-student-active__student-empty {
  width: 170px;
  height: 170px;
}

.turn-to-speak-view .turn-speak-student-active__student-empty .icon--questionmark {
  width: 90px;
  height: 90px;
}

.turn-to-speak-view .turn-speak-student-active__student-empty .icon--questionmark path {
  fill: #fff;
}

.turn-to-speak-view .turn-speak-student-active__name {
  display: none !important;
}

.turn-to-speak-view .turn-to-speak-view__top-left {
  text-align: left;
}

.turn-to-speak-view .turn-to-speak-view__name {
  color: #36393b;
}

.turn-to-speak-view .turn-to-speak-view__active-user {
  justify-content: flex-end;
  display: flex;
}

.turn-to-speak-view .turn-to-speak-view__random {
  text-align: center;
}

.turn-to-speak-view .turn-to-speak-view__separator {
  display: none;
}

.turn-to-speak-view .turn-to-speak-view__list-users {
  margin-top: 24px;
}

.turn-to-speak-view .avatar-with-name-list {
  grid-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.turn-to-speak-view .avatar-with-name-list__user {
  background: #fff;
  width: auto;
  margin: 0;
}

.turn-to-speak-view .avatar-with-name-list__user .avatar-with-name {
  border: 1px solid #dbd5ce;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(163, 155, 147, .15);
}

.turn-to-speak-view .avatar-with-name-list__user .avatar-with-name__name {
  font-size: 18px;
  font-family: var(--font-first-semi);
  color: #36393b;
  line-height: 27px;
}

.turn-to-speak-view .avatar-with-name--semiactive {
  background: #fff;
}

.turn-to-speak-view .avatar-with-name--semiactive .avatar-with-name__name {
  color: #a39b93;
}

.turn-to-speak-view .avatar-with-name--active .avatar-with-name__name {
  color: var(--color-first);
}

.turn-to-speak-view .avatar-with-name__close {
  position: absolute;
  top: -7px;
  right: -8px;
}

.turn-to-speak-view__dialog .layout-header {
  background-image: url(/static/image/primary-stream-background.1aba089d.png);
}

.turn-to-speak-view__dialog .countdown {
  background: #fff;
  border: 1px solid #dbd5ce;
  border-radius: 8px;
  align-items: flex-start;
  max-width: 840px;
  margin: 16px auto auto;
  padding: 24px 50px;
  position: relative;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.turn-to-speak-view__dialog .cronometer__actions {
  box-shadow: none;
  border: 0;
}

.turn-to-speak-view__dialog .cronometer__input--active {
  border: 1px solid var(--color-first);
}

.turn-to-speak-view__dialog .icon--pause-circle path {
  fill: #a39b93;
}

.turn-to-speak-view__dialog .icon--circle-play-circle path {
  fill: var(--color-first);
}

@media only screen and (min-width: 768px) {
  .turn-to-speak-view .avatar-with-name-list {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  .turn-to-speak-view .turn-to-speak-view__random {
    text-align: left;
    position: absolute;
    bottom: 24px;
    left: 50px;
  }

  .turn-to-speak-view .turn-to-speak-view__top {
    align-items: flex-start;
  }
}

.msteams-container {
  width: 70%;
}

@media (max-width: 960px) {
  .msteams-container {
    width: 95%;
  }
}

.assessment-result-left-skeleton {
  height: 45px;
  margin-bottom: 16px;
  width: 95% !important;
}

.assessment-result-right-skeleton__attention-card {
  height: 160px;
  margin-bottom: 24px;
}

.assessment-result-right-skeleton__graph {
  height: 400px;
}

.lang-eu .new-classroom__year {
  display: none;
}

.lang-eu .lemonade-exercises .lemo-base-essay__text-counter .lemo-text-counter {
  flex-direction: row-reverse;
  display: flex;
}

.lang-eu .lemonade-exercises .lemo-base-essay__text-counter .lemo-text-counter span {
  margin-right: 8px;
}

.home-page .layout-header {
  background: #fff;
  min-height: 96vh;
}

.home-page .layout-header__header {
  z-index: 10;
}

.home-page .header-tabs__tab--active:after {
  height: 4px;
  bottom: -10px;
}

.home-page .header-tabs__tab:first-child {
  margin-left: 0;
}

.home-page .my-classrooms-view__list-courses .basic-list__item {
  margin-bottom: 24px;
}

.home-page .my-classrooms-view__list-courses .basic-list__item .more-icon-menu {
  display: none;
}

.home-page .mosaic-list--col-4 .mosaic-list__item {
  width: auto;
}

.home-page__footer {
  background: #f7f4f2;
  padding: 8px;
  bottom: 0;
}

.home-page__footer-grid {
  justify-content: space-between;
  display: flex;
}

.home-page__politics {
  display: flex;
}

.home-page__desktop-versions {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media only screen and (min-width: 480px) {
  .home-page .my-classrooms-view__list-courses .basic-list__item .more-icon-menu {
    display: flex;
  }
}

.calendar-page .calendar-view__item {
  width: 275px;
  margin: 0 auto 30px;
}

.calendar-page .DayPicker-Weekday {
  color: #c7bfb7;
  text-transform: capitalize;
  font-family: var(--font-second) !important;
  font-size: 14px !important;
}

.calendar-page .DayPicker-Day {
  color: #36393b !important;
  font-family: var(--font-second) !important;
  font-size: 14px !important;
}

.calendar-page .calendar-small__day--active {
  color: #fff !important;
}

.calendar-page .DayPicker-Caption {
  color: #36393b;
  text-transform: capitalize;
}

.calendar-page .card-generic__title-text, .calendar-page .calendar-item__name {
  color: #36393b;
}

.calendar-page .calendar-item__level {
  color: #706b65;
}

.calendar-page .calendar-item__visible-icon .icon--color-default.icon--lib-skin path {
  fill: #706b65;
}

.calendar-page .toolbar__action--today {
  color: #706b65;
}

.calendar-page .toolbar__actions-container .icon--color-default.icon--lib-skin path {
  fill: #706b65;
}

.calendar-page .toolbar__month-title {
  color: #706b65;
  text-transform: capitalize;
}

.calendar-page .select-customizable__single-value {
  color: #36393b;
}

.calendar-page .header-week__header-week-day-number, .calendar-page .header-month__header-month-day-name, .calendar-page .event-week__name, .calendar-page .calendar-big .header-week__header-week-day-name {
  color: #706b65;
}

.calendar-page .toolbar__action--today {
  padding: 0 12px;
}

.calendar-page .event-all-day {
  border-radius: 8px;
}

.calendar-page .rbc-show-more {
  color: #706b65;
  margin-left: 12px;
  display: block;
}

.rbc-overlay {
  width: 220px;
}

.rbc-overlay-header {
  border-bottom: 0;
  padding-top: 12px;
}

.rbc-row-segment {
  border: 0;
}

.rbc-overlay-header {
  color: #36393b;
}

.event-month__date-text {
  color: #706b65;
}

.profile-form, .profile-view-devices {
  max-width: 500px;
}

.kanban-page .layout-header {
  background: none;
}

.welcome-step__container {
  text-align: center;
  margin-top: 40px;
}

.signup__license-disclaimer {
  margin-top: 24px;
}

.demo-landing-page {
  font-family: var(--font-second);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.demo-landing-page .select-customizable .select-customizable__control {
  border: 0;
}

.demo-landing-page .select-customizable {
  z-index: 100;
  width: 98%;
  margin: 0;
  padding: 0;
}

.demo-landing-page .select-customizable .select-customizable__menu {
  box-shadow: none;
  border: none;
  border-radius: 15px;
  top: -50px;
}

.demo-landing-page .select-customizable .select-customizable__menu .select-customizable__option {
  font-size: 18px;
}

.demo-landing-page .select-customizable .select-customizable__menu .select-customizable__option:hover {
  color: #000;
  background: #d9d9d9;
}

.demo-landing-page .select-customizable .select-customizable__menu .select-customizable__option:first-of-type {
  border-radius: 15px 15px 0 0;
}

.demo-landing-page .select-customizable .select-customizable__menu .select-customizable__option:last-of-type {
  border-radius: 0 0 15px 15px;
}

.demo-landing-page .select-customizable:disabled {
  color: #36393b !important;
}

.demo-landing-page .select-customizable, .demo-landing-page .select-customizable .select-customizable__single-value {
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.demo-landing-page .select-customizable__indicator {
  z-index: 1000000;
  margin-right: 8px;
}

.demo-landing-page .select-customizable__indicator svg path {
  fill: #000;
}

.demo-landing-page .button, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .demo-landing-page .vl-button--primary-full-width, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .demo-landing-page .vl-button--primary-without-bg, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .demo-landing-page .vl-button--primary-border, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .demo-landing-page .vl-button, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .demo-landing-page .vl-button, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .demo-landing-page .vl-button, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .demo-landing-page .vl-button, .demo-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .demo-landing-page .vl-button, .demo-landing-page .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .demo-landing-page .mvl_card_button, .demo-landing-page .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .demo-landing-page .button, .demo-landing-page .resources-demo-container__link, .demo-landing-page .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .demo-landing-page .resources-demo-container__link {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--font-second);
  background-color: #0271ff;
  border-radius: 70px;
  width: auto;
  min-height: 60px;
  margin: 30px auto;
  padding: 15px 32px;
}

.demo-landing-page__header-languages {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-landing-page__header-sticky-logo-digital {
  width: 200px;
  height: auto;
  display: flex;
}

.demo-landing-page__header {
  height: 1140px;
  margin-bottom: 150px;
}

.demo-landing-page__header-bg {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/static/image/bg-mobile.c1b726ed.png);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  width: 100%;
  height: 100%;
  padding: 24px 24px 0;
  position: relative;
}

.demo-landing-page__header-bg-border-in {
  z-index: 1;
  border-right: 20px solid #2458ce;
  width: 50%;
  height: 100px;
  position: absolute;
  top: 40%;
  left: 0;
}

.demo-landing-page__header-logo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 40px auto 24px;
  display: flex;
}

.demo-landing-page__header-logo-edelvives {
  width: 125.22px;
  margin: 8px 0;
}

.demo-landing-page__header-logo-digital {
  width: 311.56px;
  max-width: 95%;
  margin: 8px 0;
}

.demo-landing-page__header-subtitle {
  color: #fff;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400 !important;
}

.demo-landing-page__header-info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.demo-landing-page__header-info-img {
  z-index: 15;
  width: 90%;
  max-width: 293.52px;
  margin: 16px auto;
}

.demo-landing-page__header-info-balls {
  flex-direction: column;
  margin: 24px auto;
  display: flex;
}

.demo-landing-page__header-info-ball-arrow-v {
  max-height: 137.81px;
  position: absolute;
}

.demo-landing-page__header-info-ball-arrow-v--left {
  left: 150px;
}

.demo-landing-page__header-info-ball-arrow-v--right {
  right: 150px;
}

.demo-landing-page__header-info-ball-arrow-h {
  display: none;
}

.demo-landing-page__header-info-bg {
  z-index: 0;
  border-left: 0;
  width: 92.5px;
  height: 185px;
  position: absolute;
  top: -16px;
}

.demo-landing-page__header-info-bg--right {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  left: 75px;
}

.demo-landing-page__header-info-bg--left {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  left: -20px;
}

.demo-landing-page__header-info-bg--blue-01 {
  border: 20px solid #2458ce;
}

.demo-landing-page__header-info-bg--blue-02 {
  border: 20px solid #0271ff;
}

.demo-landing-page__header-info-bg--blue-03 {
  border: 20px solid #00a8f9;
}

.demo-landing-page__header-info-bg--blue-04 {
  border: 20px solid #00c4ce;
}

.demo-landing-page__header-info-ball {
  z-index: 100;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin: 8px auto;
  display: flex;
  position: relative;
}

.demo-landing-page__header-info-ball-outside {
  z-index: 100;
  background: linear-gradient(324.24deg, #dedfe1 16.87%, #e9eaec 42.38%, #fafafa 78.47%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  box-shadow: -15px 18px 8px 6px rgba(62, 61, 61, .192);
}

.demo-landing-page__header-info-ball-inside {
  z-index: 110;
  text-align: center;
  background: linear-gradient(340.39deg, #fff 12.67%, #e3e3e3 82.47%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 132px;
  height: 132px;
  padding: 7px;
  display: flex;
}

.demo-landing-page__header-info-ball-text {
  font-family: var(--font-first-semi);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.demo-landing-page__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.demo-landing-page__content-title {
  font-family: var(--font-first-semi);
  text-align: center;
  margin: auto 24px 40px;
  font-size: 33px;
  font-weight: 600;
}

.demo-landing-page__content-text {
  color: #222;
  text-align: center;
  font-family: var(--font-second);
  max-width: 95%;
  margin: 40px 24px 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.demo-landing-page__content-subtitle {
  text-transform: uppercase;
  font-weight: 300;
}

.demo-landing-page__content-circle-down-mobile, .demo-landing-page__content-circle-down-desk {
  width: 87.17px;
  height: 87.17px;
  margin-top: 12px;
}

.demo-landing-page__content-circle-down-mobile img, .demo-landing-page__content-circle-down-desk img {
  z-index: 10;
  width: 100%;
  height: auto;
}

.demo-landing-page__content-circle-down-desk {
  margin: auto;
  display: none;
}

.demo-landing-page__content-circle-content-one, .demo-landing-page__content-circle-content-two {
  border-radius: 50%;
}

.demo-landing-page__content-circle-content-one {
  background: linear-gradient(216.54deg, #e5e5e5 14.27%, #fff 85.73%);
  width: 58.02px;
  height: 58.02px;
  position: absolute;
  transform: rotate(-81.54deg);
}

.demo-landing-page__content-circle-content-two {
  background: linear-gradient(#fff 0%, #f3f3f3 39%, #e5e5e5 73%);
  border-radius: 50%;
  width: 61.64px;
  height: 61.64px;
  position: absolute;
  transform: rotate(-45deg);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .25);
}

.demo-landing-page__content-cards {
  flex-direction: column;
  margin: 20px auto;
  display: flex;
}

.demo-landing-page__content-card {
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 335px;
  max-width: 98%;
  height: 354.39px;
  margin: 12px auto;
  padding: 24px 10px;
  display: flex;
}

.demo-landing-page__content-card--green {
  background: linear-gradient(#0fa015 0%, #82e800 100%);
}

.demo-landing-page__content-card--blue {
  background: linear-gradient(#0083fc 0%, #02fff0 100%);
}

.demo-landing-page__content-card--orange {
  background: linear-gradient(#ff6b00 0%, #ffb802 100%);
}

.demo-landing-page__content-card--pink {
  background: linear-gradient(#ca06b6 0%, #ff8cdf 100%);
}

.demo-landing-page__content-card-title {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  font-family: var(--font-second);
  color: #fff;
}

.demo-landing-page__content-card-title span {
  text-transform: uppercase;
  font-weight: 600;
}

.demo-landing-page__content-card-subtitle {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.demo-landing-page__content-card-figure {
  width: 120px;
  height: 120px;
}

.demo-landing-page__content-card-figure img {
  max-width: 100%;
  max-height: 100%;
}

.demo-landing-page__content-video {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0MCIgaGVpZ2h0PSIxNjc1IiB2aWV3Qm94PSIwIDAgMTU0MCAxNjc1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzI3XzEwNTUpIj4KPGNpcmNsZSBjeD0iNzczLjQ0NCIgY3k9IjgzNy40NDUiIHI9IjIyNC4wNzEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ1IiBjeT0iODM3LjQ0NSIgcj0iMjE4LjA2NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIzMjkuMTAzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NiIgY3k9IjgzNy40NDUiIHI9IjM3MC45OTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iNCIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ0IiBjeT0iODM3LjQ0NSIgcj0iNDQ2Ljc5NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSI1Ii8+CjxjaXJjbGUgY3g9Ijc3My40NDQiIGN5PSI4MzcuNDQ1IiByPSI1MzkuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjYiLz4KPGNpcmNsZSBjeD0iNzc0LjAyIiBjeT0iODM3LjI1MSIgcj0iNjY1Ljc1MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSI3Ii8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSI4MjYuNDQ1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjgiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NCIgY3k9IjgzNy40NDUiIHI9IjI5NS43NzgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ0IiBjeT0iODM3LjQ0NSIgcj0iMjczLjE3MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIyNTguMDk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NSIgY3k9IjgzNy40NDUiIHI9IjI0OC42NzkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ1IiBjeT0iODM3LjQ0NSIgcj0iMjM5LjI1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIyMzAuNzgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzI3XzEwNTUiIHg9Ii02NCIgeT0iMCIgd2lkdGg9IjE2NzQuODkiIGhlaWdodD0iMTY3NC44OSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzLjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yN18xMDU1Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 695px;
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px 12px;
  display: flex;
}

.demo-landing-page__content-video-title, .demo-landing-page__content-video-text {
  text-align: center;
  color: #fff;
  margin: 16px auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.demo-landing-page__content-video-title span, .demo-landing-page__content-video-text span {
  text-transform: uppercase;
  font-weight: 600;
}

.demo-landing-page__content-video-text {
  margin-bottom: 40px;
  font-weight: 600;
}

.demo-landing-page__content-video-video {
  background: #d9d9d9;
  width: 312px;
  max-width: 90%;
  height: 169.33px;
  margin: 24px auto;
}

.demo-landing-page__content-iframe {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.demo-landing-page__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-landing-page__content-middle-text {
  text-align: center;
  color: #222;
  margin: auto 24px 16px;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px;
}

.demo-landing-page__content-middle-text span {
  text-transform: uppercase;
  font-weight: 600;
}

.demo-landing-page__content-carrousel {
  width: 100%;
  margin: 50px auto;
  position: relative;
}

.demo-landing-page__content-carrousel-border-left {
  z-index: 100;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  width: 20px;
  height: 100%;
  position: absolute;
  left: 0;
  transform: rotate(-180deg);
}

.demo-landing-page__content-carrousel-border-right {
  z-index: 100;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
}

.demo-landing-page__content-carrousel-items .swiper .swiper-wrapper {
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.demo-landing-page__content-carrousel-items .swiper .swiper-pagintation {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 16px auto;
  flex-direction: row !important;
  display: flex !important;
}

.demo-landing-page__content-carrousel-items .demo-landing-page__content-carrousel-control, .demo-landing-page__content-carrousel-items .swiper-pagination-bullet {
  cursor: pointer;
  background-color: #acacac;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin: 4px;
}

.demo-landing-page__content-carrousel-items .demo-landing-page__content-carrousel-control--last, .demo-landing-page__content-carrousel-items .swiper-pagination-bullet--last {
  width: 6px;
  height: 6px;
}

.demo-landing-page__content-carrousel-items--desk {
  display: none;
}

.demo-landing-page__content-carrousel-item {
  margin: 12px;
  position: relative;
}

.demo-landing-page__content-carrousel-number {
  background: url(/static/image/bg-circle.8ae19add.png) center / 95px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 63.87px;
  height: 63.87px;
  display: flex;
  position: absolute;
  top: -35px;
}

.demo-landing-page__content-carrousel-number span {
  color: #83bf37;
  font-size: 46px;
  font-weight: 300;
  line-height: 32px;
}

.demo-landing-page__content-carrousel-text {
  text-align: center;
  background: linear-gradient(#d7fe84 0%, #7cce6f 100%);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 292px;
  height: 164px;
  padding: 30px 16px;
  display: flex;
}

.demo-landing-page__content-carrousel-text p {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}

.demo-landing-page__content-carrousel-control--active {
  width: 21px;
  height: 21px;
  margin: 8px 4px;
  background-color: #2458ce !important;
}

.demo-landing-page__content-4IU {
  background: linear-gradient(#f0f0f0 0%, rgba(217, 217, 217, 0) 100%);
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 475.1px;
  padding: 30px;
  font-weight: 600;
  display: flex;
}

.demo-landing-page__content-4IU-top {
  font-size: 36px;
  font-weight: 600;
  font-family: var(--font-second);
  color: #000;
  margin-top: 16px;
  margin-bottom: 50px;
}

.demo-landing-page__content-4IU-middle {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  display: flex;
}

.demo-landing-page__content-4IU-middle-picture img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.demo-landing-page__content-4IU-middle-text {
  text-transform: uppercase;
  max-width: 300px;
  margin-top: 20px;
}

.demo-landing-page__content-4IU-middle-text p {
  font-family: Rajdhani, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.demo-landing-page__content-4IU-middle-text--strong {
  font-family: Bungee, cursive;
  font-weight: 600;
}

.demo-landing-page__content-4IU-bottom {
  margin-top: 50px;
  font-size: 22px;
  font-weight: 600;
  line-height: 44px;
}

.demo-landing-page__content-text-call-to-action {
  text-align: center;
  margin: 24px 16px;
  padding: auto 24px;
  font-size: 38px;
  font-weight: 600;
  line-height: 44px;
}

.demo-landing-page__content-devices {
  background: linear-gradient(137.52deg, #ff8200 1.73%, #ff4100 96.59%);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 363px;
  margin: 50px auto;
  display: flex;
}

.demo-landing-page__content-devices-text {
  text-align: center;
  color: #fff;
  max-width: 95%;
  margin: 24px auto;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.demo-landing-page__content-devices-pic {
  max-width: 95%;
  max-height: 60%;
}

.demo-landing-page__footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 16px auto 40px;
  display: flex;
}

.demo-landing-page__footer-links {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demo-landing-page__footer-links a {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--font-second);
  margin: 4px auto;
  text-decoration-line: underline;
  color: #000 !important;
}

.demo-landing-page__footer-logo {
  margin-bottom: 30px;
}

.demo-landing-page__header-sticky {
  display: none;
}

@media only screen and (min-width: 640px) {
  .demo-landing-page .select-customizable {
    width: 180px;
  }

  @keyframes slide-in-top {
    0% {
      opacity: 0;
      transform: translateY(-1000px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .demo-landing-page__header-sticky {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-desk.2a272d76.png), linear-gradient(279deg, #ffb800 1.73%, #ff4100 96.59%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 65px;
    padding-right: 30px;
    animation: .7s cubic-bezier(.25, .46, .45, .94) both slide-in-top;
    display: flex;
    position: fixed;
    top: 0;
  }

  .demo-landing-page__header-sticky-logo {
    width: 60%;
    margin-left: 16px;
    display: flex;
  }

  .demo-landing-page__header-sticky-logo-edelvives {
    width: 165px;
    height: auto;
    margin: auto 16px auto 5%;
  }

  .demo-landing-page__header {
    height: 826.93px;
  }

  .demo-landing-page__header-bg {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-tablet.d032de0d.png);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }

  .demo-landing-page__header-bg-border-out {
    z-index: 10;
    border-bottom: 20px solid #00c4ce;
    width: 10%;
    height: calc(100% + 22px);
    position: absolute;
    top: 0;
    right: 0;
  }

  .demo-landing-page__header-bg-border-in {
    z-index: 1;
    border-bottom: 20px solid #2458ce;
    border-right: 0;
    width: 10%;
    height: calc(100% + 10px);
    position: absolute;
    top: 0;
    left: 0;
  }

  .demo-landing-page__header-languages {
    justify-content: flex-end;
  }

  .demo-landing-page__header-info-img {
    width: 500px;
    max-width: 90%;
    margin: 40px auto;
  }

  .demo-landing-page__header-logo-edelvives {
    width: 176.42px;
    margin: 8px 0;
  }

  .demo-landing-page__header-logo-digital {
    width: 438.95px;
    max-width: 95%;
    margin: 8px 0 20px;
  }

  .demo-landing-page__header-info-bg {
    transform: rotate(-90deg);
  }

  .demo-landing-page__header-info-bg--right {
    z-index: -1000;
    top: -63px;
    left: 29px;
  }

  .demo-landing-page__header-info-bg--left {
    z-index: -1000;
    top: 32px;
    left: 29px;
  }

  .demo-landing-page__header-info-ball-arrow-v {
    display: none;
  }

  .demo-landing-page__header-info-ball-arrow-h {
    max-width: 137.81px;
    display: block;
    position: absolute;
  }

  .demo-landing-page__header-info-ball-arrow-h--top {
    top: -35px;
  }

  .demo-landing-page__header-info-ball-arrow-h--bottom {
    bottom: -35px;
  }

  .demo-landing-page__header-info-balls {
    flex-direction: row;
    margin-top: 86px;
    display: flex;
  }

  .demo-landing-page__header-info-ball {
    margin: 8.7px;
  }

  .demo-landing-page__header-info-ball-outside {
    box-shadow: 15px 10px 8px 3px rgba(62, 61, 61, .192);
  }

  .demo-landing-page__content-cards {
    flex-flow: wrap;
    justify-content: center;
    max-width: 100%;
  }

  .demo-landing-page__content-card {
    width: 346px;
    height: 382px;
    margin: 8px;
  }

  .demo-landing-page__content-video {
    border-radius: 20px;
    width: 718.47px;
    max-width: 98%;
    height: 649.45px;
  }

  .demo-landing-page__content-video-video {
    width: 483.95px;
    min-height: 262.66px;
  }

  .demo-landing-page__content-devices {
    height: 512.62px;
  }

  .demo-landing-page__content-devices-text {
    margin: 60px auto 16px;
  }

  .demo-landing-page__content-devices-pic {
    width: 570.01px;
    max-height: 83%;
  }

  .demo-landing-page__footer-links {
    flex-direction: row;
    display: flex;
  }

  .demo-landing-page__footer-links a {
    margin: 4px;
  }

  .demo-landing-page__content-4IU-middle {
    flex-direction: row;
    align-items: flex-start;
    max-width: 85%;
    display: flex;
  }

  .demo-landing-page__content-4IU-middle-picture {
    justify-content: flex-end;
    width: 45%;
    display: flex;
  }

  .demo-landing-page__content-4IU-middle-picture img {
    width: 100%;
    height: auto;
  }

  .demo-landing-page__content-4IU-middle-text {
    width: 55%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .demo-landing-page__content-4IU-middle-text p {
    font-size: 26px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .demo-landing-page__header-bg-border-out, .demo-landing-page__header-bg-border-in {
    width: 25%;
  }

  .demo-landing-page__content-4IU-top {
    margin-bottom: 30px;
    font-size: 46px;
    font-weight: 600;
  }

  .demo-landing-page__content-4IU-middle {
    flex-direction: row;
    align-items: flex-start;
    max-width: 85%;
    display: flex;
  }

  .demo-landing-page__content-4IU-middle-picture {
    width: 45%;
  }

  .demo-landing-page__content-4IU-middle-picture img {
    width: 100%;
    max-width: 454px;
    height: auto;
  }

  .demo-landing-page__content-4IU-middle-text {
    width: 55%;
    margin-top: 20px;
  }

  .demo-landing-page__content-4IU-middle-text p {
    font-size: 28px;
    line-height: 40px;
  }

  .demo-landing-page__content-4IU-bottom {
    font-size: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .demo-landing-page__content-text {
    margin-bottom: 40px;
  }

  .demo-landing-page__content-cards {
    flex-wrap: nowrap;
    max-width: 95%;
  }

  .demo-landing-page__content-card {
    height: auto;
  }

  .demo-landing-page__content-video {
    width: 95%;
  }

  .demo-landing-page__content-4IU {
    height: auto;
    min-height: 752px;
  }

  .demo-landing-page__content-4IU-middle {
    max-width: 70%;
  }

  .demo-landing-page__content-4IU-middle-text p {
    font-size: 34px;
    line-height: 40px;
  }

  .demo-landing-page__content-4IU-middle-picture img {
    max-width: 400px;
  }

  .demo-landing-page__content-4IU-middle-text {
    max-width: 500px;
  }
}

@media only screen and (min-width: 1280px) {
  .demo-landing-page__header-sticky-logo-digital, .demo-landing-page__header-sticky-logo-edelvives {
    width: auto;
    height: 30px;
  }

  .demo-landing-page__header-bg {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-desk.2a272d76.png);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }

  .demo-landing-page .select-customizable {
    margin-right: 5%;
  }

  .demo-landing-page__header {
    height: 560.83px;
  }

  .demo-landing-page__header-bg-border-out {
    width: 15%;
  }

  .demo-landing-page__header-bg-border-in {
    width: 55%;
  }

  .demo-landing-page__header-logo, .demo-landing-page__header-subtitle {
    margin-left: 5%;
  }

  .demo-landing-page__header-subtitle {
    font-size: 40px;
  }

  .demo-landing-page__header-info-img {
    width: 599px;
    margin: 24px auto;
  }

  .demo-landing-page__header-info-balls {
    margin-top: 106px;
  }

  .demo-landing-page__header-logo-edelvives {
    max-width: 267.09px;
  }

  .demo-landing-page__header-logo-digital {
    max-width: 664.55px;
  }

  .demo-landing-page__header-info {
    flex-direction: row;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: -5%;
  }

  .demo-landing-page__content-video {
    width: 1460.95px;
    max-width: 90%;
    height: 1026.05px;
  }

  .demo-landing-page__content-video-title, .demo-landing-page__content-video-text {
    font-size: 30px;
    line-height: 38px;
  }

  .demo-landing-page__content-video-video {
    width: 966.21px;
    height: 524.4px;
  }

  .demo-landing-page__content-devices {
    height: 732px;
  }

  .demo-landing-page__content-devices-text {
    font-size: 36px;
    line-height: 44px;
  }

  .demo-landing-page__content-devices-pic {
    width: auto;
    height: 563px;
  }

  .demo-landing-page__footer-logo {
    width: 195.52px;
  }

  .demo-landing-page__footer-links a {
    margin: 24px;
  }

  .demo-landing-page__content-circle-down-mobile {
    display: none;
  }

  .demo-landing-page__content-circle-down-desk {
    margin-top: -70px;
    margin-bottom: -20px;
    display: flex;
  }

  .demo-landing-page__content-cards {
    justify-content: space-between;
    max-width: 90%;
  }

  .demo-landing-page__content-card {
    height: 461.19px;
  }

  .demo-landing-page__content-card-figure {
    width: 160px;
    height: 160px;
  }

  .demo-landing-page__content-card-figure img {
    max-width: 100%;
    max-height: 100%;
  }

  .demo-landing-page__content-title {
    align-self: end;
    margin-right: 12%;
  }

  .demo-landing-page__content-carrousel {
    justify-content: center;
    max-width: 100%;
    display: flex;
  }

  .demo-landing-page__content-carrousel .swiper-pagination {
    display: none !important;
  }

  .demo-landing-page__content-carrousel-items {
    display: none;
  }

  .demo-landing-page__content-carrousel-items--desk {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .demo-landing-page__content-carrousel-item {
    margin: 16px 30px;
  }

  .demo-landing-page__content-carrousel-number {
    top: -2px;
    left: -16px;
  }

  .demo-landing-page__content-carrousel-text {
    text-align: left;
    background: linear-gradient(#d7fe84 0%, #7cce6f 100%);
    border-radius: 50px;
    justify-content: flex-start;
    width: 492.73px;
    height: 62px;
    padding: 16px 50px;
  }

  .demo-landing-page__content-carrousel-text p {
    margin-left: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1340px) {
  .demo-landing-page__header-bg-border-out {
    width: 15%;
  }

  .demo-landing-page__header-bg-border-in {
    width: 50%;
  }

  .demo-landing-page__content-card {
    max-width: 23%;
  }

  .demo-landing-page__content-title {
    margin-right: 15%;
  }

  .demo-landing-page__content-4IU-top {
    font-size: 56px;
  }

  .demo-landing-page__content-4IU-middle {
    width: 80%;
  }

  .demo-landing-page__content-4IU-middle-text p {
    font-size: 40px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1500px) {
  .demo-landing-page__header-bg-border-out {
    width: 16%;
  }

  .demo-landing-page__header-bg-border-in {
    width: 60%;
  }

  .demo-landing-page__content-carrousel-items--desk {
    width: 75%;
  }
}

.demo-eso-landing-page .demo-landing-page__header-bg {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/static/image/bg-mobile-black.ef37f255.png);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  width: 100%;
  height: 100%;
  padding: 24px 24px 0;
  position: relative;
}

.demo-eso-landing-page .demo-landing-page__header-info-bg--blue-01 {
  border: 20px solid #e66200;
}

.demo-eso-landing-page .demo-landing-page__header-info-bg--blue-02 {
  border: 20px solid #ff8200;
}

.demo-eso-landing-page .demo-landing-page__header-info-bg--blue-03 {
  border: 20px solid #e66200;
}

.demo-eso-landing-page .demo-landing-page__header-info-bg--blue-04 {
  border: 20px solid #ff8200;
}

.demo-eso-landing-page .demo-landing-page__header-bg-border-out {
  border-bottom: none;
}

.demo-eso-landing-page .demo-landing-page__header-bg-border-in {
  border-right: 20px solid #e66200;
  height: 120px;
}

.demo-eso-landing-page .demo-landing-page__content-text {
  color: #e66200;
}

.demo-eso-landing-page .demo-landing-page__content-card--green, .demo-eso-landing-page .demo-landing-page__content-card--blue, .demo-eso-landing-page .demo-landing-page__content-card--orange, .demo-eso-landing-page .demo-landing-page__content-card--pink {
  background: linear-gradient(#ff6b00 0%, #ffb802 100%);
}

.demo-eso-landing-page .demo-landing-page__content-video {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0MCIgaGVpZ2h0PSIxNjc1IiB2aWV3Qm94PSIwIDAgMTU0MCAxNjc1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzI3XzEwNTUpIj4KPGNpcmNsZSBjeD0iNzczLjQ0NCIgY3k9IjgzNy40NDUiIHI9IjIyNC4wNzEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ1IiBjeT0iODM3LjQ0NSIgcj0iMjE4LjA2NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIzMjkuMTAzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NiIgY3k9IjgzNy40NDUiIHI9IjM3MC45OTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iNCIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ0IiBjeT0iODM3LjQ0NSIgcj0iNDQ2Ljc5NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSI1Ii8+CjxjaXJjbGUgY3g9Ijc3My40NDQiIGN5PSI4MzcuNDQ1IiByPSI1MzkuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjYiLz4KPGNpcmNsZSBjeD0iNzc0LjAyIiBjeT0iODM3LjI1MSIgcj0iNjY1Ljc1MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSI3Ii8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSI4MjYuNDQ1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjgiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NCIgY3k9IjgzNy40NDUiIHI9IjI5NS43NzgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ0IiBjeT0iODM3LjQ0NSIgcj0iMjczLjE3MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIyNTguMDk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPGNpcmNsZSBjeD0iNzczLjQ0NSIgY3k9IjgzNy40NDUiIHI9IjI0OC42NzkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIvPgo8Y2lyY2xlIGN4PSI3NzMuNDQ1IiBjeT0iODM3LjQ0NSIgcj0iMjM5LjI1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxjaXJjbGUgY3g9Ijc3My40NDUiIGN5PSI4MzcuNDQ1IiByPSIyMzAuNzgxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjMiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzI3XzEwNTUiIHg9Ii02NCIgeT0iMCIgd2lkdGg9IjE2NzQuODkiIGhlaWdodD0iMTY3NC44OSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzLjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yN18xMDU1Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=), linear-gradient(-30deg, #fff -1.89%, #d9d9d9 102.34%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.demo-eso-landing-page .demo-landing-page__content-video-title, .demo-eso-landing-page .demo-landing-page__content-video-text {
  color: #000;
}

.demo-eso-landing-page .button, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .demo-eso-landing-page .vl-button--primary-full-width, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .demo-eso-landing-page .vl-button--primary-without-bg, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .demo-eso-landing-page .vl-button--primary-border, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .demo-eso-landing-page .vl-button, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .demo-eso-landing-page .vl-button, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .demo-eso-landing-page .vl-button, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .demo-eso-landing-page .vl-button, .demo-eso-landing-page .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .demo-eso-landing-page .vl-button, .demo-eso-landing-page .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .demo-eso-landing-page .mvl_card_button, .demo-eso-landing-page .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .demo-eso-landing-page .button, .demo-eso-landing-page .resources-demo-container__link, .demo-eso-landing-page .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .demo-eso-landing-page .resources-demo-container__link {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--font-second);
  background-color: #e66200;
  border-radius: 70px;
  width: auto;
  min-height: 60px;
  margin: 30px auto;
  padding: 15px 32px;
}

.demo-eso-landing-page .demo-landing-page__content-middle-text {
  text-align: center;
  color: #ff8200;
  margin: auto 24px 16px;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px;
}

.demo-eso-landing-page .demo-landing-page__content-carrousel-text {
  background: linear-gradient(270deg, #ffb802 0%, #ff6b00 100%);
}

.demo-eso-landing-page .demo-landing-page__content-carrousel-text p {
  color: #fff;
}

.demo-eso-landing-page .demo-landing-page__content-carrousel-number span {
  color: #e66200;
}

@media only screen and (min-width: 640px) {
  .demo-eso-landing-page .demo-landing-page__header-bg {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-tablet-black.a86b28eb.png), linear-gradient(137.52deg, #3c3939 1.73%, #000 96.59%);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }

  .demo-eso-landing-page .demo-landing-page__header-sticky {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-desk-black.caaf3315.png), linear-gradient(137.52deg, #3c3939 1.73%, #000 96.59%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }

  .demo-eso-landing-page .demo-landing-page__header-bg-border-in {
    border-bottom: 20px solid #e66200;
    border-right: none;
    height: calc(100% + 16px);
  }

  .demo-eso-landing-page .demo-landing-page__header-bg-border-out {
    border-bottom: 20px solid #ff8200;
  }

  .demo-eso-landing-page .demo-landing-page__header-info-bg {
    transform: rotate(-90deg);
  }

  .demo-eso-landing-page .demo-landing-page__header-info-bg--right {
    z-index: -1000;
    top: -63px;
    left: 29px;
  }

  .demo-eso-landing-page .demo-landing-page__header-info-bg--left {
    z-index: -1000;
    top: 32px;
    left: 29px;
  }
}

@media only screen and (min-width: 1280px) {
  .demo-eso-landing-page .demo-landing-page__header-bg {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/static/image/bg-desk-black.caaf3315.png), linear-gradient(137.52deg, #3c3939 1.73%, #000 96.59%);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }
}

.resources-page {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.resources-page__polp-login {
  min-width: 200px;
  margin-top: 24px;
}

.input-text__input:focus, .input-date input:focus, .input-time-range__input:focus, .select-checkboxs .picky__filter input:focus, .dropdown-schedule__wrapper .dropdown-schedule__hour input:focus, .video-lesson .video-lesson-content .vl-input-generic-title input:focus {
  border: 1px solid var(--color-first) !important;
}

.input-text--icon-left .input-text__input, .input-text--icon-left .input-date input, .input-date .input-text--icon-left input, .input-text--icon-left .input-time-range__input, .input-text--icon-left .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .input-text--icon-left input, .input-text--icon-left .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .input-text--icon-left input, .input-text--icon-left .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .input-text--icon-left input {
  padding-left: 49px;
}

.input-text__label, .textarea__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title {
  color: #a39b93;
  font-family: var(--font-second);
}

.input-text__error {
  font-size: 12px;
}

.input-date__clear-icon {
  transform: translateY(-59%);
}

.input-date__icon {
  left: 8px;
  transform: translateY(-65%);
}

.button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button:disabled, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button:disabled, .projection-view__content-container--link .mvl_card_button:disabled, .remote-view--mint .turn-to-speak-view__random .button:disabled, .resources-demo-container__link:disabled, .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link:disabled {
  background: #f4a86f;
}

.button--color-primary, .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .resources-demo-container__link {
  background-color: var(--color-first);
  background-image: none;
}

.button--color-white {
  box-shadow: none;
}

.button--size-small {
  padding: 8px 24px;
}

.button--color-black {
  background: #36393b;
}

.line-with-text__line {
  background: #dbd5ce;
}

.line-with-text__text {
  color: #706b65;
  background: #fff;
}

.icon--color-default.icon--lib-skin path, .icon--color-default.icon--lib-core {
  fill: #a39b93;
}

.classroom-code {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.classroom-code__icon {
  display: none;
}

.classroom-code__number {
  color: #706b65;
}

.icon-bubble--variant-default {
  background-image: none;
}

.icon-bubble--background-default {
  background-color: var(--color-first);
}

.loading #loading__svg path {
  fill: var(--color-first);
  stroke: var(--color-first);
}

.dialog-configure-course__header {
  box-shadow: 0 1px #dbd5ce;
}

.header-info-course__name {
  color: #36393b;
}

.header-info-course__level {
  font-family: var(--font-second-bold);
  color: #706b65;
  font-size: 18px;
}

@media only screen and (min-width: 1500px) {
  .dialog-configure-course__header .header-info-course__icon-container {
    left: -134px;
  }
}

.dialog-courses__level {
  display: none;
}

.dialog-add-license__content {
  width: 100%;
}

.dialog-add-license__content .dialog-courses__info {
  margin-left: 0;
}

.dialog-add-license__content .book-card--view {
  cursor: default;
  border-radius: 8px !important;
  height: 120px !important;
}

.dialog-add-license__content .book-card--view:hover {
  opacity: 1;
}

.dialog-add-license__content .book-card__image {
  width: 120px !important;
}

.dialog-new-classroom .image-gradient {
  background-image: none !important;
}

.dialog-new-classroom .image-gradient__gradient {
  opacity: 1;
  background: #36393b;
}

.dialog-new-classroom .filters-bar__search {
  max-width: 207px;
}

.dialog-new-classroom .filters-bar__search .input-text__input, .dialog-new-classroom .filters-bar__search .input-date input, .input-date .dialog-new-classroom .filters-bar__search input, .dialog-new-classroom .filters-bar__search .input-time-range__input, .dialog-new-classroom .filters-bar__search .select-checkboxs .picky__filter input, .select-checkboxs .picky__filter .dialog-new-classroom .filters-bar__search input, .dialog-new-classroom .filters-bar__search .dropdown-schedule__wrapper .dropdown-schedule__hour input, .dropdown-schedule__wrapper .dropdown-schedule__hour .dialog-new-classroom .filters-bar__search input, .dialog-new-classroom .filters-bar__search .video-lesson .video-lesson-content .vl-input-generic-title input, .video-lesson .video-lesson-content .vl-input-generic-title .dialog-new-classroom .filters-bar__search input {
  border-radius: 0;
}

.dialog-new-classroom .new-classroom-step-books__subtitle {
  display: none;
}

.dialog-new-classroom .filters-bar {
  margin-top: 16px;
}

.dialog-new-classroom .book-card {
  background: #fff;
  padding: 4px;
}

.dialog-new-classroom .book-card__title {
  font-size: 22px;
  font-family: var(--font-first-semi);
}

@media only screen and (min-width: 1280px) {
  .dialog-new-classroom .mosaic-list--col-4 .mosaic-list__item {
    flex: 0 calc(33.3333% - 24px);
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

@media only screen and (min-width: 1500px) {
  .dialog-new-classroom .mosaic-list--col-4 .mosaic-list__item {
    flex: 0 calc(25% - 24px);
    width: calc(25% - 24px);
    margin-left: 24px;
    transition: all .2s ease-in;
  }
}

.dialog-publish-results .MuiPaper-root {
  max-width: 484px !important;
}

.dialog-publish-results .MuiDialogActions-root {
  background: #f7f4f2;
}

.dialog-publish-results .input-points__input-container {
  border: none !important;
}

.dialog-terms .MuiDialog-paper {
  max-height: 545px;
}

.dialog-terms h1 {
  margin: 16px 0;
  font-size: 36px;
}

.dialog-terms h3 {
  margin: 16px 0;
  font-size: 18px;
}

.dialog-terms strong {
  font-weight: 700;
}

.dialog-terms p {
  margin: 12px 0;
  line-height: 1.4285em;
}

.dialog-terms .tyc_legal table {
  border: 1px solid var(--color-first);
}

.dialog-terms .tyc_legal thead tr td {
  text-align: center;
  color: #fff;
}

.dialog-terms .tyc_legal thead tr {
  background-color: var(--color-first);
}

.dialog-terms .tyc_legal tbody tr {
  border-bottom: 1px solid var(--color-first);
}

.dialog-terms .tyc_legal tr td {
  vertical-align: middle;
  padding: 5px;
}

.dialog-terms .tyc_legal tbody tr:nth-child(odd) td {
  background-color: #fde9d9;
}

.dialog-terms a {
  color: var(--color-first);
}

.dialog-terms ul, .dialog-terms ol {
  list-style: initial;
  padding-left: 40px;
}

.dialog-lemonade-editor {
  z-index: 8000 !important;
}

.ML__keyboard {
  z-index: 8001 !important;
}

.dialog-lemonade-editor .lemo-fr-scrollable-container {
  z-index: 4003 !important;
}

.login-form__logo {
  display: none;
}

.login-form__third-parties {
  justify-content: space-between;
  display: flex;
}

.login-form__third-parties .button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-full-width, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-without-bg, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .login-form__third-parties .vl-button--primary-border, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .login-form__third-parties .vl-button, .login-form__third-parties .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .login-form__third-parties .vl-button, .login-form__third-parties .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .login-form__third-parties .mvl_card_button, .login-form__third-parties .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .login-form__third-parties .button, .login-form__third-parties .resources-demo-container__link, .login-form__third-parties .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .login-form__third-parties .resources-demo-container__link {
  border-radius: 8px;
}

.login-form__third-parties .button__text {
  color: #222;
  margin-left: 20px;
}

.login-form__third-parties .login-form__item {
  margin-right: 0;
}

.login-form__signup {
  background: var(--color-background);
  text-align: center;
  border: 0;
  border-radius: 0;
  height: 57px;
  margin: 0;
  line-height: 57px;
}

.period-form__add-day {
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 152px;
  height: 36px;
  margin-top: 24px;
  display: flex;
}

.period-form__add-day-text {
  margin-top: 0;
}

.class-room-card {
  background-color: #f7f4f2;
  border: none;
  padding: 12px;
}

.class-room-card__header {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.class-room-card__header .more-icon-menu {
  margin-left: 8px;
  position: absolute;
  right: 40px;
}

.class-room-card__header, .class-room-card__header-level {
  margin-bottom: 16px;
  margin-left: 0;
}

.class-room-card__header-level {
  color: #36393b;
  font-size: 22px;
  font-weight: 600;
}

.avatars-list--align-right, .avatars-list__avatars-container {
  left: 0%;
}

.classroom-users {
  margin-right: 0;
}

.class-room-card__texts, .course-card__info-item-configure {
  display: none;
}

@media only screen and (min-width: 640px) {
  .class-room-card {
    background-color: #f7f4f2;
    border: none;
    padding: 20px;
    position: relative;
  }

  .class-room-card--there-is-groups {
    padding-bottom: 0;
  }

  .class-room-card__header {
    width: auto;
    margin-bottom: 16px;
    position: absolute;
    right: 24px;
  }

  .class-room-card__header .more-icon-menu {
    margin-left: 8px;
    position: relative;
    right: 0;
  }

  .class-room-card__header-level, .class-room-card__courses-length {
    display: none;
  }

  .class-room-card__list {
    margin-top: 16px;
  }

  .class-room-card__list .course-card {
    width: 294px;
  }

  .course-card__info-item-configure, .class-room-card__texts {
    display: block;
  }

  .class-room-card__header {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .class-room-card__texts {
    flex-direction: column;
    display: flex;
  }
}

.course-card {
  border-radius: 8px;
  max-width: 100%;
  height: 100%;
  box-shadow: 0 2px 5px rgba(163, 155, 147, .15);
}

.course-card .more-icon-menu {
  visibility: visible;
}

.course-card__icon-container {
  height: 120px;
}

.course-card__icon-container .icon-bubble {
  border-radius: 40px;
  width: 120px;
  height: 120px;
}

.course-card__icon-container .program-image__picture, .program-image__picture-container, .program-image__picture-container .program-image__picture {
  border-radius: 8px;
}

.course-card__info {
  height: calc(100% - 132px);
}

.course-card__info-item {
  font-family: var(--font-first);
  line-height: 1.5;
}

.course-card__info-item-configure {
  font-size: 15px;
  font-family: var(--font-first);
  margin-top: 8px !important;
}

@media only screen and (min-width: 640px) {
  .course-card {
    max-width: 294px;
  }
}

.post-card .message-sender-simple {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  width: calc(100% + 24px);
  margin-bottom: -12px;
  margin-left: -12px;
}

.post-card__header-info .icon-bubble {
  border-color: var(--color-first);
}

.post-card__header-info .icon-bubble--background-default {
  background-color: #fff;
}

.post-card__header-info path {
  fill: var(--color-first) !important;
}

.post-card__header-date {
  color: #a39b93;
}

.post-card__header-info {
  align-items: center;
}

.post-card__text, .post-card__header-info-text-user {
  color: #36393b;
}

.post-card__header-action-options .icon path {
  fill: #36393b !important;
}

.attachment-card {
  border: 2px solid #dbd5ce;
}

.attachment-card .icon-bubble {
  background: #dbd5ce;
  border-radius: 9px;
}

.attachment-card .attachment-card__delete svg {
  width: 18px;
  height: 18px;
}

.header-simple--background-white {
  border-bottom: none;
  box-shadow: 0 1.5px #dbd5ce;
}

.dropdown-event-calendar__name {
  color: #706b65;
}

.dropdown-event-calendar__lib .card-generic {
  border: 1px solid #dbd5ce !important;
}

.dropdown-event-calendar__lib .MuiPaper-root {
  min-width: 274px;
  max-width: 420px;
}

.dropdown-event-calendar__task-unit {
  color: #706b65;
}

.dropdown-event-calendar__task-info-right {
  margin-left: 16px;
}

.dropdown-event-calendar__task-info-questions {
  margin-bottom: 0;
}

.dropdown-event-calendar__footer .button, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-full-width, .video-lesson .video-lesson-content .vl-lesson .dropdown-event-calendar__footer .vl-button--primary-full-width, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-without-bg, .video-lesson .video-lesson-content .vl-lesson .dropdown-event-calendar__footer .vl-button--primary-without-bg, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-button--primary-border, .video-lesson .video-lesson-content .vl-lesson .dropdown-event-calendar__footer .vl-button--primary-border, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons .dropdown-event-calendar__footer .vl-button, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-cut .vl-tool-cut__buttons .dropdown-event-calendar__footer .vl-button, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-tool-activity .vl-tool-activity__buttons .dropdown-event-calendar__footer .vl-button, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-button-add-activity .vl-button-add-activity__button .dropdown-event-calendar__footer .vl-button, .dropdown-event-calendar__footer .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .vl-button, .video-lesson .video-lesson-content .vl-lesson .vl-confirm-message .vl-controls .dropdown-event-calendar__footer .vl-button, .dropdown-event-calendar__footer .projection-view__content-container--link .mvl_card_button, .projection-view__content-container--link .dropdown-event-calendar__footer .mvl_card_button, .dropdown-event-calendar__footer .remote-view--mint .turn-to-speak-view__random .button, .remote-view--mint .turn-to-speak-view__random .dropdown-event-calendar__footer .button, .dropdown-event-calendar__footer .resources-demo-container__link, .dropdown-event-calendar__footer .remote-view--mint .turn-to-speak-view__random .resources-demo-container__link, .remote-view--mint .turn-to-speak-view__random .dropdown-event-calendar__footer .resources-demo-container__link {
  height: 37px;
  min-height: 37px;
  line-height: 0;
}

.dropdown-profile__dropdown {
  border: 0;
}

.dropdown-profile__lib {
  z-index: 9500;
}

.dropdown-courses__bubbles .icon-bubble {
  border-radius: 8px;
}

.message-sender {
  background: #fff;
}

.message-sender--focus {
  padding: 16px 12px;
}

.message-sender--no-focus {
  padding: 12px 8px;
}

.message-sender--no-focus .textarea__input {
  color: #c7bfb7;
  background: #f7f4f2;
  border: 0;
  border-radius: 40px;
  height: 46px;
  padding-left: 16px;
  font-size: 18px;
  line-height: 25px;
}

.message-sender__attachment-containter--focus {
  margin-left: 0;
}

.message-sender__actions {
  margin-top: 20px;
}

.simple-tabs__option--active {
  background-color: var(--color-first);
}

.icon-title svg path {
  fill: var(--color-first) !important;
}

.icon-title__title {
  color: #36393b;
}

.list-simple-dropdown__name {
  color: #a39b93;
  font-size: 14px !important;
}

.list-simple-dropdown__li--disabled .list-simple-dropdown__name, .list-simple-dropdown__li--disabled .icon--color-light.icon--lib-core {
  opacity: .5;
  pointer-events: none;
}

.device-item .item-complex-list__left {
  align-items: initial;
}

.device-item__left svg path {
  fill: #222 !important;
}

.filters-bar__filter, .filters-bar__search {
  display: none;
}

.user-item.selected {
  background-color: rgba(237, 112, 17, .1);
  outline: 15px solid rgba(237, 112, 17, .1);
}

.input-points__input-container {
  background-color: #fff;
  border: 1px solid #dbd5ce;
  height: 36px;
}

.input-points__input {
  padding: 0 4px 4px 0;
  font-size: 18px;
}

.user-item__boolean-score {
  position: relative;
}

.user-item__boolean-score-icon path {
  fill: #fff !important;
}

.vertical-students-results__bar-container {
  box-shadow: none;
  border-radius: 0;
}

.vertical-students-results__bar-progress-container {
  box-shadow: none;
}

.vertical-students-results__bar-progress {
  border-radius: 0;
}

.vertical-students-results__score {
  font-family: var(--font-first-semi);
  color: #706b65;
  margin-top: 12px;
  font-size: 18px;
}

.vertical-students-results__bar-progress--bad {
  background: #f66868;
}

.vertical-students-results__bar-progress--good {
  background: #41d158;
}

.post-list-and-create__no-posts-image {
  background: #fff;
  border-radius: 100px;
  max-width: 428px;
  margin: 60px auto;
  padding: 50px 50px 20px;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.post-list-and-create__no-posts-image .no-items__item-title {
  color: #36393b;
  font-size: 22px;
}

.post-list-and-create__no-posts-image .no-items__item-text {
  color: #706b65;
  font-size: 18px;
  font-family: var(--font-second);
}

.post-list-and-create__no-posts-image .no-items__empty-image {
  width: 90px;
  height: 90px;
  margin-bottom: 30px;
}

.profile-view__options .profile-view__devices, .grades__options .grades__options-attendance, .grades__options .grades__options-behaviour {
  display: none;
}

.grades__options .grades__options-global-educa {
  display: flex;
}

.grades__menu--teams .grades__options-global-educa, .grades__menu--mx .grades__options-global-educa {
  display: none;
}

.grades__menu--mtr .grades__options-retro-book {
  display: flex;
}

.grades__menu--retro .grades__options-graphics, .grades__menu--retro .grades__options-grades {
  display: none;
}

.grades-mtr {
  height: 85vh;
}

.grades-mtr .backTo {
  cursor: pointer !important;
}

.grades-mtr .activities .grid .cols .tupla .col, .grades-mtr .activities .layout-default .cols .tupla .col, .grades-mtr .activities .layout-header__children .cols .tupla .col, .grades-mtr .activities .layout-header__background-text-container .cols .tupla .col, .grades-mtr .activities .layout-progress__footer .cols .tupla .col, .grades-mtr .activities .layout-calendar__column-2-children .cols .tupla .col, .grades-mtr .activities .dialog-configure-course__header .header-info-course__container .cols .tupla .col, .dialog-configure-course__header .grades-mtr .activities .header-info-course__container .cols .tupla .col, .grades-mtr .activities .dialog-carrousel-images__body .cols .tupla .col, .grades-mtr .activities .home-page__footer-grid .cols .tupla .col, .grades-mtr .activities .info-footer__container .cols .tupla .col, .grades-mtr .activities .group-resources-slider__hr .cols .tupla .col, .grades-mtr .activities .header-close__grid .cols .tupla .col, .grades-mtr .activities .header-lesson__actions .cols .tupla .col, .grades-mtr .activities .header-lesson--student .header-lesson__title-container .cols .tupla .col, .header-lesson--student .grades-mtr .activities .header-lesson__title-container .cols .tupla .col, .grades-mtr .activities .video-lesson .video-lesson-content .cols .tupla .col, .video-lesson .grades-mtr .activities .video-lesson-content .cols .tupla .col, .grades-mtr .activities .project-remote-control .cols .tupla .col, .grades-mtr .activities .new-classroom-step-students .cols .tupla .col, .grades-mtr .activities .resources-view-program .group-resources-slider__title .cols .tupla .col, .resources-view-program .grades-mtr .activities .group-resources-slider__title .cols .tupla .col, .grades-mtr .activities .grades-periods-student .cols .tupla .col, .grades-mtr .activities #container_pfdtron.pdf-container-projection .cols .tupla .col, .grades-mtr .activities .projection-mint-view__question .cols .tupla .col, .grades-mtr .activities .footer-projection__bottom .cols .tupla .col, .grades-mtr .activities .layout-big-header__children-container .cols .tupla .col, .grades-mtr .activities .layout-big-header__header-body .cols .tupla .col, .grades-mtr .activities .lesson-view--mode-kanban .kanban-view__kanban .cols .tupla .col, .lesson-view--mode-kanban .grades-mtr .activities .kanban-view__kanban .cols .tupla .col, .grades-mtr .activities .lesson-footer__wrapper .cols .tupla .col, .grades-mtr .activities .create-evaluations-view .footer-buttons .cols .tupla .col, .create-evaluations-view .grades-mtr .activities .footer-buttons .cols .tupla .col, .grades-mtr .activities .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .demo-form__header-container .cols .tupla .col, .demo-form .MuiDialog-container .MuiPaper-root .demo-form__header .grades-mtr .activities .demo-form__header-container .cols .tupla .col, .grades-mtr .activities .demo-form .demo-form__content .demo-form__content-container .cols .tupla .col, .demo-form .demo-form__content .grades-mtr .activities .demo-form__content-container .cols .tupla .col, .grades-mtr .activities .new-classroom-step-basic .cols .tupla .col, .grades-mtr .activities .new-classroom-step-books__header .cols .tupla .col, .grades-mtr .activities .new-classroom-step-books__filters-bar-container .cols .tupla .col, .grades-mtr .activities .new-classroom-step-books__list-grid .cols .tupla .col, .grades-mtr .activities .new-course-step-schedule .cols .tupla .col, .grades-mtr .activities .signup-step-add-course .cols .tupla .col, .grades-mtr .activities .signup-step-account .cols .tupla .col, .grades-mtr .activities .signup-step-create-classroom .cols .tupla .col, .grades-mtr .activities .new-assessment-view__questions__fixed-button-container .cols .tupla .col, .grades-mtr .activities .task-view__right .cols .tupla .col, .grades-mtr .activities .lemon-test .cols .tupla .col, .grades-mtr .activities .remote__error-connect .cols .tupla .col, .grades-mtr .activities .msteams-container .cols .tupla .col {
  cursor: initial !important;
}

@media only screen and (min-width: 1280px) {
  .grades .layout-calendar__column-1 {
    width: 250px;
  }

  .grades .layout-calendar__column-2 {
    padding-left: 270px;
  }

  .app-content--student .grades__menu--mtr .layout-calendar__column-2 {
    padding-left: 125px !important;
  }

  .app-content--student .grades__menu--mtr .layout-calendar__column-1 {
    width: 180px;
  }

  .app-content--student .exercise_actividades #feedback {
    width: 220px !important;
  }
}

.grades__menu--retro .student-grades__options-graphics, .grades__menu--retro .student-grades__options-grades, .grades__menu--unattended .student-grades__options-graphics, .grades__menu--unattended .student-grades__options-grades {
  display: none;
}

.label, .input-checkbox__label, .input-date__label, .input-date-v2 .input-date-v2__label, .input-radio__label, .input-radio__description, .input-text__label, .input-time-range__label, .select-bubble__label, .select-customizable__label, .select-checkboxs__label, .textarea__label, .input-date-picker__wrapper .input-date-picker__label, .dialog-select-template__type-name, .dialog-lemonade-templates__type-name, .profile-form__label, .video-lesson .video-lesson-content .vl-input-generic-title .vl-wrapper-title-error__title, .preview-content__name, .dialog-assign-score__info, .project-remote-list__title-section, .signup__license-disclaimer {
  font-family: var(--font-second) !important;
}

.w-1 {
  width: 1%;
}

.w-2 {
  width: 2%;
}

.w-3 {
  width: 3%;
}

.w-4 {
  width: 4%;
}

.w-5 {
  width: 5%;
}

.w-6 {
  width: 6%;
}

.w-7 {
  width: 7%;
}

.w-8 {
  width: 8%;
}

.w-9 {
  width: 9%;
}

.w-10 {
  width: 10%;
}

.w-11 {
  width: 11%;
}

.w-12 {
  width: 12%;
}

.w-13 {
  width: 13%;
}

.w-14 {
  width: 14%;
}

.w-15 {
  width: 15%;
}

.w-16 {
  width: 16%;
}

.w-17 {
  width: 17%;
}

.w-18 {
  width: 18%;
}

.w-19 {
  width: 19%;
}

.w-20 {
  width: 20%;
}

.w-21 {
  width: 21%;
}

.w-22 {
  width: 22%;
}

.w-23 {
  width: 23%;
}

.w-24 {
  width: 24%;
}

.w-26 {
  width: 26%;
}

.w-27 {
  width: 27%;
}

.w-28 {
  width: 28%;
}

.w-29 {
  width: 29%;
}

.w-30 {
  width: 30%;
}

.w-31 {
  width: 31%;
}

.w-32 {
  width: 32%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-35 {
  width: 35%;
}

.w-36 {
  width: 36%;
}

.w-37 {
  width: 37%;
}

.w-38 {
  width: 38%;
}

.w-39 {
  width: 39%;
}

.w-40 {
  width: 40%;
}

.w-41 {
  width: 41%;
}

.w-42 {
  width: 42%;
}

.w-43 {
  width: 43%;
}

.w-44 {
  width: 44%;
}

.w-45 {
  width: 45%;
}

.w-46 {
  width: 46%;
}

.w-47 {
  width: 47%;
}

.w-48 {
  width: 48%;
}

.w-49 {
  width: 49%;
}

.w-51 {
  width: 51%;
}

.w-52 {
  width: 52%;
}

.w-53 {
  width: 53%;
}

.w-54 {
  width: 54%;
}

.w-55 {
  width: 55%;
}

.w-56 {
  width: 56%;
}

.w-57 {
  width: 57%;
}

.w-58 {
  width: 58%;
}

.w-59 {
  width: 59%;
}

.w-60 {
  width: 60%;
}

.w-61 {
  width: 61%;
}

.w-62 {
  width: 62%;
}

.w-63 {
  width: 63%;
}

.w-64 {
  width: 64%;
}

.w-65 {
  width: 65%;
}

.w-66 {
  width: 66%;
}

.w-67 {
  width: 67%;
}

.w-68 {
  width: 68%;
}

.w-69 {
  width: 69%;
}

.w-70 {
  width: 70%;
}

.w-71 {
  width: 71%;
}

.w-72 {
  width: 72%;
}

.w-73 {
  width: 73%;
}

.w-74 {
  width: 74%;
}

.w-76 {
  width: 76%;
}

.w-77 {
  width: 77%;
}

.w-78 {
  width: 78%;
}

.w-79 {
  width: 79%;
}

.w-80 {
  width: 80%;
}

.w-81 {
  width: 81%;
}

.w-82 {
  width: 82%;
}

.w-83 {
  width: 83%;
}

.w-84 {
  width: 84%;
}

.w-85 {
  width: 85%;
}

.w-86 {
  width: 86%;
}

.w-87 {
  width: 87%;
}

.w-88 {
  width: 88%;
}

.w-89 {
  width: 89%;
}

.w-90 {
  width: 90%;
}

.w-91 {
  width: 91%;
}

.w-92 {
  width: 92%;
}

.w-93 {
  width: 93%;
}

.w-94 {
  width: 94%;
}

.w-95 {
  width: 95%;
}

.w-96 {
  width: 96%;
}

.w-97 {
  width: 97%;
}

.w-98 {
  width: 98%;
}

.w-99 {
  width: 99%;
}

.h-1 {
  height: 1%;
}

.h-2 {
  height: 2%;
}

.h-3 {
  height: 3%;
}

.h-4 {
  height: 4%;
}

.h-5 {
  height: 5%;
}

.h-6 {
  height: 6%;
}

.h-7 {
  height: 7%;
}

.h-8 {
  height: 8%;
}

.h-9 {
  height: 9%;
}

.h-10 {
  height: 10%;
}

.h-11 {
  height: 11%;
}

.h-12 {
  height: 12%;
}

.h-13 {
  height: 13%;
}

.h-14 {
  height: 14%;
}

.h-15 {
  height: 15%;
}

.h-16 {
  height: 16%;
}

.h-17 {
  height: 17%;
}

.h-18 {
  height: 18%;
}

.h-19 {
  height: 19%;
}

.h-20 {
  height: 20%;
}

.h-21 {
  height: 21%;
}

.h-22 {
  height: 22%;
}

.h-23 {
  height: 23%;
}

.h-24 {
  height: 24%;
}

.h-26 {
  height: 26%;
}

.h-27 {
  height: 27%;
}

.h-28 {
  height: 28%;
}

.h-29 {
  height: 29%;
}

.h-30 {
  height: 30%;
}

.h-31 {
  height: 31%;
}

.h-32 {
  height: 32%;
}

.h-33 {
  height: 33%;
}

.h-34 {
  height: 34%;
}

.h-35 {
  height: 35%;
}

.h-36 {
  height: 36%;
}

.h-37 {
  height: 37%;
}

.h-38 {
  height: 38%;
}

.h-39 {
  height: 39%;
}

.h-40 {
  height: 40%;
}

.h-41 {
  height: 41%;
}

.h-42 {
  height: 42%;
}

.h-43 {
  height: 43%;
}

.h-44 {
  height: 44%;
}

.h-45 {
  height: 45%;
}

.h-46 {
  height: 46%;
}

.h-47 {
  height: 47%;
}

.h-48 {
  height: 48%;
}

.h-49 {
  height: 49%;
}

.h-51 {
  height: 51%;
}

.h-52 {
  height: 52%;
}

.h-53 {
  height: 53%;
}

.h-54 {
  height: 54%;
}

.h-55 {
  height: 55%;
}

.h-56 {
  height: 56%;
}

.h-57 {
  height: 57%;
}

.h-58 {
  height: 58%;
}

.h-59 {
  height: 59%;
}

.h-60 {
  height: 60%;
}

.h-61 {
  height: 61%;
}

.h-62 {
  height: 62%;
}

.h-63 {
  height: 63%;
}

.h-64 {
  height: 64%;
}

.h-65 {
  height: 65%;
}

.h-66 {
  height: 66%;
}

.h-67 {
  height: 67%;
}

.h-68 {
  height: 68%;
}

.h-69 {
  height: 69%;
}

.h-70 {
  height: 70%;
}

.h-71 {
  height: 71%;
}

.h-72 {
  height: 72%;
}

.h-73 {
  height: 73%;
}

.h-74 {
  height: 74%;
}

.h-76 {
  height: 76%;
}

.h-77 {
  height: 77%;
}

.h-78 {
  height: 78%;
}

.h-79 {
  height: 79%;
}

.h-80 {
  height: 80%;
}

.h-81 {
  height: 81%;
}

.h-82 {
  height: 82%;
}

.h-83 {
  height: 83%;
}

.h-84 {
  height: 84%;
}

.h-85 {
  height: 85%;
}

.h-86 {
  height: 86%;
}

.h-87 {
  height: 87%;
}

.h-88 {
  height: 88%;
}

.h-89 {
  height: 89%;
}

.h-90 {
  height: 90%;
}

.h-91 {
  height: 91%;
}

.h-92 {
  height: 92%;
}

.h-93 {
  height: 93%;
}

.h-94 {
  height: 94%;
}

.h-95 {
  height: 95%;
}

.h-96 {
  height: 96%;
}

.h-97 {
  height: 97%;
}

.h-98 {
  height: 98%;
}

.h-99 {
  height: 99%;
}

.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.h-100 {
  height: 100%;
}

.h-75 {
  height: 75%;
}

.h-50 {
  height: 50%;
}

.h-25 {
  height: 25%;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.align-items-start {
  align-items: start;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: .25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-1 {
  margin-top: .25rem !important;
}

.mt-2 {
  margin-top: .5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-1 {
  margin-bottom: .25rem !important;
}

.mb-2 {
  margin-bottom: .5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-1 {
  margin-left: .25rem !important;
}

.ml-2 {
  margin-left: .5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-1 {
  margin-right: .25rem !important;
}

.mr-2 {
  margin-right: .5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4, .material-preview-body-student, .dialog-material-preview__container-viewer {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}