@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  margin: auto 0;
  overflow-x: hidden;
}

html, body {
  overscroll-behavior-y: contain;
}

.admin-menu-hamburger {
  border: 1px solid;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 80px;
}

.hamRotate.active {
  transform: rotate(45deg) scale(0.35);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham8 {
  transform: scale(0.35);
}
.ham8 .top {
  stroke-dasharray: 40 160;
  d: path("m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20");
}
.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
  d: path("m 30,50 h 40");
}
.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
  d: path("m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20");
}
.ham8.active .top {
  stroke-dashoffset: -64px;
}
.ham8.active .middle {
  transform: rotate(90deg);
}
.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

.arrow {
  cursor: pointer;
  transition: transform 400ms;
  width: 3rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.line {
  fill: none;
  stroke: #000;
  stroke-width: 5.5;
  stroke-linecap: round;
  transition: transform 400ms;
}

.arrow.active {
  transform: rotate(180deg);
}

.slp-cabinet-container {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 94.8vh;
  align-content: flex-start;
  background: #f5fbff;
}
.slp-cabinet-container__admin-client-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: space-between;
  justify-content: flex-start;
  background: #F9FAFB;
  padding: 1rem 0.6rem 0;
  overflow-x: hidden;
  height: 93vh;
  overflow-y: scroll;
  position: relative;
  min-width: 17rem;
  max-width: 17rem;
  align-items: center;
  z-index: 2147483645;
}
.slp-cabinet-container__admin-client-list_client {
  display: flex;
  border: 1px solid rgba(174, 174, 174, 0.4941176471);
  border-radius: 0.4rem;
  margin: 0.5rem 0;
}
@media (max-width: 480px) {
  .slp-cabinet-container__admin-client-list {
    width: -webkit-fill-available;
    min-width: -webkit-fill-available;
    max-width: -webkit-fill-available;
    height: 91.5vh;
  }
}
.slp-cabinet-container__admin-client-list {
  padding-right: 1rem;
}
.slp-cabinet-container__admin-client-list::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.slp-cabinet-container__admin-client-list::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.slp-cabinet-container__admin-client-list::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.slp-cabinet-container__admin-client-list::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.slp-cabinet-container__admin-client-list:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.slp-cabinet-container__admin-client-list:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

@media (max-width: 480px) {
  .slp-cabinet-container {
    background: #f5fbff;
    height: 94.5vh;
  }
}
.slp-cabinet-container-sub {
  width: -moz-min-content;
  width: min-content;
}

@media (max-width: 375px) {
  .slp-cabinet-container-sub {
    width: -webkit-fill-available;
    position: absolute;
    z-index: 999;
    background: #fff;
  }
}
@media (max-width: 480px) {
  .slp-cabinet-container-sub {
    width: -webkit-fill-available;
    position: absolute;
    z-index: 999;
    background: #fff;
  }
}
/* Все блоки скрыты по умолчанию */
.add-materials-data,
.add-vocabulary-data {
  display: none;
}

/* Активный блок */
.add-materials-data.block-visible,
.add-vocabulary-data.block-visible {
  display: flex; /* Или block, в зависимости от вашей вёрстки */
}

/* Кнопки */
.add-button-right-menu-materials,
.add-button-right-menu-vocabulary {
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

/* Активная кнопка */
.active-button {
  background-color: #ab2e30 !important;
  color: white !important;
}

.report-client-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
}

.report-client-content {
  background-color: white;
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  overflow: hidden;
}

.report-client-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 3rem;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  z-index: 2;
  background: red;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
}

.report-client-iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.client-position {
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 0px;
  position: relative;
  overflow-x: hidden;
  background: #f5fbff;
  height: -webkit-fill-available;
}

.client-position {
  padding-right: 1rem;
}
.client-position::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.client-position::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.client-position::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.client-position::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.client-position:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.client-position:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.waiting-for-client {
  display: inline-block;
  width: 46px;
  height: 46px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='16' stroke-dashoffset='16' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3c4.97 0 9 4.03 9 9'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='16;0'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
}

.super-line {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  overflow-y: auto;
}
.super-line::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.super-line::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.super-line::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .super-line::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .super-line::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .super-line::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.super-line:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.super-line:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.super-line:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.super-line:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}

.super-opened-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  transform: scaleY(-1);
}

@media (max-width: 480px) {
  .super-opened-container {
    flex-direction: column;
    width: 100%;
  }
}
.clients-menu-toggle {
  padding: 5px 10px;
  cursor: pointer;
  position: absolute;
  bottom: 6%;
  left: 4%;
  z-index: 99;
  background: rgba(140, 140, 140, 0.5490196078);
  color: white;
  outline: none;
  border: 1px solid rgba(214, 214, 214, 0.2745098039);
  border-radius: 0.4rem;
  transition: all 0.2s ease;
}

@media (max-width: 480px) {
  .clients-menu-toggle {
    padding: 5px;
    cursor: pointer;
    position: fixed;
    bottom: 6%;
    left: 10%;
    z-index: 99;
    background: rgba(140, 140, 140, 0.5490196078);
    color: white;
    outline: none;
    border: 1px solid rgba(214, 214, 214, 0.2745098039);
    border-radius: 13rem;
    transition: all 0.2s ease;
    font-size: 1.5rem;
    width: 5rem;
    height: 5rem;
  }
}
.enlarged-vidget-active {
  width: 50vw !important;
  height: 80vh !important;
  position: fixed !important;
  z-index: 999999999 !important;
  box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5) !important;
}

.super-container-button {
  position: fixed;
  bottom: -6px;
  left: 65px;
  width: 30px;
  height: 30px;
  background-color: rgba(140, 140, 140, 0.55);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 2147483647;
  align-self: flex-start; /* Для flex-контейнеров */
  margin: 10px; /* Отступ от краев */
}

@media (max-width: 480px) {
  .super-container-button {
    display: none;
  }
}
.super-container-button.arrow-down::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
  margin-top: -3px;
}

.super-container-button.arrow-right::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
  margin-left: -3px;
}

.super-opened-container {
  position: relative;
  margin: 5rem 0 0 0;
}

.grammar-tool-check {
  margin: 5vh auto;
  border-radius: 0.4rem;
  width: 90vw;
  height: 90vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
}
.grammar-tool-check__question {
  width: 100%;
  padding: 1rem;
  text-align: center;
  line-height: 2;
  cursor: default;
}
.grammar-tool-check__question_text {
  font-size: 3rem;
}
.grammar-tool-check__question_sentence {
  font-size: 2.5rem;
  font-style: italic;
}
.grammar-tool-check__menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 15%;
}
.grammar-tool-check__quiz {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30%;
}
.grammar-tool-check__quiz_true, .grammar-tool-check__quiz_false {
  padding: 1rem;
  border-radius: 0.4rem;
  color: rgb(39, 39, 39);
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 4rem;
}
.admin-menu {
  font-family: Arial, sans-serif;
  color: #333;
  border-bottom: 1px solid rgba(249, 250, 251, 0.3176470588);
  background-color: #fff;
}
.admin-menu .add-form-new-admin {
  display: none;
  margin-top: 10px;
  padding: 15px;
  border-radius: 4px;
  width: 300px;
  position: fixed;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2147483647;
}
.admin-menu .add-form-new-admin .form-title {
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}
.admin-menu .add-form-new-admin .form-group {
  margin-bottom: 10px;
}
.admin-menu .add-form-new-admin .form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.5rem;
}
.admin-menu .add-form-new-admin .form-group .form-input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.admin-menu .add-form-new-admin .submit-button {
  background: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
}
.admin-menu .add-form-new-admin .submit-button:hover {
  background: #45a049;
}
.admin-menu--name {
  padding: 10px;
  font-size: 14px;
  background: #f8f8f8;
  border-radius: 4px;
  display: inline-block;
}

.crm-menu {
  display: flex;
  flex-direction: row;
  height: 5vh;
  align-content: space-around;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.crm-menu__left-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0 2rem;
  width: 50%;
}
.crm-menu__left-menu_client {
  font-size: 3rem;
  cursor: pointer;
}
.crm-menu__left-menu_boss {
  font-size: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-size: 1.5rem;
}
.crm-menu__left-menu_start {
  padding: 0.4rem 1rem;
  border-radius: 0.4rem;
  margin: 0 0 0 2rem;
  background: #c13537;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}
.crm-menu__left-menu_start:hover {
  background: #ab2e30;
}
.crm-menu__left-menu_rejected {
  color: #c13537;
  cursor: default;
  font-size: 1.5rem;
  margin: 0 2rem;
}
.crm-menu__right-menu {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 50%;
  align-items: center;
  height: 100%;
  padding: 0 2rem;
}
.crm-menu__right-menu_settings {
  padding: 0 1rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.crm-menu__right-menu_prompt-maker {
  min-width: 2rem;
}
.crm-menu__right-menu_materials {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
}
.crm-menu__right-menu_vocabulary {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
  margin: 0 1rem;
}
.crm-menu__right-menu_mistakes {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
  margin: 0 0 0 1rem;
}
.crm-menu__right-menu_content {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
  margin: 0 0 0 1rem;
}
.crm-menu__right-menu_library {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
  margin: 0 0 0 1rem;
}
.crm-menu__right-menu_library:hover {
  background: #ab2e30;
}
.crm-menu__right-menu_add {
  padding: 0.3rem 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
  background: #8c8c8c;
  color: #fff;
  margin: 0 0 0 1rem;
}
.crm-menu__right-menu_materials:hover {
  background: #ab2e30;
}
.crm-menu__right-menu_vocabulary:hover {
  background: #ab2e30;
}
.crm-menu__right-menu_mistakes:hover {
  background: #ab2e30;
}
.crm-menu__right-menu_content:hover {
  background: #ab2e30;
}
.crm-menu__right-menu_add:hover {
  background: #ab2e30;
}

@media (max-width: 375px) {
  .crm-menu__right-menu_settings {
    font-size: 0;
  }
  .crm-menu__right-menu_prompt-maker {
    min-width: 2.4rem;
    margin: 0 0.6rem;
  }
  .crm-menu__right-menu_materials {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_materials::before {
    content: "👨‍🎓";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_vocabulary {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_vocabulary::before {
    content: "📚";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_mistakes {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_mistakes::before {
    content: "🎯";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_library {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_library::before {
    content: "📖";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_content {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_content::before {
    content: "📺";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_add {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_add::before {
    content: "+";
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .crm-menu__right-menu_settings {
    font-size: 0;
  }
  .crm-menu__right-menu_prompt-maker {
    min-width: 2.4rem;
    margin: 0 0.6rem;
  }
  .crm-menu__right-menu_materials {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_materials::before {
    content: "👨‍🎓";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_vocabulary {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_vocabulary::before {
    content: "📚";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_mistakes {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_mistakes::before {
    content: "🎯";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_library {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_library::before {
    content: "📖";
    font-size: 1.6rem;
  }
  .crm-menu__right-menu_content {
    font-size: 0;
    background: #e5e5e5;
  }
  .crm-menu__right-menu_content::before {
    content: "📺";
    font-size: 1.6rem;
  }
}
@media (max-width: 600px) {
  .crm-menu__left-menu {
    display: none;
  }
  .crm-menu__right-menu {
    justify-content: center;
    width: 100%;
  }
}
.crm-settings-popup {
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
  z-index: 999999999;
  min-width: 200px;
  max-width: 300px; /* Добавляем ограничение по ширине */
  /* Добавляем гарантию, что popup не будет шире экрана */
  box-sizing: border-box;
  word-wrap: break-word;
}

.crm-settings-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  cursor: default;
}

.crm-settings-action:hover {
  background-color: #f5f5f5;
}

.crm-settings-label {
  font-size: 14px;
  color: #333;
}

.crm-settings-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 4px;
}

.crm-settings-icon-btn:hover {
  background-color: #e0e0e0;
}

.cabinet-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.cabinet-header__user {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: stretch;
  justify-content: flex-start;
  width: 40%;
}
.cabinet-header__user_name {
  font-family: "Times New Roman", Times, serif;
  font-size: 5rem;
  white-space: pre;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 1rem;
  text-align: center;
}
.cabinet-header__user_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.cabinet-header__user_data_level {
  border: 1px solid;
}
.cabinet-header__user_data_date {
  border: 1px solid;
}
.cabinet-header__user_data_total {
  border: 1px solid;
}
.cabinet-header__lessons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-content: center;
  align-items: flex-start;
}

#notification-container {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: calc(100vw - 40px);
}

.notification {
  padding: 15px 20px;
  background-color: #ef5151;
  color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 2rem;
}

@media (max-width: 480px) {
  .notification {
    font-size: 1rem;
  }
}
.notification.show {
  opacity: 1;
}

.notification--sticky {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 420px;
}

.notification__text {
  flex: 1 1 auto;
}

.notification__close {
  flex: 0 0 auto;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.2em;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
}
.notification__close:hover {
  opacity: 1;
}

.popup-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(0, 0, 0, 0.35);
  animation: popup-dialog-fade 0.15s ease-out;
}
.popup-dialog__box {
  box-sizing: border-box;
  width: 100%;
  max-width: 36rem;
  padding: 2.2rem 2.2rem 1.8rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  color: #212121;
  font-size: 1.5rem;
  animation: popup-dialog-in 0.18s ease-out;
}
.popup-dialog__box--shake {
  animation: popup-dialog-shake 0.35s ease-in-out;
}
.popup-dialog__box--wide {
  max-width: 64rem;
}
.popup-dialog__box--close-x {
  position: relative;
}
.popup-dialog__box--close-x .popup-dialog__title {
  padding-right: 3rem;
}
.popup-dialog__close {
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #5f6368;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.popup-dialog__close::before, .popup-dialog__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup-dialog__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-dialog__close:hover, .popup-dialog__close:focus-visible {
  background: #eef1f4;
  color: #212121;
  outline: none;
}
.popup-dialog__html {
  max-height: min(65vh, 60rem);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -0.4rem 1.2rem;
  padding: 0 0.4rem;
}
.popup-dialog__html:last-child {
  margin-bottom: 0;
}
.popup-dialog__title {
  margin-bottom: 0.6rem;
  font-size: 2rem;
  font-weight: 700;
}
.popup-dialog__text {
  margin-bottom: 1.4rem;
  color: #5f6368;
  font-size: 1.4rem;
}
.popup-dialog__task {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.popup-dialog__task b {
  font-weight: 700;
  white-space: nowrap;
}
.popup-dialog__input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.9rem 1.2rem;
  border: 1px solid #d0d7de;
  border-radius: 0.8rem;
  outline: none;
  font-size: 1.8rem;
  font-family: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.popup-dialog__input:focus {
  border-color: #8fb8e8;
  box-shadow: 0 0 0 0.3rem rgba(143, 184, 232, 0.3);
}
.popup-dialog__error {
  min-height: 1.8rem;
  margin-top: 0.5rem;
  color: #d93025;
  font-size: 1.3rem;
}
.popup-dialog__search {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.popup-dialog__list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-height: min(50vh, 40rem);
  overflow-y: auto;
  margin: 0 -0.4rem;
  padding: 0 0.4rem;
}
.popup-dialog__option {
  padding: 0.9rem 1.2rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.8rem;
  background: #fff;
  color: #212121;
  font-size: 1.5rem;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
}
.popup-dialog__option:hover, .popup-dialog__option:focus-visible {
  border-color: #8fb8e8;
  background: #f5fbff;
  outline: none;
}
.popup-dialog__option[hidden] {
  display: none;
}
.popup-dialog__empty {
  padding: 1rem 0;
  color: #5f6368;
  text-align: center;
}
.popup-dialog__empty[hidden] {
  display: none;
}
.popup-dialog__buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 0.8rem;
}
.popup-dialog__button {
  padding: 0.8rem 1.8rem;
  border: 0;
  border-radius: 0.8rem;
  font-size: 1.5rem;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.15s;
}
.popup-dialog__button--cancel {
  background: #eef1f4;
  color: #3c4043;
}
.popup-dialog__button--cancel:hover {
  background: #e2e6ea;
}
.popup-dialog__button--primary {
  background: #1a73e8;
  color: #fff;
}
.popup-dialog__button--primary:hover {
  background: #1765cc;
}
.popup-dialog__button--danger {
  background: #e5534b;
  color: #fff;
}
.popup-dialog__button--danger:hover {
  background: #cf3f37;
}

@keyframes popup-dialog-fade {
  from {
    opacity: 0;
  }
}
@keyframes popup-dialog-in {
  from {
    opacity: 0;
    transform: translateY(1rem) scale(0.98);
  }
}
@keyframes popup-dialog-shake {
  20%, 60% {
    transform: translateX(-0.6rem);
  }
  40%, 80% {
    transform: translateX(0.6rem);
  }
}
.form-dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.form-dialog__close {
  flex-shrink: 0;
  margin: -0.4rem -0.6rem 0 0;
  padding: 0.4rem 0.8rem;
  border: 0;
  border-radius: 0.6rem;
  background: none;
  color: #8a8f98;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}
.form-dialog__close:hover {
  background: #f1f3f5;
  color: #212121;
}
.form-dialog__fields {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-height: min(65vh, 60rem);
  overflow-y: auto;
  margin: 0.8rem -0.4rem 0;
  padding: 0.2rem 0.4rem;
}
.form-dialog__fields--columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1.4rem;
       column-gap: 1.4rem;
}
.form-dialog__fields--columns .form-dialog__field--wide {
  grid-column: 1/-1;
}
.form-dialog__field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.form-dialog__label {
  color: #3c4043;
  font-size: 1.3rem;
  font-weight: 600;
}
.form-dialog__required {
  margin-left: 0.2rem;
  color: #d93025;
}
.form-dialog__input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.9rem 1.2rem;
  border: 1px solid #d0d7de;
  border-radius: 0.8rem;
  outline: none;
  background: #fff;
  color: #212121;
  font-size: 1.5rem;
  font-family: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.form-dialog__input:focus {
  border-color: #8fb8e8;
  box-shadow: 0 0 0 0.3rem rgba(143, 184, 232, 0.3);
}
.form-dialog__input[readonly] {
  background: #f6f8fa;
  color: #5f6368;
}
.form-dialog__input--textarea {
  min-height: 8rem;
  resize: vertical;
  line-height: 1.45;
}
.form-dialog__hint {
  color: #8a8f98;
  font-size: 1.2rem;
}
.form-dialog__error {
  min-height: 0;
  color: #d93025;
  font-size: 1.25rem;
}
.form-dialog__error:empty {
  display: none;
}
.form-dialog__field--invalid .form-dialog__input {
  border-color: #d93025;
}
.form-dialog__field--invalid .form-dialog__hint {
  display: none;
}
.form-dialog__check, .form-dialog__choice {
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.form-dialog__check input, .form-dialog__choice input {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  cursor: pointer;
}
.form-dialog__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.4rem;
}
.form-dialog__choice {
  display: inline-flex;
}
.form-dialog__form-error {
  margin-top: 0.8rem;
  padding: 0.8rem 1rem;
  border-radius: 0.6rem;
  background: #fdecea;
  color: #b3261e;
  font-size: 1.3rem;
}
.form-dialog__form-error:empty {
  display: none;
}
.form-dialog--busy .form-dialog__box {
  cursor: progress;
}
.form-dialog--busy .form-dialog__submit {
  opacity: 0.6;
}
@media (max-width: 560px) {
  .form-dialog__fields--columns {
    grid-template-columns: 1fr;
  }
}

.form-dialog__with-button {
  display: flex;
  gap: 0.6rem;
}
.form-dialog__with-button .form-dialog__input {
  flex: 1;
  min-width: 0;
}

.form-dialog__field-button {
  flex-shrink: 0;
  min-width: 4rem;
  padding: 0 1rem;
  border: 1px solid #d0d7de;
  border-radius: 0.8rem;
  background: #fff;
  color: #5f6368;
  font-size: 1.6rem;
  font-family: inherit;
  cursor: pointer;
}
.form-dialog__field-button:hover {
  border-color: #8fb8e8;
  color: #212121;
}

.form-dialog__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
  gap: 1.6rem;
  align-items: start;
}
@media (max-width: 640px) {
  .form-dialog__layout {
    grid-template-columns: 1fr;
  }
}

.form-dialog__preview {
  margin-top: 0.8rem;
  padding: 1.2rem;
  border: 1px dashed #d6dde3;
  border-radius: 0.8rem;
  background: #f8fafc;
}

.grammar-rules {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  font-size: 1.45rem;
  line-height: 1.45;
  text-align: left;
}
.grammar-rules__point {
  color: #212121;
}
.grammar-rules__example {
  margin-top: 0.5rem;
  padding: 0.6rem 1rem;
  border-left: 0.3rem solid #8fb8e8;
  border-radius: 0 0.6rem 0.6rem 0;
  background: #f5f9fe;
}
.grammar-rules__example_en {
  color: #1a3d6d;
  font-style: italic;
}
.grammar-rules__example_ru {
  color: #5f6368;
  font-size: 1.35rem;
}

.offer-agreement-open,
.offer-agreement-open body {
  overflow: hidden;
}

.offer-agreement {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
}
.offer-agreement__box {
  box-sizing: border-box;
  width: 100%;
  max-width: 46rem;
  padding: 2.6rem 2.6rem 2rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25);
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
}
.offer-agreement__title {
  margin-bottom: 1rem;
  font-size: 2.2rem;
  font-weight: 700;
}
.offer-agreement__text {
  margin-bottom: 1.6rem;
  color: #5f6368;
}
.offer-agreement__link {
  color: #1a73e8;
}
.offer-agreement__link:hover {
  text-decoration: none;
}
.offer-agreement__check {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.2rem 1.4rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.8rem;
  background: #f8fafc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.offer-agreement__check input {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.2rem 0 0;
  cursor: pointer;
}
.offer-agreement__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.8rem;
}
.offer-agreement__button {
  padding: 1rem 2.4rem;
  border: 0;
  border-radius: 0.8rem;
  background: #1a73e8;
  color: #fff;
  font-family: inherit;
  font-size: 1.5rem;
  cursor: pointer;
  transition: background-color 0.15s, opacity 0.15s;
}
.offer-agreement__button:hover {
  background: #1765cc;
}
.offer-agreement__button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.widget-empty::before {
  content: attr(data-empty-text);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 8rem;
  padding: 2rem 1.6rem;
  border: 1px dashed #d6dde3;
  border-radius: 0.8rem;
  color: #9aa0a6;
  font-size: 1.4rem;
  text-align: center;
}

.fm-ctx-menu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483000;
  min-width: 210px;
  padding: 6px;
  background: #fff;
  color: #222;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
  font-size: 14px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.fm-ctx-menu button {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}

.fm-ctx-menu button:hover, .fm-ctx-menu button:focus-visible {
  background: rgba(0, 0, 0, 0.07);
  outline: none;
}

.fm-ctx-menu .fm-ctx-danger {
  color: #c0392b;
}

.fm-ctx-sep {
  height: 1px;
  margin: 5px 4px;
  background: rgba(0, 0, 0, 0.1);
}

.fm-lock-badge {
  margin-left: 6px;
  font-size: 0.9em;
}

/* Окно пароля: строго по центру экрана и поверх остальных модалок */
.fm-pwd-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 2147483100 !important;
  max-width: min(420px, 100vw - 24px);
  max-height: calc(100vh - 24px);
  overflow: auto;
}

/* Затемнение фона под окном пароля */
.fm-overlay.fm-overlay--pwd::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2147483090;
  pointer-events: none;
}

.fm-pwd-file {
  margin-bottom: 6px;
  font-weight: 600;
  word-break: break-all;
}

.fm-pwd-hint {
  margin-bottom: 8px;
  font-size: 13px;
  opacity: 0.75;
}

.fm-pwd-row {
  display: block;
  margin: 8px 0;
}

.fm-pwd-label {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  opacity: 0.8;
}

.fm-pwd-field {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.fm-pwd-show {
  display: block;
  margin: 6px 0 2px;
  font-size: 13px;
  cursor: pointer;
}

.fm-pwd-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.fm-pwd-actions button {
  flex: 1;
  padding: 10px;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
}

.fm-pwd-cancel {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: none;
  color: inherit;
}

.fm-pwd-danger {
  background: #c0392b !important;
  border-color: #c0392b !important;
  color: #fff !important;
}

.client-context-menu {
  position: fixed;
  display: none;
  min-width: 160px;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 0.4rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  padding: 4px 0;
  z-index: 2147483647;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.client-context-menu__item {
  padding: 8px 14px;
  cursor: pointer;
  color: #222;
}

.client-context-menu__item:hover {
  background: #ab2e30;
  color: #fff;
}

.archive-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2147483646;
}

.archive-popup {
  background: #fff;
  color: #222;
  width: 90%;
  max-width: 480px;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  border-radius: 0.6rem;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.archive-popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 600;
}

.archive-popup__close {
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 2px 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.archive-popup__close:hover {
  color: #ab2e30;
}

.archive-popup__list {
  overflow-y: auto;
  padding: 8px 16px 16px;
}

.archive-popup__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.archive-popup__name {
  flex: 1;
  min-width: 12rem;
  font-size: 1.5rem;
  overflow-wrap: anywhere;
}

.archive-popup__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

/* кнопки — значки с подсказкой (title) */
.archive-popup__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 0.4rem;
  border: 1px solid #d6d6d6;
  background: #f5f5f5;
  color: #222;
  transition: all 0.2s ease;
}

.archive-popup__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.archive-popup__btn--open:hover:not(:disabled) {
  background: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}

.archive-popup__btn--restore:hover:not(:disabled) {
  background: #049e07;
  border-color: #049e07;
  color: #fff;
}

.archive-popup__btn--delete:hover:not(:disabled) {
  background: #ab2e30;
  border-color: #ab2e30;
  color: #fff;
}

.archive-popup__btn--schedule:hover:not(:disabled) {
  background: #ea5b08;
  border-color: #ea5b08;
  color: #fff;
}

.archive-popup__progress {
  flex-basis: 100%;
}

.archive-popup__progress-track {
  width: 100%;
  height: 8px;
  background: #eee;
  border-radius: 4px;
  overflow: hidden;
}

.archive-popup__progress-fill {
  height: 100%;
  min-width: 4px;
  background: rgba(255, 0, 0, 0.5);
  border-radius: 4px;
  transition: width 0.3s ease;
}

.archive-popup__progress-fill--expired {
  background: #e20a2a;
}

.archive-popup__progress-label {
  margin-top: 3px;
  font-size: 12px;
  color: #777;
}

.client-position--today {
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

.today-reopen {
  display: flex;
  order: 0;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  margin: 0 0 0.8rem;
  padding: 0.7rem 0.8rem;
  font-family: Arial, sans-serif;
  font-size: 1.3rem;
  color: #202124;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 0.8rem;
  cursor: pointer;
}
.today-reopen:hover {
  color: #1a73e8;
  border-color: #1a73e8;
}

.today-panel[hidden] {
  display: none;
}

.today-panel {
  position: sticky;
  top: 0;
  z-index: 2147483645;
  flex-shrink: 0;
  align-self: stretch;
  width: 100%;
  height: 0;
  font-family: Arial, sans-serif;
  color: #202124;
}
.today-panel button {
  font-family: inherit;
}
.today-panel__inner {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  right: 0.8rem;
  display: flex;
  flex-direction: column;
  max-height: var(--today-max-height, 80vh);
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 1rem;
  box-shadow: 0 1rem 3rem rgba(32, 33, 36, 0.14);
}
.today-panel--collapsed .today-panel__inner {
  left: auto;
  max-width: calc(100% - 1.6rem);
  border-radius: 2rem;
}
.today-panel--moved .today-panel__inner {
  position: fixed;
  right: auto;
}
.today-panel--dragging, .today-panel--dragging * {
  cursor: grabbing !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.today-panel__handle {
  display: none;
  flex-shrink: 0;
  width: 1rem;
  height: 1.8rem;
  margin-left: -0.4rem;
  background-image: radial-gradient(circle, rgb(151, 151, 151) 1.2px, transparent 1.4px);
  background-size: 0.5rem 0.6rem;
  cursor: grab;
  touch-action: none;
}
.today-panel--collapsed .today-panel__handle {
  display: block;
}
.today-panel--collapsed .today-panel__add, .today-panel--collapsed .today-panel__settings, .today-panel--collapsed .today-panel__body {
  display: none;
}
.today-panel__bar {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1rem 0.8rem 1.6rem;
  border-bottom: 1px solid #eceff1;
}
.today-panel--collapsed .today-panel__bar {
  padding: 0.4rem 0.6rem 0.4rem 1.4rem;
  border-bottom: none;
}
.today-panel__title {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  font-size: 1.5rem;
  color: #202124;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  cursor: pointer;
}
.today-panel__tools {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.2rem;
  margin-left: auto;
}
.today-panel__tool {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.today-panel__tool:hover {
  background: #f5f6f7;
}
.today-panel__tool > span {
  width: 1.5rem;
  height: 1.5rem;
  color: rgb(151, 151, 151);
}
.today-panel__tool:hover > span {
  color: rgb(124, 124, 124);
}
.today-panel__add, .today-panel__settings {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem;
  font-size: 1.3rem;
  background: #f5f6f7;
  border-bottom: 1px solid #eceff1;
}
.today-panel__add[hidden], .today-panel__settings[hidden] {
  display: none;
}
.today-panel__add-input {
  box-sizing: border-box;
  width: 100%;
  max-width: 36rem;
  padding: 0.7rem 1rem;
  font-size: 1.4rem;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 0.6rem;
  outline: none;
}
.today-panel__add-input:focus {
  border-color: #1a73e8;
}
.today-panel__add-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.today-panel__add-item, .today-panel__restore {
  padding: 0.4rem 1rem;
  font-size: 1.3rem;
  color: #202124;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 1.6rem;
  cursor: pointer;
}
.today-panel__add-item:hover, .today-panel__restore:hover {
  color: #1a73e8;
  border-color: #1a73e8;
}
.today-panel__settings-title {
  color: #80868b;
}
.today-panel__settings-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.6rem;
}
.today-panel__settings-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
}
.today-panel__body {
  padding-right: 1rem;
  flex: 1 1 auto;
  min-height: 0;
  padding: 1.6rem;
  overflow-y: auto;
  background: #fafbfc;
}
.today-panel__body::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.today-panel__body::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.today-panel__body::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.today-panel__body::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.today-panel__body:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.today-panel__body:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.today-panel__cards {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.today-panel__empty {
  padding: 3rem 0;
  font-size: 1.4rem;
  color: #80868b;
  text-align: center;
}
.today-panel__removed {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.6rem;
  margin-top: 1.6rem;
  font-size: 1.3rem;
  color: #80868b;
}

.today-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 1.3rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 1rem;
}
.today-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.8rem;
  padding: 1.2rem 1.6rem;
}
.today-card__body {
  display: none;
}
.today-card--open .today-card__body {
  display: block;
}
.today-card--open .today-card__head {
  padding-bottom: 0;
}
.today-card__name {
  padding: 0;
  font-size: 1.7rem;
  font-weight: 700;
  color: #202124;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}
.today-card__name:hover {
  color: #1a73e8;
}
.today-card__level {
  padding: 0.1rem 0.6rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #80868b;
  border: 1px solid #e3e6ea;
  border-radius: 0.4rem;
}
.today-card__badge {
  font-size: 1.15rem;
  color: #1a73e8;
}
.today-card__actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-left: auto;
}
.today-card__prompt {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.25rem;
  color: #80868b;
  background: none;
  border: none;
  border-radius: 1.6rem;
  cursor: pointer;
}
.today-card__prompt:hover:not(:disabled) {
  color: #1a73e8;
  background: #f5f6f7;
}
.today-card__prompt:disabled {
  opacity: 0.4;
  cursor: default;
}
.today-card__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.today-card__remove:hover {
  background: #f5f6f7;
}
.today-card__loading {
  padding: 1.4rem 1.6rem 1.6rem;
  font-style: italic;
  color: #80868b;
}
.today-card__muted {
  color: #80868b;
}
.today-card__empty {
  font-style: italic;
  color: #80868b;
}
.today-card__goal-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1.6rem;
}
.today-card__goal-line + .today-card__goal-line {
  margin-top: 0.4rem;
}
.today-card__goal-topic {
  min-width: 6.5rem;
  color: #202124;
}
.today-card__failed {
  padding: 0 1.6rem 1.2rem;
  font-size: 1.2rem;
  color: #80868b;
}
.today-card__retry {
  margin-left: 0.6rem;
  padding: 0;
  font-size: 1.2rem;
  color: #1a73e8;
  background: none;
  border: none;
  cursor: pointer;
}
.today-card__retry:hover {
  text-decoration: underline;
}
.today-card__goal {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1rem 1.6rem 1.4rem;
}
.today-card__goal-text {
  font-size: 1.4rem;
}
.today-card__progress {
  height: 0.4rem;
  overflow: hidden;
  background: #eceff1;
  border-radius: 0.2rem;
}
.today-card__progress--over .today-card__progress-fill {
  background: #d93025;
}
.today-card__progress-fill {
  height: 100%;
  background: #1a73e8;
  border-radius: 0.2rem;
}
.today-card__goal-meta {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  font-size: 1.15rem;
  color: #80868b;
}
.today-card__rows {
  display: flex;
  flex-direction: column;
  padding: 0 1.6rem 0.4rem;
}
.today-card__row {
  display: grid;
  grid-template-columns: 12.5rem minmax(0, 1fr);
  gap: 1.2rem;
  padding: 1rem 0;
  border-top: 1px solid #eceff1;
}
@media (max-width: 480px) {
  .today-card__row {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }
}
.today-card__label {
  padding-top: 0.1rem;
  font-size: 1.15rem;
  color: #80868b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.today-card__value {
  min-width: 0;
  overflow-wrap: anywhere;
}
.today-card__type {
  font-weight: 700;
  color: #1a73e8;
}
.today-card__type .today-card__muted {
  margin-left: 0.3rem;
  font-weight: 400;
}
.today-card__or {
  margin: 0 0.6rem;
  color: #80868b;
}
.today-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.today-card__chip {
  padding: 0.2rem 0.8rem;
  background: #f5f6f7;
  border-radius: 1.2rem;
}
.today-card__chip--parasite {
  color: #ab2e30;
  cursor: help;
}
.today-card__list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.today-card__item {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
}
.today-card__item-main {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.today-card__item-comment {
  font-size: 1.2rem;
  color: #80868b;
}
.today-card__item-side {
  flex-shrink: 0;
  font-size: 1.15rem;
  color: #80868b;
  white-space: nowrap;
}
.today-card__dot {
  flex-shrink: 0;
  align-self: center;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.today-card__dot--done {
  background: #188038;
}
.today-card__dot--wait {
  background: #e37400;
}
.today-card__more {
  font-size: 1.2rem;
  color: #80868b;
}
.today-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
}
.today-card__stat {
  color: #80868b;
}
.today-card__stat-value {
  font-size: 1.4rem;
  color: #202124;
}
.today-card__tone--bad {
  color: #d93025;
}
.today-card__tone--mid {
  color: #e37400;
}
.today-card__tone--good {
  color: #188038;
}
.today-card__daily {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1.2rem;
  padding: 0;
  font-size: 1.3rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}
.today-card__daily:hover .today-card__stat-value {
  color: #1a73e8;
}

.briefly-progress {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px 10px 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #555;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.briefly-progress:hover {
  color: #333;
  background: #f8f9fa;
  border-color: #d0d0d0;
}

.progress {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  min-width: 0;
  font-family: Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #202124;
  text-align: left;
}
.progress__loading, .progress__muted {
  color: #80868b;
}
.progress__loading {
  padding: 2rem 0;
  font-style: italic;
  text-align: center;
}
.progress__section {
  padding-top: 1.4rem;
  border-top: 1px solid #eceff1;
}
.progress__section-title {
  margin-bottom: 0.8rem;
  font-size: 1.15rem;
  color: #80868b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.progress__level {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.progress__level-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.progress__level-badge {
  padding: 0.2rem 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1a73e8;
  background: rgba(26, 115, 232, 0.08);
  border-radius: 0.6rem;
}
.progress__level-badge--next {
  color: #80868b;
  background: none;
  border: 1px dashed #e3e6ea;
}
.progress__level-bar {
  display: flex;
  flex: 1;
  height: 0.8rem;
  overflow: hidden;
  background: #eceff1;
  border-radius: 0.4rem;
}
.progress__level-done {
  height: 100%;
  background: #1a73e8;
}
.progress__level-work {
  height: 100%;
  background: rgba(26, 115, 232, 0.3);
}
.progress__level-arrow {
  font-size: 1.6rem;
  color: #80868b;
}
.progress__aim {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4rem 1.4rem;
}
.progress__tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
  gap: 1rem;
}
.progress__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-height: 10rem;
  padding: 1.2rem 1.4rem;
  overflow: hidden;
  background: #f5f6f7;
  border-radius: 1rem;
}
.progress__tile .progress__chart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
}
.progress__tile-label, .progress__tile-value {
  position: relative;
}
.progress__tile-label {
  font-size: 1.2rem;
  color: #80868b;
}
.progress__tile-value {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.15;
}
.progress__arrow {
  font-size: 1.6rem;
}
.progress__arrow--good {
  color: #188038;
}
.progress__arrow--bad {
  color: #d93025;
}
.progress__arrow--flat {
  color: #9aa0a6;
}
.progress__chart {
  --chart-color: #9aa0a6;
  display: block;
  overflow: visible;
}
.progress__chart--good {
  --chart-color: #188038;
}
.progress__chart--bad {
  --chart-color: #d93025;
}
.progress__chart-line {
  fill: none;
  stroke: var(--chart-color);
  stroke-width: 1.6;
  stroke-linejoin: round;
  opacity: 0.55;
}
.progress__chart-area {
  fill: var(--chart-color);
  opacity: 0.08;
}
.progress__chart-trend {
  stroke: rgba(120, 120, 120, 0.6);
  stroke-width: 1.2;
  stroke-dasharray: 5 4;
}
.progress__criteria {
  display: flex;
  flex-direction: column;
}
.progress__criterion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5rem minmax(0, 18rem);
  gap: 1.2rem;
  align-items: center;
  padding: 0.8rem 0;
}
.progress__criterion + .progress__criterion {
  border-top: 1px solid #eceff1;
}
.progress__criterion-value {
  font-size: 1.6rem;
  font-weight: 700;
}
.progress__criterion-chart .progress__chart {
  width: 100%;
  height: 3.2rem;
}

@keyframes inactive-client-blink {
  0% {
    background-color: rgba(255, 0, 0, 0);
  }
  50% {
    background-color: rgba(255, 0, 0, 0.35);
  }
  100% {
    background-color: rgba(255, 0, 0, 0);
  }
}
.inactive-client-expired {
  animation: inactive-client-blink 1s ease-in-out infinite;
}

.rating-item__right_date {
  display: flex;
  align-items: center;
}

.rating-date-display {
  font-size: 13px;
  color: #718096;
  white-space: nowrap;
}

/* ── edit / delete кнопки ── */
.rating-item__right_edit,
.rating-item__right_delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.12s;
  flex-shrink: 0;
}

.rating-item__right_edit:hover {
  background: #e8edff;
}

.rating-item__right_delete:hover {
  background: #ffe8e8;
}

.rating-item__right_edit_text,
.rating-item__right_delete_text {
  font-size: 15px;
  pointer-events: none;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loading-overlay__box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.loading-overlay__img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

.archive-clients-button {
  order: 999999;
  margin: 0.5rem;
  padding: 6px 12px;
  cursor: pointer;
  background: rgba(140, 140, 140, 0.5490196078);
  color: #fff;
  border: 1px solid rgba(214, 214, 214, 0.2745098039);
  border-radius: 0.4rem;
}

.inactive-countdown-bar {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 4px;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.5);
  pointer-events: none;
  z-index: 0;
  transition: width 0.3s ease;
}

.ai-center {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(0, 0, 0, 0.35);
  font-family: "Times New Roman", Times, serif;
}
.ai-center__window {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 56rem;
  max-height: 100%;
  padding: 2rem 2.2rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  color: #212121;
  font-size: 1.5rem;
}
.ai-center__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai-center__title {
  font-size: 2.2rem;
  font-weight: 700;
}
.ai-center__close {
  border: 0;
  background: none;
  color: #5f6368;
  font-size: 2.6rem;
  line-height: 1;
  cursor: pointer;
}
.ai-center__close:hover {
  color: #212121;
}
.ai-center__section {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.4rem;
  border: 1px solid #e3e8ee;
  border-radius: 1rem;
}
.ai-center__section--bots {
  flex: 1 1 auto;
  min-height: 0;
}
.ai-center__section-title {
  font-size: 1.7rem;
  font-weight: 700;
}
.ai-center__key-status {
  color: #5f6368;
}
.ai-center__warn {
  color: #d93025;
}
.ai-center__key-form {
  display: flex;
  gap: 0.8rem;
}
.ai-center__key-input, .ai-center__search {
  flex: 1 1 auto;
  box-sizing: border-box;
  min-width: 0;
  padding: 0.8rem 1.2rem;
  border: 1px solid #d0d7de;
  border-radius: 0.8rem;
  outline: none;
  font-size: 1.5rem;
  font-family: inherit;
}
.ai-center__key-input:focus, .ai-center__search:focus {
  border-color: #8fb8e8;
  box-shadow: 0 0 0 0.3rem rgba(143, 184, 232, 0.3);
}
.ai-center__button {
  flex-shrink: 0;
  padding: 0.8rem 1.8rem;
  border: 0;
  border-radius: 0.8rem;
  background: #1a73e8;
  color: #fff;
  font-size: 1.5rem;
  font-family: inherit;
  cursor: pointer;
}
.ai-center__button:hover {
  background: #1765cc;
}
.ai-center__button:disabled {
  opacity: 0.6;
  cursor: default;
}
.ai-center__hint, .ai-center__summary {
  color: #5f6368;
  font-size: 1.3rem;
}
.ai-center__bots-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.ai-center__filters {
  display: flex;
  gap: 0.4rem;
}
.ai-center__filter {
  padding: 0.6rem 1.2rem;
  border: 1px solid #e3e8ee;
  border-radius: 2rem;
  background: #fff;
  color: #5f6368;
  font-size: 1.3rem;
  font-family: inherit;
  cursor: pointer;
}
.ai-center__filter--active {
  border-color: #1a73e8;
  background: #e8f0fe;
  color: #1a73e8;
}
.ai-center__bots {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-height: 6rem;
  max-height: 40vh;
  overflow-y: auto;
}
.ai-center__bot {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.8rem 1rem;
  border-radius: 0.8rem;
  cursor: pointer;
}
.ai-center__bot:hover {
  background: #f5fbff;
}
.ai-center__bot--on .ai-center__bot-name {
  font-weight: 700;
}
.ai-center__bot-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai-center__bot-badge {
  flex-shrink: 0;
  padding: 0.2rem 0.8rem;
  border-radius: 1rem;
  background: #fef7e0;
  color: #b06000;
  font-size: 1.2rem;
}
.ai-center__switch {
  position: relative;
  flex-shrink: 0;
  width: 4rem;
  height: 2.2rem;
  margin: 0;
  border-radius: 1.1rem;
  background: #d0d7de;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: background-color 0.15s;
}
.ai-center__switch::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s;
}
.ai-center__switch:checked {
  background: #34a853;
}
.ai-center__switch:checked::after {
  transform: translateX(1.8rem);
}
.ai-center__switch:disabled {
  opacity: 0.5;
}
.ai-center__empty {
  padding: 1rem;
  color: #5f6368;
  text-align: center;
}

.search-popup {
  position: fixed;
  z-index: 999999999;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 0.8rem;
  max-width: calc(100vw - 1.6rem);
  font-family: Arial, sans-serif;
}
.search-popup__box, .search-popup__results {
  box-sizing: border-box;
  border: 1px solid #e3e8ee;
  border-radius: 0.4rem;
  background: #fff;
  box-shadow: 0 0.6rem 2.4rem rgba(0, 0, 0, 0.16);
}
.search-popup__box {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex-shrink: 0;
  width: 30rem;
  padding: 1rem 1.2rem 1.2rem;
}
.search-popup__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-popup__title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #212121;
}
.search-popup__close {
  border: none;
  background: none;
  color: #5f6368;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
.search-popup__close:hover {
  color: #212121;
}
.search-popup__input {
  box-sizing: border-box;
  width: 100%;
  height: 3.4rem;
  padding: 0 1rem;
  border: 1px solid #d0d7de;
  border-radius: 0.4rem;
  font-size: 1.4rem;
}
.search-popup__input:focus {
  border-color: #1a73e8;
  outline: none;
}
.search-popup__count {
  min-height: 1.4rem;
  color: #5f6368;
  font-size: 1.2rem;
}
.search-popup__results {
  padding-right: 1rem;
  width: 44rem;
  max-height: min(60vh, 56rem);
  padding: 0.6rem;
  overflow-y: auto;
}
.search-popup__results::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.search-popup__results::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.search-popup__results::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.search-popup__results::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.search-popup__results:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.search-popup__results:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.search-popup__results[hidden] {
  display: none;
}
.search-popup__item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  line-height: 1.4;
  cursor: pointer;
}
.search-popup__item + .search-popup__item {
  border-top: 1px solid #e3e8ee;
}
.search-popup__item:hover, .search-popup__item:focus-visible, .search-popup__item--active {
  background: #f1f6fe;
  outline: none;
}
.search-popup__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.8rem;
  color: #5f6368;
  font-size: 1.15rem;
}
.search-popup__badge {
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  background: #e8f0fe;
  color: #1a56b4;
  font-size: 1.1rem;
  font-weight: 600;
}
.search-popup__heading {
  font-weight: 600;
  color: #212121;
}
.search-popup__line {
  overflow-wrap: anywhere;
  color: #212121;
}
.search-popup__label {
  margin-right: 0.4rem;
  color: #5f6368;
  font-size: 1.15rem;
}
.search-popup__mark {
  padding: 0 0.1rem;
  border-radius: 0.2rem;
  background: #ffe58f;
  color: inherit;
}
@media (max-width: 768px) {
  .search-popup {
    flex-direction: column;
    left: 0.8rem;
    right: 0.8rem !important;
  }
  .search-popup__box, .search-popup__results {
    width: 100%;
  }
  .search-popup__results {
    max-height: 50vh;
  }
}

.search-popup-anchor--active {
  color: #1a73e8 !important;
}

.search-popup-flash {
  animation: search-popup-flash 2s ease;
}

@keyframes search-popup-flash {
  0%, 60% {
    box-shadow: 0 0 0 0.3rem #1a73e8;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.grammar-topic--search-copy {
  margin: 0.2rem 0 0;
  cursor: pointer;
}
.grammar-topic--search-copy .topic-buttons {
  opacity: 1;
}

.media-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #e6e8eb;
  border-radius: 0.8rem;
  background: #fff;
  overflow: hidden;
  font-family: Arial, sans-serif;
}
.media-card__screen {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  background: #16171a;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
.media-card__screen:focus-visible {
  box-shadow: inset 0 0 0 0.3rem #1a73e8;
}
.media-card__poster, .media-card__preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-card__preview {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.media-card--previewing.media-card--preview-ready .media-card__preview {
  opacity: 1;
}
.media-card__cover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2b2d42, #4a4e69);
}
.media-card__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-card__wave {
  width: 55%;
  fill: rgba(255, 255, 255, 0.85);
}
.media-card__wave rect {
  transform-origin: center;
  transform-box: fill-box;
}
.media-card--audio:hover .media-card__wave rect {
  animation: media-wave 1s ease-in-out infinite alternate;
}
.media-card--audio:hover .media-card__wave rect:nth-child(1) {
  animation-delay: -0.13s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(2) {
  animation-delay: -0.26s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(3) {
  animation-delay: -0.39s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(4) {
  animation-delay: -0.52s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(5) {
  animation-delay: -0.65s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(6) {
  animation-delay: -0.78s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(7) {
  animation-delay: -0.91s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(8) {
  animation-delay: -1.04s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(9) {
  animation-delay: -1.17s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(10) {
  animation-delay: -1.3s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(11) {
  animation-delay: -1.43s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(12) {
  animation-delay: -1.56s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(13) {
  animation-delay: -1.69s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(14) {
  animation-delay: -1.82s;
}
.media-card--audio:hover .media-card__wave rect:nth-child(15) {
  animation-delay: -1.95s;
}
.media-card__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0) 45%);
}
.media-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #16171a;
  box-shadow: 0 0.4rem 1.4rem rgba(0, 0, 0, 0.3);
  opacity: 0.85;
  transform: translate(-50%, -50%) scale(0.9);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.media-card__play svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.3rem;
}
.media-card__screen:hover .media-card__play {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}
.media-card__duration {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
}
.media-card__dot {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #e53935;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.9);
}
.media-card__dot--viewed {
  background: #2e9d4a;
}
.media-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.8rem 1rem 1rem;
}
.media-card__title {
  display: -webkit-box;
  overflow: hidden;
  color: #212121;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
}
.media-card__date {
  color: #6b7280;
  font-size: 1.2rem;
}

@keyframes media-wave {
  from {
    transform: scaleY(0.45);
  }
  to {
    transform: scaleY(1);
  }
}
body.media-player-open {
  overflow: hidden;
}

.media-player {
  position: fixed;
  inset: 0;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(12, 13, 16, 0.55);
  backdrop-filter: blur(1.2rem);
  -webkit-backdrop-filter: blur(1.2rem);
  font-family: Arial, sans-serif;
  animation: media-player-in 0.18s ease;
}
.media-player__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: min(110rem, 100%);
  max-height: 100%;
}
.media-player__close {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  z-index: 2;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #16171a;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
  transform: translate(40%, -40%);
}
.media-player__close:hover {
  background: #fff;
}
.media-player__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: #000;
  overflow: hidden;
}
.media-player__media {
  display: block;
  width: 100%;
  max-height: calc(100vh - 16rem);
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
  cursor: pointer;
}
.media-player--audio .media-player__stage {
  height: min(34rem, 50vh);
  background: linear-gradient(135deg, #2b2d42, #4a4e69);
}
.media-player--audio .media-player__media {
  display: none;
}
.media-player__cover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.media-player__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-player__cover .media-card__wave {
  width: 40%;
}
.media-player__big-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #16171a;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.media-player__big-play svg {
  width: 3.4rem;
  height: 3.4rem;
  margin-left: 0.4rem;
}
.media-player--paused .media-player__big-play {
  display: flex;
}
.media-player--loading .media-player__stage::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin: -2.2rem 0 0 -2.2rem;
  border: 0.4rem solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: media-spin 0.8s linear infinite;
}
.media-player__controls {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.6rem 1rem;
  border-radius: 0.8rem;
  background: rgba(20, 21, 25, 0.88);
  color: #fff;
}
.media-player__btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: none;
  border-radius: 0.6rem;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.media-player__btn svg {
  width: 2.2rem;
  height: 2.2rem;
}
.media-player__btn:hover {
  background: rgba(255, 255, 255, 0.12);
}
.media-player__btn--text {
  width: auto;
  min-width: 3.6rem;
  padding: 0 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
}
.media-player__time {
  flex-shrink: 0;
  font-size: 1.3rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}
.media-player__progress {
  position: relative;
  flex: 1;
  height: 0.5rem;
  border-radius: 0.3rem;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  touch-action: none;
  transition: height 0.15s ease;
}
.media-player__progress:hover {
  height: 0.8rem;
}
.media-player__buffered, .media-player__played {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: inherit;
}
.media-player__buffered {
  background: rgba(255, 255, 255, 0.3);
}
.media-player__played {
  background: #e53935;
}
.media-player__speed {
  position: relative;
}
.media-player__speed-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.6rem);
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  border-radius: 0.6rem;
  background: rgba(20, 21, 25, 0.96);
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.4);
}
.media-player__speed-menu[hidden] {
  display: none;
}
.media-player__speed-menu button {
  padding: 0.5rem 1.4rem;
  border: none;
  border-radius: 0.4rem;
  background: transparent;
  color: #fff;
  font-size: 1.3rem;
  text-align: right;
  cursor: pointer;
}
.media-player__speed-menu button:hover, .media-player__speed-menu button.is-active {
  background: rgba(255, 255, 255, 0.14);
}
.media-player__caption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1.2rem;
  color: #fff;
}
.media-player__title {
  font-size: 1.6rem;
  font-weight: 600;
}
.media-player__date {
  font-size: 1.3rem;
  opacity: 0.75;
}
@media (max-width: 600px) {
  .media-player {
    padding: 1rem;
  }
  .media-player__controls {
    flex-wrap: wrap;
    gap: 0.6rem;
  }
  .media-player__progress {
    flex-basis: 100%;
    order: -1;
  }
  .media-player__close {
    transform: none;
    top: 0.6rem;
    right: 0.6rem;
  }
}

@keyframes media-player-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes media-spin {
  to {
    transform: rotate(360deg);
  }
}
.media-player--mini {
  display: block;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  animation: none;
}
.media-player--mini .media-player__dialog {
  position: fixed;
  gap: 0;
  max-height: none;
  border-radius: 0.8rem;
  background: #000;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35);
  overflow: hidden;
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.media-player--mini .media-player__stage {
  border-radius: 0;
}
.media-player--mini .media-player__media {
  max-height: calc(100vh - 8rem);
}
.media-player--mini.media-player--audio .media-player__stage {
  height: 12rem;
}
.media-player--mini .media-player__controls {
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0;
  background: #141519;
}
.media-player--mini .media-player__time,
.media-player--mini .media-player__speed,
.media-player--mini .media-player__controls a[download],
.media-player--mini [data-player=full],
.media-player--mini .media-player__caption {
  display: none;
}
.media-player--mini .media-player__btn {
  width: 2.8rem;
  height: 2.8rem;
}
.media-player--mini .media-player__btn svg {
  width: 2rem;
  height: 2rem;
}
.media-player--mini .media-player__close {
  top: 0.5rem;
  right: 0.5rem;
  width: 2.6rem;
  height: 2.6rem;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 1.8rem;
  transform: none;
}
.media-player--mini .media-player__close:hover {
  background: rgba(0, 0, 0, 0.8);
}
.media-player--mini .media-player__big-play {
  width: 4.4rem;
  height: 4.4rem;
}
.media-player--mini .media-player__big-play svg {
  width: 2.2rem;
  height: 2.2rem;
}

.media-player--dragging .media-player__dialog {
  cursor: grabbing;
}

.media-player__resize {
  display: none;
}

.media-player--mini .media-player__resize {
  position: absolute;
  z-index: 3;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  touch-action: none;
}
.media-player--mini .media-player__resize::before {
  content: "";
  position: absolute;
  inset: 0.35rem;
  border: 0 solid rgba(255, 255, 255, 0.9);
  opacity: 0.45;
  transition: opacity 0.15s ease;
}
.media-player--mini .media-player__resize:hover::before {
  opacity: 1;
}
.media-player--mini .media-player__resize--nw {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.media-player--mini .media-player__resize--ne {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.media-player--mini .media-player__resize--sw {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.media-player--mini .media-player__resize--se {
  right: 0;
  bottom: 0;
  cursor: nwse-resize;
}
.media-player--mini .media-player__resize--nw::before {
  border-top-width: 2px;
  border-left-width: 2px;
  border-top-left-radius: 0.3rem;
}
.media-player--mini .media-player__resize--ne::before {
  border-top-width: 2px;
  border-right-width: 2px;
  border-top-right-radius: 0.3rem;
}
.media-player--mini .media-player__resize--sw::before {
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-bottom-left-radius: 0.3rem;
}
.media-player--mini .media-player__resize--se::before {
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-bottom-right-radius: 0.3rem;
}
.media-player--mini .media-player__dialog:hover .media-player__resize::before {
  opacity: 0.9;
}
.media-player--mini .media-player__close {
  right: 2rem;
}
.media-player--mini .media-player__controls {
  padding-right: 2rem;
  padding-left: 1.8rem;
}

.media-player--resizing,
.media-player--resizing * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.media-panel {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  padding-right: 1rem;
  font-family: Arial, sans-serif;
}
.media-panel__head {
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding-bottom: 0.6rem;
  background: #f5fbff;
}
.media-panel__top {
  display: flex;
  gap: 0.6rem;
}
.media-panel__drop {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 5.6rem;
  padding: 0.8rem;
  border: 2px dashed #c9d2dc;
  border-radius: 0.4rem;
  background: #f8fafc;
  color: #5f6368;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}
.media-panel__drop:hover, .media-panel__drop:focus-visible, .media-panel__drop--over {
  border-color: #1a73e8;
  background: #eef4fe;
  outline: none;
}
.media-panel__pick {
  color: #1a73e8;
  text-decoration: underline;
}
.media-panel__expand {
  flex-shrink: 0;
  width: 3.6rem;
  border: 1px solid #d0d7de;
  border-radius: 0.4rem;
  background: #fff;
  color: #212121;
  font-size: 1.8rem;
  cursor: pointer;
}
.media-panel__expand:hover {
  border-color: #1a73e8;
  color: #1a73e8;
}
.media-panel__uploads {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.media-panel__uploads[hidden] {
  display: none;
}
.media-panel__upload {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 1.2rem;
  color: #5f6368;
}
.media-panel__upload--error {
  color: #c62828;
}
.media-panel__upload-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-panel__upload-bar {
  height: 0.4rem;
  border-radius: 0.2rem;
  background: #e3e8ee;
  overflow: hidden;
}
.media-panel__upload-bar span {
  display: block;
  width: 0;
  height: 100%;
  background: #1a73e8;
  transition: width 0.2s;
}
.media-panel__search {
  box-sizing: border-box;
  width: 100%;
  height: 3.2rem;
  padding: 0 1rem;
  border: 1px solid #d0d7de;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
}
.media-panel__search:focus {
  border-color: #1a73e8;
  outline: none;
}
.media-panel__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  max-height: 7.6rem;
  overflow-y: auto;
}
.media-panel__tags[hidden] {
  display: none;
}
.media-panel__tag {
  padding: 0.3rem 0.8rem;
  border: 1px solid #d0d7de;
  border-radius: 1.2rem;
  background: #fff;
  color: #5f6368;
  font-size: 1.2rem;
  cursor: pointer;
}
.media-panel__tag:hover {
  border-color: #1a73e8;
}
.media-panel__tag--active {
  border-color: #1a73e8;
  background: #1a73e8;
  color: #fff;
}
.media-panel__bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.8rem;
  border-radius: 0.4rem;
  background: #eef4fe;
  font-size: 1.3rem;
}
.media-panel__bulk[hidden] {
  display: none;
}
.media-panel__bulk-count {
  flex: 1 1 100%;
  font-weight: 600;
}
.media-panel__button {
  padding: 0.4rem 1rem;
  border: 1px solid #c9d2dc;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
  cursor: pointer;
}
.media-panel__button--main {
  border-color: #1a73e8;
  background: #1a73e8;
  color: #fff;
}
.media-panel__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding-bottom: 1rem;
}
.media-panel__empty {
  grid-column: 1/-1;
  padding: 1.6rem 0.8rem;
  color: #9aa0a6;
  text-align: center;
  font-size: 1.3rem;
}
.media-panel__check {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 2;
  display: flex;
  padding: 0.3rem;
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
.media-panel__check input {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  cursor: pointer;
}
.media-panel__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.6rem;
  color: #1a73e8;
  font-size: 1.15rem;
}
.media-panel__clients, .media-panel__viewed {
  overflow: hidden;
  color: #5f6368;
  font-size: 1.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-panel__link {
  color: #1a73e8;
  font-size: 1.15rem;
  text-decoration: none;
}
.media-panel__link:hover {
  text-decoration: underline;
}
.media-panel__actions {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-top: 0.2rem;
}
.media-panel__action {
  cursor: pointer;
}
.media-panel__action--text {
  font-size: 1.4rem;
  line-height: 1;
}

.media-card--selected {
  border-color: #1a73e8;
  box-shadow: 0 0 0 0.2rem rgba(26, 115, 232, 0.35);
}

.media-card .drag-to-client-handle {
  z-index: 2;
}

.media-panel-host--expanded .media-panel {
  max-width: 160rem;
  margin: 0 auto;
  padding-right: 0;
}
.media-panel-host--expanded .media-panel__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 0.8rem 1.6rem;
  padding: 0 0 1.2rem;
  background: #F9FAFB;
}
.media-panel-host--expanded .media-panel__top,
.media-panel-host--expanded .media-panel__uploads,
.media-panel-host--expanded .media-panel__bulk {
  grid-column: 1/-1;
}
.media-panel-host--expanded .media-panel__tags {
  max-height: none;
}
.media-panel-host--expanded .media-panel__list {
  grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  gap: 1.6rem;
}
@media (max-width: 768px) {
  .media-panel-host--expanded .media-panel__head {
    grid-template-columns: 1fr;
  }
}

.media-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-family: Arial, sans-serif;
}
.media-list__search {
  box-sizing: border-box;
  width: 100%;
  height: 3.2rem;
  padding: 0 1rem;
  border: 1px solid #d0d7de;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
}
.media-list__search:focus {
  border-color: #1a73e8;
  outline: none;
}
.media-list__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1.2rem;
}
.media-list__empty {
  grid-column: 1/-1;
  padding: 1.6rem;
  color: #9aa0a6;
  text-align: center;
  font-size: 1.5rem;
}
.media-list__remove {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  z-index: 2;
  width: 2.6rem;
  height: 2.6rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #c62828;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
}
.media-list__remove:hover {
  background: #fff;
}

.vidget-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-content {
    width: -webkit-fill-available !important;
  }
}
.vidget-content__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-content__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-content__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-content__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-content__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-content__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-content__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-content__container {
  padding-right: 1rem;
  box-sizing: border-box;
  width: min(70rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 64rem;
  margin: 1rem 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.vidget-content__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-content__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-content__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-content__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-content__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-content__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 480px) {
  .vidget-content__container {
    width: 100%;
  }
}

.media-side {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  padding-right: 1rem;
}
.media-side .media-list__grid {
  grid-template-columns: 1fr;
}

.daily-popup {
  min-width: 0;
  overflow-x: hidden;
}

.daily {
  box-sizing: border-box;
  width: 98%;
  max-width: 100%;
  margin: 1.2rem auto;
  align-self: center;
  padding: 1.2rem 1.4rem 1.4rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.8rem;
  background: #fff;
  font-family: Arial, sans-serif;
}
@media (max-width: 480px) {
  .daily {
    position: relative;
    left: 1rem;
    padding: 1.2rem 1rem 1rem;
  }
}
.daily[hidden] {
  display: none;
}
.daily__head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
  .daily__head {
    gap: 0.6rem;
  }
}
.daily__streak-button {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0.4rem 1.2rem;
  white-space: nowrap;
  border: 1px solid #e3e8ee;
  border-radius: 99rem;
  background: #f8fafc;
  color: #212121;
  font-size: 1.3rem;
  font-family: inherit;
  cursor: pointer;
}
@media (max-width: 480px) {
  .daily__streak-button {
    padding: 0.3rem 0.9rem;
    font-size: 1.2rem;
  }
}
.daily__streak-button:hover {
  border-color: #1a73e8;
  color: #1a73e8;
}
.daily__title {
  overflow: hidden;
  min-width: 0;
  color: #212121;
  font-size: 1.8rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .daily__title {
    font-size: 1.4rem;
  }
}
.daily__error {
  color: #a8382f;
  font-size: 1.3rem;
}
.daily__count {
  flex-shrink: 0;
  color: #5f6368;
  font-size: 1.3rem;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .daily__count {
    font-size: 1.2rem;
  }
}
.daily__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 768px) {
  .daily__grid {
    grid-template-columns: 1fr;
  }
}
.daily__task {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #e3e8ee;
  border-radius: 0.6rem;
  background: #f8fafc;
  overflow: hidden;
}
.daily__task--done {
  border-color: rgba(46, 157, 74, 0.45);
  background: #f1faf3;
}
.daily__task-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1.2rem;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.daily__task-head:hover {
  background: rgba(26, 115, 232, 0.05);
}
.daily__icon {
  flex-shrink: 0;
  font-size: 2.2rem;
  line-height: 1;
}
.daily__task-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}
.daily__task-title {
  font-size: 1.45rem;
  font-weight: 600;
  color: #212121;
}
.daily__task--done .daily__task-title {
  color: #2e9d4a;
}
.daily__task-sub {
  overflow: hidden;
  color: #5f6368;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.daily-popup .daily__task-sub {
  white-space: normal;
}
.daily__chevron {
  flex-shrink: 0;
  color: #5f6368;
  font-size: 2rem;
}
.daily__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 0 1.2rem 1.2rem;
}
.daily-popup .daily__body {
  padding: 0;
}
.daily__rules {
  padding-right: 1rem;
  width: 100%;
  max-height: 36rem;
  overflow-y: auto;
}
.daily__rules::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.daily__rules::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.daily__rules::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.daily__rules::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.daily__rules:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.daily__rules:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.daily-popup .daily__rules {
  max-height: none;
  overflow: visible;
}
.daily__hint {
  color: #5f6368;
  font-size: 1.25rem;
}
.daily__list {
  margin: 0;
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 1.5;
}
.daily__audio {
  width: 100%;
  max-width: 48rem;
}
.daily__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.daily__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.6rem;
  padding: 0 1.6rem;
  border: 1px solid #c9d2dc;
  border-radius: 0.6rem;
  background: #fff;
  color: #212121;
  font-size: 1.4rem;
  text-decoration: none;
  cursor: pointer;
}
.daily__button:hover {
  border-color: #1a73e8;
}
.daily__button--main {
  border-color: #1a73e8;
  background: #1a73e8;
  color: #fff;
}
.daily__button--main:hover {
  background: #1558b0;
}
.daily__button--done {
  border-color: #2e9d4a;
  color: #2e9d4a;
}
.daily__button--static {
  cursor: default;
  background: #f1faf3;
}

.popup-dialog__box:has(.daily-streak) .popup-dialog__close {
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
}

.daily-streak {
  display: grid;
  grid-template-columns: repeat(var(--weeks), minmax(0, 1fr));
  gap: 0.3rem;
  padding-bottom: 0.4rem;
}
.daily-streak__week {
  display: grid;
  grid-template-rows: 1.6rem;
  grid-auto-rows: auto;
  gap: 0.3rem;
  min-width: 0;
}
.daily-streak__month {
  width: 0;
  overflow: visible;
  color: #57606a;
  font-family: Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6rem;
  white-space: nowrap;
}
.daily-streak__cell {
  aspect-ratio: 1;
  border-radius: 0.2rem;
  background: #ebedf0;
  outline: 1px solid rgba(27, 31, 36, 0.06);
  outline-offset: -1px;
}
.daily-streak__cell--1 {
  background: #9be9a8;
}
.daily-streak__cell--2 {
  background: #40c463;
}
.daily-streak__cell--3 {
  background: #216e39;
}
.daily-streak__cell--future {
  background: transparent;
  outline: none;
}
.daily-streak__cell--today {
  outline: 1px solid #57606a;
}

.vidget-goals,
.vidget-reading-goals {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-goals,
  .vidget-reading-goals {
    width: -webkit-fill-available !important;
  }
}
.vidget-goals__title,
.vidget-reading-goals__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-goals__title_text,
.vidget-reading-goals__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-goals__menu,
.vidget-reading-goals__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-goals__menu_title,
.vidget-reading-goals__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-goals__menu_title_text,
.vidget-reading-goals__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-goals__menu_title_text,
  .vidget-reading-goals__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-goals__menu_items,
.vidget-reading-goals__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-goals__menu_items_button,
.vidget-reading-goals__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-goals__menu_items_button:hover,
.vidget-reading-goals__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-goals__container,
.vidget-reading-goals__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem;
}
.vidget-goals__container_item,
.vidget-reading-goals__container_item {
  width: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5rem;
  padding: 0.5rem 0.8rem 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0.5rem;
  border-radius: 0.4rem;
  min-height: 5rem;
  min-width: 27rem;
}
.vidget-goals__container_item_data,
.vidget-reading-goals__container_item_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.vidget-goals__container_item_data_title,
.vidget-reading-goals__container_item_data_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.5rem;
}
.vidget-goals__container_item_data_days,
.vidget-reading-goals__container_item_data_days {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  padding: 0.5rem;
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.vidget-goals__container_item_data_days:hover,
.vidget-reading-goals__container_item_data_days:hover {
  background: rgba(0, 0, 0, 0.2117647059);
}
.vidget-goals__container_item_data_activate,
.vidget-reading-goals__container_item_data_activate {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.vidget-goals__container_item_settings,
.vidget-reading-goals__container_item_settings {
  display: flex;
  border-radius: 0.4rem;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  padding: 0.4rem 0;
  background: rgba(255, 255, 255, 0.93);
}
.vidget-goals__container_item_settings_point,
.vidget-reading-goals__container_item_settings_point {
  margin: 0 0.5rem;
}
.vidget-goals__container_item_type,
.vidget-reading-goals__container_item_type {
  font-size: 1rem;
  color: #646464;
  background: rgba(255, 255, 255, 0.93);
  padding: 0.2rem 0.7rem;
  border-radius: 0.4rem;
}
.vidget-goals__container,
.vidget-reading-goals__container {
  padding-right: 1rem;
}
.vidget-goals__container::-webkit-scrollbar-track,
.vidget-reading-goals__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-goals__container::-webkit-scrollbar,
.vidget-reading-goals__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-goals__container::-webkit-scrollbar-thumb,
.vidget-reading-goals__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-goals__container::-webkit-scrollbar-thumb::after,
.vidget-reading-goals__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-goals__container:hover::-webkit-scrollbar-thumb,
.vidget-reading-goals__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-goals__container:hover::-webkit-scrollbar-thumb::before,
.vidget-reading-goals__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vidget-goals__item,
.vidget-reading-goals__item {
  border: 1px solid;
  width: -webkit-fill-available;
  font-size: 1.5rem;
  padding: 0.48rem 1rem;
  margin: 0 0 0.5rem 0;
}
.vidget-goals__add,
.vidget-reading-goals__add {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 1rem 0 0.5rem 0;
  background-color: rgb(187, 222, 187);
  border-radius: 0.4rem;
  cursor: pointer;
  width: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-goals__add_text,
.vidget-reading-goals__add_text {
  font-size: 1.5rem;
  color: #353535;
}
.vidget-goals__add:hover,
.vidget-reading-goals__add:hover {
  background-color: rgb(102, 172, 102);
}

.goals-color-status__inactive {
  background-color: #ededed;
  color: #a2a2a2;
}
.goals-color-status__active--current {
  background-color: #bbe3ad;
  color: #4f4f4f;
}
.goals-color-status__active--coming {
  background-color: #dc915f;
}
.goals-color-status__active--today {
  background-color: #e94545;
}
.goals-color-status__active--outdated {
  background-color: #f47878;
  color: #ffffff;
}

.activated-setting-goal-menu {
  background-color: #5d5d5d;
  color: #fff;
}

.activated-setting-goal-menu:hover {
  background-color: #464646;
}

.goal-title-is-being-edited {
  background: #fff;
  color: #000;
  outline: none;
  font-style: italic;
}

.lexis-training-board-cabinet-container-shadow {
  width: 100%;
  height: 100%;
  background: rgba(4, 4, 4, 0.8156862745);
  position: fixed;
  z-index: 2147483646;
}

.lexis-training-board-cabinet-container {
  width: 92vw;
  height: 89vh;
  background: #ffffff;
  position: fixed;
  z-index: 2147483647;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 0.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.79);
}

.lexis-training-board-cabinet-container-menu {
  background: #ffffff;
  height: 100%;
  width: 3%;
  border-radius: 3px;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 30px;
}

.lexis-training-board-cabinet-container-menu::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-menu::-webkit-scrollbar {
  max-width: 1px;
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-menu::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

.lexis-training-board-cabinet-container-output {
  width: 95%;
  background: #ffffff;
  height: 100%;
  border-radius: 3px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lexis-training-board-cabinet-container-output-field {
  height: 94%;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  background: rgba(240, 240, 240, 0.462745098);
  margin: 1.8% 0.5% 1.8% 0.2%;
  width: 97%;
  padding: 0.5%;
  flex-direction: row;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  overflow-y: auto;
  overflow-x: hidden;
  gap: 2px;
}

.lexis-training-board-cabinet-container-output-field::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-output-field::-webkit-scrollbar {
  max-width: 1px;
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-output-field::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

.lexis-training-board-cabinet-container-menu-button-1,
.lexis-training-board-cabinet-container-menu-button-2,
.lexis-training-board-cabinet-container-menu-button-3,
.lexis-training-board-cabinet-container-menu-button-4,
.lexis-training-board-cabinet-container-menu-button-5,
.lexis-training-board-cabinet-container-menu-button-6,
.lexis-training-board-cabinet-container-menu-button-7,
.lexis-training-board-cabinet-container-menu-button-8,
.lexis-training-board-cabinet-container-menu-button-9 {
  width: 25px;
  height: 25px;
  margin: 35% auto;
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lexis-training-board-cabinet-container-menu-button-7 {
  background: crimson;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lexis-training-board-cabinet-container-menu-button-6 {
  background: rgb(0, 186, 118);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
}

.lexis-training-board-cabinet-container-menu-button-5 {
  background: rgb(0, 186, 118);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
}

.lexis-training-board-cabinet-container-menu-button-4 {
  background: rgb(255, 222, 0);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.lexis-training-board-cabinet-container-menu-button-3 {
  background: rgb(255, 222, 0);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.lexis-training-board-cabinet-container-menu-button-2 {
  background: rgb(0, 170, 255);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.lexis-training-board-cabinet-container-menu-button-1 {
  background: rgb(140, 212, 238);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lexis-training-board-cabinet-container-menu-button-8 {
  background: rgb(218, 119, 254);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lexis-training-board-cabinet-container-menu-button-9 {
  background: rgb(117, 156, 255);
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lexis-training-board-cabinet-container-menu-word-box {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  cursor: default;
  flex: 1 1 calc(22% - 10px);
  border-radius: 0.4rem;
}

@media (max-width: 480px) {
  .lexis-training-board-cabinet-container-menu-word-box {
    flex: 1 1 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 4.4rem;
  }
}
.lexis-training-board-cabinet-container-menu-word-box-en,
.lexis-training-board-cabinet-container-menu-word-box-ru,
.lexis-training-board-cabinet-container-menu-word-box-dash {
  margin: 0.2rem 0;
  padding: 0.8rem 0.2rem;
  font-size: 1.5rem;
  color: #222222;
  line-height: 2rem;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

.lexis-training-board-cabinet-container-menu-word-box-en {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0.8rem 0.5rem 0.8rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: break-spaces;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.lexis-training-board-cabinet-container-menu-word-box-ru {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.8rem 1rem 0.8rem 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: break-spaces;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  background: rgba(0, 0, 0, 0.0705882353);
}

.lexis-training-board-cabinet-container-menu-word-box-dash {
  visibility: hidden;
}

@media (max-width: 480px) {
  .lexis-training-board-cabinet-container-menu-word-box-dash {
    visibility: hidden;
    padding: 0rem 0rem;
    margin: 0;
    font-size: 0rem;
    line-height: 0rem;
  }
  .lexis-training-board-cabinet-container-menu-word-box-en {
    padding: 0.3rem 0.5rem 0.3rem 1rem;
    white-space: break-spaces;
  }
  .lexis-training-board-cabinet-container-menu-word-box-ru {
    padding: 0.3rem 1rem 0.3rem 0.5rem;
    white-space: break-spaces;
    background: transparent;
  }
}
.lexis-training-board-say {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.6rem;
  padding: 0;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
}

.lexis-training-board-cabinet-container-menu-word-box-ru-only-active {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}

.lexis-training-board-cabinet-container-menu-word-box-en-only-active {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

.lexis-training-board-cabinet-container-menu-word-box-only-english-active {
  background: rgb(255, 162, 0);
}

.lexis-training-board-cabinet-container-menu-word-box-only-russian-active {
  background: rgb(255, 162, 0);
}

.lexis-training-board-cabinet-cut-active {
  background: rgb(0, 105, 157);
}

.lexis-training-board-cabinet-container-menu-word-box-marked-words-active {
  background: rgb(191, 23, 252);
}

.strikethrough {
  background: #dde1e1 !important;
  color: #dddcdc !important;
}

.lexis-training-board-cabinet-container-menu-crocodile-active {
  background: rgb(57, 113, 255);
}

.lexis-training-board-cabinet-container-crocodile-field {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.lexis-training-board-cabinet-container-crocodile-field-left,
.lexis-training-board-cabinet-container-crocodile-field-right {
  width: 50%;
  height: 90%;
  align-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 1.8% 0.5% 1.8% 0.2%;
  padding: 0.5%;
  flex-direction: row;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.lexis-training-board-cabinet-container-crocodile-field-left::-webkit-scrollbar-track,
.lexis-training-board-cabinet-container-crocodile-field-right::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-crocodile-field-left::-webkit-scrollbar,
.lexis-training-board-cabinet-container-crocodile-field-right::-webkit-scrollbar {
  max-width: 1px;
  background-color: #ffffff;
}

.lexis-training-board-cabinet-container-crocodile-field-left::-webkit-scrollbar-thumb,
.lexis-training-board-cabinet-container-crocodile-field-right::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

.lexis-training-board-cabinet-container-crocodile-field-left {
  border-left: 2px dotted #2f2f2f;
}

.slp-extension-made-it-different {
  border: 1px dotted #e2e2e2;
}

.slp-extension-made-it-different:hover {
  background: rgba(224, 21, 21, 0.3647058824);
}

/* Pop-up окно выбора языка */
.lexis-training-language-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
}

.lexis-training-language-popup-content {
  background: white;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
  min-width: 300px;
}

.lexis-training-language-popup-content h3 {
  margin-bottom: 25px;
  color: #333;
  font-size: 20px;
}

.lexis-training-language-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.lexis-training-language-btn {
  padding: 18px 30px;
  font-size: 18px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
  background: #f8f9fa;
  border: 2px solid #e9ecef;
}

.lexis-training-language-btn:hover {
  background: #e9ecef;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Основной контейнер для крокодила */
.lexis-training-board-cabinet-container-crocodile-field {
  width: 100%;
  height: 100%;
  display: flex;
}

.lexis-training-board-cabinet-container-crocodile-main {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 30px;
  padding: 20px;
}

/* Левая часть - текущее слово и кнопки */
.lexis-training-board-cabinet-container-crocodile-word-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 300px;
}

/* Случайное слово */
.lexis-training-board-cabinet-container-crocodile-random-word {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  min-width: 300px;
  font-size: 32px;
  font-weight: bold;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
}

/* Контейнер для кнопок */
.lexis-training-board-cabinet-container-crocodile-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
}

/* Кнопки */
.lexis-training-board-cabinet-container-crocodile-next,
.lexis-training-board-cabinet-container-crocodile-translation {
  padding: 15px 30px;
  font-size: 20px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
  min-width: 80px;
}

.lexis-training-board-cabinet-container-crocodile-next {
  background: #4CAF50;
  color: white;
}

.lexis-training-board-cabinet-container-crocodile-next:hover {
  background: #45a049;
  transform: translateY(-2px);
}

.lexis-training-board-cabinet-container-crocodile-translation {
  background: #2196F3;
  color: white;
}

.lexis-training-board-cabinet-container-crocodile-translation:hover {
  background: #1976D2;
  transform: translateY(-2px);
}

/* Правая часть - история слов */
.lexis-training-board-cabinet-container-crocodile-history {
  width: 350px;
  background: #f8f9fa;
  border-left: 2px solid #e9ecef;
  padding: 25px;
  overflow-y: auto;
  max-height: 100%;
}

.lexis-training-board-cabinet-container-crocodile-history-title {
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #dee2e6;
}

.lexis-training-board-cabinet-container-crocodile-history-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.lexis-training-board-cabinet-container-crocodile-history-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.lexis-training-board-cabinet-container-crocodile-history-item div {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}

/* Стили для скроллбара в истории */
.lexis-training-board-cabinet-container-crocodile-history::-webkit-scrollbar {
  width: 6px;
}

.lexis-training-board-cabinet-container-crocodile-history::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.lexis-training-board-cabinet-container-crocodile-history::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.lexis-training-board-cabinet-container-crocodile-history::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.vidget-goals__container_item {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .vidget-goals__container_item--mergeable {
    min-height: 7rem;
    padding-right: 4rem;
  }
  .vidget-goals__container_item--mergeable .vidget-goals__container_item_data_activate {
    position: absolute;
    top: calc(50% - 2.7rem + 3.4rem);
    right: 0.8rem;
    margin: 0;
  }
}
.vidget-goals__container_item_merge-handle {
  position: absolute;
  top: calc(50% - 2.7rem);
  right: 0.8rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  opacity: 0.7;
  cursor: grab;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.vidget-goals__container_item:hover .vidget-goals__container_item_merge-handle {
  opacity: 1;
}
.vidget-goals__container_item_merge-handle:hover {
  background-color: #fff;
}
.vidget-goals__container_item_merge-handle:active {
  cursor: grabbing;
}
@media (hover: none) and (pointer: coarse) {
  .vidget-goals__container_item_merge-handle {
    display: none;
  }
}
.vidget-goals__container_item--merge-dragging {
  opacity: 0.5;
}
.vidget-goals__container_item--merge-target {
  outline: 2px dashed #8cc283;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.4rem rgba(140, 194, 131, 0.35);
}

.vidget-last-eight {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1rem 1.1rem;
  min-width: 10rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: rgb(249, 249, 249);
}
.vidget-last-eight__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-last-eight__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-last-eight__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.vidget-last-eight__container_item {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-last-eight__container_item_type {
  width: 30%;
  padding: 0.2rem 0.5rem;
  min-width: 6rem;
}
.vidget-last-eight__container_item_rate {
  width: 45%;
  padding: 0rem 0.5rem;
  color: rgb(208, 177, 0);
}
.vidget-last-eight__container {
  padding-right: 1rem;
}
.vidget-last-eight__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-last-eight__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-last-eight__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-last-eight__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-last-eight__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-last-eight__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vidget-last-eight__item {
  border: 1px solid;
  width: -webkit-fill-available;
  font-size: 1.5rem;
  padding: 0.48rem 1rem;
  margin: 0 0 0.5rem 0;
}

.vidget-lessons-statistics {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1rem 1.1rem;
  min-width: 16rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: rgb(249, 249, 249);
}
.vidget-lessons-statistics__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.vidget-lessons-statistics__container_item {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.5rem;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-lessons-statistics__container_item_type {
  width: 30%;
  padding: 0.2rem 0.5rem;
  min-width: 7rem;
}
.vidget-lessons-statistics__container_item_number {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgb(226, 226, 226);
  border-radius: 0.4rem;
}
.vidget-lessons-statistics__container_item_number_bar {
  height: 2rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.4rem;
}
.vidget-lessons-statistics__container_item_number_digit {
  width: 100%;
  text-align: center;
  color: rgb(73, 72, 72);
  border-radius: 0.4rem;
  font-size: 1rem;
}
.vidget-lessons-statistics__container {
  padding-right: 1rem;
}
.vidget-lessons-statistics__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-statistics__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-statistics__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-lessons-statistics__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-lessons-statistics__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-lessons-statistics__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vidget-lessons-statistics__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-lessons-statistics__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-lessons-statistics__add {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 1rem 0 0.5rem 0;
  background-color: rgb(187, 222, 187);
  border-radius: 0.4rem;
  cursor: pointer;
  width: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-lessons-statistics__add_text {
  font-size: 1.5rem;
  color: #353535;
}
.vidget-lessons-statistics__add:hover {
  background-color: rgb(102, 172, 102);
}

.vidget-client-briefly {
  height: auto;
  max-height: 89vh;
  padding: 0 2%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin: 0 auto;
  border-radius: 0.4rem;
  width: -webkit-fill-available;
  background: #f5fbff;
}
.vidget-client-briefly__line1 {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-evenly;
  align-items: stretch;
  width: 98%;
  border-radius: 0.4rem;
  margin: 1rem auto 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  overflow: visible;
  min-height: 32rem;
  max-height: 40rem;
  background-color: #f5fbff;
  padding: 0 1rem 0 0;
  -webkit-overflow-scrolling: touch; /* Плавный скролл */
}
.vidget-client-briefly__line1_scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  display: flex;
  min-height: 35rem;
}
.vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line1_scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.vidget-client-briefly__line1_scroll-wrapper:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.vidget-client-briefly__line1_scroll-wrapper:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.vidget-client-briefly__line1_scroll-wrapper:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.vidget-client-briefly__line1_scroll-wrapper:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}
.vidget-client-briefly__line1_connect {
  order: 1;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_connect_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_connect_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_connect_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_connect_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_connect_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_connect_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_connect_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_connect_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_connect_total-waited-ready {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_connect_total-waited-ready_total {
  margin: 1rem 0.3rem 0rem;
  width: 70%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready {
  width: 107%;
  margin: 0rem 0.3rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_waited {
  margin: 1.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_waited_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_waited_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_ready {
  margin: 1.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_ready_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_total-waited-ready_waited-and-ready_ready_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_storage {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 80%;
  max-width: 20rem;
  padding: 0.3rem 0.8rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_connect_storage_linkbox {
  margin: 0 auto;
  width: 70%;
}
.vidget-client-briefly__line1_connect_storage_linkbox_link {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  font-size: 1.5rem;
  color: #919191;
  width: 90%;
  cursor: pointer;
}
.vidget-client-briefly__line1_connect_storage_copybox_copy {
  cursor: pointer;
}
.vidget-client-briefly__line1_connect_storage_editbox_edit {
  cursor: pointer;
}
.vidget-client-briefly__line1_connect_storage-title {
  font-size: medium;
  margin: 1rem 1.5rem 0 1.5rem;
  text-align: left;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid rgba(193, 193, 193, 0.3019607843);
  width: 82%;
}
.vidget-client-briefly__line1_connect_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  text-align: center;
}
.vidget-client-briefly__line1_connect_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_connect_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_general {
  order: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  left: -1px;
  background: #fff;
  z-index: 998;
  box-shadow: 10px 0px 10px -10px rgba(0, 0, 0, 0.3);
  margin-right: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.vidget-client-briefly__line1_general_name {
  width: 50%;
  text-align: center;
  padding: 0.2rem 3rem;
  border-radius: 0.4rem;
  background: rgb(255, 255, 255);
  margin: 0 2rem;
}
.vidget-client-briefly__line1_general_name_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_general_client-level-rating {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  width: 82%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_general_client-level-rating_client {
  width: 90%;
  padding: 0.2rem 0;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.vidget-client-briefly__line1_general_client-level-rating_client_text {
  font-size: 3rem;
}
.vidget-client-briefly__line1_general_client-level-rating_level {
  width: 90%;
  padding: 0.2rem 0;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.vidget-client-briefly__line1_general_client-level-rating_level_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1_general_client-level-rating_level_change {
  margin: 0 0 0 0.2rem;
  cursor: pointer;
}
.vidget-client-briefly__line1_general_client-level-rating_rating {
  width: 90%;
  padding: 0.2rem 0;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_general_client-level-rating_rating_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1_lessons {
  order: 2;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_lessons_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_lessons_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_lessons_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_lessons_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_lessons_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_lessons_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_lessons_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_lessons_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_lessons_total-accent {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_lessons_total-accent_total {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_lessons_total-accent_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_total-accent_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_lessons_total-accent_accent {
  display: flex;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_lessons_total-accent_accent_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials {
  order: 3;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_materials_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_materials_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_materials_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_materials_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_materials_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_materials_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_materials_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_materials_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_materials_total-ready-and-process {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_total {
  margin: 1rem 0.3rem;
  width: 70%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process {
  width: 107%;
  margin: 0rem 0.3rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_ready {
  margin: 0.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_ready_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_ready_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_process {
  margin: 1.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_process_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_total-ready-and-process_ready-and-process_process_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
}
.vidget-client-briefly__line1_materials_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_materials_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_home {
  order: 4;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_home_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_home_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_home_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_home_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_home_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_home_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_home_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_home_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_home_total-waited-ready {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_home_total-waited-ready_total {
  margin: 1rem 0.3rem 0rem;
  width: 70%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready {
  width: 107%;
  margin: 0rem 0.3rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_waited {
  margin: 1.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_waited_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_waited_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_ready {
  margin: 1.5rem auto;
  width: 66%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_ready_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_total-waited-ready_waited-and-ready_ready_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_storage {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 80%;
  max-width: 20rem;
  padding: 0.3rem 0.8rem;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1_home_storage_linkbox {
  margin: 0 auto;
  width: 70%;
}
.vidget-client-briefly__line1_home_storage_linkbox_link {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  font-size: 1.5rem;
  color: #919191;
  width: 90%;
  cursor: pointer;
}
.vidget-client-briefly__line1_home_storage_copybox_copy {
  cursor: pointer;
}
.vidget-client-briefly__line1_home_storage_editbox_edit {
  cursor: pointer;
}
.vidget-client-briefly__line1_home_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  text-align: center;
}
.vidget-client-briefly__line1_home_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_home_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_vocabulary {
  order: 5;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_vocabulary_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_vocabulary_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_vocabulary_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_vocabulary_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_vocabulary_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_vocabulary_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_vocabulary_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_vocabulary_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_total {
  margin: 1rem 0.3rem 0rem;
  width: 60%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old {
  width: 107%;
  margin: 0rem 0.3rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_today {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_today_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_today_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_week {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_week_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_week_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_old {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_old_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_total-today-week-old_today-week-old_old_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  text-align: center;
}
.vidget-client-briefly__line1_vocabulary_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_vocabulary_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_reading {
  order: 6;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_reading_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_reading_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_reading_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_reading_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_reading_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_reading_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_reading_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_reading_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_reading_total-today-week-old {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_reading_total-today-week-old_total {
  margin: 1rem 0.3rem 0rem;
  width: 60%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_reading_total-today-week-old_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old {
  width: 107%;
  margin: 0rem 0.3rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_today {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_today_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_today_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_week {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_week_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_week_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_old {
  margin: 1.5rem auto;
  width: 56%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_old_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_total-today-week-old_today-week-old_old_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  text-align: center;
}
.vidget-client-briefly__line1_reading_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_reading_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_grammar {
  order: 7;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover; /* или contain */
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_grammar_metrics {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 1rem 0.3rem;
  width: 90%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
  padding: 0.5rem 0 0.5rem;
  background-color: #ffffff;
}
.vidget-client-briefly__line1_grammar_metrics_item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0.3rem;
  width: 60%;
}
.vidget-client-briefly__line1_grammar_metrics_item_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_metrics_item_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_grammar_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_grammar_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_grammar_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_grammar_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_grammar_metrics {
  margin: 0.6rem 0.3rem;
}
.vidget-client-briefly__line1_grammar_metrics_item {
  margin: 0.45rem 0.3rem;
}
.vidget-client-briefly__line1_grammar_buttons {
  padding: 0.3rem 0.2rem;
}
.vidget-client-briefly__line1_grammar_buttons_button {
  margin: 0.3rem 0;
}
.vidget-client-briefly__line1_grammar_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_grammar_total-current {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0.5rem;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
  flex: 1;
}
.vidget-client-briefly__line1_grammar_total-current_total {
  margin: 1rem 0.3rem 0.8rem;
  width: 80%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_grammar_total-current_total_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_total-current_total_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_total-current_current {
  margin: 1rem 0.3rem;
  width: 80%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-client-briefly__line1_grammar_total-current_current_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_total-current_current_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_button-add {
  padding: 0.6rem;
  width: 80%;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.vidget-client-briefly__line1_grammar_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_grammar_button-add:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.vidget-client-briefly__line1_criteria {
  order: 8;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_criteria_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_criteria_buttons {
  width: 90%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.vidget-client-briefly__line1_criteria_buttons_button {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background-color: #f2f2f2;
  cursor: pointer;
}
.vidget-client-briefly__line1_criteria_buttons_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_criteria_buttons_button:hover {
  background-color: #e7e7e7;
}
.vidget-client-briefly__line1_criteria_buttons_button-add {
  padding: 1rem;
  border-radius: 0.4rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  width: 85%;
  background-color: rgba(205, 237, 217, 0.9882352941);
  cursor: pointer;
}
.vidget-client-briefly__line1_criteria_buttons_button-add_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1_criteria_buttons_button-add:hover {
  background-color: rgba(186, 219, 198, 0.9882352941);
}
.vidget-client-briefly__line1_client-data {
  order: 9;
  background-image: url("https://admin.speak-like.pro/cabinet-design/lesson-background-4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.vidget-client-briefly__line1_client-data_title {
  background: rgb(151, 171, 173) !important;
  color: #fff;
}
.vidget-client-briefly__line1_client-data .vidget-client-briefly__line1_connect_storage {
  gap: 0.4rem;
  box-sizing: border-box;
}
.vidget-client-briefly__line1_client-data .vidget-client-briefly__line1_connect_storage_linkbox {
  flex: 1;
  min-width: 0;
  width: auto;
}
.vidget-client-briefly__line1_client-data .vidget-client-briefly__line1_connect_storage_linkbox_link {
  width: 100%;
  text-overflow: clip;
}
.vidget-client-briefly__line1_grammar, .vidget-client-briefly__line1_criteria, .vidget-client-briefly__line1_client-data, .vidget-client-briefly__line1_reading, .vidget-client-briefly__line1_vocabulary, .vidget-client-briefly__line1_home, .vidget-client-briefly__line1_materials, .vidget-client-briefly__line1_lessons, .vidget-client-briefly__line1_connect {
  background-color: rgb(255, 255, 255);
  border: 1px solid #b9d1c2;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0.3rem;
  border-radius: 0.4rem;
  padding: 1.5rem 0;
  min-width: 21.1rem;
  min-height: 32rem;
}
.vidget-client-briefly__line1_grammar_title, .vidget-client-briefly__line1_criteria_title, .vidget-client-briefly__line1_client-data_title, .vidget-client-briefly__line1_reading_title, .vidget-client-briefly__line1_vocabulary_title, .vidget-client-briefly__line1_home_title, .vidget-client-briefly__line1_materials_title, .vidget-client-briefly__line1_lessons_title, .vidget-client-briefly__line1_connect_title {
  text-align: center;
  padding: 0.5rem 3rem;
  border-radius: 0.4rem;
  background: rgb(255, 255, 255);
  margin: 0 0 0.5rem 0;
}
.vidget-client-briefly__line1_grammar_title_text, .vidget-client-briefly__line1_criteria_title_text, .vidget-client-briefly__line1_client-data_title_text, .vidget-client-briefly__line1_reading_title_text, .vidget-client-briefly__line1_vocabulary_title_text, .vidget-client-briefly__line1_home_title_text, .vidget-client-briefly__line1_materials_title_text, .vidget-client-briefly__line1_lessons_title_text, .vidget-client-briefly__line1_connect_title_text {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.vidget-client-briefly__line1_grammar_title_name, .vidget-client-briefly__line1_criteria_title_name, .vidget-client-briefly__line1_client-data_title_name, .vidget-client-briefly__line1_reading_title_name, .vidget-client-briefly__line1_vocabulary_title_name, .vidget-client-briefly__line1_home_title_name, .vidget-client-briefly__line1_materials_title_name, .vidget-client-briefly__line1_lessons_title_name, .vidget-client-briefly__line1_connect_title_name {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.vidget-client-briefly__line1::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vidget-client-briefly__line1::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .vidget-client-briefly__line1::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line1::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line1::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.vidget-client-briefly__line1:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.vidget-client-briefly__line1:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.vidget-client-briefly__line1:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.vidget-client-briefly__line1:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}
.vidget-client-briefly__line1-pre {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-evenly;
  align-items: stretch;
  width: 98%;
  margin: 0 auto;
  border-radius: 0.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  max-width: 16.7rem;
  min-width: 16.7rem;
}
.vidget-client-briefly__line1-pre_general {
  order: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.4rem;
  background: rgba(218, 228, 220, 0);
  min-width: -moz-fit-content;
  min-width: fit-content;
  cursor: pointer;
}
.vidget-client-briefly__line1-pre_general_client-level-show {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  width: 82%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_client {
  padding: 0.2rem 0;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.vidget-client-briefly__line1-pre_general_client-level-show_client_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_level {
  width: 90%;
  padding: 0.2rem 0;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.vidget-client-briefly__line1-pre_general_client-level-show_level_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_level_change {
  margin: 0 0 0 0.2rem;
  cursor: pointer;
}
.vidget-client-briefly__line1-pre_general_client-level-show_show {
  padding: 0rem 1px 0rem 0.2rem;
  margin: 0.5rem 0;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 6rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_show_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_report {
  width: 90%;
  padding: 0.2rem 0 0.4rem;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  background-color: #c38484;
  color: #fff;
  cursor: pointer;
  min-width: 10rem;
}
.vidget-client-briefly__line1-pre_general_client-level-show_report_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line1-pre_general-new {
  order: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  background: rgba(218, 228, 220, 0);
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  width: 82%;
  flex-direction: column;
  text-align: center;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_client {
  width: 90%;
  border-radius: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_client_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_level {
  width: 90%;
  border-radius: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_level_text {
  font-size: 2rem;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_level_change {
  margin: 0 0 0 0.2rem;
  cursor: pointer;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_show {
  width: 90%;
  border-radius: 0.4rem;
  background-color: rgba(255, 255, 255, 0);
  color: #a3a3a3;
  cursor: pointer;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_show_text {
  font-size: 3rem;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_show:hover {
  color: #c95151;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_report {
  width: 90%;
  padding: 0.2rem 0 0.4rem;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  background-color: #c38484;
  color: #fff;
  cursor: pointer;
  min-width: 10rem;
}
.vidget-client-briefly__line1-pre_general-new_client-level-show_report_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line2 {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  width: 99%;
  margin: 1rem auto 0;
}
.vidget-client-briefly__line2_why {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0.5rem;
  align-items: flex-end;
  background: rgb(134, 185, 225);
  border-radius: 0.4rem;
}
.vidget-client-briefly__line2_why_reason {
  border-radius: 0.4rem;
  padding: 0.5rem 2rem;
  width: 98%;
  min-width: 5rem;
  margin: 1rem 2rem 1rem;
  text-align: center;
  z-index: 10;
}
.vidget-client-briefly__line2_why_reason_text {
  font-size: 2.3rem;
  cursor: default;
  font-weight: 800;
  color: #ffffff;
  text-shadow: -1px 0px 2px #5f5f5f;
}
.vidget-client-briefly__line2_why_button {
  padding: 0.8rem;
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  text-align: center;
  margin: 1rem 1rem 0.8rem;
  z-index: 10;
}
.vidget-client-briefly__line2_why_button_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line3 {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 0rem;
  position: sticky;
  top: 0;
  background: #f5fbff;
  overflow: hidden;
  z-index: 999;
}
@media (max-width: 600px) {
  .vidget-client-briefly__line3 {
    flex-direction: column;
    flex-wrap: wrap;
    padding: 1rem 0;
    align-content: center;
    width: 100%;
  }
}
.vidget-client-briefly__line3_week {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
.vidget-client-briefly__line3_week_day {
  margin: 1rem 0.3rem;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  cursor: pointer;
  background: #ffffff;
}
.vidget-client-briefly__line3_week_day:hover {
  background: #ececec;
}
.vidget-client-briefly__line3_open {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.vidget-client-briefly__line3_open_page, .vidget-client-briefly__line3_open_copy, .vidget-client-briefly__line3_open_down, .vidget-client-briefly__line3_open_vidget, .vidget-client-briefly__line3_open_activate, .vidget-client-briefly__line3_open_delete, .vidget-client-briefly__line3_open_close {
  margin: 1rem 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  cursor: pointer;
  background: rgb(255, 255, 255);
  overflow: auto;
  min-width: 1rem;
}
.vidget-client-briefly__line3_open_page_text, .vidget-client-briefly__line3_open_copy_text, .vidget-client-briefly__line3_open_down_text, .vidget-client-briefly__line3_open_vidget_text, .vidget-client-briefly__line3_open_activate_text, .vidget-client-briefly__line3_open_delete_text, .vidget-client-briefly__line3_open_close_text {
  font-size: 1.5rem;
}
.vidget-client-briefly__line3_person {
  display: none;
  font-size: 2rem;
  text-align: center;
  flex-direction: column;
  place-content: center;
  align-items: center;
  color: #212121;
}
.vidget-client-briefly__line4, .vidget-client-briefly__line5, .vidget-client-briefly__line6, .vidget-client-briefly__line7 {
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: 99%;
  margin: 0rem 0.5rem 0rem;
  overflow: auto;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.vidget-client-briefly__line3, .vidget-client-briefly__line4, .vidget-client-briefly__line5, .vidget-client-briefly__line6, .vidget-client-briefly__line7 {
  padding-right: 1rem;
}
.vidget-client-briefly__line3::-webkit-scrollbar-track, .vidget-client-briefly__line4::-webkit-scrollbar-track, .vidget-client-briefly__line5::-webkit-scrollbar-track, .vidget-client-briefly__line6::-webkit-scrollbar-track, .vidget-client-briefly__line7::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line3::-webkit-scrollbar, .vidget-client-briefly__line4::-webkit-scrollbar, .vidget-client-briefly__line5::-webkit-scrollbar, .vidget-client-briefly__line6::-webkit-scrollbar, .vidget-client-briefly__line7::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-client-briefly__line3::-webkit-scrollbar-thumb, .vidget-client-briefly__line4::-webkit-scrollbar-thumb, .vidget-client-briefly__line5::-webkit-scrollbar-thumb, .vidget-client-briefly__line6::-webkit-scrollbar-thumb, .vidget-client-briefly__line7::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-client-briefly__line3::-webkit-scrollbar-thumb::after, .vidget-client-briefly__line4::-webkit-scrollbar-thumb::after, .vidget-client-briefly__line5::-webkit-scrollbar-thumb::after, .vidget-client-briefly__line6::-webkit-scrollbar-thumb::after, .vidget-client-briefly__line7::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-client-briefly__line3:hover::-webkit-scrollbar-thumb, .vidget-client-briefly__line4:hover::-webkit-scrollbar-thumb, .vidget-client-briefly__line5:hover::-webkit-scrollbar-thumb, .vidget-client-briefly__line6:hover::-webkit-scrollbar-thumb, .vidget-client-briefly__line7:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-client-briefly__line3:hover::-webkit-scrollbar-thumb::before, .vidget-client-briefly__line4:hover::-webkit-scrollbar-thumb::before, .vidget-client-briefly__line5:hover::-webkit-scrollbar-thumb::before, .vidget-client-briefly__line6:hover::-webkit-scrollbar-thumb::before, .vidget-client-briefly__line7:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vidget-client-briefly__line4 {
  flex-direction: column;
  transform: scaleY(-1);
  background: #f5fbff;
}
.vidget-client-briefly__line4::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.vidget-client-briefly__line4::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vidget-client-briefly__line4::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .vidget-client-briefly__line4::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line4::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__line4::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.vidget-client-briefly__line4:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.vidget-client-briefly__line4:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.vidget-client-briefly__line4:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.vidget-client-briefly__line4:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}
.vidget-client-briefly__line5, .vidget-client-briefly__line6, .vidget-client-briefly__line7 {
  margin: 1rem 0.5rem 0rem;
}
.vidget-client-briefly__line6, .vidget-client-briefly__line7 {
  margin: 0rem 0.5rem 3rem;
  padding: 0px 0 5rem;
  display: flex;
  align-content: center;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
}
.vidget-client-briefly__line7 {
  margin: 0rem 0.5rem 0rem;
  padding: 0px 0 0rem;
}
.vidget-client-briefly__sub-line {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  overflow-y: auto;
}
.vidget-client-briefly__sub-line::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.vidget-client-briefly__sub-line::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vidget-client-briefly__sub-line::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .vidget-client-briefly__sub-line::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__sub-line::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__sub-line::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.vidget-client-briefly__sub-line:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.vidget-client-briefly__sub-line:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.vidget-client-briefly__sub-line:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.vidget-client-briefly__sub-line:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}
.vidget-client-briefly__sub-line--grammar {
  display: flex;
  justify-content: center;
  overflow-y: auto;
  width: 100%;
}
.vidget-client-briefly__sub-line--grammar::-webkit-scrollbar {
  max-width: 1rem;
  height: 3rem;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.vidget-client-briefly__sub-line--grammar::-webkit-scrollbar-track {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vidget-client-briefly__sub-line--grammar::-webkit-scrollbar-thumb {
  background-color: #f5fbff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1rem solid #f5fbff;
  border-radius: 0.4rem;
  cursor: grab;
}
@media (max-width: 480px) {
  .vidget-client-briefly__sub-line--grammar::-webkit-scrollbar {
    max-width: 0px;
    height: 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__sub-line--grammar::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vidget-client-briefly__sub-line--grammar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    border: 0rem solid #fff;
    border-radius: 0rem;
    cursor: default;
  }
}
.vidget-client-briefly__sub-line--grammar:hover::-webkit-scrollbar {
  opacity: 1;
  background-color: #fff;
}
.vidget-client-briefly__sub-line--grammar:hover::-webkit-scrollbar-track {
  background-color: #f5fbff;
}
.vidget-client-briefly__sub-line--grammar:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.vidget-client-briefly__sub-line--grammar:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(177.5, 177.5, 177.5);
}

@media (max-width: 480px) {
  .vidget-client-briefly {
    background: #f5fbff;
  }
  .vidget-client-briefly__line1 {
    padding: 0 1rem 0 0.5rem;
    margin: 1rem auto 3rem;
  }
  .vidget-client-briefly__line1_general {
    left: unset;
    z-index: unset;
    box-shadow: none;
    margin: 0 2rem 0 2.5rem;
    min-width: 70vw;
    min-height: 55vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vidget-client-briefly__line1_grammar, .vidget-client-briefly__line1_criteria, .vidget-client-briefly__line1_client-data, .vidget-client-briefly__line1_reading, .vidget-client-briefly__line1_vocabulary, .vidget-client-briefly__line1_home, .vidget-client-briefly__line1_materials, .vidget-client-briefly__line1_lessons, .vidget-client-briefly__line1_connect {
    min-width: 90vw;
  }
  .vidget-client-briefly__line2_why_reason {
    background: none;
  }
  .vidget-client-briefly__line2_why_button {
    display: none;
  }
  .vidget-client-briefly__line3 {
    justify-content: center;
    background: #f5fbff;
    border-radius: 0.4rem;
    z-index: 999;
  }
  .vidget-client-briefly__line3_open {
    display: none;
  }
  .vidget-client-briefly__line5 {
    width: 100%;
  }
  .vidget-client-briefly__line6, .vidget-client-briefly__line7 {
    width: 100%;
    padding: 25px 0 25px 0;
    display: flex;
    flex-direction: column;
    border-top: 3px solid #ffffff;
  }
  .vidget-client-briefly__line4 {
    width: 103%;
  }
}
.lesson-active-day {
  background: #ef5151;
  color: #ffffff;
}

.lesson-active-day:hover {
  background: #bd3c3c;
}

.vidget-attention-block {
  order: 1;
  background-color: rgb(255, 255, 255);
  border: 1px solid #fed0d0;
}

.vidget-attention-add-button {
  background-color: rgb(228, 84, 84);
  color: #fff;
}

.vidget-attention-add-button:hover {
  background-color: rgb(208, 53, 53);
  color: #fff;
}

.vidget-attention-text--today {
  font-weight: 800;
  color: rgb(228, 84, 84);
}
.vidget-attention-text--week {
  color: rgb(224, 147, 23);
}
.vidget-attention-text--old {
  font-weight: 800;
  color: rgb(228, 84, 84);
}
.vidget-attention-text--goal-critical {
  font-weight: 800;
  color: rgb(228, 84, 84);
}
.vidget-attention-text--material-critical {
  font-weight: 800;
  color: rgb(228, 84, 84);
}
.vidget-attention-text--grammar-critical {
  font-weight: 800;
  color: rgb(228, 84, 84);
}
.vidget-attention-text--home-critical {
  font-weight: 800;
  color: rgb(105, 195, 93);
  background-color: aliceblue;
}
.vidget-attention-text--home-waiting {
  font-weight: 800;
  color: rgb(207, 112, 188);
  background-color: rgb(255, 240, 252);
}

.title-attention-block {
  background-color: rgb(255, 255, 255);
  color: rgb(196, 101, 101);
}

.vidget-edit-goal-field-activated {
  color: #b25b5b;
  font-weight: 600;
  font-style: italic;
  outline: none;
  border: none;
}

.vidget-change-storage,
.vidget-change-tel,
.vidget-change-message,
.vidget-change-conference,
.vidget-change-keeper {
  border: 1px solid #b9d1c2;
  overflow: initial;
  text-overflow: ellipsis;
  display: block;
  white-space: wrap;
  cursor: text;
  width: 90%;
  padding: 0.5rem;
  border-radius: 0.4rem;
  outline: none;
}

.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(132, 212, 226, 0.523);
  transition: width linear;
  z-index: 5;
  width: 5rem;
  height: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
}

.rating-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  animation: overlay-in 0.2s ease;
}

.rating-modal {
  background: #fff;
  border-radius: 16px;
  padding: 32px 28px 24px;
  width: 100%;
  max-width: 460px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: modal-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rating-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.rating-modal__title {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
  line-height: 1.3;
}
.rating-modal__close {
  flex-shrink: 0;
  background: none;
  border: none;
  font-size: 26px;
  line-height: 1;
  color: #aaa;
  cursor: pointer;
  padding: 0 2px;
  transition: color 0.15s;
}
.rating-modal__close:hover {
  color: #333;
}
.rating-modal__description {
  font-size: 2rem;
  color: #888;
  line-height: 1.5;
  min-height: 18px;
}
.rating-modal__criteria {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rating-modal__criterion {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  align-items: flex-start;
  flex-direction: column;
}
.rating-modal__criterion-label {
  font-size: 2rem;
  color: #333;
  flex: 1;
}
.rating-modal__stars {
  display: flex;
  gap: 4px;
}
.rating-modal__star {
  font-size: 2.5rem;
  color: #ccc;
  cursor: pointer;
  line-height: 1;
  transition: transform 0.1s, color 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rating-modal__star:hover {
  transform: scale(1.2);
}
.rating-modal__star--active {
  color: #f5a623;
}
.rating-modal__comment-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rating-modal__comment-label {
  font-size: 1.5rem;
  display: none;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.rating-modal__comment {
  min-height: 50px;
  border: 1.5px solid #e0e0e0;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 2rem;
  color: #333;
  outline: none;
  transition: border-color 0.2s;
  line-height: 1.5;
}
.rating-modal__comment:focus {
  border-color: #c8393c;
}
.rating-modal__comment:empty::before {
  content: attr(data-placeholder);
  color: #bbb;
  pointer-events: none;
}
.rating-modal__submit {
  align-self: flex-end;
  background: #c8393c;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 11px 28px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.2s, transform 0.1s;
}
.rating-modal__submit:hover {
  background: #9c2527;
}
.rating-modal__submit:active {
  transform: scale(0.97);
}

@keyframes overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.88) translateY(16px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.show-notification {
  width: 100%;
  border-radius: 0.4rem;
  min-height: 10rem;
  max-height: 15rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: stretch;
  padding: 2rem 0;
}
.show-notification__pic {
  display: flex !important;
  align-items: stretch !important;
  height: 97% !important;
  margin: 0 0 0 3% !important;
  width: 30%;
}
.show-notification__message {
  width: 70%;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 3% 0 10%;
}
.show-notification__message_text {
  font-size: 2.7rem;
  line-height: 1.3;
}
@media (max-width: 480px) {
  .show-notification__message_text {
    font-size: 1.8rem;
    line-height: 1.1;
  }
}

.word-card {
  --wc-bg: #FFFFFF;
  --wc-surface: #F7F5F1;
  --wc-border: rgba(236, 236, 236, 0.6);
  --wc-text: #505050;
  --wc-muted: #9E9A93;
  --wc-accent: #386B4E;
  --wc-radius: .4rem;
  --wc-font-word: "Playfair Display", "Georgia", serif;
  --wc-font-ui: "Manrope", "Helvetica Neue", sans-serif;
  --wc-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  --wc-trans: 0.16s ease;
  background: var(--wc-bg);
  border: 1px solid var(--wc-border);
  border-radius: var(--wc-radius);
  box-shadow: var(--wc-shadow);
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 10px 22px 20px;
  width: 80%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  margin: 1rem;
}
.word-card--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  padding: 28px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0;
}
.word-card__meta {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
}
.word-card__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--wc-text);
}
.word-card__counter {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wc-muted);
}
.word-card__face {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--wc-surface);
  border-radius: calc(var(--wc-radius) - 2px);
  padding: 45px 18px 10px;
  transition: opacity var(--wc-trans);
}
.word-card__face--exit {
  opacity: 0;
}
.word-card__word {
  margin: 0;
  font-family: var(--wc-font-word);
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
  color: var(--wc-text);
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 1.15;
  word-break: break-word;
}
.word-card__translation {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--wc-accent);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.26s ease, transform 0.26s ease;
  text-align: center;
}
.word-card__translation--visible {
  opacity: 1;
  transform: translateY(0);
}
.word-card__gpt {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--wc-text);
  text-align: center;
  white-space: pre-wrap;
}
.word-card__controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: center;
}
.word-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--wc-border);
  border-radius: 10px;
  background: transparent;
  color: var(--wc-muted);
  cursor: pointer;
  transition: background var(--wc-trans), border-color var(--wc-trans), color var(--wc-trans), transform var(--wc-trans);
}
.word-card__btn:focus-visible {
  outline: 2px solid var(--wc-accent);
  outline-offset: 2px;
}
.word-card__btn:hover {
  background: var(--wc-surface);
  border-color: #C9C4BC;
  color: var(--wc-text);
}
.word-card__btn:active {
  transform: scale(0.95);
}
.word-card__btn:disabled {
  opacity: 0.55;
  cursor: wait;
  transform: none;
}
.word-card__btn--nav {
  width: 42px;
  height: 42px;
}
.word-card__btn--reveal, .word-card__btn--gpt {
  height: 42px;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: lowercase;
}
@media (max-width: 480px) {
  .word-card__btn--gpt {
    display: none;
  }
}
.word-card__btn--fullscreen {
  width: 34px;
  height: 34px;
  font-size: 18px;
  line-height: 1;
}
.word-card__icon {
  width: 18px;
  height: 18px;
  display: block;
}

.reading-card {
  --rc-bg: #FFFFFF;
  --rc-surface: #F5F6FA;
  --rc-border: rgba(210, 215, 232, 0.7);
  --rc-text: #505050;
  --rc-muted: #9B9BA4;
  --rc-accent: #3B5FDB;
  --rc-badge-bg: #FFF4E3;
  --rc-badge-text: #B45309;
  --rc-hint-bg: #ECEFF7;
  --rc-hint-text: #3D4B72;
  --rc-radius: .4rem;
  --rc-font-word: "Playfair Display", "Georgia", serif;
  --rc-font-ui: "Manrope", "Helvetica Neue", sans-serif;
  --rc-font-ipa: "Courier New", "Courier", monospace;
  --rc-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  --rc-trans: 0.16s ease;
  background: var(--rc-bg);
  border-radius: var(--rc-radius);
  box-shadow: var(--rc-shadow);
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 10px 22px 20px;
  width: 80%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  margin: 1rem;
}
.reading-card--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  padding: 28px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0;
}
.reading-card__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reading-card__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--rc-text);
}
.reading-card__header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reading-card__counter {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rc-muted);
}
.reading-card__face {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--rc-surface);
  border-radius: calc(var(--rc-radius) - 1px);
  padding: 32px 20px 24px;
  position: relative;
  transition: opacity var(--rc-trans);
}
.reading-card__face--exit {
  opacity: 0;
}
.reading-card__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--rc-badge-bg);
  color: var(--rc-badge-text);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 2px 9px;
  border-radius: 20px;
}
.reading-card__badge--hidden {
  display: none;
}
.reading-card__en {
  margin: 0;
  font-family: var(--rc-font-word);
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  color: var(--rc-text);
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.reading-card__ru {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--rc-muted);
  text-align: center;
  min-height: 18px;
}
.reading-card__ipa {
  margin: 6px 0 2px;
  font-family: var(--rc-font-ipa);
  font-size: 17px;
  color: var(--rc-accent);
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.reading-card__hints {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  justify-content: center;
}
.reading-card__hint {
  background: var(--rc-hint-bg);
  color: var(--rc-hint-text);
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 4px;
  letter-spacing: 0.03em;
  font-family: var(--rc-font-ipa);
}
.reading-card__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.reading-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rc-border);
  border-radius: 10px;
  background: transparent;
  color: var(--rc-muted);
  cursor: pointer;
  transition: background var(--rc-trans), border-color var(--rc-trans), color var(--rc-trans), transform var(--rc-trans);
}
.reading-card__btn:focus-visible {
  outline: 2px solid var(--rc-accent);
  outline-offset: 2px;
}
.reading-card__btn:hover {
  background: var(--rc-surface);
  border-color: #B3BCD8;
  color: var(--rc-text);
}
.reading-card__btn:active {
  transform: scale(0.95);
}
.reading-card__btn:disabled {
  opacity: 0.55;
  cursor: wait;
  transform: none;
}
.reading-card__btn--nav {
  width: 42px;
  height: 42px;
}
.reading-card__btn--listen {
  height: 42px;
  padding: 0 16px;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: lowercase;
}
.reading-card__btn--listen.reading-card__btn--speaking {
  border-color: var(--rc-accent);
  color: var(--rc-accent);
  background: rgba(59, 95, 219, 0.05);
}
.reading-card__btn--listen.reading-card__btn--speaking .reading-card__icon {
  animation: rc-speaker-pulse 0.7s ease-in-out infinite alternate;
}
.reading-card__btn--fullscreen {
  width: 34px;
  height: 34px;
}
.reading-card__icon {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}

.favourite-word,
.favourite-sound {
  width: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes rc-speaker-pulse {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.18);
    opacity: 0.6;
  }
}
.guys-select {
  width: 5rem;
}

.slp-gun {
  width: 97%;
}

@media (max-width: 480px) {
  .slp-gun {
    width: 100%;
  }
}
.trainer {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 0 auto 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.trainer--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 0;
}
.trainer--fullscreen .trainer__card {
  width: 100%;
  max-width: 720px;
  max-height: 90vh;
  overflow-y: auto;
}
.trainer__card {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  overflow: hidden;
}
.trainer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #fff;
}
.trainer__header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.trainer__title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #707070;
  margin: 0;
}
.trainer__progress {
  font-size: 13px;
  color: #7a786f;
  font-feature-settings: "tnum";
  letter-spacing: 0.02em;
}
.trainer__bar {
  height: 2px;
  background: #e1e1e1;
}
.trainer__bar-fill {
  height: 100%;
  background: #797979;
  transition: width 0.35s ease;
}
.trainer__body {
  padding: 5px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.trainer__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.trainer__field-header {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: flex-end;
  justify-content: space-between;
}
.trainer__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #a09d96;
}
@media (max-width: 480px) {
  .trainer__label {
    line-height: 2rem;
  }
}
.trainer__task-text {
  margin: 0 0 1rem;
  font-size: 16px;
  line-height: 1.6;
  color: #707070;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.trainer__input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  color: #707070;
  background: #fff;
  border: 1.5px solid #e1e1e1;
  border-radius: 10px;
  outline: none;
  resize: vertical;
  min-height: 62px;
  transition: border-color 0.15s;
  line-height: 1.5;
}
.trainer__input::-moz-placeholder {
  color: #a09d96;
}
.trainer__input::placeholder {
  color: #a09d96;
}
.trainer__input:focus {
  border-color: #797979;
  box-shadow: 0 0 0 3px rgba(121, 121, 121, 0.08);
}
.trainer__answer-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #797979;
  padding: 13px 15px;
  background: #eef5ed;
  border: 1px solid #b5d5b0;
  border-radius: 10px;
  display: none;
  animation: fadeSlide 0.2s ease;
  white-space: pre;
  white-space: break-spaces;
}
.trainer__answer-text--visible {
  display: block;
}
.trainer__dynamic-content {
  margin-top: 4px;
}
.trainer__mistakes-list {
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
  color: #707070;
  line-height: 1.5;
}
.trainer__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem 0 0 0;
  justify-content: space-between;
}
.trainer__actions--right {
  justify-content: flex-end;
}
.trainer__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 16px;
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 6px;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s, transform 0.1s;
  white-space: nowrap;
}
.trainer__btn:active {
  transform: scale(0.97);
}
.trainer__btn--icon {
  padding: 6px;
  background: transparent;
  border-color: transparent;
  color: #7a786f;
}
.trainer__btn--icon:hover {
  background: #f0ede8;
  color: #707070;
}
.trainer__btn--active {
  background: #eef5ed;
  color: #797979;
  border-color: #b5d5b0;
}
.trainer__btn--check {
  background: #1a1917;
  color: #fff;
  border-color: #1a1917;
  margin-left: auto;
}
.trainer__btn--check:hover {
  background: #333;
}
.trainer__btn--next {
  background: #797979;
  color: #fff;
  border-color: #797979;
}
.trainer__btn--next:hover {
  background: rgb(105.7, 105.7, 105.7);
}
.trainer__btn--review {
  background: #6cad63;
  color: #fff;
  border-color: #e1e1e1;
}
.trainer__btn--review:hover {
  background: #53964b;
}
.trainer__btn--wrong {
  background: #fff;
  color: #c62828;
  border-color: #f1c0c0;
}
.trainer__btn--wrong:hover {
  background: #fdecec;
}
.trainer__icon {
  width: 18px;
  height: 18px;
  display: block;
}
.trainer__divider {
  height: 1px;
  background: #e1e1e1;
  margin: 0 -20px;
}
.trainer__done {
  padding: 48px 20px;
  text-align: center;
  animation: fadeSlide 0.25s ease;
}
.trainer__done-icon {
  width: 48px;
  height: 48px;
  background: #eef5ed;
  border: 1.5px solid #b5d5b0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  color: #797979;
  font-size: 22px;
}
.trainer__done-title {
  font-size: 16px;
  font-weight: 600;
  color: #707070;
  margin: 0 0 6px;
}
.trainer__done-subtitle {
  font-size: 14px;
  color: #7a786f;
  margin: 0;
}
.trainer__popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: popupFadeIn 0.3s ease;
}
.trainer__popup-overlay--hiding {
  animation: popupFadeOut 0.3s ease forwards;
}
.trainer__popup {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  padding: 40px 32px 32px;
  text-align: center;
  max-width: 400px;
  width: 90%;
  animation: popupSlideUp 0.3s ease;
}
.trainer__popup-icon {
  width: 64px;
  height: 64px;
  background: #eef5ed;
  border: 2px solid #b5d5b0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #797979;
  font-size: 28px;
}
.trainer__popup-title {
  font-size: 20px;
  font-weight: 600;
  color: #707070;
  margin: 0 0 8px;
}
.trainer__popup-message {
  font-size: 15px;
  color: #7a786f;
  margin: 0 0 24px;
}
.trainer__popup-timer-container {
  font-size: 14px;
  color: #a09d96;
  margin-bottom: 20px;
}
.trainer__popup-timer {
  font-weight: 700;
  color: #797979;
  font-size: 16px;
  font-feature-settings: "tnum";
}

@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes popupFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popupFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes popupSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.added-deadline-progress {
  position: relative;
  overflow: hidden;
}
.added-deadline-progress::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: width 0.3s ease, background-color 0.3s ease;
  z-index: 0;
  border-radius: 0.4rem;
}
.added-deadline-progress.deadline-active::after {
  width: var(--deadline-progress, 0%);
  background: linear-gradient(94deg, rgba(201, 210, 211, 0.3490196078), rgba(41, 41, 41, 0.1098039216));
}
.added-deadline-progress.deadline-expired::after {
  width: 100%;
  background: linear-gradient(90deg, #E74C3C, #C0392B);
  animation: deadlinePulse 1.5s ease-in-out infinite;
}

@keyframes deadlinePulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.client-position.shifted {
  right: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.client-widget {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.client-widget.shifted {
  z-index: 2147483647 !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.client-widget-inner {
  padding: 5px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #333;
  background: #ffffff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  max-height: 93vh;
  overflow-y: auto;
}

.widget-section-header {
  margin: 5px 20px 0 10px 0;
  padding: 10px 15px;
  border-radius: 8px;
}

.widget-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #666;
  letter-spacing: 0.5px;
}

.client-card,
.stats-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 5px 20px;
  margin-bottom: 15px;
}

.info-row,
.stats-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}
.info-row:last-child,
.stats-row:last-child {
  border-bottom: none;
}

.stats-row-header {
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  justify-content: space-between !important;
  display: flex;
}

.info-label,
.stats-label {
  font-size: 13px;
  color: #888;
  font-weight: 500;
}

.info-value,
.stats-value {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

.rating-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
  justify-items: center;
  align-items: center;
}

.rating-item {
  background: #f9f9f9;
  border-radius: 10px;
}

.rating-label {
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
  white-space: pre-line;
  word-spacing: 100vw;
}

.rating-value {
  font-size: 28px;
  font-weight: 700;
  color: #333;
}
.rating-value small {
  font-size: 14px;
  color: #999;
  font-weight: 400;
}

.rating-note {
  font-size: 11px;
  color: #bbb;
  margin-top: 4px;
}

.progress-section {
  margin: 15px 0;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 10px;
}

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

.progress-label {
  font-size: 13px;
  color: #666;
}

.progress-percent {
  font-size: 13px;
  font-weight: 700;
  color: #4CAF50;
}

.progress-bar-container {
  width: 100%;
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin: 8px 0;
}

.progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #4CAF50, #66BB6A);
  border-radius: 4px;
  transition: width 0.3s ease;
}

.progress-dates {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 11px;
  color: #bbb;
  margin-top: 4px;
}

.type-list,
.category-list,
.criteria-list,
.grammar-list,
.word-list,
.trend-list,
.comment-list,
.problem-list,
.homework-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  width: 100%;
}

.type-item,
.category-item,
.criteria-item,
.word-item,
.trend-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 8px 12px;
  background: #f5f5f5;
  border-radius: 6px;
}

.type-name,
.category-name,
.criteria-name,
.word-name,
.trend-date {
  font-size: 13px;
  color: #555;
}

.type-count,
.category-score,
.criteria-score,
.word-count,
.trend-value {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}

.trend-bar-container {
  width: 60px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}

.trend-bar-fill {
  height: 100%;
  background: #2196F3;
  border-radius: 3px;
}

.grammar-item {
  padding: 12px;
  background: #f9f9f9;
  border-radius: 8px;
  border-left: 3px solid #2196F3;
}

.grammar-tema {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

.grammar-meta {
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: #888;
}

.grammar-status.status-learning {
  color: #2196F3;
  font-weight: 600;
}

.problem-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background: #f9f9f9;
  border-radius: 8px;
}
.problem-item.status-active {
  border-left: 3px solid #ff9800;
}
.problem-item.status-pending {
  border-left: 3px solid #9e9e9e;
}

.problem-icon {
  font-size: 18px;
  margin-top: 2px;
}

.problem-text {
  font-size: 13px;
  color: #333;
  margin-bottom: 4px;
}

.problem-status {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 12px;
}
.problem-status.active {
  background: #fff3e0;
  color: #f57c00;
}
.problem-status.pending {
  background: #f5f5f5;
  color: #9e9e9e;
}

.comment-item {
  padding: 12px;
  background: #f9f9f9;
  border-radius: 8px;
}

.comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 8px;
  font-size: 12px;
  color: #888;
}

.comment-date {
  font-weight: 600;
  color: #666;
}

.comment-text {
  font-size: 13px;
  color: #333;
  line-height: 1.5;
}

.comment-empty,
.homework-empty {
  text-align: center;
  color: #bbb;
  font-size: 13px;
  padding: 5px 20px;
}

.homework-item {
  padding: 15px;
  background: #f9f9f9;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.homework-status-badge {
  display: inline-block;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 12px;
  margin-bottom: 8px;
}
.homework-status-badge.status-done {
  background: #e8f5e9;
  color: #2e7d32;
}
.homework-status-badge.status-pending {
  background: #fff3e0;
  color: #f57c00;
}

.homework-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

.homework-task {
  font-size: 13px;
  color: #555;
  margin-bottom: 8px;
  padding: 8px;
  background: #f0f0f0;
  border-radius: 4px;
}

.homework-task-empty {
  font-size: 12px;
  color: #bbb;
  font-style: italic;
  margin-bottom: 8px;
}

.homework-due {
  margin-top: 8px;
}

.homework-due-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 12px;
  margin-bottom: 4px;
  flex-direction: column;
  align-items: flex-start;
}

.homework-due-bar {
  width: 100%;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}

.homework-due-fill {
  height: 100%;
  border-radius: 3px;
}
.homework-due-fill.active {
  background: #2196F3;
}
.homework-due-fill.overdue {
  background: #f44336;
}

.briefly-about-client {
  /* Сброс и база */
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  outline: none;
  position: relative;
  /* Визуал */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px 10px 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #555;
  letter-spacing: 0.3px;
  /* Анимации */
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  /* Тень */
}
.briefly-about-client:hover {
  background: #f8f9fa;
  border-color: #d0d0d0;
  color: #333;
}
.briefly-about-client:active {
  transform: scale(0.97);
  transition: transform 0.1s ease;
}

/* Точка-индикатор */
.briefly-about-client::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bbb;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

/* Состояние: сводка открыта */
.briefly-about-client.shifted,
.briefly-about-client[aria-expanded=true] {
  background: #f0f5ff;
  border-color: #b3d4ff;
  color: #1a73e8;
  /* Активная точка */
}
.briefly-about-client.shifted::after,
.briefly-about-client[aria-expanded=true]::after {
  background: #1a73e8;
  animation: pulse-dot 2s infinite;
}
.briefly-about-client.shifted:hover,
.briefly-about-client[aria-expanded=true]:hover {
  background: #e8f0fe;
  border-color: #80bdff;
}

/* Анимация пульсации точки */
@keyframes pulse-dot {
  0%, 100% {
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.2);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(26, 115, 232, 0.08);
  }
}
.vidget-refresh {
  cursor: pointer;
}

.vidget-refresh--loading {
  pointer-events: none;
  opacity: 0.6;
  animation: vidget-refresh-spin 0.8s linear infinite;
}

@keyframes vidget-refresh-spin {
  to {
    transform: rotate(360deg);
  }
}
.vidget-refresh-bar {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 0.4rem;
  margin: 0.4rem 0 -0.8rem;
  overflow: hidden;
  border-radius: 0.2rem;
  background: rgb(214, 234, 250);
}
.vidget-refresh-bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  border-radius: 0.2rem;
  background: rgb(150, 197, 235);
  animation: vidget-refresh-bar-move 1s ease-in-out infinite;
}

@keyframes vidget-refresh-bar-move {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(290%);
  }
}
.vidget-expand-layer {
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.35);
}

.vidget-expand-placeholder {
  flex-shrink: 0;
  visibility: hidden;
}

.vidget--expanded {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 120rem;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  transform: none;
}
.vidget--expanded > [class*=__container] {
  flex: 1 1 auto;
  align-self: stretch;
  width: auto !important;
  min-height: 0;
  max-height: none !important;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.vidget--expanded .vidget-collapsed {
  display: none;
}

.vidget-expand.vidget-expand--active {
  color: rgb(19, 19, 19);
}

@media (max-width: 480px) {
  [data-refresh-widget] {
    max-width: 100%;
    min-width: 0;
  }
  [data-refresh-widget] > [class$=__menu] {
    flex-wrap: wrap;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    row-gap: 0.6rem;
  }
  [data-refresh-widget] > [class$=__menu] > [class$=__menu_title] {
    flex: 1 1 8rem;
    width: auto;
    min-width: 0;
    margin: 0 0.5rem;
  }
  [data-refresh-widget] > [class$=__menu] > [class$=__menu_items] {
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: auto;
    max-width: 100%;
    min-width: 0;
    gap: 0.6rem;
  }
  [data-refresh-widget] > [class$=__menu] [class*=__menu_items_button] {
    flex-shrink: 0;
  }
}
.client-data__tel--empty {
  color: #aaa;
}
.client-data--saving {
  opacity: 0.7;
  pointer-events: none;
}
.client-data__offer {
  justify-content: flex-start;
  cursor: default;
}
.client-data__offer-check {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  accent-color: #7aa58a;
}
.client-data__offer-link {
  color: #919191;
  text-decoration: underline;
  text-decoration-color: rgba(145, 145, 145, 0.4);
}
.client-data__offer-link:hover {
  text-decoration-color: currentColor;
}

.vidget-materials,
.vidget-materials-home,
.vidget-materials-old-2,
.vidget-materials-notes,
.vidget-materials-mistakes {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-materials,
  .vidget-materials-home,
  .vidget-materials-old-2,
  .vidget-materials-notes,
  .vidget-materials-mistakes {
    width: -webkit-fill-available !important;
  }
}
.vidget-materials__title,
.vidget-materials-home__title,
.vidget-materials-old-2__title,
.vidget-materials-notes__title,
.vidget-materials-mistakes__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-materials__title_text,
.vidget-materials-home__title_text,
.vidget-materials-old-2__title_text,
.vidget-materials-notes__title_text,
.vidget-materials-mistakes__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-materials__menu,
.vidget-materials-home__menu,
.vidget-materials-old-2__menu,
.vidget-materials-notes__menu,
.vidget-materials-mistakes__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-materials__menu_title,
.vidget-materials-home__menu_title,
.vidget-materials-old-2__menu_title,
.vidget-materials-notes__menu_title,
.vidget-materials-mistakes__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-materials__menu_title_text,
.vidget-materials-home__menu_title_text,
.vidget-materials-old-2__menu_title_text,
.vidget-materials-notes__menu_title_text,
.vidget-materials-mistakes__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-materials__menu_title_text,
  .vidget-materials-home__menu_title_text,
  .vidget-materials-old-2__menu_title_text,
  .vidget-materials-notes__menu_title_text,
  .vidget-materials-mistakes__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-materials__menu_items,
.vidget-materials-home__menu_items,
.vidget-materials-old-2__menu_items,
.vidget-materials-notes__menu_items,
.vidget-materials-mistakes__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-materials__menu_items_button,
.vidget-materials-home__menu_items_button,
.vidget-materials-old-2__menu_items_button,
.vidget-materials-notes__menu_items_button,
.vidget-materials-mistakes__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-materials__menu_items_button:hover,
.vidget-materials-home__menu_items_button:hover,
.vidget-materials-old-2__menu_items_button:hover,
.vidget-materials-notes__menu_items_button:hover,
.vidget-materials-mistakes__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-materials__container,
.vidget-materials-home__container,
.vidget-materials-old-2__container,
.vidget-materials-notes__container,
.vidget-materials-mistakes__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-materials__container,
.vidget-materials-home__container,
.vidget-materials-old-2__container,
.vidget-materials-notes__container,
.vidget-materials-mistakes__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-materials__container::-webkit-scrollbar-track,
.vidget-materials-home__container::-webkit-scrollbar-track,
.vidget-materials-old-2__container::-webkit-scrollbar-track,
.vidget-materials-notes__container::-webkit-scrollbar-track,
.vidget-materials-mistakes__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-materials__container::-webkit-scrollbar,
.vidget-materials-home__container::-webkit-scrollbar,
.vidget-materials-old-2__container::-webkit-scrollbar,
.vidget-materials-notes__container::-webkit-scrollbar,
.vidget-materials-mistakes__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-materials__container::-webkit-scrollbar-thumb,
.vidget-materials-home__container::-webkit-scrollbar-thumb,
.vidget-materials-old-2__container::-webkit-scrollbar-thumb,
.vidget-materials-notes__container::-webkit-scrollbar-thumb,
.vidget-materials-mistakes__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-materials__container::-webkit-scrollbar-thumb::after,
.vidget-materials-home__container::-webkit-scrollbar-thumb::after,
.vidget-materials-old-2__container::-webkit-scrollbar-thumb::after,
.vidget-materials-notes__container::-webkit-scrollbar-thumb::after,
.vidget-materials-mistakes__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-materials__container:hover::-webkit-scrollbar-thumb,
.vidget-materials-home__container:hover::-webkit-scrollbar-thumb,
.vidget-materials-old-2__container:hover::-webkit-scrollbar-thumb,
.vidget-materials-notes__container:hover::-webkit-scrollbar-thumb,
.vidget-materials-mistakes__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-materials__container:hover::-webkit-scrollbar-thumb::before,
.vidget-materials-home__container:hover::-webkit-scrollbar-thumb::before,
.vidget-materials-old-2__container:hover::-webkit-scrollbar-thumb::before,
.vidget-materials-notes__container:hover::-webkit-scrollbar-thumb::before,
.vidget-materials-mistakes__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

/* Стили для даты создания в названии материала */
.material-creation-date {
  font-size: 1.4rem;
  color: #1d1d1d;
  margin-right: 8px;
  font-weight: normal;
  white-space: nowrap;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.material,
.material-2,
.material-3,
.material-4,
.material-5 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: center;
  justify-content: flex-start;
  width: 48%;
  border-radius: 0.4rem;
  background: #efefef;
  margin: 0.5rem;
  padding: 1% 0;
  flex: 1 1 calc(18% - 10px);
  max-width: 48rem;
  min-width: 30rem;
}
.material__line0,
.material-2__line0,
.material-3__line0,
.material-4__line0,
.material-5__line0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 92%;
  background: #f5f5f5;
  border-radius: 0.4rem;
  overflow-y: auto;
  padding: 1rem 0;
}
.material__line0_name,
.material-2__line0_name,
.material-3__line0_name,
.material-4__line0_name,
.material-5__line0_name {
  padding: 0.3rem;
  width: 92%;
  cursor: pointer;
  border-radius: 0.4rem;
}
.material__line0_name_text,
.material-2__line0_name_text,
.material-3__line0_name_text,
.material-4__line0_name_text,
.material-5__line0_name_text {
  font-size: 1.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
.material__line0_name:hover,
.material-2__line0_name:hover,
.material-3__line0_name:hover,
.material-4__line0_name:hover,
.material-5__line0_name:hover {
  background: rgba(174, 174, 174, 0.4941176471);
}
.material__line1,
.material-2__line1,
.material-3__line1,
.material-4__line1,
.material-5__line1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 96%;
  background: #f5f5f5;
  border-radius: 0.4rem;
}
.material__line1_name,
.material-2__line1_name,
.material-3__line1_name,
.material-4__line1_name,
.material-5__line1_name {
  width: 96%;
  padding: 1rem;
}
.material__line1_name_text,
.material-2__line1_name_text,
.material-3__line1_name_text,
.material-4__line1_name_text,
.material-5__line1_name_text {
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material__line2,
.material-2__line2,
.material-3__line2,
.material-4__line2,
.material-5__line2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  width: 92%;
  margin: 0.5rem 0 0 0;
  padding: 0.5rem 0;
}
.material__line2_stat,
.material-2__line2_stat,
.material-3__line2_stat,
.material-4__line2_stat,
.material-5__line2_stat {
  min-width: 7rem;
}
.material__line2_date,
.material-2__line2_date,
.material-3__line2_date,
.material-4__line2_date,
.material-5__line2_date {
  background: rgba(255, 255, 255, 0.3764705882);
}
.material__line2_date:hover,
.material-2__line2_date:hover,
.material-3__line2_date:hover,
.material-4__line2_date:hover,
.material-5__line2_date:hover {
  background: rgba(255, 255, 255, 0.4941176471);
}
.material__line2_stat, .material__line2_date, .material__line2_rename, .material__line2_remove, .material__line2_open, .material__line2_share,
.material-2__line2_stat,
.material-2__line2_date,
.material-2__line2_rename,
.material-2__line2_remove,
.material-2__line2_open,
.material-2__line2_share,
.material-3__line2_stat,
.material-3__line2_date,
.material-3__line2_rename,
.material-3__line2_remove,
.material-3__line2_open,
.material-3__line2_share,
.material-4__line2_stat,
.material-4__line2_date,
.material-4__line2_rename,
.material-4__line2_remove,
.material-4__line2_open,
.material-4__line2_share,
.material-5__line2_stat,
.material-5__line2_date,
.material-5__line2_rename,
.material-5__line2_remove,
.material-5__line2_open,
.material-5__line2_share {
  margin: 0.3rem 0.5rem;
}
.material__line2_stat, .material__line2_date,
.material-2__line2_stat,
.material-2__line2_date,
.material-3__line2_stat,
.material-3__line2_date,
.material-4__line2_stat,
.material-4__line2_date,
.material-5__line2_stat,
.material-5__line2_date {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.material__line2_stat_text, .material__line2_date_text,
.material-2__line2_stat_text,
.material-2__line2_date_text,
.material-3__line2_stat_text,
.material-3__line2_date_text,
.material-4__line2_stat_text,
.material-4__line2_date_text,
.material-5__line2_stat_text,
.material-5__line2_date_text {
  font-size: 1.5rem;
  white-space: nowrap;
}
.material__line2_rename, .material__line2_remove, .material__line2_open, .material__line2_share,
.material-2__line2_rename,
.material-2__line2_remove,
.material-2__line2_open,
.material-2__line2_share,
.material-3__line2_rename,
.material-3__line2_remove,
.material-3__line2_open,
.material-3__line2_share,
.material-4__line2_rename,
.material-4__line2_remove,
.material-4__line2_open,
.material-4__line2_share,
.material-5__line2_rename,
.material-5__line2_remove,
.material-5__line2_open,
.material-5__line2_share {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.2rem;
}
.material__line2_rename_text, .material__line2_remove_text, .material__line2_open_text, .material__line2_share_text,
.material-2__line2_rename_text,
.material-2__line2_remove_text,
.material-2__line2_open_text,
.material-2__line2_share_text,
.material-3__line2_rename_text,
.material-3__line2_remove_text,
.material-3__line2_open_text,
.material-3__line2_share_text,
.material-4__line2_rename_text,
.material-4__line2_remove_text,
.material-4__line2_open_text,
.material-4__line2_share_text,
.material-5__line2_rename_text,
.material-5__line2_remove_text,
.material-5__line2_open_text,
.material-5__line2_share_text {
  font-size: 1.5rem;
  cursor: pointer;
}
.material__line3,
.material-2__line3,
.material-3__line3,
.material-4__line3,
.material-5__line3 {
  display: flex;
  margin: 0 0.5rem;
  width: 96%;
}
.material__line3_task-link,
.material-2__line3_task-link,
.material-3__line3_task-link,
.material-4__line3_task-link,
.material-5__line3_task-link {
  width: 100%;
}
.material__line3_task-link_task-edit,
.material-2__line3_task-link_task-edit,
.material-3__line3_task-link_task-edit,
.material-4__line3_task-link_task-edit,
.material-5__line3_task-link_task-edit {
  display: flex;
  flex-direction: row;
  border-radius: 0.4rem;
  margin: 0.5rem 0.3rem 1rem;
  justify-content: flex-end;
}
.material__line3_task-link_task-edit_task,
.material-2__line3_task-link_task-edit_task,
.material-3__line3_task-link_task-edit_task,
.material-4__line3_task-link_task-edit_task,
.material-5__line3_task-link_task-edit_task {
  margin: 0.5rem;
  width: 100%;
}
.material__line3_task-link_task-edit_task_text,
.material-2__line3_task-link_task-edit_task_text,
.material-3__line3_task-link_task-edit_task_text,
.material-4__line3_task-link_task-edit_task_text,
.material-5__line3_task-link_task-edit_task_text {
  font-size: 1.5rem;
}
.material__line3_task-link_task-edit_task_text,
.material-2__line3_task-link_task-edit_task_text,
.material-3__line3_task-link_task-edit_task_text,
.material-4__line3_task-link_task-edit_task_text,
.material-5__line3_task-link_task-edit_task_text {
  font-size: 1.5rem;
}
.material__line3_task-link_task-edit_edit,
.material-2__line3_task-link_task-edit_edit,
.material-3__line3_task-link_task-edit_edit,
.material-4__line3_task-link_task-edit_edit,
.material-5__line3_task-link_task-edit_edit {
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.material__line3_task-link_task-edit_edit_text,
.material-2__line3_task-link_task-edit_edit_text,
.material-3__line3_task-link_task-edit_edit_text,
.material-4__line3_task-link_task-edit_edit_text,
.material-5__line3_task-link_task-edit_edit_text {
  cursor: pointer;
}
.material__line3_task-link_link-edit-status,
.material-2__line3_task-link_link-edit-status,
.material-3__line3_task-link_link-edit-status,
.material-4__line3_task-link_link-edit-status,
.material-5__line3_task-link_link-edit-status {
  display: flex;
  flex-direction: row;
  border-radius: 0.4rem;
  margin: 0.5rem 0.3rem 0rem;
  padding: 0.5rem;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 95.4%;
}
.material__line3_task-link_link-edit-status_link,
.material-2__line3_task-link_link-edit-status_link,
.material-3__line3_task-link_link-edit-status_link,
.material-4__line3_task-link_link-edit-status_link,
.material-5__line3_task-link_link-edit-status_link {
  border-radius: 0.4rem;
  white-space: nowrap;
  padding: 0rem 0.5rem;
  width: 80%;
}
.material__line3_task-link_link-edit-status_link_text,
.material-2__line3_task-link_link-edit-status_link_text,
.material-3__line3_task-link_link-edit-status_link_text,
.material-4__line3_task-link_link-edit-status_link_text,
.material-5__line3_task-link_link-edit-status_link_text {
  font-size: 1.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.material__line3_task-link_link-edit-status_edit,
.material-2__line3_task-link_link-edit-status_edit,
.material-3__line3_task-link_link-edit-status_edit,
.material-4__line3_task-link_link-edit-status_edit,
.material-5__line3_task-link_link-edit-status_edit {
  width: 10%;
  margin: 0.5rem;
}
.material__line3_task-link_link-edit-status_edit_text,
.material-2__line3_task-link_link-edit-status_edit_text,
.material-3__line3_task-link_link-edit-status_edit_text,
.material-4__line3_task-link_link-edit-status_edit_text,
.material-5__line3_task-link_link-edit-status_edit_text {
  cursor: pointer;
}
.material__line3_task-link_link-edit-status_status,
.material-2__line3_task-link_link-edit-status_status,
.material-3__line3_task-link_link-edit-status_status,
.material-4__line3_task-link_link-edit-status_status,
.material-5__line3_task-link_link-edit-status_status {
  width: 3rem;
  margin: 0.5rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.material__line3_task-link_link-edit-status_status_text,
.material-2__line3_task-link_link-edit-status_status_text,
.material-3__line3_task-link_link-edit-status_status_text,
.material-4__line3_task-link_link-edit-status_status_text,
.material-5__line3_task-link_link-edit-status_status_text {
  cursor: pointer;
}
.material__line0,
.material-2__line0,
.material-3__line0,
.material-4__line0,
.material-5__line0 {
  padding-right: 1rem;
}
.material__line0::-webkit-scrollbar-track,
.material-2__line0::-webkit-scrollbar-track,
.material-3__line0::-webkit-scrollbar-track,
.material-4__line0::-webkit-scrollbar-track,
.material-5__line0::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.material__line0::-webkit-scrollbar,
.material-2__line0::-webkit-scrollbar,
.material-3__line0::-webkit-scrollbar,
.material-4__line0::-webkit-scrollbar,
.material-5__line0::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.material__line0::-webkit-scrollbar-thumb,
.material-2__line0::-webkit-scrollbar-thumb,
.material-3__line0::-webkit-scrollbar-thumb,
.material-4__line0::-webkit-scrollbar-thumb,
.material-5__line0::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.material__line0::-webkit-scrollbar-thumb::after,
.material-2__line0::-webkit-scrollbar-thumb::after,
.material-3__line0::-webkit-scrollbar-thumb::after,
.material-4__line0::-webkit-scrollbar-thumb::after,
.material-5__line0::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.material__line0:hover::-webkit-scrollbar-thumb,
.material-2__line0:hover::-webkit-scrollbar-thumb,
.material-3__line0:hover::-webkit-scrollbar-thumb,
.material-4__line0:hover::-webkit-scrollbar-thumb,
.material-5__line0:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.material__line0:hover::-webkit-scrollbar-thumb::before,
.material-2__line0:hover::-webkit-scrollbar-thumb::before,
.material-3__line0:hover::-webkit-scrollbar-thumb::before,
.material-4__line0:hover::-webkit-scrollbar-thumb::before,
.material-5__line0:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.material-status-0 {
  background: #189847;
  color: #ffffff;
}

.material-status-1 {
  background: #ef5151;
  color: #ffffff;
}

.material-status-2 {
  background: #35a9db;
  color: #ffffff;
}

.material-status-3 {
  background: #d4d4d4;
  color: #777777;
}

.material-status-4 {
  background: #ffffff;
  color: #474747;
}

.material-status-5 {
  background: #c4b748;
  color: #ffffff;
}

.material-status-0:hover {
  background: #14803c;
}

.material-status-1:hover {
  background: #de4444;
}

.material-status-2:hover {
  background: #2d8fb9;
}

.material-status-3:hover {
  background: #dbdbdb;
}

.material-status-4:hover {
  background: #e9e9e9;
}

.material-status-5:hover {
  background: #aea447;
}

.material-parent-status-0 {
  background: rgba(24, 152, 71, 0.4862745098);
}

.material-parent-status-1 {
  background: rgba(239, 81, 81, 0.5294117647);
}

.material-parent-status-2 {
  background: rgba(53, 169, 219, 0.4784313725);
}

.material-parent-status-3 {
  background: rgba(212, 212, 212, 0.4745098039);
}

.material-parent-status-4 {
  background: repeating-linear-gradient(45deg, #ffffff, #ffffff 2px, #ffffff 2px, rgba(36, 11, 64, 0.36) 4px);
}

.material-parent-status-5 {
  background: #dcd7ae;
}

.material-title-status-0 {
  background: rgba(214, 255, 229, 0.4862745098);
}

.material-title-status-1 {
  background: rgba(255, 216, 216, 0.5294117647);
}

.material-title-status-2 {
  background: rgba(239, 251, 255, 0.4784313725);
}

.material-title-status-3 {
  background: rgba(255, 255, 255, 0.8);
}

.material-title-status-4 {
  background: #ffffff;
}

.material-title-status-5 {
  background: rgba(254, 255, 251, 0.5294117647);
}

.material-task-status-0 {
  background: rgba(214, 255, 229, 0.4862745098);
}

.material-task-status-1 {
  background: rgba(255, 216, 216, 0.5294117647);
}

.material-task-status-2 {
  background: rgba(239, 251, 255, 0.4784313725);
}

.material-task-status-3 {
  background: rgba(255, 255, 255, 0.8);
}

.material-task-status-4 {
  background: #ffffff;
}

.material-task-status-5 {
  background: rgba(254, 255, 251, 0.5294117647);
}

.materials-name-is-being-changed {
  background: rgba(255, 255, 255, 0.8509803922);
}

.materials-no-hometask {
  margin: 0.5rem 0.3rem 0rem;
}

.materials-no-hometask-task {
  width: 100%;
  text-align: center;
  font-style: italic;
  color: #919191;
}

.materials-add-hometask-task {
  width: 100%;
  text-align: left;
  font-style: normal;
  color: #212121;
}

.materials-homework-status-0 {
  border-radius: 0.4rem;
  background: #189847;
}

.materials-homework-status-1 {
  border-radius: 0.4rem;
  background: #ef5151;
}

.material-active-share-opened,
.material-2-active-share-opened {
  position: sticky;
  top: 0px;
  background: #f5f5f5;
}

.slp-cabinet-container-2__no-materials {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.add-material-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2rem;
  border: 1px solid rgba(174, 174, 174, 0.5);
  border-radius: 0.4rem;
  background-color: rgb(255, 255, 255); /* светлый фон */
  color: #c95151; /* цвет текста */
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-align: center;
  font-size: 2rem;
}

.add-material-button:hover {
  color: #a94444; /* затемнение при наведении */
}

.fm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fm-modal {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  width: 90%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  animation: fmFadeIn 0.2s;
}

@keyframes fmFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fm-modal-header {
  padding: 20px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fm-modal-header h3 {
  margin: 0;
  font-size: 18px;
  color: #1f2937;
}

.fm-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #4b5563;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.fm-modal-close:hover {
  background: #f3f4f6;
}

.fm-modal-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

.fm-pin-modal {
  max-width: 400px;
}

.fm-pin-input {
  width: 100%;
  padding: 12px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 8px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
}
.fm-pin-input:focus {
  border-color: #2563eb;
}
.fm-pin-input.error {
  border-color: #dc2626;
}

.fm-pin-error {
  color: #dc2626;
  font-size: 14px;
  margin-top: 8px;
  text-align: center;
}

.fm-pin-submit {
  padding: 8px 16px;
  background: #2563eb;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: opacity 0.2s;
  width: 100%;
  margin-top: 16px;
  padding: 12px;
  font-size: 16px;
}
.fm-pin-submit:hover {
  opacity: 0.9;
}
.fm-pin-submit:active {
  opacity: 0.8;
}

.fm-upload-area {
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 20px;
}
.fm-upload-area:hover {
  border-color: #2563eb;
  background: #f3f4f6;
}
.fm-upload-area.dragover {
  border-color: #2563eb;
  background: rgb(247.2142857143, 249.4285714286, 254.2857142857);
}

.fm-upload-icon {
  font-size: 32px;
  margin-bottom: 8px;
}

.fm-upload-text {
  color: #4b5563;
  margin-bottom: 4px;
}

.fm-upload-hint {
  font-size: 12px;
  color: #4b5563;
}

.fm-progress {
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 20px;
}
.fm-progress.fm-hidden {
  display: none;
}

.fm-progress-bar {
  height: 100%;
  background: #2563eb;
  width: 0%;
  transition: width 0.3s;
}

.fm-file-table {
  width: 100%;
  border-collapse: collapse;
}
.fm-file-table th {
  text-align: left;
  padding: 12px 8px;
  font-weight: 500;
  color: #4b5563;
  font-size: 13px;
  border-bottom: 1px solid #e5e7eb;
}
.fm-file-table td {
  padding: 12px 8px;
  border-bottom: 1px solid #f3f4f6;
}
.fm-file-table tr:hover td {
  background: #f3f4f6;
}

.fm-file-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fm-file-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fm-file-icon.pdf {
  color: #dc2626;
}
.fm-file-icon.doc, .fm-file-icon.docx {
  color: #2563eb;
}
.fm-file-icon.txt {
  color: #4b5563;
}
.fm-file-icon.mp3 {
  color: #16a34a;
}
.fm-file-icon.jpg, .fm-file-icon.jpeg, .fm-file-icon.png, .fm-file-icon.gif {
  color: #d97706;
}

.fm-file-actions {
  display: flex;
  gap: 8px;
}

.fm-btn {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.fm-btn.icon {
  padding: 6px 10px;
  background: transparent;
  color: #4b5563;
}
.fm-btn.icon:hover {
  background: #e5e7eb;
}

.fm-empty {
  text-align: center;
  padding: 40px;
  color: #4b5563;
}

.fm-hidden {
  display: none !important;
}

.material-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  z-index: 1;
  pointer-events: none;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.vidget-lessons-history {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-lessons-history {
    width: -webkit-fill-available !important;
  }
}
.vidget-lessons-history__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-lessons-history__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-lessons-history__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-lessons-history__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-lessons-history__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-lessons-history__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-lessons-history__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-lessons-history__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-lessons-history__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-lessons-history__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-lessons-history__container {
  padding-right: 1rem;
}
.vidget-lessons-history__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-history__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-history__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-lessons-history__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-lessons-history__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-lessons-history__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.lesson-unit {
  border: 1px solid #e9e9e9;
  display: flex;
  flex-direction: row-reverse;
  align-content: flex-start;
  justify-content: flex-end;
  width: -webkit-fill-available;
  border-radius: 0.4rem;
  margin: 0.3rem;
  padding: 0.5rem;
  background-color: rgb(255, 255, 255);
  flex-wrap: wrap;
  max-width: 25rem;
}
.lesson-unit__type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: inherit;
  padding: 0.5rem 1rem;
}
.lesson-unit__type_text {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.lesson-unit__type_bin {
  cursor: pointer;
}
.lesson-unit__date-rating {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: -moz-max-content;
  width: max-content;
  flex: 1;
}
.lesson-unit__date-rating_date {
  width: -moz-max-content;
  width: max-content;
  margin: 0 2rem 0 0;
}
.lesson-unit__date-rating_date_text {
  font-size: 1.5rem;
}
.lesson-unit__date-rating_rating_text {
  font-size: 1.5rem;
  color: rgb(208, 177, 0);
  cursor: pointer;
}
.lesson-unit__additional-goal, .lesson-unit__additional-rating-details, .lesson-unit__additional-materials {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 1rem;
}
.lesson-unit__additional-goal {
  border: 1px solid #f4f4f4;
  border-radius: 0.4rem;
  margin: 0.5rem 1rem;
  background: #fbfbfb;
}
.lesson-unit__additional-rating-details {
  border: 1px solid #f4f4f4;
  border-radius: 0.4rem;
  margin: 0.5rem 1rem;
  background: #fbfbfb;
}
.lesson-unit__additional-rating-details, .lesson-unit__additional-materials {
  flex-direction: column;
}
.lesson-unit__additional-materials {
  align-items: flex-start;
  width: 0rem;
}
.lesson-unit__client-rated-me {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  padding: 0rem 0 0.5rem;
}
.lesson-unit__client-rated-me_rated-lessons-item {
  width: 87%;
}
.lesson-unit__client-rated-me_rated-lessons-item_rating {
  margin: 0.5rem;
  font-size: 1.3rem;
}
.lesson-unit__client-rated-me_rated-lessons-item_comment {
  margin: 0.5rem;
  font-size: 1.3rem;
  color: #5c5c5c;
  font-style: italic;
}
.lesson-unit__client-rated-me_rated-lessons-item_not-visited {
  font-size: 1.3rem;
  color: #5c5c5c;
  font-style: italic;
  text-align: center;
}
.lesson-unit__client-rated-me_rated-lessons-item_skipped {
  font-size: 1.3rem;
  color: #5c5c5c;
  font-style: italic;
  text-align: center;
}

.lesson-aim,
.lesson-aim-empty {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  align-items: flex-end;
}
.lesson-aim__text,
.lesson-aim-empty__text {
  width: 100%;
  padding: 0.3rem 0;
  font-size: 1.4rem;
  color: #2b2a2a;
}
.lesson-aim__buttons,
.lesson-aim-empty__buttons {
  width: 30%;
  max-width: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-top: 0rem;
  border-radius: 0.4rem;
}
.lesson-aim__buttons_button,
.lesson-aim-empty__buttons_button {
  margin: 0.3rem 0.2rem;
  width: 1.5rem !important;
  height: 1.5rem !important;
  cursor: pointer !important;
}
.lesson-aim__buttons:hover,
.lesson-aim-empty__buttons:hover {
  background: rgba(244, 242, 242, 0.7098039216);
}
.lesson-aim__add,
.lesson-aim-empty__add {
  color: #747474;
  cursor: pointer;
  border: 1px solid #e4e2e2;
  padding: 0.4rem 0.6rem 0.5rem;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
}
.lesson-aim__add:hover,
.lesson-aim-empty__add:hover {
  color: #fff;
  background: #ab2e30;
}

.lesson-aim-empty {
  align-items: center;
}

.rating-lesson-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  padding: 0.2rem 0.5rem;
  margin: 0.2rem 0;
}
.rating-lesson-details__type-0, .rating-lesson-details__type-1 {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  border-radius: 5rem;
}
.rating-lesson-details__type-1 {
  background: #44c176;
}
.rating-lesson-details__type-0 {
  background: #f33e3e;
}
.rating-lesson-details__name {
  font-size: 1.3rem;
  width: 80%;
}

.material-lessons-item {
  margin: 0.4rem 0.5rem;
  padding: 0.5rem 0.8rem;
  border-radius: 0.4rem;
  cursor: pointer;
  background: rosybrown;
  color: #fff;
  overflow: hidden;
  white-space: pre;
  width: -webkit-fill-available;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 1.3rem;
}

.slp-cabinet-container-2 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 100vh;
}
.slp-cabinet-container-2__admin-materials-list, .slp-cabinet-container-2__admin-vocabulary-list, .slp-cabinet-container-2__admin-mistakes-list, .slp-cabinet-container-2__admin-library-list, .slp-cabinet-container-2__admin-content-list, .slp-cabinet-container-2__admin-add-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: space-between;
  justify-content: flex-start;
  align-items: stretch;
  background: #f5fbff;
  padding: 1rem 0 0 1rem;
  height: 93vh;
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 18rem;
  max-width: 19rem;
  position: relative;
  transition: all 0.3s ease;
}
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen, .slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen, .slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen, .slp-cabinet-container-2__admin-library-list.expanded-fullscreen, .slp-cabinet-container-2__admin-content-list.expanded-fullscreen, .slp-cabinet-container-2__admin-add-list.expanded-fullscreen {
  box-sizing: border-box;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  z-index: 9999;
  background-color: #F9FAFB;
  padding: 2rem !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  overflow-y: auto !important;
}
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list, .slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-vocabulary-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list, .slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-mistakes-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list, .slp-cabinet-container-2__admin-library-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-library-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-library-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-library-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-library-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list, .slp-cabinet-container-2__admin-content-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-content-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-content-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-content-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-content-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list, .slp-cabinet-container-2__admin-add-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-vocabulary-list,
.slp-cabinet-container-2__admin-add-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-mistakes-list,
.slp-cabinet-container-2__admin-add-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-library-list,
.slp-cabinet-container-2__admin-add-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-content-list,
.slp-cabinet-container-2__admin-add-list.expanded-fullscreen ~ .slp-cabinet-container-2__admin-add-list {
  display: none;
}
.slp-cabinet-container-2__admin-materials-list_material, .slp-cabinet-container-2__admin-vocabulary-list_material, .slp-cabinet-container-2__admin-mistakes-list_material, .slp-cabinet-container-2__admin-library-list_material, .slp-cabinet-container-2__admin-content-list_material, .slp-cabinet-container-2__admin-add-list_material {
  display: flex;
  border: 1px solid rgba(174, 174, 174, 0.4941176471);
  border-radius: 0.4rem;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  padding: 1rem;
  justify-content: space-between;
  margin: 0.3rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #fff;
}
.expanded-fullscreen .slp-cabinet-container-2__admin-materials-list_material, .expanded-fullscreen .slp-cabinet-container-2__admin-vocabulary-list_material, .expanded-fullscreen .slp-cabinet-container-2__admin-mistakes-list_material, .expanded-fullscreen .slp-cabinet-container-2__admin-library-list_material, .expanded-fullscreen .slp-cabinet-container-2__admin-content-list_material, .expanded-fullscreen .slp-cabinet-container-2__admin-add-list_material {
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 16rem;
  height: auto;
  margin: 0;
  justify-content: space-between;
}
.slp-cabinet-container-2__admin-materials-list_material_title, .slp-cabinet-container-2__admin-vocabulary-list_material_title, .slp-cabinet-container-2__admin-mistakes-list_material_title, .slp-cabinet-container-2__admin-library-list_material_title, .slp-cabinet-container-2__admin-content-list_material_title, .slp-cabinet-container-2__admin-add-list_material_title {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  text-align: center;
  margin: 0.5rem 0 1rem;
  cursor: default;
}
.slp-cabinet-container-2__admin-materials-list_material_title_name, .slp-cabinet-container-2__admin-vocabulary-list_material_title_name, .slp-cabinet-container-2__admin-mistakes-list_material_title_name, .slp-cabinet-container-2__admin-library-list_material_title_name, .slp-cabinet-container-2__admin-content-list_material_title_name, .slp-cabinet-container-2__admin-add-list_material_title_name {
  font-size: 1.5rem;
}
.slp-cabinet-container-2__admin-materials-list_material_date, .slp-cabinet-container-2__admin-vocabulary-list_material_date, .slp-cabinet-container-2__admin-mistakes-list_material_date, .slp-cabinet-container-2__admin-library-list_material_date, .slp-cabinet-container-2__admin-content-list_material_date, .slp-cabinet-container-2__admin-add-list_material_date {
  cursor: default;
  margin: 0.5rem 0 1.5rem 0;
  font-size: 1rem;
}
.slp-cabinet-container-2__admin-materials-list_material_total, .slp-cabinet-container-2__admin-vocabulary-list_material_total, .slp-cabinet-container-2__admin-mistakes-list_material_total, .slp-cabinet-container-2__admin-library-list_material_total, .slp-cabinet-container-2__admin-content-list_material_total, .slp-cabinet-container-2__admin-add-list_material_total {
  margin: 0.5rem 0 0.5rem 0;
  padding: 0.3rem 0.7rem;
  border-radius: 0.4rem;
  cursor: default;
  background: rgba(220, 232, 236, 0.53);
  font-size: 1.5rem;
}
.slp-cabinet-container-2__admin-materials-list_material_tag, .slp-cabinet-container-2__admin-vocabulary-list_material_tag, .slp-cabinet-container-2__admin-mistakes-list_material_tag, .slp-cabinet-container-2__admin-library-list_material_tag, .slp-cabinet-container-2__admin-content-list_material_tag, .slp-cabinet-container-2__admin-add-list_material_tag {
  margin: 0.5rem 0 0.5rem 0;
  padding: 0.3rem 0.7rem;
  border-radius: 0.4rem;
  cursor: default;
  background: rgba(148, 209, 236, 0.31);
  font-size: 1.5rem;
}
.slp-cabinet-container-2__admin-materials-list_material_settings, .slp-cabinet-container-2__admin-vocabulary-list_material_settings, .slp-cabinet-container-2__admin-mistakes-list_material_settings, .slp-cabinet-container-2__admin-library-list_material_settings, .slp-cabinet-container-2__admin-content-list_material_settings, .slp-cabinet-container-2__admin-add-list_material_settings {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  width: 80%;
  margin: 0 0 0.5rem 0;
}
.slp-cabinet-container-2__admin-materials-list_material_settings_butt, .slp-cabinet-container-2__admin-vocabulary-list_material_settings_butt, .slp-cabinet-container-2__admin-mistakes-list_material_settings_butt, .slp-cabinet-container-2__admin-library-list_material_settings_butt, .slp-cabinet-container-2__admin-content-list_material_settings_butt, .slp-cabinet-container-2__admin-add-list_material_settings_butt {
  cursor: pointer;
}
.expanded-fullscreen .slp-cabinet-container-2 .add-materials-data {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 0;
}
.slp-cabinet-container-2__admin-add-list {
  min-width: 33rem;
  max-width: 34rem;
  z-index: 2147483647;
}
.slp-cabinet-container-2__admin-materials-list, .slp-cabinet-container-2__admin-vocabulary-list, .slp-cabinet-container-2__admin-mistakes-list, .slp-cabinet-container-2__admin-library-list, .slp-cabinet-container-2__admin-content-list, .slp-cabinet-container-2__admin-add-list {
  padding-right: 1rem;
}
.slp-cabinet-container-2__admin-materials-list::-webkit-scrollbar-track, .slp-cabinet-container-2__admin-vocabulary-list::-webkit-scrollbar-track, .slp-cabinet-container-2__admin-mistakes-list::-webkit-scrollbar-track, .slp-cabinet-container-2__admin-library-list::-webkit-scrollbar-track, .slp-cabinet-container-2__admin-content-list::-webkit-scrollbar-track, .slp-cabinet-container-2__admin-add-list::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.slp-cabinet-container-2__admin-materials-list::-webkit-scrollbar, .slp-cabinet-container-2__admin-vocabulary-list::-webkit-scrollbar, .slp-cabinet-container-2__admin-mistakes-list::-webkit-scrollbar, .slp-cabinet-container-2__admin-library-list::-webkit-scrollbar, .slp-cabinet-container-2__admin-content-list::-webkit-scrollbar, .slp-cabinet-container-2__admin-add-list::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.slp-cabinet-container-2__admin-materials-list::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-vocabulary-list::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-mistakes-list::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-library-list::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-content-list::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-add-list::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.slp-cabinet-container-2__admin-materials-list::-webkit-scrollbar-thumb::after, .slp-cabinet-container-2__admin-vocabulary-list::-webkit-scrollbar-thumb::after, .slp-cabinet-container-2__admin-mistakes-list::-webkit-scrollbar-thumb::after, .slp-cabinet-container-2__admin-library-list::-webkit-scrollbar-thumb::after, .slp-cabinet-container-2__admin-content-list::-webkit-scrollbar-thumb::after, .slp-cabinet-container-2__admin-add-list::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.slp-cabinet-container-2__admin-materials-list:hover::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-vocabulary-list:hover::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-mistakes-list:hover::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-library-list:hover::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-content-list:hover::-webkit-scrollbar-thumb, .slp-cabinet-container-2__admin-add-list:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.slp-cabinet-container-2__admin-materials-list:hover::-webkit-scrollbar-thumb::before, .slp-cabinet-container-2__admin-vocabulary-list:hover::-webkit-scrollbar-thumb::before, .slp-cabinet-container-2__admin-mistakes-list:hover::-webkit-scrollbar-thumb::before, .slp-cabinet-container-2__admin-library-list:hover::-webkit-scrollbar-thumb::before, .slp-cabinet-container-2__admin-content-list:hover::-webkit-scrollbar-thumb::before, .slp-cabinet-container-2__admin-add-list:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.slp-cabinet-container-2__search-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0.9rem;
  position: sticky;
  top: 0;
  background-color: #f5fbff;
  z-index: 999;
  outline: 1rem solid #f5fbff;
  padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .slp-cabinet-container-2__search-filter-wrapper {
    flex-direction: column;
    gap: 8px;
  }
}
.expanded-fullscreen .slp-cabinet-container-2__search-filter-wrapper {
  position: relative;
  outline: none;
  z-index: auto;
  width: 100%;
  flex-shrink: 0;
}
.slp-cabinet-container-2__search-row {
  display: flex;
  align-items: stretch;
  gap: 0.6rem;
  width: 100%;
  margin-top: 1rem;
}
.slp-cabinet-container-2__search-block {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.slp-cabinet-container-2__search-input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 15px 10px 38px;
  border-radius: 0.4rem;
  border: 1px solid #e0e0e0;
  background-color: white;
  font-size: 1.5rem;
  outline: none;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: inherit;
  color: #333;
}
.slp-cabinet-container-2__search-input::-moz-placeholder {
  color: #999;
  font-size: 13px;
}
.slp-cabinet-container-2__search-input::placeholder {
  color: #999;
  font-size: 13px;
}
.slp-cabinet-container-2__search-input:hover {
  border-color: #bdbdbd;
}
.slp-cabinet-container-2__search-input:focus {
  border-color: #000000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.slp-cabinet-container-2__search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.slp-cabinet-container-2__search-icon svg {
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.slp-cabinet-container-2__expand-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  margin: 0;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-radius: 0.4rem;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #666;
  flex-shrink: 0;
}
.slp-cabinet-container-2__expand-button:hover {
  background-color: #f5f5f5;
  border-color: #bdbdbd;
}
.slp-cabinet-container-2__expand-button.active {
  background-color: #e8e8e8;
  border-color: #bdbdbd;
  color: #333;
}
.slp-cabinet-container-2__expand-button svg {
  width: 16px;
  height: 16px;
}
.slp-cabinet-container-2__category-filter {
  margin-bottom: 0;
  position: relative;
  min-width: 160px;
}
.slp-cabinet-container-2__category-filter-select {
  padding: 10px 35px 10px 15px;
  border-radius: 0.4rem;
  border: 1px solid #e0e0e0;
  background-color: white;
  font-size: 1.5rem;
  cursor: pointer;
  width: 98%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  transition: all 0.3s ease;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.slp-cabinet-container-2__category-filter-select:hover {
  border-color: #bdbdbd;
}
.slp-cabinet-container-2__no-content {
  border: 1px solid #a3a3a3;
  width: -webkit-fill-available;
  margin: 0 auto;
  border-radius: 0.4rem;
  text-align: center;
}
.slp-cabinet-container-2__no-content-content {
  border: 1px solid #a3a3a3;
  width: -webkit-fill-available;
  margin: 0 auto 1rem;
  border-radius: 0.4rem;
  text-align: center;
}

.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen.add-materials-data {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  grid-auto-rows: min-content;
  align-content: start !important;
  gap: 1.2rem !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
}
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen.add-materials-data > .slp-cabinet-container-2__search-filter-wrapper,
.slp-cabinet-container-2__admin-materials-list.expanded-fullscreen.add-materials-data > .slp-cabinet-container-2__no-materials {
  grid-column: 1/-1;
}

@media (max-width: 375px) {
  .slp-cabinet-container-2__admin-materials-list, .slp-cabinet-container-2__admin-vocabulary-list, .slp-cabinet-container-2__admin-mistakes-list, .slp-cabinet-container-2__admin-content-list, .slp-cabinet-container-2__admin-add-list {
    min-width: none;
    max-width: none;
  }
  .slp-cabinet-container-2__admin-materials-list_material_title_name, .slp-cabinet-container-2__admin-vocabulary-list_material_title_name, .slp-cabinet-container-2__admin-mistakes-list_material_title_name, .slp-cabinet-container-2__admin-content-list_material_title_name, .slp-cabinet-container-2__admin-add-list_material_title_name {
    font-size: 2rem;
  }
  .slp-cabinet-container-2__admin-materials-list_material_settings, .slp-cabinet-container-2__admin-vocabulary-list_material_settings, .slp-cabinet-container-2__admin-mistakes-list_material_settings, .slp-cabinet-container-2__admin-content-list_material_settings, .slp-cabinet-container-2__admin-add-list_material_settings {
    width: 55%;
  }
}
@media (max-width: 480px) {
  .slp-cabinet-container-2__admin-materials-list, .slp-cabinet-container-2__admin-vocabulary-list, .slp-cabinet-container-2__admin-mistakes-list, .slp-cabinet-container-2__admin-content-list, .slp-cabinet-container-2__admin-add-list {
    min-width: none;
    max-width: none;
  }
  .slp-cabinet-container-2__admin-materials-list_material_title_name, .slp-cabinet-container-2__admin-vocabulary-list_material_title_name, .slp-cabinet-container-2__admin-mistakes-list_material_title_name, .slp-cabinet-container-2__admin-content-list_material_title_name, .slp-cabinet-container-2__admin-add-list_material_title_name {
    font-size: 2rem;
  }
  .slp-cabinet-container-2__admin-materials-list_material_settings, .slp-cabinet-container-2__admin-vocabulary-list_material_settings, .slp-cabinet-container-2__admin-mistakes-list_material_settings, .slp-cabinet-container-2__admin-content-list_material_settings, .slp-cabinet-container-2__admin-add-list_material_settings {
    width: 55%;
  }
}
.add-content-button {
  font-size: 3rem;
  text-decoration: none;
  color: #a3a3a3;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.add-content-button:hover {
  color: #ab2e30;
}

/* Контейнер клиентов */
.clients-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 15px 0;
  max-height: 300px;
  overflow-y: auto;
  padding: 3px;
}

.clients-container {
  padding-right: 1rem;
}
.clients-container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.clients-container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.clients-container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.clients-container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.clients-container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.clients-container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.content-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 15px 0;
  max-height: 300px;
  overflow-y: auto;
  padding: 1.5rem 1.5rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.4rem;
}

.content-container {
  padding-right: 1rem;
}
.content-container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.content-container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.content-container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.content-container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.content-container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.content-container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

/* Элемент клиента */
.client-to-share {
  padding: 0.4rem 1rem;
  border: 1px solid #ddd;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #fff;
  font-size: 1.5rem;
}

/* Состояние при наведении */
.client-to-share:hover {
  background-color: #f5f5f5;
}

/* Выбранный клиент */
.client-to-share.selected {
  background-color: #e8f4ff;
  border-color: #b8d8ff;
}

/* Кнопка отправки */
.send-selected-btn {
  display: none;
  padding: 0.5rem 1.1rem;
  background-color: #4299e1;
  color: white;
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: background-color 0.2s;
}

.send-selected-btn:hover {
  background-color: #3182ce;
}

/* Счетчик в кнопке */
.selected-count {
  font-weight: bold;
  margin-left: 0.3rem;
}

.client-has-passed {
  text-decoration: line-through;
  color: #cbc2c2;
}

.drag-to-client-item {
  position: relative;
}
.drag-to-client-item .slp-cabinet-container-2__admin-materials-list_material_title {
  box-sizing: border-box;
  padding: 0 2.6rem;
}
.drag-to-client-item.content-conteiner {
  padding-top: 3.4rem;
}
.drag-to-client-item--dragging {
  opacity: 0.4;
}
.drag-to-client-item--sending {
  opacity: 0.6;
  pointer-events: none;
}

.drag-to-client-handle {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #797979;
  opacity: 0.7;
  cursor: grab;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.drag-to-client-item:hover .drag-to-client-handle {
  opacity: 1;
}
.drag-to-client-handle:hover {
  background-color: #eef5ed;
}
.drag-to-client-handle:active {
  cursor: grabbing;
}

.drag-to-client-target {
  outline: 2px dashed #8cc283;
  outline-offset: -2px;
  transition: outline-color 0.2s ease, box-shadow 0.2s ease;
}
.drag-to-client-target--over {
  outline-style: solid;
  box-shadow: 0 0 0 0.4rem rgba(140, 194, 131, 0.35);
}

.slp-cabinet-container-2__search-input.mistakes-search {
  padding-left: 15px;
}

.mistakes-add-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 39px;
  height: 39px;
  margin: 0;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #666;
  font-size: 1.8rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mistakes-add-toggle:hover, .mistakes-add-toggle--active {
  border-color: #ab2e30;
  color: #ab2e30;
}

.mistakes-list__empty {
  margin: 2rem 1rem 0 0;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  color: #999;
}

.mistakes-view-popup {
  width: min(60rem, 90vw);
  max-width: none;
}
.mistakes-view-popup__list {
  max-height: 55vh;
  margin: 1rem 0;
  padding: 0;
  overflow-y: auto;
  font-size: 1.4rem;
  line-height: 1.4;
  list-style: none;
  counter-reset: mistake;
}
.mistakes-view-popup__list li {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid #f0f0f0;
  counter-increment: mistake;
}
.mistakes-view-popup__list li::before {
  content: counter(mistake) ".";
  min-width: 4ch;
  text-align: right;
  font-variant-numeric: tabular-nums;
  grid-row: span 2;
}
.mistakes-view-popup__title, .mistakes-view-popup__task, .mistakes-view-popup__answer {
  border-radius: 0.4rem;
  outline: none;
  cursor: text;
  transition: background-color 0.15s, box-shadow 0.15s;
}
.mistakes-view-popup__title:hover, .mistakes-view-popup__task:hover, .mistakes-view-popup__answer:hover {
  background: #f5f9fe;
}
.mistakes-view-popup__title:focus, .mistakes-view-popup__task:focus, .mistakes-view-popup__answer:focus {
  background: #fff;
  box-shadow: 0 0 0 0.2rem #8fb8e8;
}
.mistakes-view-popup__title {
  display: inline-block;
  min-width: 10rem;
}
.mistakes-view-popup__hint {
  color: #9aa0a6;
  font-size: 1.2rem;
}
.mistakes-view-popup__remove {
  grid-column: 3;
  grid-row: 1/span 2;
  align-self: center;
  padding: 0.2rem 0.6rem;
  border: 0;
  border-radius: 0.4rem;
  background: none;
  color: #bdbdbd;
  font-size: 1.3rem;
  cursor: pointer;
}
.mistakes-view-popup__remove:hover {
  background: #fdecea;
  color: #d93025;
}
.mistakes-view-popup__task, .mistakes-view-popup__answer {
  grid-column: 2;
  display: block;
  min-height: 1.4em;
  padding: 0 0.3rem;
  word-break: break-word;
}
.mistakes-view-popup__answer {
  color: #2e7d32;
}

.vidget-lessons-types {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-lessons-types {
    width: -webkit-fill-available !important;
  }
}
.vidget-lessons-types__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-lessons-types__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-lessons-types__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-lessons-types__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-lessons-types__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-lessons-types__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-lessons-types__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-lessons-types__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-lessons-types__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-lessons-types__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-lessons-types__container {
  padding-right: 1rem;
}
.vidget-lessons-types__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-types__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-lessons-types__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-lessons-types__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-lessons-types__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-lessons-types__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.types-for-lessons {
  display: flex;
  width: -webkit-fill-available;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 0.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgba(242, 242, 242, 0.19);
}
.types-for-lessons__type {
  display: flex;
  padding: 0.5rem 0;
  padding: 0.5rem 0 1rem;
  width: 80%;
  margin: 0 1rem;
}
.types-for-lessons__type_word {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.types-for-lessons__menu {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 90%;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.895);
}
.types-for-lessons__menu_number {
  width: 2rem;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0 0.5rem;
}
.types-for-lessons__menu_number_text {
  font-size: 1.5rem;
}
.types-for-lessons__menu_rating {
  width: 70%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.types-for-lessons__menu_edit {
  width: 10%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0 0.5rem;
}
.types-for-lessons__menu_delete {
  width: 10%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0 0.5rem;
}

.vidget-vocabulary-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-vocabulary-list {
    width: -webkit-fill-available !important;
  }
}
.vidget-vocabulary-list__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-vocabulary-list__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-vocabulary-list__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-vocabulary-list__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-vocabulary-list__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-vocabulary-list__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-vocabulary-list__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-vocabulary-list__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-vocabulary-list__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-vocabulary-list__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-vocabulary-list__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-vocabulary-list__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-vocabulary-list__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-vocabulary-list__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-vocabulary-list__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-vocabulary-list__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-vocabulary-list__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.client-container-for-new-word {
  width: 95%;
  margin: 0.2rem 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  border: 0.4rem;
}
.client-container-for-new-word__word, .client-container-for-new-word__translation {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 97%;
  min-height: -moz-min-content;
  min-height: min-content;
  word-break: break-word;
  cursor: default;
  color: rgb(48, 48, 48);
  text-align: center;
  vertical-align: middle;
  line-height: normal;
  margin: 0px 0px 1px;
  padding: 8px;
  border-radius: 4px 4px 4px 4px;
  white-space: pre-wrap;
  font-size: 1.7rem;
}

.vocabulary-add {
  display: flex;
  background: #f4f4f4;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.vocabulary-add__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
  background: #fff;
}
.vocabulary-add__menu_word {
  width: 50%;
  text-align: center;
  padding: 0.75rem 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  font-weight: normal;
  color: #555;
}
.vocabulary-add__menu_word:hover {
  background: #e9e9e9;
  color: #000;
}
.vocabulary-add__menu_word--active {
  background: #ffffff;
  border-bottom: 2px solid #007bff;
  font-weight: bold;
  color: #007bff;
  pointer-events: none;
}
.vocabulary-add__menu_word_text {
  font-size: 1.5rem;
}
.vocabulary-add__content {
  width: 100%;
  box-sizing: border-box;
}
.vocabulary-add__panel {
  border-radius: 8px;
  padding: 1.5rem;
  animation: fadeIn 0.3s ease;
}
.vocabulary-add__panel_title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #333;
}
.vocabulary-add__panel_form {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.vocabulary-add__result {
  background: #f4f4f4;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0;
}
.vocabulary-add__input-word {
  height: 30px;
  min-height: 30px;
  min-width: 26rem;
  color: rgb(0, 0, 0);
  line-height: 1.9;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 5px;
  padding: 6px;
  background: rgb(255, 255, 255);
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  padding: 0.6rem 0.8rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1.6rem;
  transition: border-color 0.2s ease;
}
.vocabulary-add__input-word:focus {
  outline: none;
  border-color: #007bff;
}
.vocabulary-add__input-list {
  flex: 1;
  min-height: 60px;
  padding: 0.6rem 0.8rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1.5rem;
  transition: border-color 0.2s ease;
  background: #fff;
}
.vocabulary-add__input-list:focus {
  outline: none;
  border-color: #007bff;
}
.vocabulary-add__button {
  background: #007bff;
  color: white;
  border-radius: 16px;
  transition: all 0.2s ease;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain; /* важно! */
  background-repeat: no-repeat;
  background-position: center;
  font-size: 2rem;
}
.vocabulary-add__button:nth-child(1) {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vocabulary-add__button:nth-child(2) {
  background-image: url("https://cabinet.speak-like.pro/img/multitran.png");
  filter: grayscale(0.8);
}
.vocabulary-add__button:nth-child(3) {
  background-image: url("https://cabinet.speak-like.pro/img/gptChat.png");
  filter: grayscale(0.8);
}
.vocabulary-add__button-list {
  padding: 0.4rem 1.2rem;
  background: #007bff;
  color: white;
  border-radius: 16px;
  cursor: pointer;
  font-size: 1.8rem;
  transition: all 0.2s ease;
  width: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.5rem;
  text-align: center;
  margin: 0.5rem 0;
}
.vocabulary-add__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}
.vocabulary-add__buttons-list {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}
.vocabulary-add__end-button {
  border: 3.5px solid;
  border-radius: 4px;
  display: none;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  cursor: pointer;
  margin: 0 0 1rem 0;
  position: fixed;
  bottom: 0rem;
  right: 2rem;
  background: #2dbf59;
  padding: 0.8rem;
  color: #f4f4f4;
}

.vocabulary-add__button-list.is-disabled {
  background: #d9d9d9;
  color: #8a8a8a;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.75;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vidget-reading-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-reading-list {
    width: -webkit-fill-available !important;
  }
}
.vidget-reading-list__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-reading-list__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-reading-list__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-reading-list__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-reading-list__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-reading-list__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-reading-list__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-reading-list__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-reading-list__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-reading-list__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-reading-list__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-reading-list__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-reading-list__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-reading-list__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-reading-list__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-reading-list__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-reading-list__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.vidget-my-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-my-content {
    width: -webkit-fill-available !important;
  }
}
.vidget-my-content__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-my-content__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-my-content__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-my-content__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-my-content__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-my-content__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-my-content__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-my-content__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-my-content__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-my-content__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem;
}
.vidget-my-content__container_item {
  width: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5rem;
  padding: 0.5rem 0.8rem 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0.5rem;
  border-radius: 0.4rem;
  min-height: 5rem;
}
.vidget-my-content__container_item_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.vidget-my-content__container_item_data_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.5rem;
}
.vidget-my-content__container_item_data_days {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  padding: 0.5rem;
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.vidget-my-content__container_item_data_days:hover {
  background: rgba(0, 0, 0, 0.2117647059);
}
.vidget-my-content__container_item_data_activate {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.vidget-my-content__container_item_settings {
  display: flex;
  border-radius: 0.4rem;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  padding: 0.4rem 0;
  background: rgba(255, 255, 255, 0.93);
}
.vidget-my-content__container_item_settings_point {
  margin: 0 0.5rem;
}
.vidget-my-content__container_item_type {
  font-size: 1rem;
  color: #646464;
  background: rgba(255, 255, 255, 0.93);
  padding: 0.2rem 0.7rem;
  border-radius: 0.4rem;
}
.vidget-my-content__container {
  padding-right: 1rem;
}
.vidget-my-content__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-my-content__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-my-content__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-my-content__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-my-content__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-my-content__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.add-new-content-block {
  padding: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999991;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  background: #fff;
}
.add-new-content-block__menu {
  display: flex;
  justify-content: flex-end;
  width: -webkit-fill-available;
}
.add-new-content-block__menu_close {
  cursor: default;
}
.add-new-content-block__visual {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.add-new-content-block__visual_form, .add-new-content-block__visual_preview {
  width: 20rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
}

@media (max-width: 375px) {
  .add-new-content-block {
    box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
  }
  .add-new-content-block__visual {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .add-new-content-block {
    box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
  }
  .add-new-content-block__visual {
    flex-direction: column;
  }
}
.form-add-new-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.form-add-new-content__field {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin: 0.25rem 0;
}
.form-add-new-content__field_label {
  margin: 0.25rem 0;
  font-size: 1.5rem;
}
.form-add-new-content__field_input {
  outline: none;
  padding: 0.3rem 0.3rem;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  border: 1px solid #c1c1c1;
}
.form-add-new-content__button {
  border: 1px solid;
  border-radius: 0.4rem;
  padding: 0.3rem 1rem;
  font-size: 2rem;
  cursor: pointer;
  margin: 0.8rem 0;
  background: #8c8c8c;
  color: #fff;
}
.form-add-new-content__button:hover {
  background: #ab2e30;
}

.content-conteiner {
  display: flex;
  border: 1px solid rgba(174, 174, 174, 0.4941176471);
  border-radius: 0.4rem;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  padding: 1rem;
  justify-content: space-between;
  margin: 0.3rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 15rem;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--overlay-color);
}
.content-conteiner__pic {
  width: 17rem;
  height: 26rem;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -1rem;
  border-radius: 0.4rem;
  z-index: 0;
  filter: grayscale(0.7) opacity(0.9);
}
.content-conteiner__title {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 95%;
  text-align: center;
  margin: 0.5rem 0 1rem;
  cursor: default;
  background: rgba(255, 255, 255, 0.9098039216);
  color: #2d2d2d;
  border-radius: 0.4rem;
  padding: 0.5rem;
  z-index: 1;
  filter: drop-shadow(1px 3px 7px rgba(3, 3, 3, 0.3411764706));
  outline: 3px solid rgba(255, 255, 255, 0.29);
}
.content-conteiner__title_name {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.5rem;
  font-size: 1.5rem;
}
.content-conteiner__total {
  margin: 0.5rem 0 0.5rem 0;
  padding: 0.3rem 0.7rem;
  border-radius: 0.4rem;
  cursor: default;
  background: rgba(220, 232, 236, 0.53);
  font-size: 1.5rem;
  z-index: 1;
}
.content-conteiner__tag {
  margin: 0.5rem 0 0.5rem 0;
  padding: 0.3rem 0.7rem;
  border-radius: 0.4rem;
  cursor: default;
  font-size: 1.5rem;
  background: rgb(199, 12, 12);
  color: #fff;
  z-index: 1;
}
.content-conteiner__date {
  cursor: default;
  margin: 0.5rem 0 1.5rem 0;
  font-size: 1rem;
  z-index: 1;
}
.content-conteiner__settings {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  width: 95%;
  margin: 0.3rem 0 0.5rem 0;
  background: rgb(255, 255, 255);
  padding: 0.5rem;
  border-radius: 0.4rem;
  z-index: 1;
}
.content-conteiner__settings_butt {
  cursor: pointer;
}

@media (max-width: 375px) {
  .content-conteiner {
    width: auto;
  }
  .content-conteiner__title_name {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .content-conteiner {
    width: auto;
  }
  .content-conteiner__title_name {
    font-size: 2rem;
  }
}
.vidget-messages {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-messages {
    width: -webkit-fill-available !important;
  }
}
.vidget-messages__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-messages__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-messages__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-messages__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-messages__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-messages__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-messages__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-messages__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-messages__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-messages__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem;
}
.vidget-messages__container_item {
  width: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5rem;
  padding: 0.5rem 0.8rem 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0.5rem;
  border-radius: 0.4rem;
  min-height: 5rem;
}
.vidget-messages__container_item_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.vidget-messages__container_item_data_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.5rem;
}
.vidget-messages__container_item_data_days {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  padding: 0.5rem;
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.vidget-messages__container_item_data_days:hover {
  background: rgba(0, 0, 0, 0.2117647059);
}
.vidget-messages__container_item_data_activate {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.vidget-messages__container_item_settings {
  display: flex;
  border-radius: 0.4rem;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  padding: 0.4rem 0;
  background: rgba(255, 255, 255, 0.93);
}
.vidget-messages__container_item_settings_point {
  margin: 0 0.5rem;
}
.vidget-messages__container_item_type {
  font-size: 1rem;
  color: #646464;
  background: rgba(255, 255, 255, 0.93);
  padding: 0.2rem 0.7rem;
  border-radius: 0.4rem;
}
.vidget-messages__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-messages__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-messages__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-messages__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-messages__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-messages__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-messages__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.vidget-rating-items {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-rating-items {
    width: -webkit-fill-available !important;
  }
}
.vidget-rating-items__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-rating-items__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-rating-items__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-rating-items__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-rating-items__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-rating-items__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-rating-items__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-rating-items__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-rating-items__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-rating-items__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem;
}
.vidget-rating-items__container_item {
  width: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5rem;
  padding: 0.5rem 0.8rem 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0.5rem;
  border-radius: 0.4rem;
  min-height: 5rem;
}
.vidget-rating-items__container_item_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.vidget-rating-items__container_item_data_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.5rem;
}
.vidget-rating-items__container_item_data_days {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  padding: 0.5rem;
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.vidget-rating-items__container_item_data_days:hover {
  background: rgba(0, 0, 0, 0.2117647059);
}
.vidget-rating-items__container_item_data_activate {
  margin: -1.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.1411764706);
  width: 1.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.vidget-rating-items__container_item_settings {
  display: flex;
  border-radius: 0.4rem;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  padding: 0.4rem 0;
  background: rgba(255, 255, 255, 0.93);
}
.vidget-rating-items__container_item_settings_point {
  margin: 0 0.5rem;
}
.vidget-rating-items__container_item_type {
  font-size: 1rem;
  color: #646464;
  background: rgba(255, 255, 255, 0.93);
  padding: 0.2rem 0.7rem;
  border-radius: 0.4rem;
}
.vidget-rating-items__container {
  padding-right: 1rem;
}
.vidget-rating-items__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-rating-items__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-rating-items__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-rating-items__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-rating-items__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-rating-items__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.rating-check-block {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}

.rating-check-block__menu {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 15px;
}

.rating-check-block__menu_right_add, .rating-check-block__menu_right_how, .rating-check-block__menu_right_close {
  width: 24px;
  height: 24px;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: filter 0.2s ease;
}
.rating-check-block__menu_right_add:hover, .rating-check-block__menu_right_how:hover, .rating-check-block__menu_right_close:hover {
  filter: brightness(0.9);
}

.rating-check-block__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
}
.rating-check-block__menu_left_title {
  font-weight: bold;
  font-size: 16px;
}
.rating-check-block__menu_right {
  display: flex;
  gap: 8px;
}
.rating-check-block__menu_right_close {
  background-color: #ff5a5a;
  color: white;
}
.rating-check-block__menu_right_close:hover {
  background-color: #c73b3b;
}
.rating-check-block__menu_right_close_symbol {
  font-size: 14px;
  font-weight: bold;
}
.rating-check-block__menu_right_how {
  background-color: #f0f0f0;
  color: #333;
}
.rating-check-block__menu_right_how:hover {
  background-color: #c1c1c1;
}
.rating-check-block__menu_right_how_symbol {
  font-size: 14px;
  font-weight: bold;
}
.rating-check-block__menu_right_add {
  background-color: #4caf50;
  color: white;
}
.rating-check-block__menu_right_add:hover {
  background-color: #3d9740;
}
.rating-check-block__menu_right_add_symbol {
  font-size: 14px;
  font-weight: bold;
}
.rating-check-block__container {
  padding: 12px;
  overflow-y: auto;
  min-height: 60vh;
}

.rating-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}
.rating-item:hover {
  background-color: #f9f9f9;
}
.rating-item__left, .rating-item__right {
  display: flex;
  align-items: center;
  padding: 0.7rem 0;
  width: 100%;
  justify-content: space-between;
}
.rating-item__left_name, .rating-item__right_name {
  width: 100%;
}
.rating-item__right {
  gap: 10px;
}
.rating-item__left_name_text {
  font-size: 14px;
  color: #333;
}
.rating-item__right_type {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  cursor: pointer;
  background-color: #e0e0e0;
  color: #333;
  font-size: 14px;
  transition: filter 0.2s ease;
}
.rating-item__right_close {
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  cursor: pointer;
  background-color: #ff5a5a;
  color: white;
  font-size: 14px;
  transition: filter 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rating-item__right_close:hover {
  filter: brightness(0.9);
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.rating-criteria-under-edit {
  padding: 1rem;
  border: 1px dashed #ccc;
  border-radius: 0.4rem;
  outline: none;
  width: 80%;
  display: flex;
}

.dropdown-rating-criteria-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-button {
  width: 12rem;
  width: 100%;
  padding: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  display: block;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-button:focus {
  outline: none;
  border-color: #4285f4;
  box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-list {
  display: none;
  position: absolute;
  left: -25px;
  top: 160%;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  margin-top: 4px;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-list .dropdown-rating-criteria-item {
  padding: 8px 12px;
  cursor: pointer;
  color: #333;
  font-size: 14px;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-list .dropdown-rating-criteria-item:hover {
  background-color: #f5f5f5;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-list .dropdown-rating-criteria-item:active {
  background-color: #f5f5f5;
}
.dropdown-rating-criteria-container .dropdown-rating-criteria-list .dropdown-rating-criteria-item.group-item {
  font-style: italic;
  color: #333;
}
.dropdown-rating-criteria-container.open .dropdown-rating-criteria-list {
  display: block;
}
.dropdown-rating-criteria-container.open .dropdown-rating-criteria-button {
  border-color: #4285f4;
  width: 12rem;
  text-align: center;
}

.vocabulary-list {
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 50rem;
  padding: 0.5rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 31rem;
  cursor: default;
  background-color: #fff;
  box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
}
.vocabulary-list__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin: 0.5rem 0 0 0.5rem;
}
.vocabulary-list__menu_title {
  padding: 0 0 0 1rem;
}
.vocabulary-list__menu_title_text {
  font-size: 1.5rem;
}
.vocabulary-list__menu_close {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.vocabulary-list__menu_close_text {
  font-size: 1.5rem;
}
.vocabulary-list__menu_add {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 1rem;
  border-radius: 0.4rem;
  background-color: #ef5151;
  color: #fff;
  cursor: pointer;
}
.vocabulary-list__menu_add_text {
  font-size: 1.5rem;
}
.vocabulary-list__menu_add:hover {
  background-color: #de4444;
}
.vocabulary-list__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  padding-right: 1rem;
  margin: 0.5rem 0 1rem;
}
.vocabulary-list__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vocabulary-list__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vocabulary-list__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vocabulary-list__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vocabulary-list__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vocabulary-list__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vocabulary-list__container_item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 97%;
  border-radius: 0.4rem;
  margin: 0.2rem 0;
}
.vocabulary-list__container_item_block-word {
  width: 70%;
  min-width: 20rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.5rem;
}
.vocabulary-list__container_item_block-word_word {
  font-size: 1.5rem;
  white-space: pre-line;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.7);
}
.vocabulary-list__container_item_block-word_explanation {
  font-size: 1.5rem;
  white-space: pre-line;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem;
  font-style: italic;
  color: rgba(0, 0, 0, 0.8);
}
.vocabulary-list__container_item_block-reading {
  width: 65%;
  min-width: 20rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  max-width: none;
}
.vocabulary-list__container_item_block-reading_word {
  width: -moz-min-content;
  width: min-content;
  font-size: 1.5rem;
  white-space: nowrap;
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.7);
}
.vocabulary-list__container_item_block-reading_explanation {
  width: -moz-min-content;
  width: min-content;
  font-size: 1.5rem;
  white-space: nowrap;
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-style: italic;
  color: rgba(0, 0, 0, 0.8);
}
.vocabulary-list__container_item_block-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  margin: 0 0.5rem 0 0;
}
.vocabulary-list__container_item_block-menu_edit {
  cursor: pointer;
  margin: 0rem 0.5rem;
}
.vocabulary-list__container_item_block-menu_delete {
  cursor: pointer;
  margin: 0rem 0.5rem;
}
.vocabulary-list__container_item_block-menu_play-sound {
  cursor: pointer;
  margin: 0rem 0.5rem;
}
.vocabulary-list__container_item:nth-child(even) {
  background-color: rgb(255, 255, 255);
}

@media (max-width: 480px) {
  .vocabulary-list {
    min-width: 35rem;
    box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
  }
  .vocabulary-list__menu_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 10rem;
  }
}
.pop-up-outside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  max-width: 29rem;
}

.vocabulary-add-and-edit {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: absolute;
  width: 92%;
  background: #fff;
  z-index: 999;
  top: 4rem;
  padding: 0 0 0.5rem 0;
}
.vocabulary-add-and-edit__word {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
}
.vocabulary-add-and-edit__word_field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  border: 1px solid #ccc;
  width: 80%;
  height: 50%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  outline: none;
}
.vocabulary-add-and-edit__explanation {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
}
.vocabulary-add-and-edit__explanation_field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  border: 1px solid #ccc;
  width: 67%;
  height: 50%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  outline: none;
}
.vocabulary-add-and-edit__explanation_accept {
  width: 5%;
  height: 50%;
  padding: 0.5rem;
  font-size: 1.5rem;
  margin: 0 0 0 1rem;
  cursor: pointer;
}

/* Стили только для границ */
.vocab-border-status-1 {
  border-left: 3px solid #f44336; /* Красная граница для активного статуса */
}

.vocab-border-status-0 {
  border-left: 3px solid #d1d1d1; /* Синяя граница для неактивного статуса */
}

.vocabulary-unit-under-edit {
  outline: none;
  border-bottom: 1px solid;
  color: #eb8686;
  text-overflow: initial;
  width: -webkit-fill-available;
  max-width: none;
  white-space: break-spaces;
}

.vocabulary-unit-under-edit-word {
  outline: none;
}

.vocabulary-unit-under-edit-number {
  color: rgba(0, 0, 0, 0.7);
}

.vocabulary-unit-under-edit-papa {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  max-width: none;
}

.vocabulary-progress-line {
  background: linear-gradient(to right, #ffdbdb, #ffdbdb);
  background-size: var(--progress, 0%) 100%;
  background-repeat: no-repeat;
}

.vocabulary-download-block {
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 31rem;
  padding: 0.5rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 31rem;
  cursor: default;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2147483647;
  box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
}
.vocabulary-download-block__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin: 0.5rem 0 0 0.5rem;
}
.vocabulary-download-block__menu_title {
  padding: 0 0 0 1rem;
}
.vocabulary-download-block__menu_title_text {
  font-size: 1.5rem;
}
.vocabulary-download-block__menu_close {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.vocabulary-download-block__menu_close_text {
  font-size: 1.5rem;
}
.vocabulary-download-block__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  padding-right: 1rem;
  margin: 0.5rem 0 1rem;
}
.vocabulary-download-block__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vocabulary-download-block__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vocabulary-download-block__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vocabulary-download-block__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vocabulary-download-block__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vocabulary-download-block__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vocabulary-download-block__container_item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 97%;
  border-radius: 0.4rem;
}
.vocabulary-download-block__container_item_service {
  width: 40%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem;
}
.vocabulary-download-block__container_item_service_name {
  width: -moz-min-content;
  width: min-content;
  font-size: 1.5rem;
  white-space: nowrap;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.7);
}
.vocabulary-download-block__container_item_service_link {
  width: -moz-min-content;
  width: min-content;
  font-size: 1.5rem;
  white-space: nowrap;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem;
  font-style: italic;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.vocabulary-download-block__container_item_block-menu {
  width: 60%;
  max-width: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem;
  margin: 0 0.5rem 0 0;
}
.vocabulary-download-block__container_item_block-menu_download {
  cursor: pointer;
  margin: 0 0.2rem;
}
.vocabulary-download-block__container_item_block-menu_copy {
  cursor: pointer;
  color: #5a5a5a;
  margin: 0 0.2rem;
}
.vocabulary-download-block__container_item_block-menu_language {
  cursor: pointer;
  padding: 0.2rem 0.8rem;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  background: #e45454;
  color: #fff;
  margin: 0 0.2rem;
  white-space: nowrap;
}
.vocabulary-download-block__container_item_block-menu_language:hover {
  background: #c74b4b;
}
.vocabulary-download-block__container_item:nth-child(even) {
  background-color: rgb(255, 255, 255);
}

@media (max-width: 480px) {
  .vocabulary-download-block {
    box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5);
  }
}
.vocabulary-download-block__menu_title {
  cursor: grab;
}

.cards-export--dragging,
.cards-export--dragging .vocabulary-download-block__menu_title {
  cursor: grabbing;
}

.cards-export__pair-row {
  justify-content: space-between;
  border-bottom: 1px dashed #e2e2e2;
}

.cards-export-copy-buffer {
  position: fixed;
  left: -9999px;
  top: -9999px;
}

.vidget-grammar-board {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-grammar-board {
    width: -webkit-fill-available !important;
  }
}
.vidget-grammar-board__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-grammar-board__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-grammar-board__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-grammar-board__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-grammar-board__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-grammar-board__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-grammar-board__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-grammar-board__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-grammar-board__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-grammar-board__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-grammar-board__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-grammar-board__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-board__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-board__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-grammar-board__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-grammar-board__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-grammar-board__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.grammar-canban {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 96%;
}
.grammar-canban__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  background-color: rgba(247, 246, 246, 0.3921568627);
  padding: 1rem 0;
  border-radius: 4px;
}
@media screen and (min-width: 550px) and (max-width: 750px) {
  .grammar-canban__body_topics-body_title {
    padding: 0.8rem 0 !important;
  }
}
.grammar-canban__body_topics-body, .grammar-canban__body_studing-body, .grammar-canban__body_done-body {
  border: 1px solid rgba(221, 220, 220, 0.7176470588);
  width: 30%;
  margin: 0 1%;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 550px) and (max-width: 650px) {
  .grammar-canban__body_topics-body, .grammar-canban__body_studing-body, .grammar-canban__body_done-body {
    width: 45%;
  }
}
@media screen and (min-width: 350px) and (max-width: 649px) {
  .grammar-canban__body_topics-body, .grammar-canban__body_studing-body, .grammar-canban__body_done-body {
    width: 90%;
  }
}
.grammar-canban__body_topics-body_box, .grammar-canban__body_studing-body_box, .grammar-canban__body_done-body_box {
  display: flex;
  justify-content: flex-start;
  height: 94%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  padding: 0 0 1rem 0;
}
.grammar-canban__body_topics-body_title, .grammar-canban__body_studing-body_title, .grammar-canban__body_done-body_title {
  background-color: antiquewhite;
  color: #535353;
  padding: 0.5rem;
  font-size: 2rem;
  text-align: center;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-canban__body_topics-body_title, .grammar-canban__body_studing-body_title, .grammar-canban__body_done-body_title {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .grammar-canban__body_topics-body_title, .grammar-canban__body_studing-body_title, .grammar-canban__body_done-body_title {
    font-size: 1.2rem;
  }
}
.grammar-canban__body_studing-body_box, .grammar-canban__body_done-body_box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.grammar-canban__body_studing-body_title, .grammar-canban__body_done-body_title {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.grammar-canban__body_studing-body_title_prompt, .grammar-canban__body_done-body_title_prompt {
  margin: 0 0 0 1rem;
  cursor: pointer;
  border-radius: 10rem;
  padding: 0.3rem 1rem;
}
.grammar-canban__body_studing-body_title_prompt:hover, .grammar-canban__body_done-body_title_prompt:hover {
  background: rgba(255, 255, 255, 0.5294117647);
}
.grammar-canban__body_done-body_box::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.grammar-canban__body_done-body_box::-webkit-scrollbar {
  max-width: 6px;
  background-color: #ffffff;
}
.grammar-canban__body_done-body_box::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}
.grammar-canban__body_studing-body_box {
  padding: 4.5%;
}
.grammar-canban__body_studing-body_box::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.grammar-canban__body_studing-body_box::-webkit-scrollbar {
  max-width: 6px;
  background-color: #ffffff;
}
.grammar-canban__body_studing-body_box::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

.grammar-level {
  width: 90%;
  margin: 2.5%;
  padding: 0.5rem 3%;
  border-radius: 4px;
  height: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.grammar-level__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  width: 100%;
  min-height: 5rem;
  cursor: pointer;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-level__header {
    justify-content: center;
  }
}
.grammar-level__header_name {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "level prompt" "number prompt";
  justify-content: start;
  align-items: center;
  overflow: hidden;
}
.grammar-level__header_name_level {
  grid-area: level;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin: 0 0.5rem 0 0;
  padding: 0 0 0 1rem;
  font-size: 2rem;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-level__header_name_level {
    font-size: 1.3rem;
    padding: 0 0 0 0.5rem;
  }
}
.grammar-level__header_name_number {
  grid-area: number;
  padding: 0 0 0 1rem;
  font-style: italic;
  margin: 0;
  color: rgba(83, 83, 83, 0.7490196078);
  font-size: 1.5rem;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-level__header_name_number {
    font-size: 1.3rem;
    padding: 0 0 0 0.5rem;
  }
}
.grammar-level__header_name_prompt {
  grid-area: prompt;
  margin: 0 0 0 0.5rem;
  cursor: pointer;
  border-radius: 10rem;
  padding: 0.3rem 0.7rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-level__header_name_prompt {
    padding: 0.3rem 0.5rem 0.3rem 0.1rem;
  }
}
.grammar-level__header_name_prompt:hover {
  background: rgba(255, 255, 255, 0.5294117647);
}
.grammar-level__header_open {
  color: #d33636;
  cursor: pointer;
  font-size: 2rem;
}
@media screen and (min-width: 350px) and (max-width: 750px) {
  .grammar-level__header_open {
    font-size: 1.3rem;
  }
}
.grammar-level__body {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 1rem 0 0.5rem 0;
}

.grammar-topic {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 4px;
  border: 1px dashed rgba(0, 0, 0, 0.2941176471);
  background-color: rgba(255, 255, 255, 0.2745098039);
  font-size: 1.5rem;
  margin: 0.2rem 0;
  width: -webkit-fill-available;
  cursor: move;
}
.grammar-topic__title {
  text-align: left;
  word-break: break-word;
}
@media screen and (min-width: 650px) and (max-width: 750px) {
  .grammar-topic__title {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .grammar-topic__title {
    font-size: 1.3rem;
  }
}
.grammar-topic__level {
  flex: 0 0 100%;
  margin: 0.2rem 0 0;
  font-size: smaller;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5019607843);
}
.grammar-topic__menu {
  font-size: smaller;
  width: 100%;
  text-align: right;
  color: rgba(0, 0, 0, 0.337254902);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.grammar-topic__menu_ai {
  margin: 0 0.2rem;
  cursor: pointer;
  border-radius: 10rem;
  padding: 0.3rem 0.7rem;
  display: none;
}
.grammar-topic__menu_ai:hover {
  background: rgba(255, 255, 255, 0.5294117647);
}
.grammar-topic__menu_youtube {
  margin: 0 0.2rem;
  cursor: pointer;
  border-radius: 10rem;
  padding: 1.3rem;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}
.grammar-topic__menu_youtube::before {
  border-radius: 10rem;
  content: "";
  display: block;
  background-image: url("https://cabinet.speak-like.pro/img/youtube.svg");
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1rem;
  opacity: 0.7;
}
.grammar-topic__menu_youtube:hover {
  background-color: rgba(255, 255, 255, 0.5960784314);
}
.grammar-topic__menu_explanation {
  margin: 0 0.2rem;
  cursor: pointer;
  border-radius: 10rem;
  padding: 1.3rem;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}
.grammar-topic__menu_explanation::before {
  border-radius: 10rem;
  content: "";
  display: block;
  background-image: url("https://cabinet.speak-like.pro/img/letter-ti.svg");
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1rem;
  opacity: 0.7;
}
.grammar-topic__menu_explanation:hover {
  background-color: rgba(255, 255, 255, 0.5960784314);
}

.grammar-topic:hover {
  -webkit-box-shadow: 0px 0px 4px 0px rgb(218, 218, 218);
  -moz-box-shadow: 0px 0px 4px 0px rgb(218, 218, 218);
  box-shadow: 0px 0px 4px 0px rgb(218, 218, 218);
}

.grammar-pop-message {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  color: #000000;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 99999999;
}
.grammar-pop-message__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
.grammar-pop-message__menu_close {
  color: #d33636;
  cursor: pointer;
}
.grammar-pop-message__text {
  padding: 1rem 2rem 2rem;
}

.grammar-shadow {
  position: fixed;
  width: 100vw;
  height: 100vw;
  background-color: rgba(0, 0, 0, 0.2666666667);
  z-index: 999;
  top: 0;
}

.grammar-mixer {
  padding: 0 1rem 1rem 1rem;
  width: 98%;
  margin: auto;
  background: rgba(247, 246, 246, 0.3921568627);
  position: sticky;
  top: 0px;
}
.grammar-mixer__body {
  margin: auto;
  display: flex;
  flex-direction: column;
  background-color: #fcfbfb;
}
.grammar-mixer__body_menu {
  display: flex;
  justify-content: center;
  background-color: #fcfbfb;
}
.grammar-mixer__body_menu_but {
  padding: 0.5rem;
  width: 12%;
  margin: 1rem 0.5rem 0.5rem 0.5rem;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
  background-color: rgba(224, 223, 188, 0.201);
}
.grammar-mixer__body_menu_but_text {
  align-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #535353;
  font-size: 2rem;
}
.grammar-mixer__body_menu_but:hover {
  background-color: rgba(224, 223, 188, 0.475);
}
.grammar-mixer__body_field {
  border: 1px solid rgba(221, 220, 220, 0.7176470588);
  border-radius: 0.4rem;
  margin: 0.5rem 1rem 1rem 1rem;
  min-height: 5rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  padding: 1rem;
  max-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.grammar-mixer__body_field::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.grammar-mixer__body_field::-webkit-scrollbar {
  max-width: 6px;
  background-color: #ffffff;
}
.grammar-mixer__body_field::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}
@media screen and (min-width: 50px) and (max-width: 650px) {
  .grammar-mixer {
    display: none;
  }
}

/* Стили для кнопок перемещения грамматических тем */
.topic-buttons {
  display: flex;
  gap: 4px;
  margin-top: 8px;
  justify-content: center;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.grammar-topic:hover .topic-buttons {
  opacity: 1;
}

.topic-btn {
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.2s ease;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topic-btn-left {
  background-color: rgba(255, 255, 255, 0.5215686275);
  color: #373737;
}

.topic-btn-right {
  background-color: rgba(255, 255, 255, 0.5215686275);
  color: #373737;
}

.topic-btn-left:hover {
  background-color: #ffffff;
  color: #373737;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(171, 171, 171, 0.2);
}

.topic-btn-right:hover {
  background-color: #ffffff;
  color: #373737;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(171, 171, 171, 0.2);
}

.topic-btn:active {
  transform: translateY(0);
  box-shadow: none;
}

.topic-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .topic-buttons {
    gap: 3px;
    margin-top: 6px;
  }
  .topic-btn {
    padding: 3px 6px;
    font-size: 11px;
    min-width: 24px;
  }
}
/* Анимация при перемещении */
.grammar-topic.moving {
  animation: topicMove 0.3s ease;
}

@keyframes topicMove {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.grammar-search-bar {
  border: 1px solid rgb(204, 204, 204);
  padding: 5px 10px;
  border-radius: 4px;
  min-width: 200px;
  outline: none;
  text-align: left;
  max-width: 5rem;
  overflow: hidden;
  max-height: 1.4rem;
}

.grammar-input-container {
  display: inline-block;
}
.grammar-search-input {
  border: 1px solid rgb(204, 204, 204);
  padding: 2px 10px 3px;
  border-radius: 0.4rem;
  outline: none;
  text-align: left;
  max-width: 4rem;
  min-width: 18rem;
  overflow: hidden;
  max-height: 1.4rem;
}
.grammar-search-input:focus {
  border-color: rgb(113, 113, 113);
}
.grammar-search-input[placeholder]:empty:before {
  content: attr(placeholder);
  color: #6c757d;
  opacity: 0.7;
}

.no-results-message {
  text-align: center;
  padding: 40px;
  font-size: 18px;
  color: #666;
  grid-column: 1/-1;
}

.vidget-history-vocabulary-list,
.vidget-history-reading-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-history-vocabulary-list,
  .vidget-history-reading-list {
    width: -webkit-fill-available !important;
  }
}
.vidget-history-vocabulary-list__title,
.vidget-history-reading-list__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-history-vocabulary-list__title_text,
.vidget-history-reading-list__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-history-vocabulary-list__menu,
.vidget-history-reading-list__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-history-vocabulary-list__menu_title,
.vidget-history-reading-list__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-history-vocabulary-list__menu_title_text,
.vidget-history-reading-list__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-history-vocabulary-list__menu_title_text,
  .vidget-history-reading-list__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-history-vocabulary-list__menu_items,
.vidget-history-reading-list__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-history-vocabulary-list__menu_items_button,
.vidget-history-reading-list__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-history-vocabulary-list__menu_items_button:hover,
.vidget-history-reading-list__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-history-vocabulary-list__container,
.vidget-history-reading-list__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-history-vocabulary-list__container,
.vidget-history-reading-list__container {
  padding-right: 1rem;
  width: 100%;
}
.vidget-history-vocabulary-list__container::-webkit-scrollbar-track,
.vidget-history-reading-list__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-history-vocabulary-list__container::-webkit-scrollbar,
.vidget-history-reading-list__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-history-vocabulary-list__container::-webkit-scrollbar-thumb,
.vidget-history-reading-list__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-history-vocabulary-list__container::-webkit-scrollbar-thumb::after,
.vidget-history-reading-list__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-history-vocabulary-list__container:hover::-webkit-scrollbar-thumb,
.vidget-history-reading-list__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-history-vocabulary-list__container:hover::-webkit-scrollbar-thumb::before,
.vidget-history-reading-list__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.prompt-creating-container {
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  max-height: -webkit-fill-available;
  padding: 1rem 2rem 0;
  overflow: auto;
}
.prompt-creating-container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.prompt-creating-container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.prompt-creating-container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.prompt-creating-container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.prompt-creating-container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.prompt-creating-container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.prompt-creating-container__row:last-child {
  border-bottom: 0px solid;
}
.prompt-creating-container__row:first-child {
  position: sticky;
  top: -1rem;
  width: 100%;
  background: #fff;
  z-index: 99;
}
.prompt-creating-container__row-down {
  background: #fff;
  padding: 0 0.5rem 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  border-top: 1.5rem solid #fff;
  border-bottom: 1.5rem solid #fff;
}

.row-one {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0.3rem 0 0;
  padding: 1rem 0.4rem;
}
.row-one__level {
  width: 35%;
}
.row-one__level_select {
  width: -webkit-fill-available;
  border-radius: 0.4rem;
  outline: none;
  padding: 0.2rem;
  border: 1px solid #fff;
  color: #4e4e4e;
}
.row-one__length {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: space-around;
}
.row-one__length_name {
  border-bottom: 1px solid;
  width: 30%;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-size: 1.5rem;
  color: #4e4e4e;
}
.row-one__length_select {
  width: 50%;
  outline: none;
  border-radius: 0.4rem;
  padding: 0.2rem;
  border: 1px solid #c1c1c1;
  color: #4e4e4e;
}

.row-name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0.5rem 0.5rem 0.5rem;
}
.row-name__title {
  width: 90%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: start;
  align-items: center;
  padding: 0 0 0 0.7rem;
  font-size: large;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: capitalize;
  color: #4e4e4e;
}
.row-name__smaller {
  width: 10%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0.3rem;
  padding: 0.3rem;
  font-size: 1rem;
  border-radius: 0.4rem;
}

.row-block {
  border: 1px dashed #c1c1c1;
  min-height: 3rem;
  margin: 0.5rem 0.5rem 0;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  outline: none;
  margin: 1rem 0.5rem 1rem;
  word-break: break-word;
  background: repeating-linear-gradient(45deg, #ffffff, #ffffff 2px, #ffffff 2px, rgba(224, 224, 224, 0.4862745098) 3px);
}

.row-block-text {
  border: 1px dashed #c1c1c1;
  min-height: 3rem;
  margin: 0.5rem 0.5rem 0;
  border-radius: 0.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  outline: none;
  margin: 1rem 0.5rem 1rem;
  word-break: break-word;
}

.row-result {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.2rem 0;
}
.row-result__button {
  background: rgba(201, 74, 74, 0.8);
  color: #ffffff;
  width: -webkit-fill-available;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.row-result__button_text {
  display: flex;
  flex-direction: row;
  font-size: 1.5rem;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  display: inline-block;
  padding: 0.3rem;
}
.row-result__button:hover {
  background: rgba(232, 89, 89, 0.9);
}

.parallel-button-type-gun {
  margin-top: -0.2rem;
}

body {
  transition: padding-right 0.3s ease;
}

body.prompt-panel-open {
  padding-right: max(30%, 27rem);
}

body:not(.prompt-panel-open) .vidget-select-column {
  display: none;
}

.right-menu-container-prompts {
  width: max(30%, 27rem);
  height: 100vh;
  background-color: #fff;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483646;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border-left: 1px dashed #c1c1c1;
}
.right-menu-container-prompts--open {
  transform: translateX(0);
  opacity: 1;
}

.prompt-sheet-handle {
  display: none;
}

@media (max-width: 600px), (pointer: coarse) and (max-width: 1100px) {
  body.prompt-panel-open {
    padding-right: 0;
  }
  body.prompt-panel-open .slp-cabinet-container {
    height: calc(94.5vh - var(--prompt-sheet-h, 55vh));
  }
  .right-menu-container-prompts {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: var(--prompt-sheet-h, 55vh);
    top: auto;
    bottom: 0;
    border-left: none;
    border-top: 1px solid #e3e3e3;
    border-radius: 1.6rem 1.6rem 0 0;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.18);
    transform: translateY(100%);
    transition: transform 0.3s ease, opacity 0.3s ease, height 0.2s ease;
  }
  .right-menu-container-prompts--open {
    transform: translateY(0);
  }
  .right-menu-container-prompts.prompt-sheet--dragging {
    transition: none;
  }
  .right-menu-container-prompts .prompt-creating-container {
    flex: 1;
    min-height: 0;
    max-height: none;
    padding: 0.5rem 1.2rem 0;
    overscroll-behavior: contain;
  }
  .prompt-sheet-handle {
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    padding: 0.8rem 5rem;
    border-bottom: 1px solid #efefef;
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .prompt-sheet-handle:active {
    cursor: grabbing;
  }
  .prompt-sheet-handle__bar {
    width: 6rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background: #bdbdbd;
  }
  .prompt-sheet-handle:active .prompt-sheet-handle__bar {
    background: #8f8f8f;
  }
  .prompt-sheet-handle__close {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    width: 3.6rem;
    height: 3.6rem;
    border: none;
    border-radius: 50%;
    background: transparent;
    font-size: 2.4rem;
    line-height: 1;
    color: #888;
    cursor: pointer;
  }
  .prompt-sheet-handle__close:active {
    background: #f0f0f0;
  }
}
.gotten-type-for-prompt,
.gotten-grammar-for-prompt,
.gotten-vocab-for-prompt,
.gotten-reading-for-prompt,
.gotten-goal-reading-for-prompt,
.gotten-goal-vocab-for-prompt,
.gotten-difficult-for-prompt,
.gotten-mistake-for-prompt,
.gotten-interest-for-prompt {
  cursor: zoom-in !important;
  color: red !important;
  text-decoration: underline !important;
}

.added-grammar-to-reciever,
.added-vocab-to-reciever,
.added-read-to-reciever,
.added-difficult-to-reciever,
.added-mistake-to-reciever,
.added-interest-to-reciever {
  background: repeating-linear-gradient(45deg, rgb(255, 0, 0), rgb(255, 0, 0) 2px, rgba(255, 146, 146, 0.96) 2px, rgb(255, 155, 155) 6px);
  color: rgb(0, 0, 0) !important;
  text-decoration: none !important;
}

.gotten-grammar-inside {
  border: 1px solid #ffdcdc;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  background: rgba(255, 240, 240, 0.6705882353);
  width: 90%;
  margin: 0.3rem 0;
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.promt-added-word-style {
  border: 1px solid #d6e6f5;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  background: rgba(240, 248, 255, 0.6705882353);
  width: 90%;
  margin: 0.3rem 0;
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.prompt-style-item-close {
  cursor: pointer;
  min-width: 2rem !important;
}

.prompt-window {
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 55rem;
  padding: 0.5rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 80vh;
  cursor: default;
  background-color: #fff;
  box-shadow: 3px 1px 0px 999999px rgba(0, 0, 0, 0.5) !important;
}
.prompt-window__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 94%;
  margin: 0.5rem 0;
}
.prompt-window__menu_title {
  padding: 0 0 0 1rem;
}
.prompt-window__menu_title_text {
  font-size: 1.5rem;
  font-weight: 600;
}
.prompt-window__menu_close {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.prompt-window__menu_close_text {
  font-size: 1.5rem;
}
.prompt-window__menu-below {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin: 0.5rem 0 1rem;
}
.prompt-window__menu-below_prompt-butts {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  width: 50%;
}
.prompt-window__menu-below_prompt-butts_ai {
  cursor: pointer;
}
.prompt-window__menu-below_goal-creator {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  width: 40%;
  cursor: pointer;
}
.prompt-window__menu-below_goal-creator_text {
  font-size: 1.5rem;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  background: #ab2e30;
  color: #fff;
}
.prompt-window__menu-below_goal-creator_text:hover {
  background: #711214;
}
.prompt-window__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-start;
  width: 90%;
  padding: 1rem 0;
  overflow: auto;
  padding-right: 1rem;
  margin: 0.5rem 0 1rem;
  min-height: 10rem;
  cursor: text;
  border: 1px solid #f3f3f3;
  border-radius: 0.4rem;
  outline: none;
  padding: 1rem;
  font-size: 1.5rem;
  color: #414141;
  line-height: 1.5;
  background: rgba(246, 246, 246, 0.568627451);
}
.prompt-window__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.prompt-window__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.prompt-window__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.prompt-window__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.prompt-window__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.prompt-window__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.prompt-environment {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 2147483646;
}

.slp-cabinet-container:has(> .prompt-environment) {
  position: relative;
  overflow: hidden;
}
.slp-cabinet-container:has(> .prompt-environment) > .prompt-environment {
  box-sizing: border-box;
  min-width: min(55rem, 100% - 2rem);
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
}

.inline-formation {
  display: contents;
  color: #4d4c4c;
}

.code-formation {
  background: #eeeeee;
  padding: 1rem;
  line-height: 1.5;
  margin: 0.5rem;
  border-radius: 0.4rem;
}

.gotten-grammar-for-prompt .topic-buttons {
  position: relative;
  z-index: 10;
  opacity: 1;
}

.gotten-grammar-for-prompt .topic-btn {
  background-color: #fff;
  color: #373737;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.add-problem-button {
  display: flex;
  width: 80%;
}

.vidget-problems {
  min-width: 35rem;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-problems__column {
  width: 32%;
}
.vidget-problems__column_title {
  width: 99%;
  height: 3.5rem;
  border-radius: 0.4rem;
  background: rgba(0, 69, 134, 0.053);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
}
.vidget-problems__column_title_text {
  font-size: 2rem;
  color: #3d3d3d;
}
.vidget-problems__column_content {
  min-height: 6rem;
  padding: 0.5rem 0;
  border-radius: 0.4rem;
  border: 1px solid rgba(213, 213, 213, 0.244);
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}

@media (max-width: 480px) {
  .vidget-problems {
    min-width: 25rem;
  }
  .vidget-problems__column_title_text {
    font-size: 1rem;
  }
}
.problem-block {
  display: flex;
  border: 1px dashed rgb(215, 215, 215);
  background-color: rgba(237, 219, 170, 0.05);
  width: 70%;
  margin: 0 auto;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  border-radius: 0.4rem;
  margin: 0.5rem auto;
  flex-direction: column;
}
.problem-block__description {
  margin: 0.5rem 0 0.5rem;
  padding: 0 1.5rem;
  width: 90%;
  overflow-wrap: break-word;
}
.problem-block__description_text {
  font-size: 1.5rem;
  color: #3d3d3d;
}
.problem-block__menu {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0 0;
  padding: 0 0.4rem;
}
.problem-block__menu_item {
  cursor: pointer;
  margin: 0 0.1rem;
  padding: 0.2rem 0.2rem;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.problem-block__menu_item:hover {
  background-color: rgb(238, 238, 238);
}

.problem-block:hover {
  -webkit-box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
  -moz-box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
  box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
}

.problems-adder {
  display: flex;
  margin: 0 auto;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 0.4rem;
  margin: 0.5rem auto 1rem;
  border: 1px dashed rgb(177, 177, 177);
  background-color: rgba(236, 236, 236, 0.171);
  color: rgba(0, 0, 0, 0.467);
  font-size: 3rem;
}
.problems-adder__text {
  font-size: 3rem;
}

.problems-adder:hover {
  color: rgba(175, 0, 0, 0.467);
}

.problem-pop-up-adder {
  display: flex;
  width: 30rem;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: stretch;
  padding: 2rem 1rem 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.4rem;
  background: #f1f5f8;
  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* стили вашего блока */
  width: 300px;
}
.problem-pop-up-adder__problem {
  border: 1px solid #d5d5d5;
  min-height: 5rem;
  padding: 0.5rem;
  outline: none;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  background: rgb(255, 255, 255);
}
.problem-pop-up-adder__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.problem-pop-up-adder__menu_item {
  margin: 1rem 0.2rem 0.5rem 0.5rem;
  padding: 0.2rem 0.3rem;
  border: 1px solid #d5d5d5;
  border-radius: 0.4rem;
  background: rgba(0, 69, 134, 0.053);
  cursor: pointer;
}
.problem-pop-up-adder__menu_item_text {
  font-size: 1.5rem;
  padding: 0.2rem 0.5rem;
  display: flex;
  align-content: center;
  align-items: center;
}
.problem-pop-up-adder__menu_item:hover {
  background: rgba(0, 69, 134, 0.1);
}

.vidget-interests {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-interests {
    width: -webkit-fill-available !important;
  }
}
.vidget-interests__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-interests__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-interests__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-interests__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-interests__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-interests__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-interests__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-interests__container {
  padding-right: 1rem;
  width: 100%;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-interests__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-interests__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-interests__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-interests__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-interests__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-interests__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}

.interests-board {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.interests-board__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.interests-board__list:empty {
  display: none;
}
.interests-board__empty {
  font-size: 1.5rem;
  font-style: italic;
  color: #919191;
  text-align: center;
  padding: 1rem 0;
}
.interests-board__add {
  display: flex;
  align-items: stretch;
  gap: 0.6rem;
  margin: 0;
}
.interests-board__add_button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.8rem 1.2rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5rem;
  color: #212121;
  border: none;
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.interests-board__add_button:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}

.interest-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  max-width: 100%;
  padding: 0.5rem 0.7rem 0.5rem 1rem;
  font-size: 1.5rem;
  color: #212121;
  background: #f2f2f2;
  border: 1px solid #e4e4e4;
  border-radius: 0.4rem;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}
.interest-chip:hover {
  background: #e9e9e9;
}
.interest-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.interest-chip__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.interest-chip:hover .interest-chip__actions {
  opacity: 1;
}
.interest-chip__edit, .interest-chip__delete {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.interest-chip.gotten-interest-for-prompt .interest-chip__actions {
  display: none;
}

@media (max-width: 480px) {
  .interest-chip {
    flex: 1 1 100%;
    justify-content: space-between;
  }
}
.vidget-parasites {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-parasites {
    width: -webkit-fill-available !important;
  }
}
.vidget-parasites__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-parasites__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-parasites__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-parasites__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-parasites__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-parasites__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-parasites__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-parasites__container {
  padding-right: 1rem;
  box-sizing: border-box;
  width: min(56rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 60rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-parasites__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-parasites__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-parasites__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-parasites__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-parasites__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-parasites__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 480px) {
  .vidget-parasites__container {
    width: 100%;
  }
}

.parasites-board {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.parasites-board__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.parasites-board__list:empty {
  display: none;
}
.parasites-board__empty {
  font-size: 1.5rem;
  font-style: italic;
  color: #919191;
  text-align: center;
  padding: 1rem 0;
}
.parasites-board__add {
  display: flex;
}
.parasites-board__add_button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.8rem 1.2rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5rem;
  color: #212121;
  border: none;
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.parasites-board__add_button:hover {
  background-color: rgba(0, 0, 0, 0.2117647059);
}

.parasite {
  padding: 1rem;
  background: #fafafa;
  border: 1px solid #e4e4e4;
  border-radius: 0.4rem;
  box-sizing: border-box;
}
.parasite__head {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}
.parasite__word {
  font-size: 2rem;
  font-weight: 700;
  color: #ab2e30;
}
.parasite__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.parasite:hover .parasite__actions {
  opacity: 1;
}
.parasite__edit, .parasite__delete {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.parasite__synonyms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}
.parasite__synonym {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.8rem;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 0.4rem;
}
.parasite__phrase {
  font-size: 1.5rem;
  font-weight: 600;
  color: #212121;
}
.parasite__translation {
  font-size: 1.5rem;
  color: #919191;
}

@media (max-width: 768px) {
  .parasite__synonyms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .parasite__synonyms {
    grid-template-columns: 1fr;
  }
}
.vidget-criteria {
  max-width: 30rem;
  min-width: -webkit-fill-available;
}
.vidget-criteria__add {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-criteria__add_symbol {
  border: 1px solid #f2f2f2;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  cursor: pointer;
  color: #ab2e30;
  background: rgb(255, 255, 255);
}
.vidget-criteria__add_symbol:hover {
  background: rgb(233, 233, 233);
}
.vidget-criteria__item {
  margin: 0.2rem 0.4rem;
  padding: 0.5rem 0.7rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: rgba(246, 246, 246, 0.852);
  border-radius: 0.4rem;
  align-items: flex-start;
}
.vidget-criteria__item_parts {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -webkit-fill-available;
}
.vidget-criteria__item_parts_criteria {
  width: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.vidget-criteria__item_parts_criteria_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vidget-criteria__item_parts_criteria_rate {
  margin: 0 0.5rem 0 0.5rem;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0.3rem;
  border-radius: 0.4rem;
  background: #ffffff;
  margin-top: 0.5rem;
}
.vidget-criteria__item_parts_menu {
  width: 20%;
  max-width: 6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  margin: 0.5rem 0 0 0;
}
.vidget-criteria__item_parts_menu_edit {
  cursor: pointer;
}
.vidget-criteria__item_parts_menu_delete {
  cursor: pointer;
}
.vidget-criteria__item_success {
  width: 100%;
  height: 0.2rem;
  margin: 0.5rem 0 0 0;
  background: rgb(125, 196, 122);
  border-radius: 0.4rem;
}
.vidget-criteria__item:nth-of-type(odd) {
  background: #ffffff;
}

.vidget-gun {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-gun {
    width: -webkit-fill-available !important;
  }
}
.vidget-gun__title {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 0.5rem;
  width: -webkit-fill-available;
  margin: 0rem 0 0.5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4rem;
}
.vidget-gun__title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.vidget-gun__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-gun__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-gun__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-gun__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-gun__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-gun__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-gun__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-gun__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-gun__container {
  padding-right: 1rem;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  min-width: 24rem;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: stretch;
  gap: 0.6rem;
}
.vidget-gun__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-gun__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-gun__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-gun__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-gun__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-gun__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 700px) {
  .vidget-gun__container {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.add-gun-button {
  display: flex;
  width: 80%;
}

.vidget-gun__column {
  flex: 1 0 16rem;
  min-width: 16rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 700px) {
  .vidget-gun__column {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
  }
}
.vidget-gun__column_title {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 3.5rem;
  padding: 0 0.6rem;
  border-radius: 0.4rem;
  background: rgba(0, 69, 134, 0.053);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
}
.vidget-gun__column_title_text {
  overflow: hidden;
  font-size: 1.3rem;
  color: #3d3d3d;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vidget-gun__column_content {
  min-height: 6rem;
  padding: 0.5rem 0;
  border-radius: 0.4rem;
  border: 1px solid rgba(213, 213, 213, 0.244);
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: stretch;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 480px) {
  .vidget-gun {
    min-width: 25rem;
  }
  .vidget-gun__column_title_text {
    font-size: 1rem;
  }
}
.gun-block {
  display: flex;
  box-sizing: border-box;
  min-width: 0;
  border: 1px dashed rgb(215, 215, 215);
  background-color: rgba(237, 219, 170, 0.05);
  width: auto;
  margin: 0 auto;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  border-radius: 0.4rem;
  margin: 0.5rem;
  flex-direction: column;
  transition: all 0.2s ease;
  position: relative;
}
.gun-block:hover {
  -webkit-box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
  -moz-box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
  box-shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.05);
}
.gun-block__type-badge {
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  padding: 2px 12px;
  border-radius: 12px;
  background: #3498db;
  margin: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-self: flex-start;
  margin-left: 5px;
  font-family: monospace;
  box-sizing: border-box;
  max-width: calc(100% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gun-block__description {
  box-sizing: border-box;
  margin: 0.3rem 0 0.5rem;
  padding: 0 0.8rem;
  width: 100%;
  overflow-wrap: break-word;
}
.gun-block__description_text {
  font-size: 1.5rem;
  color: #3d3d3d;
  display: block;
  line-height: 1.4;
}
.gun-block__date {
  display: block;
  font-size: 11px;
  color: #999;
  margin-top: 0.4rem;
  font-style: italic;
  text-align: right;
  white-space: nowrap;
}
.gun-block__stats {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
  margin-top: 0.3rem;
  font-size: 11px;
  color: #999;
  white-space: nowrap;
}
.gun-block__menu {
  display: flex;
  justify-content: space-evenly;
  margin: 0.3rem 0 0;
  padding: 0 0.4rem;
  box-sizing: border-box;
  width: 100%;
  gap: 2px;
  border-top: 1px solid #f0f2f5;
  padding-top: 6px;
}
.gun-block__menu_item {
  cursor: pointer;
  margin: 0 0.1rem;
  padding: 0.2rem 0.2rem;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(151, 151, 151);
  transition: all 0.2s ease;
}
.gun-block__menu_item:hover {
  background-color: rgb(238, 238, 238);
  color: #333;
}
.gun-block__menu_item:active {
  transform: scale(0.92);
}
.gun-block__menu_item--left {
  display: flex;
}
.gun-block__menu_item--right {
  display: flex;
}
.gun-block__menu_item_text {
  font-size: 14px;
  line-height: 1;
}

.gun-adder,
.add-gun-button {
  display: flex;
  margin: 0 auto;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 0.4rem;
  margin: 0.5rem auto 1rem;
  border: 1px dashed rgb(177, 177, 177);
  background-color: rgba(236, 236, 236, 0.171);
  color: rgba(0, 0, 0, 0.467);
  font-size: 3rem;
  width: 70%;
  transition: all 0.2s ease;
}
.gun-adder:hover,
.add-gun-button:hover {
  color: rgba(175, 0, 0, 0.467);
  background-color: rgba(236, 236, 236, 0.3);
}

.gun-pop-up-adder {
  display: flex;
  width: 30rem;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: stretch;
  padding: 2rem 1rem 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.4rem;
  background: #f1f5f8;
  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
}
.gun-pop-up-adder__field {
  margin-bottom: 1rem;
}
.gun-pop-up-adder__field label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #555;
  margin-bottom: 0.3rem;
}
.gun-pop-up-adder__task {
  border: 1px solid #d5d5d5;
  min-height: 4rem;
  padding: 0.5rem;
  outline: none;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  background: rgb(255, 255, 255);
}
.gun-pop-up-adder__task:empty::before {
  content: attr(placeholder);
  color: #aaa;
}
.gun-pop-up-adder__answer {
  border: 1px solid #d5d5d5;
  min-height: 4rem;
  padding: 0.5rem;
  outline: none;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  background: rgb(255, 255, 255);
}
.gun-pop-up-adder__answer:empty::before {
  content: attr(placeholder);
  color: #aaa;
}
.gun-pop-up-adder__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.5rem;
}
.gun-pop-up-adder__menu_item {
  margin: 0 0.2rem 0.5rem 0.5rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #d5d5d5;
  border-radius: 0.4rem;
  background: rgba(0, 69, 134, 0.053);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.5rem;
  font-family: inherit;
}
.gun-pop-up-adder__menu_item:hover {
  background: rgba(0, 69, 134, 0.1);
}
.gun-pop-up-adder__menu_item.add-btn {
  background: rgba(0, 150, 0, 0.1);
  border-color: #2ecc71;
}
.gun-pop-up-adder__menu_item.add-btn:hover {
  background: rgba(0, 150, 0, 0.2);
}
.gun-pop-up-adder__menu_item.cancel-btn {
  background: rgba(200, 0, 0, 0.05);
  border-color: #e74c3c;
}
.gun-pop-up-adder__menu_item.cancel-btn:hover {
  background: rgba(200, 0, 0, 0.1);
}

.gun-view-popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}
.gun-view-popup__content {
  background: #ffffff;
  padding: 2rem;
  border-radius: 0.4rem;
  max-width: 40rem;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  -webkit-box-shadow: 0px 10px 20px 5px rgba(34, 60, 80, 0.3);
  -moz-box-shadow: 0px 10px 20px 5px rgba(34, 60, 80, 0.3);
  box-shadow: 0px 10px 20px 5px rgba(34, 60, 80, 0.3);
  position: relative;
}
.gun-view-popup__task {
  margin-bottom: 1.5rem;
}
.gun-view-popup__task h4 {
  font-size: 14px;
  color: #555;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.gun-view-popup__task p {
  font-size: 1.5rem;
  color: #2c3e50;
  line-height: 1.6;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 4px;
  white-space: pre-wrap;
  word-break: break-word;
}
.gun-view-popup__task p.is-editing {
  border: 2px solid #3498db;
  padding: 10px;
  background: #f8f9fa;
  min-height: 50px;
  outline: none;
}
.gun-view-popup__task p.is-editing:focus {
  border-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}
.gun-view-popup__answer {
  margin-bottom: 1.5rem;
}
.gun-view-popup__answer h4 {
  font-size: 14px;
  color: #555;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.gun-view-popup__answer p {
  font-size: 1.5rem;
  color: #2c3e50;
  line-height: 1.6;
  padding: 0.5rem;
  background: #f0f7ff;
  border-radius: 4px;
  white-space: pre-wrap;
  word-break: break-word;
  border-left: 4px solid #3498db;
}
.gun-view-popup__answer p.is-editing {
  border: 2px solid #3498db;
  border-left: 4px solid #3498db;
  padding: 10px;
  background: #f8f9fa;
  min-height: 50px;
  outline: none;
}
.gun-view-popup__answer p.is-editing:focus {
  border-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}
.gun-view-popup__answered {
  margin-bottom: 1.5rem;
}
.gun-view-popup__answered h4 {
  font-size: 14px;
  color: #555;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.gun-view-popup__answered p {
  font-size: 1.5rem;
  color: #2c3e50;
  line-height: 1.6;
  padding: 0.5rem;
  background: #f5f0ff;
  border-radius: 4px;
  white-space: pre-wrap;
  word-break: break-word;
  border-left: 4px solid #9b59b6;
  opacity: 0.85;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.gun-view-popup__answered p.gun-view-popup__answered--empty {
  color: #999;
  font-style: italic;
  background: #fafafa;
  border-left: 4px solid #ccc;
  opacity: 0.7;
}
.gun-view-popup__date {
  font-size: 12px;
  color: #999;
  margin-bottom: 1rem;
  text-align: right;
  font-style: italic;
}
.gun-view-popup__buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}
.gun-view-popup__edit-btn {
  display: inline-block;
  padding: 0.5rem 2rem;
  background: #3498db;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.2s ease;
  font-family: inherit;
}
.gun-view-popup__edit-btn:hover {
  background: #2980b9;
}
.gun-view-popup__edit-btn:active {
  transform: scale(0.98);
}
.gun-view-popup__save-btn {
  display: none;
  padding: 0.5rem 2rem;
  background: #27ae60;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.2s ease;
  font-family: inherit;
}
.gun-view-popup__save-btn:hover {
  background: #219a52;
}
.gun-view-popup__save-btn:active {
  transform: scale(0.98);
}
.gun-view-popup__close-btn {
  display: inline-block;
  padding: 0.5rem 2rem;
  background: #95a5a6;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.2s ease;
  font-family: inherit;
}
.gun-view-popup__close-btn:hover {
  background: #7f8c8d;
}
.gun-view-popup__close-btn:active {
  transform: scale(0.98);
}

.icon-to-edit--pale {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
}

.icon-to-bin--pale {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.icon-to-left--pale {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

.icon-to-right--pale {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}

.icon-to-view--pale {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 1;
}

.slp-gun-container {
  max-width: 800px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 15px;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slp-gun-header {
  text-align: center;
  margin-bottom: 30px;
}
.slp-gun-header .client-name {
  color: #667eea;
  font-size: 18px;
  font-weight: 600;
}

.task-container {
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 25px;
}

.task-label {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.task-text {
  font-size: 3.6rem;
  margin-bottom: 10%;
  text-align: center;
}
.task-text.has-answer {
  text-decoration: underline;
  text-decoration-color: rgba(40, 167, 69, 0.3);
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.task-text.has-answer:hover {
  opacity: 0.8;
}
.task-text.no-answer {
  text-decoration: underline;
  text-decoration-color: #adb5bd;
  text-underline-offset: 8px;
  cursor: default;
}

.answer-text {
  text-align: center;
  font-size: 2.4rem;
  color: #28a745;
  margin-top: -5%;
  margin-bottom: 10%;
  font-style: italic;
  display: none;
}

.counter {
  text-align: center;
  font-size: 16px;
  color: #6c757d;
  margin-bottom: 20px;
}

.button-container {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.btn {
  padding: 12px 30px;
  font-size: 30px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: 600;
}
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.btn-wrong {
  background: #dc3545;
  color: #ffffff;
}
.btn-wrong:hover {
  background: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  transform: translateY(-2px);
}
.btn-correct {
  background: #28a745;
  color: #ffffff;
}
.btn-correct:hover {
  background: rgb(30.1449275362, 125.8550724638, 52);
  transform: translateY(-2px);
}

.completion-message {
  text-align: center;
  padding: 40px;
  display: none;
}
.completion-message h2 {
  color: #28a745;
  font-size: 24px;
  margin-bottom: 15px;
}
.completion-message p {
  color: #6c757d;
  font-size: 16px;
}
.completion-message .btn-correct {
  margin-top: 20px;
}

.loading {
  text-align: center;
  padding: 40px;
  font-size: 18px;
  color: #6c757d;
}

.error-message {
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: none;
  font-size: 2rem;
  text-align: center;
}

.btn-delete,
.btn-edit {
  display: block;
  margin: 20px 0px 0;
  padding: 8px 20px;
  font-size: 14px;
  background: transparent;
  color: #adb5bd;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-delete:hover,
.btn-edit:hover {
  color: #dc3545;
  border-color: #dc3545;
}

.timer-block {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dee2e6;
}

.timer-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.timer-btn {
  padding: 8px 15px;
  border: 1px solid #6c757d;
  border-radius: 4px;
  cursor: pointer;
  background: white;
  color: #495057;
  font-size: 14px;
  transition: all 0.2s;
  min-width: 60px;
}
.timer-btn:hover {
  background: #f8f9fa;
  border-color: #495057;
}
.timer-btn.active {
  background: #007bff !important;
  color: white !important;
  border-color: #007bff !important;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.timer-btn.off-btn {
  border-color: #dc3545;
  color: #dc3545;
}
.timer-btn.off-btn:hover {
  background: #dc3545;
  color: white;
}

#timerProgressBar {
  display: none;
  height: 2px;
  background: #dc3545;
  border-radius: 2px;
  width: 0%;
  transition: width 0.1s linear;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: auto;
}

.task-text {
  position: relative;
  padding-bottom: 2px;
}
.task-text.timer-expired.has-answer, .task-text.timer-expired.no-answer {
  text-decoration: none;
}
.task-text.timer-expired.has-answer::after, .task-text.timer-expired.no-answer::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #dc3545;
  animation: blink-underline 2.5s ease-in-out infinite;
}

@keyframes blink-underline {
  0%, 100% {
    opacity: 1;
    background-color: #dc3545;
  }
  50% {
    opacity: 0;
    background-color: transparent;
  }
}
.vidget-gun__column_title_export {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  cursor: pointer;
}

.gun-sort.gun-sort--active,
.gun-sort.gun-sort--active:hover {
  color: #43a047;
}

.vidget-patterns {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-patterns {
    width: -webkit-fill-available !important;
  }
}
.vidget-patterns__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-patterns__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-patterns__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-patterns__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-patterns__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-patterns__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-patterns__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-patterns__container {
  width: min(80rem, 100vw - 6rem);
  max-width: 100%;
  height: 50rem;
  margin: 1rem 0 0 0;
  overflow: hidden;
  border-radius: 0.4rem;
}
@media (max-width: 480px) {
  .vidget-patterns__container {
    width: 100%;
    height: 75vh;
  }
}
.vidget-patterns.vidget--expanded {
  max-width: none;
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded {
  --side-width: 300px;
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded .pt-controls {
  gap: 10px 16px;
  padding: 12px 16px;
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded .pt-main {
  padding: 16px 16px 32px;
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded .pt-cards {
  grid-template-columns: minmax(0, 1fr);
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded .pt-side-scroll {
  padding: 16px 14px 32px;
}
.vidget-patterns:not(.vidget--expanded) .pt-embedded .pt-catalog {
  grid-template-columns: 1fr;
}

.pt-overlay,
.pt-overlay * {
  box-sizing: border-box;
}

.pt-overlay {
  --sans: ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --serif: 'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
  --radius: 4px;
  --radius-sm: 4px;
  --side-width: 440px;
  --side-min: 260px;
  --main-min: 320px;
  --scroll-size: 10px;
  --paper: rgba(203, 203, 203, 0.22);
  --surface: #fff;
  --ink: rgb(57, 57, 57);
  --muted: rgba(57, 57, 57, 0.62);
  --line: #cbcbcb;
  --accent: rgba(201, 74, 74, 0.8);
  --accent-hover: rgb(201, 74, 74);
  --accent-ink: #fff;
  --accent-soft: rgba(201, 74, 74, 0.12);
  --mark: rgba(201, 74, 74, 0.14);
  --mark-strong: rgb(57, 57, 57);
  --scroll-track: transparent;
  --scroll-thumb: #cbcbcb;
  --scroll-thumb-hover: rgba(201, 74, 74, 0.8);
  --resizer: #cbcbcb;
  --resizer-hover: rgba(201, 74, 74, 0.8);
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: block;
  background: var(--paper);
  font-family: var(--sans);
  color: var(--ink);
  animation: pt-fade 0.2s ease both;
}
.pt-overlay.is-closing {
  animation: pt-fade 0.16s ease reverse both;
}

.pt-overlay.pt-embedded {
  position: relative;
  inset: auto;
  z-index: auto;
  width: 100%;
  height: 100%;
  border: 1px solid var(--line);
  border-radius: 0.4rem;
  overflow: hidden;
  animation: none;
}

@keyframes pt-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pt-modal {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface);
}

.pt-main,
.pt-side-scroll,
.pt-tablewrap,
.pt-tracks {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

@supports selector(::-webkit-scrollbar) {
  .pt-main,
  .pt-side-scroll,
  .pt-tablewrap,
  .pt-tracks {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  .pt-overlay ::-webkit-scrollbar {
    width: var(--scroll-size);
    height: var(--scroll-size);
  }
  .pt-overlay ::-webkit-scrollbar-track {
    background: var(--scroll-track);
  }
  .pt-overlay ::-webkit-scrollbar-corner {
    background: transparent;
  }
  .pt-overlay ::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  .pt-overlay ::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-thumb-hover);
    background-clip: content-box;
  }
}
.pt-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 28px;
  align-items: center;
  padding: 16px 28px;
  border-bottom: 1px solid var(--line);
}

.pt-group {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pt-seg {
  display: inline-flex;
  padding: 3px;
  gap: 2px;
  background: var(--paper);
  border-radius: 4px;
}
.pt-seg button {
  border: 0;
  background: transparent;
  color: var(--muted);
  font: 600 13px var(--sans);
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
.pt-seg button:hover {
  color: var(--ink);
}
.pt-seg button[aria-selected=true] {
  background: var(--surface);
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(57, 57, 57, 0.18);
}

.pt-g-level {
  flex: none;
}

.pt-g-tracks {
  flex: 1 1 0;
  min-width: 0;
}

.pt-tracks {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  position: relative;
  min-width: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}
.pt-tracks::-webkit-scrollbar {
  display: none;
  height: 0;
}
.pt-tracks.is-drag {
  cursor: grabbing;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  scroll-snap-type: none !important;
}

.pt-track {
  flex: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  font: 550 13px var(--sans);
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.pt-track:hover {
  border-color: var(--accent);
  color: var(--ink);
}
.pt-track[aria-selected=true] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}

.pt-body {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8px var(--side-width);
  background: var(--paper);
}

.pt-main {
  overflow-y: auto;
  padding: 22px 28px 48px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
}

.pt-side {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
}

.pt-side-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px 22px 48px;
}

.pt-sheet-bar,
.pt-backdrop,
.pt-fab,
.pt-sheet-full {
  display: none;
}

.pt-overlay button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.pt-track-hint {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
  margin: 0 2px 16px;
}

.pt-section + .pt-section {
  margin-top: 28px;
}

.pt-resizer {
  position: relative;
  cursor: col-resize;
  touch-action: none;
  background: var(--surface);
  outline: 0;
}
.pt-resizer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  margin-left: -0.5px;
  background: var(--resizer);
  transition: background 0.15s, width 0.15s;
}
.pt-resizer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 40px;
  margin: -20px 0 0 -2px;
  border-radius: 4px;
  background: var(--resizer);
  transition: background 0.15s;
}
.pt-resizer:hover::after, .pt-resizer:focus-visible::after, .pt-resizer.is-drag::after {
  background: var(--resizer-hover);
}
.pt-resizer:hover::before, .pt-resizer:focus-visible::before, .pt-resizer.is-drag::before {
  background: var(--resizer-hover);
  width: 2px;
}

.pt-overlay.is-resizing {
  cursor: col-resize;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.pt-main:focus-visible,
.pt-side-scroll:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.pt-track-title {
  font: 700 13px var(--sans);
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 12px 2px;
}

.pt-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 14px;
  align-items: start;
}

.pt-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 16px 18px 14px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pt-card.is-active {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

.pt-card-title {
  font: 600 16px/1.3 var(--serif);
  margin: 0 0 12px;
}

.pt-card-link {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: var(--accent-hover);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-color: var(--accent);
}
.pt-card-link::after {
  content: "→";
  display: inline-block;
  margin-left: 0.45em;
  text-decoration: none;
  transition: transform 0.15s;
}
.pt-card-link:hover {
  text-decoration-thickness: 2px;
}
.pt-card-link:hover::after {
  transform: translateX(3px);
}
.pt-card-link[aria-pressed=true] {
  background: var(--accent-soft);
  border-radius: 4px;
  box-shadow: 0 0 0 3px var(--accent-soft);
}

.pt-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.pt-step {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 0 0 12px 0;
}
.pt-step:last-child {
  padding-bottom: 2px;
}
.pt-step::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 24px;
  bottom: 0;
  width: 1px;
  background: var(--line);
}
.pt-step:last-child::before {
  display: none;
}

.pt-num {
  flex: none;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  background: var(--accent-soft);
  color: var(--accent);
  font: 700 11px/21px var(--sans);
  text-align: center;
  margin-top: 1px;
  position: relative;
  z-index: 1;
}

.pt-step-text {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.45;
  padding-top: 1px;
}

.pt-chips {
  display: flex;
  gap: 4px;
  flex: none;
}

.pt-chip {
  min-width: 26px;
  height: 24px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--accent);
  font: 700 12px var(--sans);
  cursor: pointer;
  transition: all 0.15s;
}
.pt-chip:hover {
  background: var(--accent-soft);
  border-color: var(--accent);
}
.pt-chip[aria-pressed=true] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}

.pt-guide {
  margin: 10px 0 0;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--surface);
}
.pt-guide > summary {
  cursor: pointer;
  padding: 8px 12px;
  font: 700 12.5px var(--sans);
  color: var(--accent);
  list-style: none;
}
.pt-guide > summary::-webkit-details-marker {
  display: none;
}
.pt-guide > summary::before {
  content: "▸ ";
}
.pt-guide[open] > summary::before {
  content: "▾ ";
}

.pt-guide-body {
  margin: 0;
  padding: 2px 12px 10px;
  font-size: 12.5px;
  line-height: 1.5;
}
.pt-guide-body dt {
  margin: 8px 0 0;
  font-weight: 700;
  color: var(--ink);
}
.pt-guide-body dd {
  margin: 1px 0 0;
  color: var(--muted);
  white-space: pre-line;
}
.pt-guide-body dd.pt-example {
  margin-top: 4px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  font: 14px/1.6 var(--serif);
  color: var(--ink);
}

.pt-hl {
  color: var(--accent-hover);
  font-weight: 400;
}

.pt-note {
  margin: 12px 0 0;
  padding: 9px 12px;
  border-radius: 4px;
  background: var(--paper);
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.pt-side-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}

.pt-back {
  align-self: flex-start;
  border: 0;
  background: var(--accent-soft);
  color: var(--accent);
  font: 600 12px var(--sans);
  padding: 6px 11px;
  border-radius: 4px;
  cursor: pointer;
}
.pt-back:hover {
  filter: brightness(0.96);
}

.pt-side-title {
  font: 600 19px/1.25 var(--serif);
  margin: 0;
}

.pt-hint {
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 10px;
}

.pt-catalog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.pt-cat {
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  min-width: 0;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  border-radius: 4px;
  padding: 7px 10px;
  cursor: pointer;
  font: 500 12.5px/1.25 var(--sans);
  transition: all 0.15s;
}
.pt-cat b {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
.pt-cat span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-cat:hover {
  border-color: var(--accent);
}

.pt-tablewrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 4px;
}

.pt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.pt-table th,
.pt-table td {
  text-align: left;
  vertical-align: top;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  line-height: 1.5;
}
.pt-table tr:last-child > * {
  border-bottom: 0;
}
.pt-table thead th {
  font: 600 12px var(--sans);
  color: var(--muted);
  background: var(--paper);
  position: sticky;
  top: 0;
}
.pt-table thead th.is-lvl {
  color: var(--accent);
}
.pt-table tbody th {
  font: 600 12.5px var(--sans);
  color: var(--muted);
  width: 30%;
}
.pt-table td {
  font-family: var(--serif);
  font-size: 14px;
  color: var(--ink);
}
.pt-table .is-mark {
  background: var(--mark);
}
.pt-table th.is-mark {
  color: var(--mark-strong);
}

.pt-overlay button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.pt-tsteps {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pt-tstep {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 0 0 18px;
}
.pt-tstep > .pt-num {
  flex: none;
  margin-top: 0;
}

.pt-tbody {
  flex: 1;
  min-width: 0;
}

.pt-tstep-title {
  font: 600 13.5px/1.4 var(--sans);
  margin: 1px 0 8px;
}

.pt-tempty {
  margin: 0;
  font-size: 12.5px;
  color: var(--muted);
}

.pt-fnblock {
  margin: 0 0 10px;
  padding: 10px 12px 10px;
  background: var(--paper);
  border-radius: 4px;
}

.pt-fnhead {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: none;
  padding: 0 0 6px;
  cursor: pointer;
  color: var(--muted);
  font: 600 11.5px var(--sans);
  text-align: left;
}
.pt-fnhead b {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}
.pt-fnhead:hover {
  color: var(--accent);
}

.pt-item {
  padding: 8px 0;
  border-top: 1px solid var(--line);
}
.pt-item:first-of-type {
  border-top: 0;
  padding-top: 2px;
}

.pt-item-label {
  font: 700 11.5px var(--sans);
  color: var(--ink);
  margin: 0 0 6px;
}

.pt-part {
  display: block;
  margin: 0 0 8px;
}
.pt-part:last-child {
  margin-bottom: 0;
}

.pt-tag {
  display: block;
  margin: 0 0 4px;
  font: 700 10.5px var(--sans);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pt-phrases {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: flex-start;
}

.pt-phrase {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  font: 14px/1.35 var(--serif);
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 3px 9px;
}

@media (prefers-reduced-motion: reduce) {
  .pt-overlay,
  .pt-overlay.is-closing {
    animation: none;
  }
  .pt-main {
    scroll-behavior: auto;
  }
  .pt-side,
  .pt-backdrop,
  .pt-fab {
    transition: none !important;
  }
}
@media (max-width: 900px) {
  .pt-overlay {
    height: 100vh;
    height: 100dvh;
  }
  .pt-modal {
    height: 100%;
  }
  .pt-controls {
    gap: 8px;
    align-items: center;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px;
  }
  .pt-group.pt-g-level {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
  }
  .pt-group.pt-g-level .pt-seg {
    flex: 1;
    width: 100%;
  }
  .pt-seg button {
    flex: 1;
    min-height: 40px;
    padding: 0 6px;
    font-size: 14px;
  }
  .pt-group.pt-g-tracks {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
  }
  .pt-overlay .pt-tracks {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px 2px;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .pt-overlay .pt-tracks::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  .pt-track {
    flex: none;
    min-height: 40px;
    padding: 0 16px;
    font-size: 14px;
    scroll-snap-align: start;
  }
  .pt-body {
    display: block;
    position: relative;
  }
  .pt-resizer {
    display: none;
  }
  .pt-main {
    height: 100%;
    padding: 14px 12px calc(92px + env(safe-area-inset-bottom, 0px));
  }
  .pt-cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .pt-card {
    padding: 16px 16px 12px;
  }
  .pt-card-title {
    margin-bottom: 10px;
  }
  .pt-card-link {
    display: block;
    width: 100%;
    padding: 6px 0;
    font-size: 17px;
    line-height: 1.3;
    min-height: 40px;
  }
  .pt-step {
    gap: 12px;
    padding-bottom: 14px;
    align-items: center;
  }
  .pt-step::before {
    top: 30px;
    left: 12px;
  }
  .pt-num {
    width: 25px;
    height: 25px;
    font: 700 12px/25px var(--sans);
    margin-top: 0;
  }
  .pt-step-text {
    font-size: 15px;
    line-height: 1.4;
    padding-top: 0;
  }
  .pt-chips {
    gap: 6px;
  }
  .pt-chip {
    min-width: 38px;
    height: 38px;
    border-radius: 4px;
    font-size: 14px;
  }
  .pt-note {
    font-size: 13px;
  }
  .pt-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 2;
    background: rgba(57, 57, 57, 0.38);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s;
  }
  .pt-overlay.is-sheet-open .pt-backdrop {
    opacity: 1;
    pointer-events: auto;
  }
  .pt-side {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: var(--sheet-h, 82vh);
    height: var(--sheet-h, min(82dvh, 760px));
    max-height: 100vh;
    max-height: 100dvh;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    box-shadow: 0 -10px 34px rgba(57, 57, 57, 0.22);
    transform: translateY(106%);
    visibility: hidden;
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.25s ease, border-radius 0.25s, visibility 0s linear 0.28s;
  }
  .pt-overlay.is-sheet-open .pt-side {
    transform: none;
    visibility: visible;
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.25s ease, border-radius 0.25s, visibility 0s;
  }
  .pt-sheet-bar {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 48px;
    touch-action: none;
    cursor: grab;
    border-bottom: 1px solid var(--line);
  }
  .pt-grab {
    width: 42px;
    height: 5px;
    border-radius: 4px;
    background: var(--scroll-thumb);
  }
  .pt-sheet-full {
    display: block;
    position: absolute;
    left: 8px;
    top: 6px;
    height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 4px;
    background: var(--paper);
    color: var(--ink);
    font: 600 13.5px var(--sans);
    cursor: pointer;
  }
  .pt-overlay.is-full .pt-side {
    height: 100vh;
    height: 100dvh;
    border-radius: 0;
  }
  .pt-overlay.is-full .pt-sheet-bar {
    height: calc(48px + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
  }
  .pt-overlay.is-full .pt-sheet-full,
  .pt-overlay.is-full .pt-sheet-close {
    top: calc(6px + env(safe-area-inset-top, 0px));
  }
  .pt-sheet-close {
    position: absolute;
    right: 8px;
    top: 6px;
    height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 4px;
    background: var(--accent-soft);
    color: var(--accent);
    font: 600 14px var(--sans);
    cursor: pointer;
  }
  .pt-side-scroll {
    padding: 16px 16px calc(36px + env(safe-area-inset-bottom, 0px));
    -webkit-overflow-scrolling: touch;
  }
  .pt-side-title {
    font-size: 20px;
  }
  .pt-hint {
    font-size: 13px;
  }
  .pt-back {
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 4px;
  }
  .pt-catalog {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .pt-cat {
    min-height: 48px;
    padding: 8px 10px;
    font-size: 13.5px;
    border-radius: 4px;
  }
  .pt-cat b {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 13px;
  }
  .pt-tstep {
    gap: 12px;
    padding-bottom: 20px;
  }
  .pt-tstep-title {
    font-size: 15px;
    margin: 2px 0 10px;
  }
  .pt-fnblock {
    padding: 10px 12px;
  }
  .pt-fnhead {
    min-height: 36px;
    padding-bottom: 8px;
    font-size: 12.5px;
  }
  .pt-fnhead b {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .pt-item-label {
    font-size: 12.5px;
  }
  .pt-tag {
    font-size: 11px;
  }
  .pt-phrase {
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 4px;
  }
  .pt-tablewrap {
    border: 0;
    overflow: visible;
    border-radius: 0;
  }
  .pt-table,
  .pt-table tbody,
  .pt-table tr,
  .pt-table th,
  .pt-table td {
    display: block;
    width: 100%;
  }
  .pt-table thead {
    display: none;
  }
  .pt-table tr {
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 10px 12px;
    margin: 0 0 8px;
    background: var(--surface);
  }
  .pt-table th,
  .pt-table td {
    border: 0;
    padding: 0;
  }
  .pt-table tbody th {
    width: auto;
    font-size: 12.5px;
    margin: 0 0 6px;
  }
  .pt-table tbody th.is-mark {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--mark);
  }
  .pt-table td {
    font-size: 15px;
    line-height: 1.45;
    padding: 5px 8px;
    margin-top: 4px;
    border-radius: 4px;
  }
  .pt-table td[data-label]::before {
    content: attr(data-label);
    display: block;
    font: 700 10.5px var(--sans);
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 1px;
  }
  .pt-fab {
    display: flex;
    align-items: center;
    gap: 8px;
    position: fixed;
    z-index: 1;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
    background: var(--accent);
    color: var(--accent-ink);
    font: 600 15px var(--sans);
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(201, 74, 74, 0.4);
    transition: opacity 0.2s, transform 0.2s;
  }
  .pt-overlay.is-sheet-open .pt-fab {
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
  }
  .pt-overlay.pt-embedded {
    height: 100%;
  }
  .pt-overlay.pt-embedded .pt-body {
    position: static;
  }
  .pt-overlay.pt-embedded .pt-fab,
  .pt-overlay.pt-embedded .pt-backdrop,
  .pt-overlay.pt-embedded .pt-side {
    position: absolute;
  }
  .pt-overlay.pt-embedded .pt-side {
    height: var(--sheet-h, 82%);
    max-height: 100%;
  }
  .pt-overlay.pt-embedded.is-full .pt-side {
    height: 100%;
  }
}
.vidget-recordings {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-recordings {
    width: -webkit-fill-available !important;
  }
}
.vidget-recordings__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-recordings__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-recordings__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-recordings__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-recordings__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-recordings__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-recordings__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-recordings__container {
  padding-right: 1rem;
  box-sizing: border-box;
  width: min(46rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 50rem;
  margin: 1rem 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.vidget-recordings__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-recordings__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-recordings__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-recordings__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-recordings__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-recordings__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 480px) {
  .vidget-recordings__container {
    width: 100%;
  }
}

.recordings {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.recordings__drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  padding: 1.6rem 1.2rem;
  border: 2px dashed #c9d2dc;
  border-radius: 0.4rem;
  background: #f8fafc;
  color: #5f6368;
  font-size: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}
.recordings__drop:hover, .recordings__drop:focus-visible, .recordings__drop--over {
  border-color: #1a73e8;
  background: #eef4fe;
  outline: none;
}
.recordings__drop--busy {
  cursor: progress;
  opacity: 0.8;
}
.recordings__pick {
  color: #1a73e8;
  text-decoration: underline;
}
.recordings__progress {
  width: 100%;
  height: 0.6rem;
  border-radius: 0.3rem;
  background: #e3e8ee;
  overflow: hidden;
}
.recordings__progress[hidden] {
  display: none;
}
.recordings__progress-bar {
  display: block;
  height: 100%;
  width: 0;
  background: #1a73e8;
  transition: width 0.2s;
}
.recordings__list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.recordings__empty {
  padding: 1.6rem;
  color: #9aa0a6;
  text-align: center;
  font-size: 1.5rem;
}
.recordings__item {
  padding: 1rem 1.2rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.4rem;
  background: #fff;
}
.recordings__head {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.recordings__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 1.5rem;
}
.recordings__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.6rem;
}
.recordings__action {
  cursor: pointer;
}
.recordings__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.2rem;
  margin-top: 0.4rem;
  color: #5f6368;
  font-size: 1.25rem;
}
.recordings__player {
  margin-top: 0.8rem;
}
.recordings__player audio {
  width: 100%;
}

.library {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-right: 1rem;
  font-family: Arial, sans-serif;
}
.library__head {
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding-bottom: 0.6rem;
  background: #f5fbff;
}
.library__drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 1.2rem 0.8rem;
  border: 2px dashed #c9d2dc;
  border-radius: 0.4rem;
  background: #f8fafc;
  color: #5f6368;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}
.library__drop:hover, .library__drop:focus-visible, .library__drop--over {
  border-color: #1a73e8;
  background: #eef4fe;
  outline: none;
}
.library__drop--busy {
  cursor: progress;
  opacity: 0.85;
}
.library__pick {
  color: #1a73e8;
  text-decoration: underline;
}
.library__drop-hint {
  color: #9aa0a6;
  font-size: 1.1rem;
}
.library__progress {
  width: 100%;
  height: 0.5rem;
  border-radius: 0.3rem;
  background: #e3e8ee;
  overflow: hidden;
}
.library__progress[hidden] {
  display: none;
}
.library__progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background: #1a73e8;
  transition: width 0.2s;
}
.library__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.library__search, .library__select {
  box-sizing: border-box;
  min-width: 0;
  height: 3rem;
  padding: 0 0.8rem;
  border: 1px solid #d0d7de;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
}
.library__search {
  flex: 1 1 100%;
}
.library__select {
  flex: 1 1 0;
}
.library__bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.8rem;
  border-radius: 0.4rem;
  background: #eef4fe;
  font-size: 1.3rem;
}
.library__bulk[hidden] {
  display: none;
}
.library__bulk-count {
  flex: 1 1 100%;
  font-weight: 600;
}
.library__button {
  padding: 0.4rem 1rem;
  border: 1px solid #c9d2dc;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
  cursor: pointer;
}
.library__button:hover {
  border-color: #1a73e8;
}
.library__button--main {
  border-color: #1a73e8;
  background: #1a73e8;
  color: #fff;
}
.library__button--main:hover {
  background: #1558b0;
}
.library__list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding-bottom: 1rem;
}
.library__empty {
  padding: 1.6rem 0.8rem;
  color: #9aa0a6;
  text-align: center;
  font-size: 1.3rem;
}
.library__item {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.8rem 0.8rem 0.8rem 3rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.4rem;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.library__item--selected {
  border-color: #1a73e8;
  background: #eef4fe;
}
.library__check {
  display: flex;
  padding-top: 0.2rem;
  cursor: pointer;
}
.library__check input {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  cursor: pointer;
}
.library__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.library__title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.library__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.8rem;
  color: #5f6368;
  font-size: 1.15rem;
}
.library__level {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  background: #e8f0fe;
  color: #1a56b4;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6rem;
}
.library__clients {
  overflow: hidden;
  color: #5f6368;
  font-size: 1.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.library__actions {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 0.2rem;
}
.library__action {
  cursor: pointer;
}

.expanded-fullscreen .library {
  width: 100%;
}
.expanded-fullscreen .library__list {
  flex-direction: row;
  flex-wrap: wrap;
}
.expanded-fullscreen .library__item {
  box-sizing: border-box;
  width: 30rem;
}

@media (max-width: 480px) {
  .slp-cabinet-container-2__admin-library-list:not(.expanded-fullscreen) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 1rem 1rem 0;
  }
  .library {
    padding-right: 0;
  }
  .library__drop {
    padding: 1.4rem 1rem;
    font-size: 1.5rem;
  }
  .library__search, .library__select {
    height: 4rem;
    font-size: 1.5rem;
  }
  .library__bulk {
    font-size: 1.4rem;
  }
  .library__button {
    min-height: 3.6rem;
    padding: 0.4rem 1.4rem;
    font-size: 1.4rem;
  }
  .library__item {
    padding: 1rem;
  }
  .library__check input {
    width: 2rem;
    height: 2rem;
  }
  .library__title {
    font-size: 1.55rem;
  }
  .library__meta, .library__clients {
    font-size: 1.3rem;
  }
  .library__clients {
    white-space: normal;
  }
  .library__actions {
    gap: 2.4rem;
    margin-top: 0.6rem;
  }
  .library__action {
    width: 2.2rem;
    height: 2.2rem;
  }
  .library .drag-to-client-handle {
    display: none;
  }
}
@media (hover: none) {
  .library__item {
    padding-left: 1rem;
  }
  .library__item .drag-to-client-handle {
    display: none;
  }
  .library__drop-drag {
    display: none;
  }
  .library__pick {
    text-transform: capitalize;
  }
}
.vidget-library {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-library {
    width: -webkit-fill-available !important;
  }
}
.vidget-library__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-library__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-library__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-library__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-library__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-library__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-library__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-library__container {
  padding-right: 1rem;
  box-sizing: border-box;
  width: min(46rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 50rem;
  margin: 1rem 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.vidget-library__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-library__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-library__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-library__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-library__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-library__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 480px) {
  .vidget-library__container {
    width: 100%;
  }
}

.library-books {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  font-family: Arial, sans-serif;
}
.library-books__empty {
  padding: 1.6rem;
  color: #9aa0a6;
  text-align: center;
  font-size: 1.5rem;
}
.library-books__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.2rem;
  border: 1px solid #e3e8ee;
  border-radius: 0.4rem;
  background: #fff;
}
.library-books__ext {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  background: #e8f0fe;
  color: #1a56b4;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6rem;
  flex-shrink: 0;
  min-width: 3.6rem;
  background: #f1f3f4;
  color: #5f6368;
  text-align: center;
}
.library-books__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.library-books__title {
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.library-books__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 1rem;
  color: #5f6368;
  font-size: 1.25rem;
}
.library-books__level {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  background: #e8f0fe;
  color: #1a56b4;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6rem;
}
.library-books__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.8rem;
}
.library-books__action {
  cursor: pointer;
}
@media (max-width: 480px) {
  .library-books__item {
    flex-wrap: wrap;
  }
  .library-books__title {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .library-books__actions {
    width: 100%;
    justify-content: flex-end;
  }
}

.vidget-grammar-tests {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-grammar-tests {
    width: -webkit-fill-available !important;
  }
}
.vidget-grammar-tests__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-grammar-tests__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-grammar-tests__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-grammar-tests__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-grammar-tests__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-grammar-tests__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-grammar-tests__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-grammar-tests__container {
  padding-right: 1rem;
  width: min(44rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 50rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 1rem 0 0 0;
}
.vidget-grammar-tests__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-tests__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-tests__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-grammar-tests__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-grammar-tests__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-grammar-tests__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
.vidget-grammar-tests.vidget--expanded .vidget-grammar-tests__container {
  width: 100%;
  max-height: none;
}

.grammar-tests {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem 1rem;
  box-sizing: border-box;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5rem;
  color: #212121;
}
.grammar-tests__blocks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.grammar-tests__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 0;
  min-height: 9rem;
  padding: 1.2rem;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease;
}
.grammar-tests__block:hover {
  filter: brightness(0.97);
  transform: translateY(-1px);
}
.grammar-tests__block--new {
  background: rgb(245, 251, 255);
  border-color: rgb(199, 224, 240);
}
.grammar-tests__block--done {
  background: #e8f5e9;
  border-color: #66BB6A;
}
.grammar-tests__block_count {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
}
.grammar-tests__block_title {
  font-size: 1.5rem;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.grammar-tests__empty {
  font-style: italic;
  color: #919191;
  text-align: center;
  padding: 1rem 0;
}
.grammar-tests__note {
  font-size: 1rem;
  color: #f57c00;
  background: #fff3e0;
  border-radius: 0.4rem;
  padding: 0.5rem 0.8rem;
}
.grammar-tests__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}
.grammar-tests__head_title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grammar-tests__back {
  flex-shrink: 0;
  padding: 0.4rem 0.8rem;
  border: none;
  border-radius: 0.4rem;
  background: #f7f7f7;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.grammar-tests__back:hover {
  background: #ececec;
}
.grammar-tests__list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.grammar-tests__item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: 0.4rem;
  background: #f7f7f7;
  transition: background 0.15s ease;
}
.grammar-tests__item:hover {
  background: #ececec;
}
.grammar-tests__item_main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
  padding: 0.8rem 1rem;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.grammar-tests__item_title {
  font-weight: 600;
}
.grammar-tests__item_meta {
  font-size: 1rem;
  color: #888;
}
.grammar-tests__item_result {
  font-size: 1rem;
  color: #2e7d32;
}
.grammar-tests__item_delete {
  flex-shrink: 0;
  margin-right: 1rem;
  cursor: pointer;
  opacity: 0.6;
}
.grammar-tests__item_delete:hover {
  opacity: 1;
}
.grammar-tests__gun-added {
  font-size: 1rem;
  color: #2e6b2a;
  background: #eaf6e8;
  border-radius: 0.4rem;
  padding: 0.5rem 0.8rem;
}
.grammar-tests__progress {
  font-size: 1rem;
  color: #888;
}
.grammar-tests__sentence {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1rem 1.2rem;
  border-radius: 0.4rem;
  background: rgb(245, 251, 255);
  overflow-wrap: anywhere;
}
.grammar-tests__sentence-label {
  margin-bottom: -0.4rem;
  font-size: 1rem;
  color: #888;
}
.grammar-tests__options {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.grammar-tests__option {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 0.4rem;
  background: #fff;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.grammar-tests__option:hover:not(:disabled) {
  border-color: #bbb;
  background: #f9f9f9;
}
.grammar-tests__option:disabled {
  cursor: default;
}
.grammar-tests__option--correct {
  border-color: #4CAF50;
  background: #e8f5e9;
  color: #2e7d32;
  font-weight: 600;
}
.grammar-tests__option--wrong {
  border-color: #f44336;
  background: #fde8e8;
  color: #8a1c1c;
}
.grammar-tests__feedback {
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  line-height: 1.5;
}
.grammar-tests__feedback--good {
  background: #e8f5e9;
  color: #2e7d32;
  border-left: 4px solid #4CAF50;
}
.grammar-tests__feedback--bad {
  background: #fde8e8;
  color: #8a1c1c;
  border-left: 4px solid #f44336;
}
.grammar-tests__next {
  align-self: flex-end;
  padding: 0.7rem 1.4rem;
  border: none;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.1411764706);
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.grammar-tests__next:hover {
  background: rgba(0, 0, 0, 0.2117647059);
}
.grammar-tests__score {
  font-size: 1.6rem;
}
.grammar-tests__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.grammar-tests__actions .grammar-tests__next {
  align-self: auto;
}
.grammar-tests__attempt {
  border-radius: 0.4rem;
  border: 1px solid #e0e0e0;
  background: #fff;
  overflow: hidden;
}
.grammar-tests__attempt[open] > .grammar-tests__attempt_summary {
  border-bottom: 1px solid #e0e0e0;
}
.grammar-tests__attempt > .grammar-tests__mistakes,
.grammar-tests__attempt > .grammar-tests__empty {
  padding: 0.8rem;
}
.grammar-tests__attempt_summary {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.7rem 1rem;
  cursor: pointer;
  list-style: none;
}
.grammar-tests__attempt_summary::-webkit-details-marker {
  display: none;
}
.grammar-tests__attempt_summary::after {
  content: "▾";
  margin-left: auto;
  color: #888;
  transition: transform 0.15s ease;
}
.grammar-tests__attempt[open] .grammar-tests__attempt_summary::after {
  transform: rotate(180deg);
}
.grammar-tests__attempt_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: rgb(245, 251, 255);
  border: 1px solid rgb(199, 224, 240);
  font-size: 1rem;
}
.grammar-tests__attempt_score {
  font-weight: 600;
}
.grammar-tests__attempt_meta {
  font-size: 1rem;
  color: #888;
}
.grammar-tests__mistakes {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.grammar-tests__mistake {
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.grammar-tests__mistake_sentence {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.grammar-tests__mistake_line {
  font-size: 1rem;
}
.grammar-tests__mistake_wrong {
  color: #f44336;
}
.grammar-tests__mistake_right {
  color: #2e7d32;
  font-weight: 600;
}

@media (max-width: 600px) {
  .grammar-tests__blocks {
    grid-template-columns: 1fr;
  }
  .grammar-tests__block {
    min-height: 6rem;
  }
  .grammar-tests__sentence {
    font-size: 1.4rem;
  }
}
.vidget-grammar-cards {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  padding: 1.6rem 1.1rem;
  color: #212121;
  font-family: "Times New Roman", Times, serif;
  border-radius: 0.4rem;
  background: #fbfbfb;
  border: 1px solid rgba(236, 236, 236, 0.6);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 480px) {
  .vidget-grammar-cards {
    width: -webkit-fill-available !important;
  }
}
.vidget-grammar-cards__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.vidget-grammar-cards__menu_title {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  width: 70%;
}
.vidget-grammar-cards__menu_title_text {
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-weight: 800;
  color: #707070;
}
@media (max-width: 480px) {
  .vidget-grammar-cards__menu_title_text {
    font-size: 1.2rem;
    color: #686868;
    background: rgba(166, 166, 166, 0.231372549);
    padding: 0.6rem 1rem 0.5rem;
    border-radius: 0.4rem;
  }
}
.vidget-grammar-cards__menu_items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}
.vidget-grammar-cards__menu_items_button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 0.2rem;
}
.vidget-grammar-cards__menu_items_button:hover {
  background-color: rgb(142, 11, 11);
}
.vidget-grammar-cards__container {
  padding-right: 1rem;
  box-sizing: border-box;
  width: min(56rem, 100vw - 6rem);
  max-width: 100%;
  max-height: 60rem;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin: 1rem 0 0 0;
}
.vidget-grammar-cards__container::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4823529412);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-cards__container::-webkit-scrollbar {
  width: 1rem;
  height: 0.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
}
.vidget-grammar-cards__container::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  position: relative;
}
.vidget-grammar-cards__container::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 100%;
  background-color: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.vidget-grammar-cards__container:hover::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
}
.vidget-grammar-cards__container:hover::-webkit-scrollbar-thumb::before {
  opacity: 1;
}
@media (max-width: 480px) {
  .vidget-grammar-cards__container {
    width: 100%;
  }
}

.gcards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.gcards__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 1.4rem;
  padding: 0.4rem 0 1rem;
  border-bottom: 1px solid #e4e4e4;
}
.gcards__train {
  padding: 0.8rem 1.8rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  background: #43a047;
  border: none;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.gcards__train:hover {
  background: #388e3c;
}
.gcards__train:disabled {
  font-weight: 400;
  color: #888;
  background: #f0f0f0;
  cursor: default;
}
.gcards__divider {
  align-self: stretch;
  width: 1px;
  background: #e4e4e4;
}
.gcards__stages {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.gcards__arrow {
  font-size: 1.2rem;
  color: #c4c4c4;
}
.gcards__stage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid transparent;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: transform 0.15s ease;
}
.gcards__stage:hover {
  transform: translateY(-1px);
}
.gcards__stage--active {
  border-color: rgba(0, 0, 0, 0.45);
}
.gcards__list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.gcards__empty {
  font-size: 1.5rem;
  font-style: italic;
  color: #919191;
  text-align: center;
  padding: 1rem 0;
}

.gcards-stage-1 {
  background: #f3c9c9;
}

.gcards-stage-2 {
  background: #f7dcbc;
}

.gcards-stage-3 {
  background: #f4ecb5;
}

.gcards-stage-4 {
  background: #dcebc4;
}

.gcards-stage-5 {
  background: #c3e3c5;
}

.gcards-stage-6 {
  background: #a9d4b0;
}

.gcards-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: #fafafa;
  border: 1px solid #e4e4e4;
  border-radius: 0.4rem;
  box-sizing: border-box;
}
.gcards-card--learned {
  opacity: 0.6;
}
.gcards-card__front {
  font-size: 1.5rem;
  font-weight: 700;
  color: #212121;
}
.gcards-card__back {
  font-size: 1.3rem;
  color: #555;
  white-space: pre-line;
}
.gcards-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
  font-size: 1.1rem;
  color: #888;
}
.gcards-card__stage {
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
}
.gcards-card__kind {
  padding: 0.1rem 0.6rem;
  background: #f0f0f0;
  border-radius: 999px;
}
.gcards-card__stats {
  display: inline-flex;
  gap: 0.8rem;
  white-space: nowrap;
}
.gcards-card__actions {
  display: inline-flex;
  gap: 0.4rem;
  margin-left: auto;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.gcards-card:hover .gcards-card__actions {
  opacity: 1;
}
.gcards-card__action {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: #888;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.gcards-card__action:hover {
  color: #212121;
  background: #f0f0f0;
}

.super-opened-container {
  scroll-behavior: auto !important;
  overflow-anchor: none !important;
}

.super-opened-container * {
  overflow-anchor: none !important;
  scroll-margin-top: 0 !important;
}

.super-opened-container > * {
  transition: none !important;
  transform: translateZ(0);
  will-change: auto;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.05);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.05);
  }
  56% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.heartbeat {
  animation: heartbeat 3.5s ease-in-out infinite;
}

.client-position.client-position--fallback {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease;
  z-index: 9999;
  overflow-y: auto;
}

.super-opened-toggle {
  opacity: 0.7;
  transition: opacity 0.3s;
  margin-bottom: 10px;
  cursor: pointer;
  width: 3rem;
  border: 1px solid rgba(255, 255, 255, 0);
  background: rgb(195, 195, 195);
  border-radius: 13px;
  position: absolute;
  z-index: 999;
  height: 3.5rem;
  font-size: 2rem;
  display: flex;
  flex-direction: row;
  place-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  padding: 0px;
}

.notification-carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 11px 0 4px;
  min-width: 5rem;
}

.notification-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
  display: inline-block;
}

.mt-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: rgba(20, 20, 25, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  animation: mt-fade-in 0.18s ease-out;
}

@keyframes mt-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mt-side {
  flex: 0 0 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: rgba(255, 255, 255, 0.35);
  transition: background 0.15s ease, color 0.15s ease;
}

.mt-side:hover, .mt-side.mt-pressed {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.95);
}

.mt-side svg {
  width: 34px;
  height: 34px;
  transition: transform 0.15s ease;
}

.mt-side:hover svg, .mt-side.mt-pressed svg {
  transform: scale(1.15);
}

.mt-side-left:hover svg, .mt-side-left.mt-pressed svg {
  transform: scale(1.15) translateX(-3px);
}

.mt-side-right:hover svg, .mt-side-right.mt-pressed svg {
  transform: scale(1.15) translateX(3px);
}

.mt-center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  min-width: 0;
}

.mt-card {
  position: relative;
  width: 100%;
  max-width: 640px;
  max-height: 80vh;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  padding: 28px 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.mt-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mt-progress-track {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: #eef0f3;
  overflow: hidden;
}

.mt-progress-fill {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, #4CAF50, #43b67b);
  transition: width 0.25s ease;
}

.mt-counter {
  font-size: 13px;
  color: #9aa0a6;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.mt-close {
  cursor: pointer;
  color: #9aa0a6;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease;
  flex: 0 0 auto;
}

.mt-close:hover {
  background: #f1f2f4;
  color: #444;
}

.mt-shuffle + .mt-close {
  margin-left: -8px;
}

.mt-stage {
  flex: 1;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  overflow-y: auto;
  padding: 8px 4px;
}

.mt-issue, .mt-correction {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
  padding: 16px 22px;
  border-radius: 14px;
  max-width: 100%;
  word-break: break-word;
}

.mt-issue {
  color: #c0271a;
  background: #fdecea;
}

.mt-correction {
  color: #2f9c66;
  background: #e9f9f1;
}

.mt-card--question .mt-issue {
  color: #2b2f36;
  background: #f1f3f6;
}

.mt-card--question .mt-correction {
  font-size: 17px;
  font-weight: 500;
  white-space: pre-line;
}

.mt-lock-hint {
  display: none;
  font-size: 13px;
  color: #9aa0a6;
  margin-top: -6px;
}

.mt-lock-hint--visible {
  display: block;
}

.mt-card.mt-anim .mt-issue,
.mt-card.mt-anim .mt-correction {
  animation: mt-card-in 0.22s ease-out;
}

@keyframes mt-card-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mt-reveal {
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  transition: grid-template-rows 0.28s ease;
}

.mt-reveal.mt-open {
  grid-template-rows: 1fr;
}

.mt-reveal-inner {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.mt-empty {
  font-size: 16px;
  color: #9aa0a6;
  padding: 30px 0;
}

.mt-bottom {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 4px;
}

.mt-btn {
  border: none;
  font: inherit;
  padding: 11px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #4a4f57;
  background: #f1f2f4;
  transition: background 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
}

.mt-btn:hover {
  background: #e6e8eb;
}

.mt-btn:active, .mt-btn.mt-pressed {
  transform: scale(0.94);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
}

.mt-btn-answer {
  background: #4CAF50;
  color: #fff;
}

.mt-btn-answer:hover {
  background: #43a047;
}

.mt-btn-answer.mt-shown {
  display: none;
}

.mt-kbd-hint {
  text-align: center;
  font-size: 11px;
  color: #b7bcc2;
  letter-spacing: 0.2px;
}

@media (max-width: 640px) {
  .mt-side {
    flex-basis: 48px;
  }
  .mt-side svg {
    width: 24px;
    height: 24px;
  }
  .mt-card {
    padding: 20px 16px 16px;
    max-height: 86vh;
  }
  .mt-issue, .mt-correction {
    font-size: 17px;
    padding: 12px 16px;
  }
  .mt-kbd-hint {
    display: none;
  }
}
.mt-mark {
  display: none;
  gap: 10px;
}

.mt-mark.mt-mark--visible {
  display: flex;
}

.mt-btn-correct {
  color: #1b5e20;
  background: #e3f3e4;
}

.mt-btn-correct:hover {
  background: #d1ebd3;
}

.mt-btn-incorrect {
  color: #b71c1c;
  background: #fdecec;
}

.mt-btn-incorrect:hover {
  background: #f9dcdc;
}

.lexis-slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
}

.lexis-slider-prev {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: #007bff;
  color: white;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 10;
}

.lexis-slider-next {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: #007bff;
  color: white;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 10;
}

.lexis-slider-delete {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #dc3545;
  background: white;
  color: #dc3545;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lexis-slider-progress {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #666;
  background: rgba(255, 255, 255, 0.9);
  padding: 5px 15px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.lexis-slider-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2147483647;
  font-family: Arial, sans-serif;
}

.lexis-slider-card {
  width: 80%;
  max-width: 500px;
  min-height: 200px;
  background: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lexis-slider-card--with-delete {
  margin-bottom: 20px;
}
.lexis-slider-card--effects {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.lexis-slider-lang {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 14px;
  border: 1px solid #007bff;
  border-radius: 20px;
  background: white;
  color: #007bff;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
}
.lexis-slider-lang:hover {
  background: #007bff;
  color: white;
}

.lexis-training-board-cabinet-container--cut .lexis-training-board-cabinet-container-menu-word-box {
  cursor: no-drop;
}

.icon-burger {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M3 6.001h18m-18 6h18m-18 6h18' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-burger:hover {
  color: rgb(39, 39, 39);
}

.icon-switch-button {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128'/%3E%3Cpath fill='%23000' d='M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-switch-button:hover {
  color: rgb(124, 124, 124);
}

.icon-switch-button-goal {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128'/%3E%3Cpath fill='%23000' d='M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-switch-button-goal:hover {
  color: rgb(124, 124, 124);
}

.solar--trash-bin-2-outline {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5.117 7.752a.75.75 0 0 1 .798.698l.46 6.9c.09 1.347.154 2.285.294 2.99c.137.685.327 1.047.6 1.303c.274.256.648.422 1.34.512c.714.093 1.654.095 3.004.095h.774c1.35 0 2.29-.002 3.004-.095c.692-.09 1.066-.256 1.34-.512c.273-.256.463-.618.6-1.302c.14-.706.204-1.644.294-2.992l.46-6.899a.75.75 0 1 1 1.497.1l-.464 6.952c-.085 1.282-.154 2.319-.316 3.132c-.169.845-.455 1.551-1.047 2.104s-1.315.793-2.17.904c-.822.108-1.86.108-3.145.108h-.88c-1.285 0-2.323 0-3.145-.108c-.855-.111-1.579-.35-2.17-.904c-.592-.553-.878-1.26-1.047-2.104c-.162-.814-.23-1.85-.316-3.132L4.418 8.55a.75.75 0 0 1 .699-.798m5.238-5.502h-.046c-.216 0-.405 0-.583.028a2.25 2.25 0 0 0-1.64 1.183c-.084.16-.143.339-.211.544l-.015.044l-.097.29l-.029.086A1.25 1.25 0 0 1 6.5 5.25h-3a.75.75 0 1 0 0 1.5h17.001a.75.75 0 0 0 0-1.5H17.41a1.25 1.25 0 0 1-1.173-.91l-.097-.291l-.014-.044c-.069-.205-.128-.384-.211-.544a2.25 2.25 0 0 0-1.641-1.183a4 4 0 0 0-.583-.028zm-1.21 2.685q-.06.164-.137.315h5.984a3 3 0 0 1-.136-.314l-.04-.114l-.099-.3a3 3 0 0 0-.133-.368a.75.75 0 0 0-.547-.395a3 3 0 0 0-.392-.009h-3.29c-.288 0-.348.002-.392.01a.75.75 0 0 0-.547.394c-.02.04-.042.095-.133.369l-.1.3z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.solar--trash-bin-2-outline:hover {
  color: rgb(124, 124, 124);
}

.mdi-light--plus {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 13v-1h6V6h1v6h6v1h-6v6h-1v-6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.mdi-light--plus:hover {
  color: rgb(124, 124, 124);
}

.mdi-light--minus {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 13v-1h13v1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.mdi-light--minus:hover {
  color: rgb(124, 124, 124);
}

.icon-finish-flag {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M5 4v24h2v-8h20V4zm2 2h3v3h3V6h3v3h3V6h3v3h3v3h-3v3h3v3h-3v-3h-3v3h-3v-3h-3v3h-3v-3H7v-3h3V9H7zm3 6v3h3v-3zm3 0h3V9h-3zm3 0v3h3v-3zm3 0h3V9h-3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-finish-flag:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--ink-pen-outline-sharp {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.98 11.248l.907.906l5.829-5.829l-.906-.906zM5.136 19h.906l6.113-6.113l-.906-.906l-6.113 6.113zm8.105-5.76l-2.326-2.346l4.79-4.79l-.821-.821l-5.34 5.34l-.708-.67l6.067-6.066l1.51 1.51l1.398-1.399l2.346 2.346zM6.463 20H4.135v-2.327l6.76-6.779l2.346 2.347z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--ink-pen-outline-sharp:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--ink-pen-sharp {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.948 12.533l-2.327-2.352l4.083-4.077l-.821-.821l-5.34 5.34l-.708-.67l6.067-6.066l1.51 1.51l1.397-1.399l2.347 2.346zM6.462 20H4.135v-2.327l6.754-6.76l2.352 2.328z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--ink-pen-sharp:hover {
  color: rgb(124, 124, 124);
}

.line-md--confirm {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='24' stroke-dashoffset='24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11l6 6l10 -10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='24;0'/%3E%3C/path%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.line-md--confirm:hover {
  color: rgb(124, 124, 124);
}

.qlementine-icons--external-link-16 {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M15 1.31a.5.5 0 0 0-.461-.309h-4a.5.5 0 0 0 0 1h2.79l-7.15 7.15a.5.5 0 0 0 .707.707l7.15-7.15v2.79a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.038-.188z'/%3E%3Cpath fill='%23000' d='M3.5 3A2.5 2.5 0 0 0 1 5.5v7A2.5 2.5 0 0 0 3.5 15h7a2.5 2.5 0 0 0 2.5-2.5v-5a.5.5 0 0 0-1 0v5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 12.5v-7A1.5 1.5 0 0 1 3.5 4h5a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.qlementine-icons--external-link-16:hover {
  color: rgb(124, 124, 124);
}

.icon-open-inside {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 11a3 3 0 0 1-3-3V4H7a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-8zm-2-3a2 2 0 0 0 2 2h3.59L12 4.41zM7 3h5l7 7v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2.3rem;
  height: 2.3rem;
}

.icon-open-inside:hover {
  color: rgb(124, 124, 124);
}

.qlementine-icons--external-link-16--calm {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M15 1.31a.5.5 0 0 0-.461-.309h-4a.5.5 0 0 0 0 1h2.79l-7.15 7.15a.5.5 0 0 0 .707.707l7.15-7.15v2.79a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.038-.188z'/%3E%3Cpath fill='%23000' d='M3.5 3A2.5 2.5 0 0 0 1 5.5v7A2.5 2.5 0 0 0 3.5 15h7a2.5 2.5 0 0 0 2.5-2.5v-5a.5.5 0 0 0-1 0v5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 12.5v-7A1.5 1.5 0 0 1 3.5 4h5a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.qlementine-icons--external-link-16--calm:hover {
  color: rgb(124, 124, 124);
}

.solar--trash-bin-minimalistic-2-linear {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M20.5 6h-17m15.333 2.5l-.46 6.9c-.177 2.654-.265 3.981-1.13 4.79s-2.196.81-4.856.81h-.774c-2.66 0-3.991 0-4.856-.81c-.865-.809-.954-2.136-1.13-4.79l-.46-6.9M9.17 4a3.001 3.001 0 0 1 5.66 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.solar--trash-bin-minimalistic-2-linear:hover {
  color: rgb(124, 124, 124);
}

.-goal {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128'/%3E%3Cpath fill='%23000' d='M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.ep--switch-button:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--move-down-rounded {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.23 11q0 2.108 1.641 3.492q1.64 1.385 3.858 1.504L7.012 14.28q-.14-.14-.15-.342q-.01-.2.145-.366q.17-.165.361-.165t.357.165l2.363 2.363q.243.243.243.566t-.242.565l-2.37 2.37q-.14.14-.344.15t-.373-.16q-.156-.156-.156-.344t.16-.354l1.708-1.72q-2.631-.126-4.557-1.797T2.23 11t1.826-4.27T8.442 5H10q.213 0 .356.144t.144.357t-.144.356T10 6H8.462Q6.31 6 4.77 7.443T3.23 11m11.086 8q-.356 0-.586-.232t-.23-.576v-4.184q0-.356.232-.586q.233-.23.576-.23h5.876q.356 0 .586.233T21 14v4.185q0 .356-.232.585t-.576.23zm0-8.192q-.356 0-.586-.232T13.5 10V5.815q0-.355.232-.585t.576-.23h5.876q.356 0 .586.232t.23.576v4.185q0 .355-.232.585q-.233.23-.576.23zm.184-1H20V6h-5.5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--move-down-rounded:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--move-up-rounded {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.442 19q-2.56 0-4.385-1.73T2.23 13t1.926-4.21t4.557-1.798L7.006 5.273q-.16-.165-.16-.354t.155-.344q.17-.17.374-.16t.344.15l2.37 2.37q.242.242.242.565t-.242.566l-2.364 2.363q-.165.165-.357.165t-.36-.165q-.156-.165-.146-.366q.01-.202.15-.342l1.717-1.717q-2.217.119-3.858 1.504q-1.64 1.384-1.64 3.492q0 2.114 1.54 3.557Q6.31 18 8.46 18H10q.213 0 .356.144t.144.357t-.144.356T10 19zm5.874-8.192q-.357 0-.586-.232T13.5 10V5.815q0-.355.232-.585t.576-.23h5.876q.356 0 .586.232t.23.576v4.185q0 .355-.232.585q-.233.23-.576.23zm0 8.192q-.357 0-.586-.232t-.23-.576v-4.184q0-.356.232-.586q.233-.23.576-.23h5.876q.356 0 .586.233T21 14v4.185q0 .356-.232.585t-.576.23zm.184-1H20v-3.808h-5.5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--move-up-rounded:hover {
  color: rgb(124, 124, 124);
}

.fluent-mdl2--tiles {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M1280 256v640H0V256zm-128 512V384H128v384zm256-512h640v640h-640zm512 512V384h-384v384zM768 1664v-640h1280v640zm128-512v384h1024v-384zM0 1664v-640h640v640zm128-512v384h384v-384z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.fluent-mdl2--tiles:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--ink-pen-outline-sharp--2 {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.98 11.248l.907.906l5.829-5.829l-.906-.906zM5.136 19h.906l6.113-6.113l-.906-.906l-6.113 6.113zm8.105-5.76l-2.326-2.346l4.79-4.79l-.821-.821l-5.34 5.34l-.708-.67l6.067-6.066l1.51 1.51l1.398-1.399l2.346 2.346zM6.463 20H4.135v-2.327l6.76-6.779l2.346 2.347z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--ink-pen-outline-sharp--2:hover {
  color: rgb(124, 124, 124);
}

.material-symbols-light--ink-pen-sharp--2 {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.948 12.533l-2.327-2.352l4.083-4.077l-.821-.821l-5.34 5.34l-.708-.67l6.067-6.066l1.51 1.51l1.397-1.399l2.347 2.346zM6.462 20H4.135v-2.327l6.754-6.76l2.352 2.328z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(219, 0, 0);
  width: 2rem;
  height: 2rem;
}

.material-symbols-light--ink-pen-sharp--2:hover {
  color: rgb(155, 13, 13);
}

.iconamoon--share-1-thin {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M20.25 6a2.75 2.75 0 1 0-5.33.956L8.606 10.23a2.75 2.75 0 1 0-.01 3.55l6.208 3.679a2.75 2.75 0 1 0 .687-1.336l-6.27-3.716a2.8 2.8 0 0 0 .001-.806l6.6-3.423A2.75 2.75 0 0 0 20.25 6M17.5 4.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5m-11 6a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5m11 6a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.iconamoon--share-1-thin:hover {
  color: rgb(124, 124, 124);
}

.line-md--confirm-2 {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='24' stroke-dashoffset='24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11l6 6l10 -10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='24;0'/%3E%3C/path%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.line-md--confirm-2:hover {
  color: rgb(124, 124, 124);
}

.mdi-light--plus-2 {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 13v-1h6V6h1v6h6v1h-6v6h-1v-6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.mdi-light--plus-2:hover {
  color: rgb(124, 124, 124);
}

.symbol-icon-waiting {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.808 20h8.384v-3q0-1.766-1.213-3.017Q13.766 12.73 12 12.73t-2.979 1.252T7.808 17zM12 11.27q1.766 0 2.979-1.253T16.192 7V4H7.808v3q0 1.766 1.213 3.017Q10.234 11.27 12 11.27M5 21v-1h1.808v-3q0-1.852 1.135-3.285T10.853 12q-1.774-.3-2.91-1.724T6.808 7V4H5V3h14v1h-1.808v3q0 1.852-1.135 3.276T13.147 12q1.774.28 2.91 1.715q1.135 1.433 1.135 3.285v3H19v1zm7-17'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(250, 250, 250);
  width: 2rem;
  height: 2rem;
}

.symbol-icon-waiting:hover {
  color: rgb(227, 227, 227);
}

.symbol-icon-copy {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15 1.25h-4.056c-1.838 0-3.294 0-4.433.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433V16a3.75 3.75 0 0 0 3.166 3.705c.137.764.402 1.416.932 1.947c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h3.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-5.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.531-.53-1.183-.795-1.947-.932A3.75 3.75 0 0 0 15 1.25m2.13 3.021A2.25 2.25 0 0 0 15 2.75h-4c-1.907 0-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812S4.025 4.705 3.89 5.71c-.138 1.029-.14 2.383-.14 4.29v6a2.25 2.25 0 0 0 1.521 2.13c-.021-.61-.021-1.3-.021-2.075v-5.11c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117h3.11c.775 0 1.464 0 2.074.021M7.408 6.41c.277-.277.665-.457 1.4-.556c.754-.101 1.756-.103 3.191-.103h3c1.435 0 2.436.002 3.192.103c.734.099 1.122.28 1.399.556c.277.277.457.665.556 1.4c.101.754.103 1.756.103 3.191v5c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103h-3c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191v-5c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.symbol-icon-copy:hover {
  color: rgb(124, 124, 124);
}

.block-pop-up-close {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5.47 5.47a.75.75 0 0 1 1.06 0l12 12a.75.75 0 1 1-1.06 1.06l-12-12a.75.75 0 0 1 0-1.06'/%3E%3Cpath d='M18.53 5.47a.75.75 0 0 1 0 1.06l-12 12a.75.75 0 0 1-1.06-1.06l12-12a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.block-pop-up-close:hover {
  color: rgb(124, 124, 124);
}

.icon-star-empty {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5' d='m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-star-empty:hover {
  color: rgb(124, 124, 124);
}

.icon-star-full {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 18.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgba(230, 210, 22, 0.63);
  width: 2rem;
  height: 2rem;
}

.icon-star-full:hover {
  color: rgba(207, 188, 19, 0.63);
}

.icon-to-play-sound {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m9.524 4.938l10.092 6.21a1 1 0 0 1 0 1.704l-10.092 6.21A1 1 0 0 1 8 18.21V5.79a1 1 0 0 1 1.524-.852M9.2 6.148v11.705L18.71 12z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-to-play-sound:hover {
  color: rgb(124, 124, 124);
}

.icon-to-play-sound--speaking {
  color: rgb(124, 124, 124);
  animation: icon-play-sound-pulse 0.8s ease-in-out infinite alternate;
}

@keyframes icon-play-sound-pulse {
  to {
    opacity: 0.4;
  }
}
.icon-to-minimise {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-to-minimise:hover {
  color: rgb(151, 151, 151);
}

.icon-to-maximise {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M4.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3zm0 1h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-to-maximise:hover {
  color: rgb(151, 151, 151);
}

.icon-to-prompt-not-active {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9.721.657c.186-.846 1.39-.851 1.582-.007l.01.04l.018.08a2.48 2.48 0 0 0 1.992 1.879c.881.153.881 1.42 0 1.573a2.48 2.48 0 0 0-1.996 1.894l-.024.105c-.192.844-1.396.839-1.582-.007l-.02-.09c-.214-.98-1-1.732-1.987-1.904c-.88-.153-.88-1.417 0-1.57A2.47 2.47 0 0 0 9.7.757l.015-.066zM1.766 2.48h4.39c-.57 1.05-.115 2.6 1.364 2.857c.486.085.882.43 1.036.893h-7.04v6c0 .138.112.25.25.25h9a.25.25 0 0 0 .25-.25V7.923c.644-.163 1.21-.646 1.394-1.45l.024-.106q.03-.13.082-.247v6.11a1.75 1.75 0 0 1-1.75 1.75h-9a1.75 1.75 0 0 1-1.75-1.75v-8c0-.967.784-1.75 1.75-1.75m.963 4.836a.625.625 0 0 1 .884 0l1.5 1.5a.625.625 0 0 1 0 .884l-1.5 1.5a.625.625 0 1 1-.884-.884L3.787 9.26L2.73 8.201a.625.625 0 0 1 0-.884m2.817 3.442c0-.345.28-.625.625-.625h1.5a.625.625 0 1 1 0 1.25h-1.5a.625.625 0 0 1-.625-.625' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 2rem;
  height: 2rem;
}

.icon-to-prompt-active {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%238fbffa' d='M6.035 2.507c-.653 1.073-.204 2.73 1.344 3c.545.095.978.51 1.096 1.05l.02.092c.454 2.073 3.407 2.086 3.878.017l.025-.108a1 1 0 0 1 .04-.139v5.791c0 .941-.764 1.704-1.705 1.704H1.734A1.704 1.704 0 0 1 .03 12.21V4.211c0-.941.763-1.704 1.704-1.704h4.3Z'/%3E%3Cpath fill='%232859c5' d='M3.08 7.797a.625.625 0 1 0-.883.884L3.255 9.74l-1.058 1.058a.625.625 0 0 0 .884.884l1.5-1.5a.625.625 0 0 0 0-.884l-1.5-1.5Zm2.559 2.817a.625.625 0 1 0 0 1.25h1.5a.625.625 0 0 0 0-1.25zm.396-8.107c-.653 1.073-.204 2.73 1.344 3c.318.055.598.22.8.454H.028V4.21c0-.941.764-1.704 1.705-1.704h4.3ZM11.233.721C11.04-.13 9.825-.125 9.638.728l-.007.035l-.015.068A2.53 2.53 0 0 1 7.58 2.772c-.887.154-.887 1.428 0 1.582a2.53 2.53 0 0 1 2.038 1.952l.02.093c.187.852 1.401.858 1.595.007l.025-.108a2.55 2.55 0 0 1 2.046-1.942c.889-.155.889-1.43 0-1.585A2.55 2.55 0 0 1 11.26.844l-.018-.082l-.01-.041Z'/%3E%3C/g%3E%3C/svg%3E");
  width: 2rem;
  height: 2rem;
}

.icon-deepseek {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M31.97 33.128c5.146-5.785 5.618-11.022 5.797-13.649' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M37.764 19.48c4.61-.866 6.127-3.58 6.623-5.779c.269-1.19.016-1.792-.316-1.97c-.332-.18-.742.064-1.117.463c-1.892 2.01-3.02.998-4.405 1.37c-.765.206-1.218.796-1.655.56s-.86-1.303-1.476-1.745c-.617-.443-1.428-.264-1.982-.965c-.553-.7-.959-2.436-1.38-2.384c-.99 0-1.573 1.995-1.579 3.698c-.005 1.754.919 3.887 3.557 5.824c0 0-.455 1.457-.602 2.205h.004c-3.954-1.765-6.14-5.062-9.006-7.254c-.902-.69-.89-1.382-.325-1.888c.564-.506 1.555-.843 1.38-1.133c-.173-.29-1.512-.532-2.814-.353s-2.566.78-3.831 1.38c0 0-1.129-.727-3.19-.727c-8.454 0-12.15 6.554-12.15 12.119c0 6.636 6.091 16.07 16.107 16.07c7.585 0 9.221-3.111 9.221-3.111c3.708 1.206 6.08.788 6.924-.333c.753-1-2.268-1.808-3.784-2.399' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M17.62 31.213c-1.018-.12-.156 2.938-.156 2.938c-2.034.442-4.743.295-8.299-4.835c-2.885-4.162-3.427-8.892-1.975-9.232c1.45-.34 5.668.345 8.64 2.403c2.974 2.059 5.858 5.86 7.827 8.191s3.04 3.558 5.171 5.182c-7.119-.45-8.582-4.339-11.207-4.647m8.454-10.385c2.442 0 4.771 3.392 4.771 4.927c0 .618-.721.783-1.607.783s-2.154-.412-2.154-2.04s-.122-2.329-1.44-2.329s-.992-1.34.43-1.34' stroke-width='1'/%3E%3Ccircle cx='25.294' cy='23.751' r='.735' fill='%23000'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-deepseek:hover {
  color: rgb(151, 151, 151);
}

.icon-chatgpt {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='M18.38 27.94v-14.4l11.19-6.46c6.2-3.58 17.3 5.25 12.64 13.33' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='m18.38 20.94l12.47-7.2l11.19 6.46c6.2 3.58 4.1 17.61-5.23 17.61' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='m24.44 17.44l12.47 7.2v12.93c0 7.16-13.2 12.36-17.86 4.28' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='M30.5 21.2v14.14L19.31 41.8c-6.2 3.58-17.3-5.25-12.64-13.33' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='m30.5 27.94l-12.47 7.2l-11.19-6.46c-6.21-3.59-4.11-17.61 5.22-17.61' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='m24.44 31.44l-12.47-7.2V11.31c0-7.16 13.2-12.36 17.86-4.28' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-chatgpt:hover {
  color: rgb(151, 151, 151);
}

.icon-claude {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M23.956 24.475L9.652 14.182m14.304 10.293L15.763 7.299m8.193 17.176l3.233-16.747m-3.233 16.747L35.97 11.263M23.956 24.475l17.237-2.764m-17.237 2.764l17.353 3.839m-17.353-3.839l13.392 11.472M23.956 24.475l9.108 14.512m-9.108-14.512l-.849 16.262m.849-16.262l-9.178 14.343m9.178-14.343l-13.15 8.935m13.15-8.935l-17.23-1.19' stroke-width='1'/%3E%3Ccircle cx='9.652' cy='14.182' r='.75' fill='%23000'/%3E%3Ccircle cx='15.762' cy='7.299' r='.75' fill='%23000'/%3E%3Ccircle cx='27.189' cy='7.728' r='.75' fill='%23000'/%3E%3Ccircle cx='35.97' cy='11.263' r='.75' fill='%23000'/%3E%3Ccircle cx='41.193' cy='21.712' r='.75' fill='%23000'/%3E%3Ccircle cx='41.309' cy='28.313' r='.75' fill='%23000'/%3E%3Ccircle cx='37.348' cy='35.947' r='.75' fill='%23000'/%3E%3Ccircle cx='33.064' cy='38.987' r='.75' fill='%23000'/%3E%3Ccircle cx='23.107' cy='40.736' r='.75' fill='%23000'/%3E%3Ccircle cx='14.778' cy='38.818' r='.75' fill='%23000'/%3E%3Ccircle cx='10.806' cy='33.41' r='.75' fill='%23000'/%3E%3Ccircle cx='6.726' cy='23.285' r='.75' fill='%23000'/%3E%3Ccircle cx='24' cy='24' r='21.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-claude:hover {
  color: rgb(151, 151, 151);
}

.icon-alice {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='21.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M23.236 10.945c-1.486.614-2.367 1.692-3.543 3.145s-2.424 3.292-3.607 5.341s-2.153 4.049-2.823 5.793c-.67 1.745-1.163 3.047-.95 4.64a2 2 0 0 0 .763 1.323c1.274.98 2.65 1.206 4.496 1.498s4.062.451 6.428.451s4.582-.159 6.427-.45c1.846-.293 3.222-.519 4.496-1.499a2 2 0 0 0 .764-1.322c.212-1.594-.281-2.896-.951-4.64s-1.64-3.745-2.822-5.794s-2.432-3.89-3.608-5.342c-1.175-1.452-2.056-2.53-3.543-3.144a2 2 0 0 0-1.527 0' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-alice:hover {
  color: rgb(151, 151, 151);
}

.icon-copy {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 36H88a4 4 0 0 0-4 4v44H40a4 4 0 0 0-4 4v128a4 4 0 0 0 4 4h128a4 4 0 0 0 4-4v-44h44a4 4 0 0 0 4-4V40a4 4 0 0 0-4-4m-52 176H44V92h120Zm48-48h-40V88a4 4 0 0 0-4-4H92V44h120Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-copy:hover {
  color: rgb(151, 151, 151);
}

.icon-tts {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' d='M9.5 17.953h8.012m-4.006 12.094V17.953m6.424 10.769c.742.965 1.672 1.325 2.966 1.325h1.79a3.017 3.017 0 0 0 3.018-3.017v-.013A3.017 3.017 0 0 0 24.687 24H22.71a3.02 3.02 0 0 1-3.02-3.02h0a3.027 3.027 0 0 1 3.027-3.027h1.78c1.294 0 2.224.36 2.966 1.325m3.264 9.444c.742.965 1.672 1.325 2.965 1.325h1.79A3.017 3.017 0 0 0 38.5 27.03v-.013A3.017 3.017 0 0 0 35.483 24h-1.975a3.02 3.02 0 0 1-3.02-3.02h0a3.027 3.027 0 0 1 3.026-3.027h1.781c1.294 0 2.224.36 2.965 1.325'/%3E%3Ccircle cx='24' cy='23.069' r='21.5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-tts:hover {
  color: rgb(151, 151, 151);
}

.icon-enlarge {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11 13.6V21H3.6a.6.6 0 0 1-.6-.6V13h7.4a.6.6 0 0 1 .6.6m0 7.4h3M3 13v-3m3-7H3.6a.6.6 0 0 0-.6.6V6m11-3h-4m11 7v4M18 3h2.4a.6.6 0 0 1 .6.6V6m-3 15h2.4a.6.6 0 0 0 .6-.6V18m-10-8h3v3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-enlarge:hover {
  color: rgb(151, 151, 151);
}

.icon-enlarge--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11 13.6V21H3.6a.6.6 0 0 1-.6-.6V13h7.4a.6.6 0 0 1 .6.6m0 7.4h3M3 13v-3m3-7H3.6a.6.6 0 0 0-.6.6V6m11-3h-4m11 7v4M18 3h2.4a.6.6 0 0 1 .6.6V6m-3 15h2.4a.6.6 0 0 0 .6-.6V18m-10-8h3v3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-enlarge--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-bigger-window--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M12.25 6h23.5A6.25 6.25 0 0 1 42 12.25v23.5A6.25 6.25 0 0 1 35.75 42h-23.5A6.25 6.25 0 0 1 6 35.75v-23.5A6.25 6.25 0 0 1 12.25 6M8.5 16.5v19.25a3.75 3.75 0 0 0 3.75 3.75h23.5a3.75 3.75 0 0 0 3.75-3.75V16.5zm31-2.5v-1.75a3.75 3.75 0 0 0-3.75-3.75h-23.5a3.75 3.75 0 0 0-3.75 3.75V14z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: default;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-bigger-window--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-minimise--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: default;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-minimise--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-drag--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 12L4 4m0 0v4m0-4h4m4 8l8-8m0 0v4m0-4h-4m-4 8l-8 8m0 0v-4m0 4h4m4-8l8 8m0 0v-4m0 4h-4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: grab;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-drag--pale:hover {
  color: rgb(151, 151, 151);
}

@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  .icon-drag--pale {
    display: none !important;
  }
}
.icon-collapse-vertical--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5M0 8a.5.5 0 0 1 .5-.5h3.793L3.146 6.354a.5.5 0 1 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8.5H.5A.5.5 0 0 1 0 8m11.707.5l1.147 1.146a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708.708L11.707 7.5H15.5a.5.5 0 0 1 0 1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-collapse-vertical--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-decollapse-vertical--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M3.876 7.423a.5.5 0 0 1-.047.706l-.998.874H5.5a.5.5 0 0 1 0 1H2.83l1 .873a.5.5 0 1 1-.66.753l-2-1.75a.5.5 0 0 1 0-.753l2-1.75a.5.5 0 0 1 .706.047m13.293 2.58l-.998.873a.5.5 0 0 0 .658.753l2-1.75a.5.5 0 0 0 0-.753l-2-1.75a.5.5 0 0 0-.658.753l.998.874L14.5 9a.5.5 0 0 0 0 1zM5 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.5h.02A1.5 1.5 0 0 1 16 6.335V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2.336A1.49 1.49 0 0 1 4.98 7.5H5zm-.371 8.238c.19-.217.306-.473.35-.738H5V16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4.5h.02a1.5 1.5 0 0 0 .98 1.165V16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3.335c.235-.083.453-.226.629-.427'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-decollapse-vertical--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-lock--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5 4.636c0-.876.242-1.53.643-1.962c.396-.427 1.003-.696 1.858-.696s1.462.269 1.857.694c.4.431.642 1.085.642 1.961V6H5zM4 6V4.636c0-1.055.293-1.978.91-2.643c.623-.67 1.517-1.015 2.591-1.015s1.969.344 2.59 1.014c.617.664.909 1.587.909 2.641V6h1a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM3 7h9v6H3z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-lock--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-unlock--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9 3.636c0-.876.242-1.524.642-1.95c.395-.421 1.001-.686 1.86-.686c.946 0 1.582.306 1.97.806c.331.427.528 1.037.528 1.827h1c0-.95-.237-1.794-.738-2.44C13.64.39 12.674 0 11.503 0c-1.073 0-1.967.338-2.59 1.002C8.294 1.662 8 2.582 8 3.636V6H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H9zM1 7h9v6H1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-unlock--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-enlarge--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M60 4v56H4V4zm2-2H2v60h60z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-enlarge--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-filter--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M32 144h448M112 256h288M208 368h96'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-filter--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-move--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-move--pale:hover {
  color: rgb(151, 151, 151);
}

@media (max-width: 480px) {
  .icon-to-move--pale {
    display: none !important;
  }
}
.icon-vocabulary {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='M4 8h6M4 5.5h6m1 0h1M11 8h1m-1 2.5h1m-8 0h6m-7.5-8h11v11h-11z' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-old-vocabulary {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5zM4 6h6V5H4zm7 0h1V5h-1zm-1 2.5H4v-1h6zm1 0h1v-1h-1zM10 11H4v-1h6zm1 0h1v-1h-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-grammar-kanban {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192M5 5v14zm3 2.5q-.213 0-.357.143T7.5 8v8q0 .214.143.357T8 16.5t.357-.143T8.5 16V8q0-.213-.143-.357T8 7.5m8 0q-.213 0-.357.143T15.5 8v6q0 .214.143.357T16 14.5t.357-.143T16.5 14V8q0-.213-.143-.357T16 7.5m-4 0q-.213 0-.357.143T11.5 8v3q0 .214.143.357T12 11.5t.357-.143T12.5 11V8q0-.213-.143-.357T12 7.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-add {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3Ccircle cx='128' cy='128' r='112'/%3E%3Cpath d='M 79.999992,128 H 176.0001'/%3E%3Cpath d='m 128.00004,79.99995 v 96.0001'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(250, 250, 250);
  width: 2rem;
  height: 2rem;
}

.icon-archive {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M80 152v256a40.12 40.12 0 0 0 40 40h272a40.12 40.12 0 0 0 40-40V152'/%3E%3Crect width='416' height='80' x='48' y='64' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' rx='28' ry='28'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='m320 304l-64 64l-64-64m64 41.89V224'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lessons {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='M6.35.5h6.302c.469 0 .849.38.849.849v6.778c0 .47-.38.85-.849.85H7.5M3.149 4.001a1.75 1.75 0 1 0 0-3.501a1.75 1.75 0 0 0 0 3.501'/%3E%3Cpath d='M9 5.527C9 4.96 8.54 4.5 7.973 4.5H3.149v0A2.65 2.65 0 0 0 .5 7.149V9.5h1.135l.379 4h2.27l.872-6.945h2.817C8.54 6.555 9 6.095 9 5.527'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-materials {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 9h4m-4 7h12m-12 4h12m-12 4h4m-6 5h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2'/%3E%3Ccircle cx='22' cy='9' r='.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-rating {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 15.39l-3.76 2.27l.99-4.28l-3.32-2.88l4.38-.37L12 6.09l1.71 4.04l4.38.37l-3.32 2.88l.99 4.28M22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.45 4.73L5.82 21L12 17.27L18.18 21l-1.64-7.03z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-interests {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-parasites {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 8h-2.81a6 6 0 0 0-1.82-1.96L17 4.41L15.59 3l-2.17 2.17a6 6 0 0 0-2.83 0L8.41 3L7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20zm-4 7a4 4 0 0 1-4 4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4zm-6-1h4v2h-4zm0-4h4v2h-4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-growth {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M14.5 2a.5.5 0 0 0 0 1h1.793L11.5 7.793L8.854 5.146a.5.5 0 0 0-.708 0l-5 5a.5.5 0 0 0 .708.708L8.5 6.207l2.646 2.647a.5.5 0 0 0 .708 0L17 3.707V5.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5zm1 7a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 1 0v-8a.5.5 0 0 0-.5-.5m-8 2a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 1 0v-6a.5.5 0 0 0-.5-.5m3.5 2.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-1 0zm-8 1a.5.5 0 0 1 1 0v3a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-goal {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.172 6.75h-1.861l-4.566 4.564a1.874 1.874 0 1 1-1.06-1.06l4.565-4.565V3.828a.94.94 0 0 1 .275-.664l1.73-1.73a.25.25 0 0 1 .25-.063c.089.026.155.1.173.191l.46 2.301l2.3.46c.09.018.164.084.19.173a.25.25 0 0 1-.062.249l-1.731 1.73a.94.94 0 0 1-.663.275'/%3E%3Cpath fill='%23000' d='M2.625 12A9.375 9.375 0 0 0 12 21.375A9.375 9.375 0 0 0 21.375 12c0-.898-.126-1.766-.361-2.587A.75.75 0 0 1 22.455 9c.274.954.42 1.96.42 3c0 6.006-4.869 10.875-10.875 10.875S1.125 18.006 1.125 12S5.994 1.125 12 1.125c1.015-.001 2.024.14 3 .419a.75.75 0 1 1-.413 1.442A9.4 9.4 0 0 0 12 2.625A9.375 9.375 0 0 0 2.625 12'/%3E%3Cpath fill='%23000' d='M7.125 12a4.874 4.874 0 1 0 9.717-.569a.748.748 0 0 1 1.047-.798c.251.112.42.351.442.625a6.373 6.373 0 0 1-10.836 5.253a6.376 6.376 0 0 1 5.236-10.844a.75.75 0 1 1-.17 1.49A4.876 4.876 0 0 0 7.125 12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-problem {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.08 20.904l-5.257-5.258q-1.102.896-2.272 1.375t-2.647.479q-2.02 0-3.688-.956T4.556 14h1.238q.908 1.137 2.228 1.818q1.32.682 2.882.682q2.692 0 4.596-1.904T17.404 10T15.5 5.404T10.904 3.5q-2.562 0-4.418 1.741T4.429 9.5h-1q.2-2.964 2.334-4.982t5.14-2.018q3.14 0 5.32 2.18t2.18 5.32q0 1.477-.478 2.657t-1.375 2.282l5.238 5.238zm-11.04-7.212L8.274 7.82l-1.53 4.373H2.211v-.884h3.903l1.65-4.75h1.058l1.737 5.83l1.344-4.08h1.058l1.5 3h.827v.884H13.92l-1.425-2.85l-1.423 4.35z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-media {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.864 16.867L8.37 18.43q-.211.13-.416.016t-.205-.364v-3.123q0-.25.205-.365t.416.016l2.492 1.562q.193.121.193.344t-.192.352M13 9.616q-1.122 0-1.907-.784t-.785-1.905t.785-1.908T13 4.231h.5q.192 0 .317.125t.125.316t-.125.318t-.317.125H13q-.753 0-1.28.529t-.528 1.284t.527 1.279T13 8.73h.5q.192 0 .317.125t.125.316t-.125.317t-.317.126zm4 0h-.5q-.192 0-.317-.126q-.125-.125-.125-.316t.125-.317t.317-.126h.5q.753 0 1.28-.529t.528-1.283t-.528-1.28T17 5.117h-.5q-.192 0-.317-.126q-.125-.125-.125-.316t.125-.317t.317-.126h.5q1.122 0 1.907.784t.785 1.904t-.785 1.908T17 9.616m-.75-2.25h-2.5q-.192 0-.317-.126q-.125-.125-.125-.316t.125-.317t.317-.126h2.5q.192 0 .317.125t.125.316t-.125.318t-.317.125m-.708 5.731v-1h4.842q.27 0 .443-.173t.173-.442V3.71q0-.269-.173-.442t-.442-.173H9.615q-.269 0-.442.173T9 3.712v7.807H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666 0 1.14.475T22 3.71v7.77q0 .666-.475 1.14q-.474.475-1.14.475zM3.616 21.904q-.667 0-1.142-.475T2 20.29v-7.54q0-.666.475-1.14q.474-.476 1.14-.476h10.77q.666 0 1.14.475q.475.475.475 1.141v7.539q0 .666-.475 1.14t-1.14.475zm0-1h10.769q.269 0 .442-.173t.173-.442V12.75q0-.27-.173-.442q-.173-.173-.442-.173H3.615q-.269 0-.442.173T3 12.75v7.539q0 .269.173.442t.443.173M9 16.519'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-reading {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M928 161H699.2c-49.1 0-97.1 14.1-138.4 40.7L512 233l-48.8-31.3A255.2 255.2 0 0 0 324.8 161H96c-17.7 0-32 14.3-32 32v568c0 17.7 14.3 32 32 32h228.8c49.1 0 97.1 14.1 138.4 40.7l44.4 28.6c1.3.8 2.8 1.3 4.3 1.3s3-.4 4.3-1.3l44.4-28.6C602 807.1 650.1 793 699.2 793H928c17.7 0 32-14.3 32-32V193c0-17.7-14.3-32-32-32M324.8 721H136V233h188.8c35.4 0 69.8 10.1 99.5 29.2l48.8 31.3l6.9 4.5v462c-47.6-25.6-100.8-39-155.2-39m563.2 0H699.2c-54.4 0-107.6 13.4-155.2 39V298l6.9-4.5l48.8-31.3c29.7-19.1 64.1-29.2 99.5-29.2H888zM396.9 361H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5m223.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c0-4.1-3.2-7.5-7.1-7.5H627.1c-3.9 0-7.1 3.4-7.1 7.5M396.9 501H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5m416 0H627.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-reading-old {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M928 161H699.2c-49.1 0-97.1 14.1-138.4 40.7L512 233l-48.8-31.3A255.2 255.2 0 0 0 324.8 161H96c-17.7 0-32 14.3-32 32v568c0 17.7 14.3 32 32 32h228.8c49.1 0 97.1 14.1 138.4 40.7l44.4 28.6c1.3.8 2.8 1.3 4.3 1.3s3-.4 4.3-1.3l44.4-28.6C602 807.1 650.1 793 699.2 793H928c17.7 0 32-14.3 32-32V193c0-17.7-14.3-32-32-32M404 553.5c0 4.1-3.2 7.5-7.1 7.5H211.1c-3.9 0-7.1-3.4-7.1-7.5v-45c0-4.1 3.2-7.5 7.1-7.5h185.7c3.9 0 7.1 3.4 7.1 7.5v45zm0-140c0 4.1-3.2 7.5-7.1 7.5H211.1c-3.9 0-7.1-3.4-7.1-7.5v-45c0-4.1 3.2-7.5 7.1-7.5h185.7c3.9 0 7.1 3.4 7.1 7.5v45zm416 140c0 4.1-3.2 7.5-7.1 7.5H627.1c-3.9 0-7.1-3.4-7.1-7.5v-45c0-4.1 3.2-7.5 7.1-7.5h185.7c3.9 0 7.1 3.4 7.1 7.5v45zm0-140c0 4.1-3.2 7.5-7.1 7.5H627.1c-3.9 0-7.1-3.4-7.1-7.5v-45c0-4.1 3.2-7.5 7.1-7.5h185.7c3.9 0 7.1 3.4 7.1 7.5v45z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-update--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.46 2a5.52 5.52 0 0 0-3.91 1.61a5.44 5.44 0 0 0-1.54 2.97a.503.503 0 0 1-.992-.166a6.514 6.514 0 0 1 6.44-5.41a6.55 6.55 0 0 1 4.65 1.93l1.89 2.21v-2.64a.502.502 0 0 1 1.006 0v4a.5.5 0 0 1-.503.5h-3.99a.5.5 0 0 1-.503-.5c0-.275.225-.5.503-.5h2.91l-2.06-2.4a5.53 5.53 0 0 0-3.9-1.6zm1.09 12a5.52 5.52 0 0 0 3.91-1.61A5.44 5.44 0 0 0 14 9.42a.504.504 0 0 1 .992.166a6.514 6.514 0 0 1-6.44 5.41a6.55 6.55 0 0 1-4.65-1.93l-1.89-2.21v2.64a.501.501 0 0 1-.858.353a.5.5 0 0 1-.148-.354v-4c0-.276.225-.5.503-.5H5.5c.278 0 .503.224.503.5s-.225.5-.503.5H2.59l2.06 2.4a5.53 5.53 0 0 0 3.9 1.6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-update--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-edit--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 14v-1h7v1zm0-4V9h11v1zm0-4V5h11v1zm8.23 13v-2.21l5.334-5.307q.148-.148.305-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31L15.44 19zm6.886-5.94l-.925-.945zm-6 5.056h.95l3.467-3.474l-.47-.475l-.455-.488l-3.492 3.487zm3.948-3.949l-.456-.488l.925.963z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-edit--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-bin--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M20.5 6h-17m15.333 2.5l-.46 6.9c-.177 2.654-.265 3.981-1.13 4.79s-2.196.81-4.856.81h-.774c-2.66 0-3.991 0-4.856-.81c-.865-.809-.954-2.136-1.13-4.79l-.46-6.9'/%3E%3Cpath d='M6.5 6h.11a2 2 0 0 0 1.83-1.32l.034-.103l.097-.291c.083-.249.125-.373.18-.479a1.5 1.5 0 0 1 1.094-.788C9.962 3 10.093 3 10.355 3h3.29c.262 0 .393 0 .51.019a1.5 1.5 0 0 1 1.094.788c.055.106.097.23.18.479l.097.291A2 2 0 0 0 17.5 6'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-bin--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-left--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13H6.75L12 18.25l-.66.75l-6.5-6.5l6.5-6.5l.66.75L6.75 12H19z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-left--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-to-right--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 12h12.25L11 6.75l.66-.75l6.5 6.5l-6.5 6.5l-.66-.75L16.25 13H4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-right--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-timer {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M9 2.75h6M12 9.5v4'/%3E%3Ccircle cx='12' cy='13.5' r='7.75'/%3E%3Cpath stroke-linecap='round' d='m19.75 5.818l-2.236 2.236'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-timer:hover {
  color: rgb(124, 124, 124);
}

.icon-to-download {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M15 4v16.563L9.719 15.28L8.28 16.72l7 7l.719.687l.719-.687l7-7l-1.438-1.438l-5.28 5.28V4zM7 26v2h18v-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-download:hover {
  color: rgb(151, 151, 151);
}

.icon-copy--smaller {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 36H88a4 4 0 0 0-4 4v44H40a4 4 0 0 0-4 4v128a4 4 0 0 0 4 4h128a4 4 0 0 0 4-4v-44h44a4 4 0 0 0 4-4V40a4 4 0 0 0-4-4m-52 176H44V92h120Zm48-48h-40V88a4 4 0 0 0-4-4H92V44h120Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: #5a5a5a;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-copy--smaller:hover {
  color: #5a5a5a;
}

.icon-to-download--standard {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M15 4v16.563L9.719 15.28L8.28 16.72l7 7l.719.687l.719-.687l7-7l-1.438-1.438l-5.28 5.28V4zM7 26v2h18v-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 2rem;
  height: 2rem;
}

.icon-to-download--standard:hover {
  color: rgb(124, 124, 124);
}

.icon-to-download--side-block {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M15 4v16.563L9.719 15.28L8.28 16.72l7 7l.719.687l.719-.687l7-7l-1.438-1.438l-5.28 5.28V4zM7 26v2h18v-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-to-download--side-block:hover {
  color: rgb(124, 124, 124);
}

.icon-to-from-cloud--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.654 19.346v-1h3.09q-1.794-1.561-2.519-3.073T4.5 12.077q0-2.454 1.402-4.409T9.5 4.942v1.062q-1.789.74-2.894 2.403T5.5 12.077q0 1.523.643 2.805t2.28 2.722v-3.027h1v4.77zM15 19.5q-1.02 0-1.76-.74T12.5 17q0-1.008.68-1.726t1.805-.768q.367-.881 1.147-1.444T18 12.5q1.229 0 2.134.815q.904.814 1.047 2.185h.307q.839 0 1.425.571t.587 1.404q0 .839-.58 1.432t-1.42.593zm3.4-8.77q-.252-1.14-.838-2.091t-1.985-2.223v3.007h-1v-4.77h4.77v1h-3.091q1.594 1.413 2.253 2.61q.658 1.199.897 2.468zM15 18.5h6.5q.412 0 .706-.294t.294-.706t-.294-.706t-.706-.294h-1.25v-.75q0-.937-.657-1.593T18 13.5t-1.564.57t-.667 1.372v.058H15q-.617 0-1.059.441q-.441.442-.441 1.059t.441 1.059q.442.441 1.059.441m3-2.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-to-from-cloud--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-search--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.539 15.23q-2.398 0-4.065-1.666Q3.808 11.899 3.808 9.5t1.666-4.065T9.539 3.77t4.064 1.666T15.269 9.5q0 1.042-.369 2.017t-.97 1.668l5.909 5.907q.14.14.15.345q.009.203-.15.363q-.16.16-.354.16t-.354-.16l-5.908-5.908q-.75.639-1.725.989t-1.96.35m0-1q1.99 0 3.361-1.37q1.37-1.37 1.37-3.361T12.9 6.14T9.54 4.77q-1.991 0-3.361 1.37T4.808 9.5t1.37 3.36t3.36 1.37'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-search--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-search-close--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5.47 5.47a.75.75 0 0 1 1.06 0l12 12a.75.75 0 1 1-1.06 1.06l-12-12a.75.75 0 0 1 0-1.06'/%3E%3Cpath d='M18.53 5.47a.75.75 0 0 1 0 1.06l-12 12a.75.75 0 0 1-1.06-1.06l12-12a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-search-close--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-vidget-close--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5.47 5.47a.75.75 0 0 1 1.06 0l12 12a.75.75 0 1 1-1.06 1.06l-12-12a.75.75 0 0 1 0-1.06'/%3E%3Cpath d='M18.53 5.47a.75.75 0 0 1 0 1.06l-12 12a.75.75 0 0 1-1.06-1.06l12-12a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: #b87b7b;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-vidget-close--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-vidget-update-global--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.5 3.5 17 17'%3E%3Cpath fill='%23000' d='M12.077 19q-2.931 0-4.966-2.033q-2.034-2.034-2.034-4.964t2.034-4.966T12.077 5q1.783 0 3.339.847q1.555.847 2.507 2.365V5h1v5.23h-5.23v-1h3.7q-.782-1.495-2.198-2.363T12.077 6q-2.5 0-4.25 1.75T6.077 12t1.75 4.25t4.25 1.75q1.925 0 3.475-1.1t2.175-2.9h1.062q-.662 2.246-2.514 3.623T12.077 19'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-vidget-update-global--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-select-column--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 20'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.5 6.5l1.5 1.5l3-3M3.5 12.5l1.5 1.5l3-3M3.5 18.5l1.5 1.5l3-3M11 6.5h9.5M11 12.5h9.5M11 18.5h9.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.symbol-icon-copy--material {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15 1.25h-4.056c-1.838 0-3.294 0-4.433.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433V16a3.75 3.75 0 0 0 3.166 3.705c.137.764.402 1.416.932 1.947c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h3.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-5.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.531-.53-1.183-.795-1.947-.932A3.75 3.75 0 0 0 15 1.25m2.13 3.021A2.25 2.25 0 0 0 15 2.75h-4c-1.907 0-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812S4.025 4.705 3.89 5.71c-.138 1.029-.14 2.383-.14 4.29v6a2.25 2.25 0 0 0 1.521 2.13c-.021-.61-.021-1.3-.021-2.075v-5.11c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117h3.11c.775 0 1.464 0 2.074.021M7.408 6.41c.277-.277.665-.457 1.4-.556c.754-.101 1.756-.103 3.191-.103h3c1.435 0 2.436.002 3.192.103c.734.099 1.122.28 1.399.556c.277.277.457.665.556 1.4c.101.754.103 1.756.103 3.191v5c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103h-3c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191v-5c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.symbol-icon-copy--material:hover {
  color: rgb(124, 124, 124);
}

.symbol-icon-copy--media {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15 1.25h-4.056c-1.838 0-3.294 0-4.433.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433V16a3.75 3.75 0 0 0 3.166 3.705c.137.764.402 1.416.932 1.947c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h3.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-5.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.531-.53-1.183-.795-1.947-.932A3.75 3.75 0 0 0 15 1.25m2.13 3.021A2.25 2.25 0 0 0 15 2.75h-4c-1.907 0-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812S4.025 4.705 3.89 5.71c-.138 1.029-.14 2.383-.14 4.29v6a2.25 2.25 0 0 0 1.521 2.13c-.021-.61-.021-1.3-.021-2.075v-5.11c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117h3.11c.775 0 1.464 0 2.074.021M7.408 6.41c.277-.277.665-.457 1.4-.556c.754-.101 1.756-.103 3.191-.103h3c1.435 0 2.436.002 3.192.103c.734.099 1.122.28 1.399.556c.277.277.457.665.556 1.4c.101.754.103 1.756.103 3.191v5c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103h-3c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191v-5c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.symbol-icon-copy--media:hover {
  color: rgb(124, 124, 124);
}

.symbol-icon-edit--media {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9.533 11.15A1.82 1.82 0 0 0 9 12.438V15h2.578c.483 0 .947-.192 1.289-.534l7.6-7.604a1.82 1.82 0 0 0 0-2.577l-.751-.751a1.82 1.82 0 0 0-2.578 0z'/%3E%3Cpath d='M21 12c0 4.243 0 6.364-1.318 7.682S16.242 21 12 21s-6.364 0-7.682-1.318S3 16.242 3 12s0-6.364 1.318-7.682S7.758 3 12 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.symbol-icon-edit--media:hover {
  color: rgb(124, 124, 124);
}

.symbol-icon-people {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M18 11a6 6 0 1 1 12 0a6 6 0 0 1-12 0m19-4a5 5 0 1 0 0 10a5 5 0 0 0 0-10M11 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m8.25 12A4.25 4.25 0 0 0 15 23.25V34a9 9 0 1 0 18 0V23.25A4.25 4.25 0 0 0 28.75 19zM13 23.25c0-1.6.602-3.061 1.592-4.167A4.3 4.3 0 0 0 13.75 19h-5.5A4.25 4.25 0 0 0 4 23.25V33a7 7 0 0 0 10.293 6.179A10.95 10.95 0 0 1 13 34zM35 34c0 1.872-.468 3.635-1.293 5.179A7 7 0 0 0 44 33v-9.75A4.25 4.25 0 0 0 39.75 19h-5.5q-.433.001-.842.083A6.23 6.23 0 0 1 35 23.25z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(181, 0, 0);
  width: 3rem;
  height: 3rem;
}

@media (max-width: 480px) {
  .icon-to-unlock--pale,
  .icon-to-lock--pale,
  .icon-vidget-close--pale,
  .icon-search--pale,
  .icon-to-from-cloud--pale,
  .icon-search-close--pale,
  .icon-enlarge--pale,
  .icon-to-download,
  .icon-copy--smaller,
  .qlementine-icons--external-link-16--calm,
  .icon-to-filter--pale,
  .icon-to-enlarge--pale,
  .icon-vidget-update-global--pale,
  .icon-select-column--pale,
  .icon-mistakes-training--pale {
    height: 2rem;
    width: 2rem;
  }
}
.notify--information {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f5f4f4' fill-rule='evenodd' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1m0 3a.75.75 0 1 0 0 1.5A.75.75 0 0 0 8 4M7 7.5h.5V11h-1v1h3v-1h-1V6.5H7z' clip-rule='evenodd'/%3E%3C/svg%3E");
  width: 7rem;
  height: 7rem;
}

.notify--important {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f5f4f4' d='M10 8a6 6 0 0 1 12 0c0 3.523-1.986 8.536-3.16 11.19C18.346 20.31 17.227 21 16 21s-2.345-.69-2.84-1.81C11.985 16.536 10 11.522 10 8m6 22a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7'/%3E%3C/svg%3E");
  width: 7rem;
  height: 7rem;
}

.notify--ordinary {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23f5f4f4' d='m32.85 28.13l-.34-.3A14.4 14.4 0 0 1 30 24.9a12.6 12.6 0 0 1-1.35-4.81v-4.94A10.81 10.81 0 0 0 19.21 4.4V3.11a1.33 1.33 0 1 0-2.67 0v1.31a10.81 10.81 0 0 0-9.33 10.73v4.94a12.6 12.6 0 0 1-1.35 4.81a14.4 14.4 0 0 1-2.47 2.93l-.34.3v2.82h29.8Z' class='clr-i-solid clr-i-solid-path-1'/%3E%3Cpath fill='%23f5f4f4' d='M15.32 32a2.65 2.65 0 0 0 5.25 0Z' class='clr-i-solid clr-i-solid-path-2'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
  width: 7rem;
  height: 7rem;
}

.notify--schedule {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M1.5 4v1.5c0 4.15 2.21 7.78 5.5 9.8V20h15v-2c0-2.66-5.33-4-8-4h-.25C9 14 5 10 5 5.5V4m9 0a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4'/%3E%3C/svg%3E");
  width: 13%;
  height: 7rem;
}

.calendar-goal {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h1a1 1 0 0 1 1 1v1h5V3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3V3a1 1 0 0 1 1-1m8 2h1V3h-1zM8 4V3H7v1zM6 5a2 2 0 0 0-2 2v1h15V7a2 2 0 0 0-2-2zM4 18a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V9H4zm8-5h5v5h-5zm1 1v3h3v-3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.calendar-goal:hover {
  color: rgb(124, 124, 124);
}

.icon-lockun-mateial {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 16a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.81 4.005a3.2 3.2 0 0 1 4.164 1.808l.075.192q.14.359.198.738l.217 1.423l1.483-.226l-.217-1.423a5 5 0 0 0-.283-1.057l-.075-.193a4.7 4.7 0 0 0-9.024 2.418l.03.204q.084.545.284 1.058l.655 1.675l-.382.03a2.36 2.36 0 0 0-2.142 1.972a20.9 20.9 0 0 0 0 6.752a2.36 2.36 0 0 0 2.142 1.972l1.496.12c2.376.19 4.762.19 7.138 0l1.496-.12a2.36 2.36 0 0 0 2.142-1.972a20.9 20.9 0 0 0 0-6.752a2.36 2.36 0 0 0-2.142-1.972l-1.496-.12a45 45 0 0 0-6.69-.033l-.82-2.098a3.5 3.5 0 0 1-.197-.738L7.83 7.46a3.2 3.2 0 0 1 1.98-3.455m5.64 8.023a43.4 43.4 0 0 0-6.9 0l-1.496.12a.86.86 0 0 0-.781.719a19.4 19.4 0 0 0 0 6.266a.86.86 0 0 0 .781.72l1.497.12c2.296.183 4.602.183 6.898 0l1.496-.12a.86.86 0 0 0 .782-.72a19.4 19.4 0 0 0 0-6.266a.86.86 0 0 0-.782-.72z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-lockun-mateial:hover {
  color: rgb(124, 124, 124);
}

.icon-locked-mateial {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m7.306 7.758l.343 3.088l-.694.055a2.11 2.11 0 0 0-1.915 1.764a20.6 20.6 0 0 0 0 6.67A2.11 2.11 0 0 0 6.955 21.1l1.496.12c2.362.188 4.736.188 7.098 0l1.496-.12a2.11 2.11 0 0 0 1.915-1.764a20.6 20.6 0 0 0 0-6.67a2.11 2.11 0 0 0-1.915-1.764l-.694-.055l.343-3.088q.06-.548 0-1.095l-.023-.205a4.7 4.7 0 0 0-9.342 0l-.023.205a5 5 0 0 0 0 1.095M12.374 3.8A3.2 3.2 0 0 0 8.82 6.624l-.023.205a3.5 3.5 0 0 0 0 .764l.349 3.139c1.9-.122 3.807-.122 5.708 0l.349-3.14a3.5 3.5 0 0 0 0-.763l-.023-.205a3.2 3.2 0 0 0-2.806-2.825M12 14.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-locked-mateial:hover {
  color: rgb(124, 124, 124);
}

.icon-locked-comment {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' fill-opacity='.15' d='M534 352V136H232v752h560V394H576a42 42 0 0 1-42-42m-22 322c0 4.4-3.6 8-8 8H320c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8zm200-184v48c0 4.4-3.6 8-8 8H320c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h384c4.4 0 8 3.6 8 8'/%3E%3Cpath fill='black' d='M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7M602 137.8L790.2 326H602zM792 888H232V136h302v216a42 42 0 0 0 42 42h216z'/%3E%3Cpath fill='black' d='M312 490v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H320c-4.4 0-8 3.6-8 8m192 128H320c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8'/%3E%3C/svg%3E");
  background-color: currentColor;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-locked-comment:hover {
  color: rgb(124, 124, 124);
}

.icon-unlocked-comment {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M854.6 288.7c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4zM790.2 326L602 137.8V326zM320 482a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h384a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm0 136a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h184a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8z'/%3E%3C/svg%3E");
  background-color: currentColor;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-unlocked-comment:hover {
  color: rgb(124, 124, 124);
}

.icon-mistakes-training--pale {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Cpath fill-rule='evenodd' d='M11.945 1.25h.11c1.367 0 2.47 0 3.337.117c.9.12 1.658.38 2.26.981c.602.602.86 1.36.982 2.26c.116.867.116 1.97.116 3.337v8.11c0 1.367 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-.11c-1.367 0-2.47 0-3.337-.116c-.9-.122-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-8.11c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117M8.808 2.853c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4C6.752 5.562 6.75 6.564 6.75 8v8c0 1.435.002 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103s2.437-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191V8c0-1.435-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556c-.755-.101-1.756-.103-3.191-.103s-2.437.002-3.192.103' clip-rule='evenodd'/%3E%3Cpath d='M21 3.75a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-1.5 0v-15a.75.75 0 0 1 .75-.75M2.25 4.5a.75.75 0 0 1 1.5 0v15a.75.75 0 0 1-1.5 0z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(151, 151, 151);
  width: 1.5rem;
  height: 1.5rem;
}

.icon-mistakes-training--pale:hover {
  color: rgb(151, 151, 151);
}

.icon-bell-off,
.icon-bell-on {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgb(19, 19, 19);
  width: 2rem;
  height: 2rem;
}

.icon-bell-off {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4a1.5 1.5 0 0 0-3 0v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z'/%3E%3C/svg%3E");
  color: rgb(151, 151, 151);
}

.icon-bell-on {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4a1.5 1.5 0 0 0-3 0v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z'/%3E%3C/svg%3E");
  color: rgb(19, 19, 19);
}

.icon-bell-off:hover {
  color: rgb(124, 124, 124);
}

.icon-bell-on:hover {
  color: rgb(39, 39, 39);
}
/*# sourceMappingURL=admin-style.css.map */