@charset "UTF-8";
/* Сommon styles */
body {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  color: #0d122f;
  box-sizing: border-box;
  min-width: 1050px;
  overflow-x: hidden;
  overflow-y: auto;
}

body.no-scroll {
  overflow: hidden;
}

.container {
  max-width: 1340px;
  padding: 0 50px;
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0d122f;
  line-height: 130%;
}

li {
  color: rgba(13, 18, 47, 0.8);
}

p {
  color: #0d122f;
}

a {
  text-decoration: none;
  color: #0d122f;
  font-family: "Inter";
}

.title {
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
}

input {
  font-family: inherit;
  background-color: #f9fbff;
}

textarea {
  background-color: #f9fbff;
}

/* Header------------------------- */
.header {
  background-color: #fff;
  border-bottom: 1px solid rgba(200, 211, 240, 0.3);
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  height: 75px;
  box-sizing: border-box;
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 15px 0;
  height: 75px;
  box-sizing: border-box;
}

.header__list {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 70px;
}

.header__menu-block {
  display: flex;
}

.header__icon-menu {
  margin-left: 70px;
}

.header__list-item {
  cursor: pointer;
  line-height: normal;
}

.picture__main-logo {
  line-height: normal;
  padding: 0px;
}

.header__list-item a {
  transition: color 0.3s ease-in-out;
  color: #0d122f;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.header__list-item:hover a {
  color: #fa4946;
}

.popup__btn-box {
  display: none;
  cursor: pointer;
}

.header__container {
  position: relative;
}

.menu__icon path {
  transition: fill 0.2s ease;
}

.header__list {
  position: relative;
}

.munu__icon-popup {
  display: none;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0px 20px 35px 0px rgba(13, 18, 47, 0.07);
}

.menu__main-popup {
  top: 54px;
  right: -35px;
}

.menu__modal-popup {
  top: 240px;
  right: 85px;
}

.menu__popup-item {
  padding: 10px 15px;
  white-space: nowrap;
  border-bottom: 1px solid #c8d3f0;
}

.menu__popup-item:last-child {
  border-bottom: 0px solid #c8d3f0;
}

.menu__popup-item a {
  transition: 0.3s;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.menu__popup-item a:hover {
  color: #fa4946;
}

.modal__icon-popup {
  background: #fff;
  position: absolute;
  border-radius: 10px;
  text-align: left;
  top: 54px;
  right: -35px;
  box-shadow: 0px 20px 35px 0px rgba(13, 18, 47, 0.07);
}

.red path {
  fill: #fa4946 !important;
}

.menu__icon:hover path {
  fill: #fa4946 !important;
}

/* Filters------------------------ */
.filters__block {
  margin-top: 115px;
  margin-bottom: 15px;
}

.filters__block-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
}

.sort__left-block {
  display: flex;
  gap: 10px;
  align-items: center;
}

.first__sort {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 8px;
  color: rgba(13, 18, 47, 0.5);
  font-weight: 500;
  padding: 4px;
  max-height: 50px;
}

.first__sort button {
  padding: 12px 16px;
  transition: all 0.1s ease-in-out;
}

.first__sort-btn:hover {
  background-color: #f0f4fb;
  color: #0d122f;
  border-radius: 8px;
}

.first__sort .active {
  background-color: #0d122f;
  color: #ffffff;
  border-radius: 8px;
}

.second__sort {
  position: relative;
}

.second__sort-btn {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  transition: border 0.3s ease-in-out;
}

.second__sort-btn:hover {
  border: 1px solid #bcc8e7;
}

.second__sort .open {
  display: block;
}

.second__sort-list-block {
  position: absolute;
  display: none;
  width: 205px;
  height: 140px;
  z-index: 2;
}

.second__sort-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  margin-top: 2px;
  border-radius: 10px;
  padding: 8px;
}

.second__sort-list .active {
  background-color: #c8d3f0;
  color: #0d122f;
  border-radius: 4px;
}

.second__sort-list-item {
  font-size: 14px;
  padding: 16px 8px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}

.second__sort-list-item:hover {
  background-color: rgba(200, 211, 240, 0.4);
  border-radius: 4px;
  font-size: 14px;
  padding: 16px 8px;
  cursor: pointer;
}

.second__sort-btn img {
  width: 20px;
  height: 20px;
}

.serch__btn-block {
  display: flex;
  align-items: center;
  position: relative;
}

.serch__btn-block .open input {
  display: block;
}

.close__input-btn {
  display: none;
}

#serchInput::placeholder {
  color: #0d122f;
  font-size: 14px;
  opacity: 50%;
}

.serch__input-block .close__btn-show {
  position: absolute;
  display: block;
  background-image: url(../img/input-close.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  right: 15px;
  top: 15px;
  background-size: contain;
  background-position: center;
}

.serch__input-block .close__btn-show:hover {
  background-image: url(../img/input-close-hover.svg);
}

.wrapper__qu .serch__input-block input:focus {
  outline: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-left: 0px;
  border-radius: 0 10px 10px 0px;
}

.serch__btn {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px 10px 10px 10px;
  transition: border-color 0.2s;
  cursor: pointer;
  height: 50px;
  width: 50px;
}

.serch__btn:hover {
  border: 1px solid #c8d3f0;
  border-radius: 10px 10px 10px 10px;
}

.serch__input-block input {
  position: relative;
  box-sizing: border-box;
  font-family: "Inter";
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-size: 14px;
  height: 50px;
  width: 285px;
  border-left: 0px;
  border-radius: 0 10px 10px 0px;
  padding: 15px 35px 15px 0px;
  display: none;
}

.serch__btn:hover + .serch__input-block input {
  border: 1px solid #c8d3f0;
  border-radius: 0 10px 10px 0px;
  border-left: 0px;
}

#serchInput:focus {
  border: 1px solid #c8d3f0;
  border-radius: 0 10px 10px 0px;
  border-left: 0px;
}

.serch__btn.focused {
  border: 1px solid #c8d3f0;
  border-radius: 10px;
}

.serch__btn-block .serch__open {
  border-right: none;
  border-radius: 10px 0px 0px 10px !important;
}

.serch__btn-block .serch__open:hover {
  border-right: none;
  border-radius: 10px 0px 0px 10px;
}

.serch__btn img {
  width: 17px;
  height: 17px;
}

.form__add-btn button {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fa4946;
  color: #fff;
  padding: 0px 24px;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  height: 50px;
}

.form__add-btn button:hover {
  opacity: 0.8;
}

/* Forms ------------------ */
.main__form-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(433px, 433px));
  gap: 20px;
  justify-content: start; /* щоб блоки вирівнювались зліва */
}

.main__form-items .disabled {
  background-color: #f9f9f9;
}

.disabled .answer__counter-val {
  background-color: #ffffff;
}

.form__item-block {
  background-color: #f9f9f9;
}

.form__item-block {
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-bottom: none;
  border-radius: 20px;
}

.form__item-block {
  background-color: #ffffff;
}

.form__item-top {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.4);
}

.form__item-mid {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.4);
  font-size: 14px;
}

.form__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  background-color: #f0f4fb;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.4);
}

.disabled .form__item-bottom {
  background-color: #f9f9f9;
}

.form__left-btns {
  display: flex;
  align-items: center;
  gap: 23px;
}

.form__right-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}

.item__data-start,
.item__data-end {
  display: flex;
  flex-direction: column;
  width: 150px;
  gap: 5px;
}

.item__data-start-sub,
.item__data-end-sub {
  color: rgba(13, 18, 47, 0.5);
}

.form__item-data {
  display: flex;
  gap: 50px;
  padding-bottom: 15px;
}

.form__answers-counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.answer__counter-text {
  color: rgba(13, 18, 47, 0.5);
}

.answer__counter-val {
  background-color: #f0f4fb;
  border-radius: 20px;
  padding: 4px 10px;
  color: #0d122f;
}

.form__item-title {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}

.item__bottom-btn {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
}

.pencil__btn button {
  background-image: url(../img/pencil.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 17px;
}

.pencil__btn button:hover {
  background-image: url(../img/pencil-hover.svg);
}

.share__btn button {
  background-image: url(../img/share.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 17px;
  height: 14px;
}

.share__btn button:hover {
  background-image: url(../img/share-hover.svg);
}

.schedule__btn button {
  background-image: url(../img/schedule.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.schedule__btn button:hover {
  background-image: url(../img/schedule-hover.svg);
}

.comment__btn button {
  background-image: url(../img/comment.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 15px;
}

.comment__btn button:hover {
  background-image: url(../img/comment-hover.svg);
}

.copy__btn button {
  background-image: url(../img/copy.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.copy__btn button:hover {
  background-image: url(../img/copy-hover.svg);
}

.tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}

.form__left-btns > div,
.form__right-btns > div {
  position: relative;
}

.del__btn button {
  background-image: url(../img/del-btn.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.form__left-btns div:hover .tooltip-text,
.form__right-btns div:hover .tooltip-text,
.form__left-btns button:focus + .tooltip-text,
.form__right-btns button:focus + .tooltip-text {
  opacity: 1;
  visibility: visible;
}

.del__btn button:hover {
  background-image: url(../img/del-hover.svg);
  filter: brightness(0.8);
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  /* Rounded sliders */
}

.switch input {
  display: none;
}

.switch .slider__set {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(200, 211, 240, 0.6);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch .slider__set:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch input:checked + .slider__set:before {
  background-color: #ffffff;
  left: -1px;
}

.switch input:checked + .slider__set {
  background-color: #0d122f;
}

.switch input:focus + .slider__set {
  box-shadow: 0 0 1px #fa4946;
}

.switch input:checked + .slider__set:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}

.switch .slider__set.round {
  border-radius: 33px;
}

.switch .slider__set.round:before {
  border-radius: 50%;
}

.footer {
  background-color: #0d122f;
  color: #fff;
}

.footer .footer__inner {
  display: flex;
  align-items: center;
  padding: 40px 0;
  gap: 90px;
  justify-content: center;
}

.footer .footer__inner .manager__name {
  font-weight: 700;
}

.footer .footer__inner .manager__name span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

.footer .footer__inner .phone__namber {
  font-weight: 700;
}

.footer .footer__inner .phone__namber span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

footer .footer__inner .footer__icon-block {
  display: flex;
  gap: 20px;
}

.tooltip-icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.tooltip-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -7px; /* Position above the icon */
  left: 70px;
  transform: translateX(-50%);
  background-color: rgb(240, 244, 251);
  line-height: 140%;
  color: #0d122f;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 10;
}

.tooltip-icon:hover::after {
  opacity: 1;
  visibility: visible;
}

.wrapper__qu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}

.footer__icon {
  cursor: pointer;
}

/* Modals styles -------------------------------------- */
.modal-del,
.modal__copy,
.modal__shared {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}

.modal__copy-inner,
.modal__shared-inner {
  min-width: 435px;
}

.modal-del .modal-del-inner,
.modal__copy-inner,
.modal__shared-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
}

.modal-del-btn .cancelButton {
  background-color: #fff;
}

.modal-del .modal-del-inner .modal-del-title,
.modal__copy-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  max-width: 355px;
  padding-bottom: 13px;
}

.modal__shared-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  max-width: 355px;
  padding-bottom: 20px;
}

.modal__shared-input {
  padding-bottom: 20px;
}

.modal__shared-input input {
  padding: 16px 15px;
  border-radius: 10px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  font-size: 14px;
  font-family: "inter";
  background-color: #f9fbff;
}

.modal__shared-copy-btn {
  background-image: url(../img/copy.svg);
  background-size: 18px 20px;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 20px;
  padding: 15px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
  cursor: pointer;
}

.modal__shared-copy-btn:hover {
  background-image: url(../img/copy-hover.svg);
  background-size: 18px 20px;
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.modal__shared-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.modal__shared-input input {
  flex: 1;
}

.modal-del-text {
  text-align: left;
  padding-bottom: 40px;
  font-size: 16px;
  color: rgba(13, 18, 47, 0.5);
}

.modal-del .delete__button {
  background-color: #fa4946;
  transition: 0.3s;
  padding: 15px 45px;
  color: #fff;
  border-radius: 10px;
  transition: ease-in-out 0.3s;
}

.modal-del .delete__button:hover {
  opacity: 70%;
}

.modal-del-btn {
  display: flex;
  gap: 20px;
}

.modal__copy .delete__button:hover {
  background-color: #fa4946;
}

.modal-del .cancel__button {
  padding: 15px 45px;
  transition: 0.3s;
  color: #0d122f;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
  width: 170px;
}

.modal-del .delete__button {
  width: 170px;
}

.modal-del .cancel__button:hover {
  opacity: 0.5;
}

.modal-del .del__close-btn,
.modal__copy-btn,
.modal__shared-btn-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.3s;
}

.modal-del .del__close-btn:hover,
.modal__copy .modal__copy-btn:hover,
.modal__shared-btn-close:hover {
  background-image: url(../img/input-close-hover.svg);
}

.modal__copy-input {
  width: 100%;
  padding-bottom: 20px;
}

.modal__copy-input input {
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 16px 15px;
  font-size: 14px;
  border-radius: 10px;
  width: 100%;
  background-color: #f9fbff;
}

.modal__copy-safe {
  width: 100%;
}

.modal__copy-safe button {
  text-align: center;
  background-color: #fa4946;
  transition: 0.3s;
  color: #fff;
  border-radius: 10px;
  padding: 15px 0px;
  cursor: pointer;
  width: 100%;
}

.modal__copy-safe button:hover {
  opacity: 0.8;
}

.modal__shared-btns-block {
  display: flex;
  gap: 10px;
}

.shared__in {
  background-image: url(../img/in.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 14px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
}

.shared__in:hover {
  background-image: url(../img/in-hover.svg);
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.shared__mes {
  background-image: url(../img/facebook-messenger.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
}

.shared__mes:hover {
  background-image: url(../img/mes-hover.svg);
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.shared__tel {
  background-image: url(../img/telegram.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
}

.shared__tel:hover {
  background-image: url(../img/tel-hover.svg);
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.shared__wa {
  background-image: url(../img/whatsapp.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
}

.shared__wa:hover {
  background-image: url(../img/wa-hover.svg);
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.shared__x {
  background-image: url(../img/twitter.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
}

.shared__x:hover {
  background-image: url(../img/twitter-hover.svg);
  border: 1px solid rgba(13, 18, 47, 0.3);
}

.wrapper__res {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  margin: 0 auto;
}

.footer {
  margin-top: auto;
}

.breadcrumb__block {
  margin: 95px 0 20px 0;
}
.breadcrumb__block .breadcrumb__block-inner {
  font-size: 16px;
}
.breadcrumb__block .breadcrumb__block-inner .breadcrumb {
  display: flex;
  gap: 10px;
}
.breadcrumb__block .breadcrumb__block-inner .unactive,
.breadcrumb__block .breadcrumb__block-inner span {
  font-weight: 400;
}
.breadcrumb__block .breadcrumb__block-inner .breadcrumb-item a {
  color: rgba(13, 18, 47, 0.8);
  font-size: 14px;
  border-bottom: 1px solid rgba(13, 18, 47, 0);
  transition: 0.3s ease-in-out;
}
.breadcrumb__block .breadcrumb__block-inner .breadcrumb-item a:hover {
  border-bottom: 1px solid rgba(13, 18, 47, 0.8);
  transition: 0.3s ease-in-out;
}
.breadcrumb__block .breadcrumb__block-inner .active {
  font-weight: 600;
  color: #0d122f;
}

.main__sample-block {
  margin-bottom: 40px;
}
.main__sample-block .main__sample-inner {
  background-color: #f0f4fb;
  border-radius: 20px;
}
.main__sample-block .main__sample-inner .main__sample-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-left .sample__top-title h2 {
  font-weight: bold;
  font-size: 28px;
  text-transform: uppercase;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-left .sample__top-checkbox {
  max-height: 22px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right {
  display: flex;
  align-items: flex-start;
  gap: 75px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
  width: 440px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-info .sample__top-data {
  display: flex;
  justify-content: space-between;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-info .sample__top-data .sample__data-info {
  color: #0d122f;
  opacity: 50%;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-info .sample__top-data .sample__data-val {
  color: #0d122f;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-info .sample__top-answer .sample__data-val {
  background-color: #f9fbff;
  padding: 4px 10px;
  border-radius: 20px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .qr__icon {
  position: relative;
  background-image: url(../img/qr-icon.svg);
  transition: 0.3s;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .qr__icon:hover {
  background-image: url(../img/qr-icon-hover.svg);
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .qr__icon:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .share__icon {
  position: relative;
  background-image: url(../img/share.svg);
  transition: 0.3s;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 20px;
  height: 17px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .share__icon:hover {
  background-image: url(../img/share-hover.svg);
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .share__icon:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .del__btn {
  position: relative;
  background-image: url(../img/del-btn.svg);
  transition: 0.3s;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .del__btn:hover {
  background-image: url(../img/del-hover.svg);
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .del__btn:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.main__sample-block .main__sample-inner .main__sample-top .sample__top-right .sample__top-btns .tooltip-text {
  left: 30px;
}
.main__sample-block .main__sample-inner .main__sample-tabs {
  display: flex;
  justify-content: space-around;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  width: 20%;
  gap: 15px;
  border-right: 1px solid rgba(200, 211, 240, 0.6);
  transition: 0.3s;
  white-space: nowrap;
  cursor: pointer;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box .tab__item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box .tab__item-text {
  font-weight: bold;
  text-transform: uppercase;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box:nth-child(2) .tab__item-img img {
  width: 18px;
  height: 18px;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box:hover {
  opacity: 60%;
}
.main__sample-block .main__sample-inner .main__sample-tabs .tab__item-box:last-child {
  border-right: none;
}
.main__sample-block .main__sample-inner .main__sample-tabs .active {
  background-color: #0d122f;
  color: #ffffff;
}
.main__sample-block .main__sample-inner .main__sample-tabs .active:first-of-type {
  border-radius: 0 0 0 20px;
}
.main__sample-block .main__sample-inner .main__sample-tabs .active:last-of-type {
  border-radius: 0 0 20px 0;
}

.main__table-block {
  margin-bottom: 80px;
}
.main__table-block .select__sort-block {
  padding-bottom: 40px;
}
.main__table-block .select__sort-block .select__sort-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select #processing-select {
  display: none;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container {
  font-size: 14px;
  position: relative;
  width: 320px;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-select-trigger {
  position: relative;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.4);
  text-align: left;
  background-color: #f9fbff;
  cursor: pointer;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-select-trigger::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-select-trigger.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  width: 320px;
  top: 55px;
  left: 0;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .processing__select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left {
  font-size: 14px;
  display: flex;
  gap: 40px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block {
  display: flex;
  align-items: center;
  gap: 15px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select-span {
  color: #0d122f;
  opacity: 50%;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container {
  width: 160px;
  position: relative;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-select-trigger {
  position: relative;
  width: 100%;
  text-align: left;
  cursor: pointer;
  height: 20px;
  transition: 0.2s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-select-trigger:hover {
  color: #fa4946;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-select-trigger:hover::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 7px;
  top: 1px;
  background-image: url("../img/select-hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  margin: 7px 5px 7px 10px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-select-trigger::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 7px;
  top: 1px;
  background-image: url("../img/select-arrow-two.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  margin: 7px 5px 7px 10px;
  transition: transform 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-select-trigger.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  width: 180px;
  background-color: #f9fbff;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 25px;
  left: -15px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .qu__select-block .qu__select #qu-select {
  display: none;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select {
  display: flex;
  align-items: center;
  gap: 15px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .lines__select-span {
  color: #0d122f;
  opacity: 50%;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container {
  width: 50px;
  position: relative;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-select-trigger {
  position: relative;
  width: 100%;
  text-align: left;
  cursor: pointer;
  height: 20px;
  transition: 0.2s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-select-trigger:hover {
  color: #fa4946;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-select-trigger:hover::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 7px;
  top: 1px;
  background-image: url("../img/select-hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  margin: 7px 5px 7px 10px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-select-trigger::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 7px;
  top: 1px;
  background-image: url("../img/select-arrow-two.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  margin: 7px 5px 7px 10px;
  transition: transform 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-select-trigger.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  width: 74px;
  background-color: #f9fbff;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 25px;
  left: -15px;
  z-index: 2;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.main__table-block .select__sort-block .select__sort-inner .select__sort-left .sort__lines-select .lines__select #lines-select {
  display: none;
}
.main__table-block .table__result {
  white-space: nowrap;
}
.main__table-block .table__result table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.main__table-block .table__result table thead {
  background-color: #f0f4fb;
}
.main__table-block .table__result table thead th {
  padding: 13px 0;
  color: rgba(13, 18, 47, 0.5);
}
.main__table-block .table__result table thead th:first-child {
  border-radius: 10px 0 0 0;
}
.main__table-block .table__result table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.main__table-block .table__result table tbody td {
  padding: 18px 0;
  padding-right: 40px;
  font-size: 14px;
  border-top: none;
  border-bottom: 1px solid rgba(200, 211, 240, 0.4);
  vertical-align: middle;
}
.main__table-block .table__result table tbody td:first-child {
  border-left: 1px solid rgba(200, 211, 240, 0.4);
  padding-left: 40px;
}
.main__table-block .table__result table tbody td:nth-child(3) {
  min-width: 500px;
}
.main__table-block .table__result table tbody td:nth-child(3) {
  min-width: 125px;
}
.main__table-block .table__result table tbody td:last-child {
  border-right: 1px solid rgba(200, 211, 240, 0.4);
}
.main__table-block .table__result table tbody .table__not-filled {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__table-block .table__result table tbody .table__not-filled .not-filled {
  background-image: url(../img/clock-icon.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.main__table-block .table__result table tbody .table__filled {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #13d80e;
}
.main__table-block .table__result table tbody .table__filled .filled {
  background-image: url(../img/cheack-mark.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.main__table-block .table__result table tbody .table__icon-block {
  display: flex;
  justify-content: right;
  padding-right: 40px;
  gap: 20px;
}
.main__table-block .table__result table tbody .table__icon-block .table__email-icon {
  position: relative;
  background-image: url(../img/email.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.main__table-block .table__result table tbody .table__icon-block .table__email-icon .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: auto;
  right: 100%;
  margin-right: 10px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__table-block .table__result table tbody .table__icon-block .table__email-icon:hover {
  background-image: url(../img/email-hover.svg);
}
.main__table-block .table__result table tbody .table__icon-block .table__email-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__table-block .table__result table tbody .table__icon-block .table__eye-icon {
  position: relative;
  background-image: url(../img/eye-icon.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.main__table-block .table__result table tbody .table__icon-block .table__eye-icon .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: auto;
  right: 100%;
  margin-right: 10px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__table-block .table__result table tbody .table__icon-block .table__eye-icon:hover {
  background-image: url(../img/eye-icon-hover.svg);
}
.main__table-block .table__result table tbody .table__icon-block .table__eye-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__table-block .table__result table tbody .table__icon-block .table__del-icon {
  position: relative;
  background-image: url(../img/table-del.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.main__table-block .table__result table tbody .table__icon-block .table__del-icon .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: auto;
  right: 100%;
  margin-right: 10px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__table-block .table__result table tbody .table__icon-block .table__del-icon:hover {
  background-image: url(../img/table-del-hover.svg);
}
.main__table-block .table__result table tbody .table__icon-block .table__del-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__table-block .table__result table th:nth-child(1) {
  padding: 0px 40px;
}
.main__table-block .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f4fb;
  gap: 10px;
  padding: 7px 0;
  border-radius: 0 0 10px 10px;
}
.main__table-block .pagination .pagination__btn:disabled {
  opacity: 0.3;
}
.main__table-block .pagination .pagination__btn:disabled .pagination__icon {
  cursor: not-allowed;
}
.main__table-block .pagination .prev__pag {
  width: 30px;
  height: 30px;
}
.main__table-block .pagination .prev__pag .pagination__icon {
  display: block;
  background-image: url(../img/pag-prev.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.main__table-block .pagination .prev__pag .pagination__icon:hover {
  transform: scale(1.2);
}
.main__table-block .pagination .next__pag {
  width: 30px;
  height: 30px;
}
.main__table-block .pagination .next__pag .pagination__icon {
  display: block;
  background-image: url(../img/pag-next.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.main__table-block .pagination .next__pag .pagination__icon:hover {
  transform: scale(1.2);
}
.main__table-block .pagination .pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: #0d122f;
  opacity: 0.5;
}
.main__table-block .pagination .active {
  opacity: 1;
  background-color: rgba(200, 211, 240, 0.4);
  border-radius: 10px;
}

.modal-del,
.modal-letter {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.modal-del .modal-letter-inner,
.modal-letter .modal-letter-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
}
.modal-del .modal-letter-inner .modal-letter-title,
.modal-letter .modal-letter-inner .modal-letter-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  max-width: 355px;
  padding-bottom: 13px;
}
.modal-del .modal-letter-inner .modal-letter-text,
.modal-letter .modal-letter-inner .modal-letter-text {
  text-align: left;
  padding-bottom: 40px;
  font-size: 16px;
  color: rgba(13, 18, 47, 0.5);
}
.modal-del .modal-letter-inner .modal-letter-btn,
.modal-letter .modal-letter-inner .modal-letter-btn {
  display: flex;
  gap: 20px;
}
.modal-del .modal-letter-inner .modal-letter-btn .cancel__button,
.modal-letter .modal-letter-inner .modal-letter-btn .cancel__button {
  padding: 15px 40px;
  transition: 0.3s;
  color: #0d122f;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
  width: 170px;
}
.modal-del .modal-letter-inner .modal-letter-btn .cancel__button:hover,
.modal-letter .modal-letter-inner .modal-letter-btn .cancel__button:hover {
  opacity: 0.6;
}
.modal-del .modal-letter-inner .modal-letter-btn .send__button,
.modal-letter .modal-letter-inner .modal-letter-btn .send__button {
  background-color: #fa4946;
  transition: 0.3s;
  padding: 15px 40px;
  color: #fff;
  border-radius: 10px;
  transition: ease-in-out 0.3s;
  width: 170px;
}
.modal-del .modal-letter-inner .modal-letter-btn .send__button:hover,
.modal-letter .modal-letter-inner .modal-letter-btn .send__button:hover {
  opacity: 0.6;
}
.modal-del .modal-letter-inner .letter__close-btn,
.modal-letter .modal-letter-inner .letter__close-btn {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.3s;
}
.modal-del .modal-letter-inner .letter__close-btn:hover,
.modal-letter .modal-letter-inner .letter__close-btn:hover {
  background-image: url(../img/input-close-hover.svg);
}

.wrapper__sim-res {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
}

.top__status-block {
  margin-bottom: 30px;
}
.top__status-block .status__block-inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
}
.top__status-block .status__block-inner .status__block-left {
  display: flex;
  align-items: center;
  gap: 50px;
}
.top__status-block .status__block-inner .status__block-left .back__btn a {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(13, 18, 47, 0.5);
  transition: 0.2s;
}
.top__status-block .status__block-inner .status__block-left .back__btn a .link__btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.top__status-block .status__block-inner .status__block-left .back__btn a .link__btn-block .back__btn-img {
  background-image: url(../img/link-left.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  width: 8px;
  transition: 0.2s;
}
.top__status-block .status__block-inner .status__block-left .back__btn a:hover {
  color: #fa4946;
}
.top__status-block .status__block-inner .status__block-left .back__btn a:hover .link__btn-block .back__btn-img {
  background-image: url(../img/link-left-hover.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  width: 8px;
}
.top__status-block .status__block-inner .status__block-left .status__val {
  display: flex;
  align-items: center;
  gap: 15px;
}
.top__status-block .status__block-inner .status__block-left .status__val .status__val-number {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.top__status-block .status__block-inner .status__block-left .status__val .status__val-count {
  font-weight: 600;
  padding: 4px 15px;
  border-radius: 30px;
  background-color: rgba(200, 211, 240, 0.6);
}
.top__status-block .status__block-inner .status__block-left .status__val .status__val-count span {
  font-weight: 400;
}
.top__status-block .status__block-inner .top__status-btns {
  display: flex;
  gap: 10px;
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn {
  position: relative;
  padding: 13px;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn .send__tooltip {
  left: -305px;
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn .del__tooltip {
  left: -100px;
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn .tooltip-text {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn:hover {
  background-color: rgba(200, 211, 240, 0.4);
}
.top__status-block .status__block-inner .top__status-btns .top__status-btn:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.top__status-block .status__block-inner .top__status-btns .top__status-send button {
  background-image: url(../img/email-questionnaire.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  width: 22px;
}
.top__status-block .status__block-inner .top__status-btns .top__status-del button {
  background-image: url(../img/del-btn-questionnaire.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  width: 22px;
}

.main__questionnaire-block {
  margin-bottom: 40px;
}

.quest__content {
  background-color: rgb(240, 244, 251);
  border-radius: 20px;
  padding: 40px 0;
}
.quest__content .quest__content-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 670px;
  margin: 0 auto;
}
.quest__content .quest__content-inner .quest__content-block {
  background-color: #f9fbff;
  padding: 10px 20px 20px 20px;
  border-radius: 20px;
}
.quest__content .quest__content-inner .quest__content-block .content__top-info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.quest__content .quest__content-inner .quest__content-block .content__top-info .content__top-question {
  padding-top: 10px;
  font-weight: 500;
}
.quest__content .quest__content-inner .quest__content-block .content__top-info .content__top-type {
  font-size: 12px;
  max-width: 100px;
  color: rgba(13, 18, 47, 0.5);
  padding-right: 30px;
  text-align: right;
  line-height: 130%;
}
.quest__content .quest__content-inner .text__content-block .quest__content-text {
  font-size: 14px;
  line-height: 140%;
}
.quest__content .quest__content-inner .radio__content-block .quest__radio-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.quest__content .quest__content-inner .cheackbox__content-block .quest__cheackbox-block {
  display: flex;
  font-size: 14px;
  flex-direction: column;
  gap: 20px;
}
.quest__content .quest__content-inner .cheackbox__content-block .quest__cheackbox-block .checkbox-text {
  font-size: 14px;
}
.quest__content .quest__content-inner .cheackbox__content-block .quest__cheackbox-block .checkbox-text span {
  color: rgba(13, 18, 47, 0.5);
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__numbers {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__numbers .number__item {
  padding: 9px 0;
  font-size: 18px;
  font-weight: 600;
  width: 36px;
  text-align: center;
  color: #9eaaca;
  background-color: rgba(200, 211, 240, 0.4);
  border-radius: 50%;
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__numbers .number__item-active {
  background-color: #13d80e;
  color: #ffffff;
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__sup-text {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 15px;
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__sup-text .scale__sup-left {
  color: #fa4946;
}
.quest__content .quest__content-inner .scale__content-block .scale__numbers-block .scale__sup-text .scale__sup-right {
  color: #13d80e;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts {
  padding-bottom: 20px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts:last-child {
  padding-bottom: 0px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts .content__top-info {
  padding-bottom: 10px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts .content__top-question {
  font-weight: 500;
  padding-bottom: 10px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts .stars__block {
  display: flex;
  gap: 12px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts .stars__block .star__icon {
  background-image: url(../img/star-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}
.quest__content .quest__content-inner .stars__content-block .quest__content-starts .stars__block .star__icon-empty {
  background-image: url(../img/star-empty.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}
.quest__content .quest__content-inner .quest__content-radiotable {
  white-space: nowrap;
}
.quest__content .quest__content-inner .quest__content-radiotable table thead {
  margin-bottom: 10px;
}
.quest__content .quest__content-inner .quest__content-radiotable table thead tr th {
  padding-right: 10px;
}
.quest__content .quest__content-inner .quest__content-radiotable table thead tr th:last-child {
  padding-right: 0;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody {
  height: 24px;
  font-size: 14px;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 15px 0 10px 0;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td:first-child {
  padding-right: 40px;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio input[type=radio] {
  display: none;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio input[type=radio]:not(:checked) + .custom-radio__label:before {
  border: 1px solid rgba(200, 211, 240, 0.6);
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio input[type=radio]:checked + .custom-radio__label:after {
  opacity: 1;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio .custom-radio__label {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  color: #bcc8e7;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio .custom-radio__label:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid #bcc8e7;
  border-radius: 50%;
  background: #f9fbff;
}
.quest__content .quest__content-inner .quest__content-radiotable table tbody tr td .custom-radio .custom-radio__label:after {
  content: "";
  position: absolute;
  left: 41px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #bcc8e7;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.quest__content .quest__content-inner .quest__content-cheacktable table thead {
  margin-bottom: 10px;
}
.quest__content .quest__content-inner .quest__content-cheacktable table thead tr th {
  padding-right: 10px;
}
.quest__content .quest__content-inner .quest__content-cheacktable table thead tr th:last-child {
  padding-right: 0;
}
.quest__content .quest__content-inner .quest__content-cheacktable table tbody {
  height: 24px;
  font-size: 14px;
}
.quest__content .quest__content-inner .quest__content-cheacktable table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 15px 0 10px 0;
}
.quest__content .quest__content-inner .quest__content-cheacktable table tbody tr td:first-child {
  padding-right: 40px;
}

.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-radio input[type=radio] {
  display: none;
}
.custom-radio input[type=radio]:not(:checked) + .custom-radio__label:before {
  border: 1px solid rgba(200, 211, 240, 0.6);
}
.custom-radio input[type=radio]:checked + .custom-radio__label:after {
  opacity: 1;
}
.custom-radio .custom-radio__label {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  color: #bcc8e7;
}
.custom-radio .custom-radio__label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid #bcc8e7;
  border-radius: 50%;
  background: #f9fbff;
}
.custom-radio .custom-radio__label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #bcc8e7;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox input[type=checkbox]:checked + .checkmark {
  background-color: #bcc8e7;
  border-color: #bcc8e7;
}
.custom-checkbox input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
}
.custom-checkbox .checkbox-text {
  margin-left: 10px;
  white-space: nowrap;
}
.custom-checkbox .checkmark {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 9px;
  background-image: url("../img/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.wrapper__stat {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
}

.wrapper__stat-share .main__stat-block {
  margin-top: 115px;
}

.main__stat-block {
  margin-bottom: 80px;
}
.main__stat-block .main__stat-inner {
  background-color: #f0f4fb;
  border-radius: 20px;
  padding: 20px;
}
.main__stat-block .main__stat-inner .btn-import {
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  box-sizing: border-box;
  max-height: 50px;
  position: relative;
  background-color: #ffffff;
}
.main__stat-block .main__stat-inner .btn-import:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__stat-block .main__stat-inner .btn-import button {
  background-image: url(../img/import-select-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__stat-block .main__stat-inner .btn-import button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -31px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__stat-block .main__stat-inner .btn-import button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent;
}
.main__stat-block .main__stat-inner .stat__counter-block {
  padding-bottom: 20px;
}
.main__stat-block .main__stat-inner .stat__counter-block .stat__counter-bottom {
  display: flex;
  justify-content: space-around;
  white-space: nowrap;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 1400px) {
  .main__stat-block .main__stat-inner .stat__counter-block .stat__counter-bottom {
    font-size: 14px;
  }
}
.main__stat-block .main__stat-inner .stat__counter-block .stat__counter-bottom .stat__counter-item {
  width: 31%;
  text-align: center;
  align-items: center;
  padding: 20px 0px;
  border-right: 1px solid rgba(200, 211, 240, 0.4);
}
.main__stat-block .main__stat-inner .stat__counter-block .stat__counter-bottom .stat__counter-item:last-child {
  border-right: none;
}
.main__stat-block .main__stat-inner .stat__counter-block .stat__counter-bottom span {
  font-weight: 600;
}
.main__stat-block .main__stat-inner .stat__items-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item {
  border-radius: 20px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-text {
  line-height: 130%;
  max-width: 600px;
  font-weight: 500;
  font-size: 16px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-count-block {
  width: 500px;
  height: 50px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-count-block .stat__header-count {
  font-weight: 500;
  border-radius: 10px;
  background-color: #f0f4fb;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns {
  display: flex;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .share__btn-block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .share__btn-block:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .share__btn-block button {
  background-image: url(../img/share-stat.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 17px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .share__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -25px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .share__btn-block button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent; /* только верхняя часть цветная */
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .comments__btn-block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  font-size: 14px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .comments__btn-block:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .comments__btn-block button {
  background-image: url(../img/comments-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .comments__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -52px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .comments__btn-block button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent; /* только верхняя часть цветная */
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .new__comments {
  position: relative;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .stat__item-header .stat__header-left .stat__header-btns .new__comments::after {
  position: absolute;
  content: "";
  top: -2px;
  right: -3px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  background: url("../img/new-comm-icon.svg") no-repeat center/contain;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .drag-btn button {
  position: absolute;
  background-image: url(../img/drag-btn-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 10px;
  top: 5px;
  left: 50%;
  transition: 0.3s;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item .drag-btn button:hover {
  background-image: url(../img/drag-btn-icon-hover.svg);
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .comments__main-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .comments__main-block .comment__block {
  background-color: #f0f4fb;
  border-radius: 20px;
  padding: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .comments__main-block .comment__block p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  cursor: pointer;
  transition: 0.3s;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments button .show__more-arrow {
  background-image: url(../img/comment-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 13px;
  height: 8px;
  transition: 0.2s;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments:hover {
  color: #fa4946;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments:hover .show__more-arrow {
  background-image: url(../img/comment-icon-hover.svg);
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-comments .show__more-comments.active .show__more-arrow {
  transform: rotate(180deg);
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-chart .chart__main-block {
  background-color: #f0f4fb;
  padding: 20px;
  border-radius: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-chart .chart__main-block .chart__block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main__stat-block .main__stat-inner .stat__items-block .stat__item-chart .chart__main-block .chart__block .chart__select-block {
  width: 100%;
  padding-bottom: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table {
  width: 400px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  background-color: #f0f4fb;
  padding: 13px 20px;
  border-radius: 10px;
  margin-bottom: 12px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount .amount__left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount .amount__left .negative__amount-icon {
  background-image: url(../img/face-sad.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount .amount__left .neutral__overview-icon {
  background-image: url(../img/face-neutral.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount .amount__left .positive__overview-icon {
  background-image: url(../img/face-happy.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .overview-amount .amount__left .overview__amount-rating {
  font-weight: 500;
  font-size: 16px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .response-details .response__details-block {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .response-details .response__details-block:last-child {
  border-bottom: none;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .response-details .response__details-block .response__details-text {
  font-size: 14px;
  color: #0d122f;
  opacity: 50%;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-tables .overview-table .response-details .response__details-block .response__details-count {
  font-size: 14px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__gauge-block {
  padding: 20px;
  background-color: #f0f4fb;
  border-radius: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__gauge-block .btn-import {
  display: block;
  width: 50px;
  margin-left: auto;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__chart-block {
  padding: 20px;
  background-color: #f0f4fb;
  border-radius: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__chart-block .select__block-btns {
  display: flex;
  justify-content: right;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__chart-block .select__block-btns .btn-chart {
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  box-sizing: border-box;
  max-height: 50px;
  background-color: #ffffff;
}
.main__stat-block .main__stat-inner .stat__items-block .recommendations-overview .recommendations__overview-block .recommendations__overview-bar-block .recommendations__chart-block .select__block-btns .btn-chart button {
  background-image: url(../img/schedule-select-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__stat-block .main__stat-inner .stat__items-block .side-scale .side__scale-block .side__scale-inner {
  background-color: #f0f4fb;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__stat-block .main__stat-inner .stat__items-block .side-scale .side__scale-block .side__scale-inner .side__scale-select-block {
  width: 100%;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group {
  background-color: #f0f4fb;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__block-title {
  font-weight: 500;
  padding-bottom: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper .scale__count-stars {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper .scale__count-stars .scale__count-star {
  background-image: url(../img/star-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper .scale__count-stars .scale__count-star-empty {
  background-image: url(../img/start-empty-second.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper .count__stars-average span {
  color: rgb(250, 73, 70);
  font-weight: 500;
  font-size: 16px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi__scale .multi__scale-block .multi__scale-inner .scale__block-group .scale__count-block .scale__count-stars-wrapper .number__responses {
  font-size: 14px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi-chart .multi__chart-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  gap: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi-chart .multi__chart-inner .chart__item-block {
  padding: 20px;
  background-color: #f0f4fb;
  border-radius: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi-chart .multi__chart-inner .chart__item-block .chart__item-title h3 {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 10px;
}
.main__stat-block .main__stat-inner .stat__items-block .multi-chart .multi__chart-inner .chart__item-block .multichart__item-select-block {
  padding-bottom: 20px;
}
.main__stat-block .main__stat-inner .stat__items-block .scale__bottom .scale__bottom-block .scale__bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__stat-block .main__stat-inner .stat__items-block .scale__bottom .scale__bottom-block .scale__bottom-inner .scale__bottom-block {
  width: 100%;
}

.stat__counter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.stat__counter-top .filter__btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
}
.stat__counter-top .filter__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.stat__counter-top .filter__btn-block button {
  background-image: url(../img/filter-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.stat__counter-top .filter__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -16px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.stat__counter-top .filter__btn-block button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent;
}
.stat__counter-top .right__btns-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.stat__counter-top .right__btns-block .export__excel-btn button {
  background-color: #fa4946;
  color: #ffffff;
  border-radius: 10px;
  height: 50px;
  padding: 0px 24px;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
}
.stat__counter-top .right__btns-block .export__excel-btn button:hover {
  opacity: 60%;
}
.stat__counter-top .right__btns-block .share__btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
}
.stat__counter-top .right__btns-block .share__btn-block:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.stat__counter-top .right__btns-block .share__btn-block button {
  background-image: url(../img/share-stat.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 17px;
}
.stat__counter-top .right__btns-block .share__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -25px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}

.main__select-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.main__select-block .main__castom-select {
  width: 100%;
}
.main__select-block .main__castom-select .original__select {
  display: none;
}
.main__select-block .main__castom-select .custom-select-container {
  position: relative;
}
.main__select-block .main__castom-select .custom-select-container button {
  position: relative;
  font-size: 14px;
  padding: 17px;
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
  width: 100%;
  text-align: start;
}
.main__select-block .main__castom-select .custom-select-container button::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.main__select-block .main__castom-select .custom-select-container button.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.main__select-block .main__castom-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 55px;
  left: 0px;
  z-index: 2;
}
.main__select-block .main__castom-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.main__select-block .main__castom-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.main__select-block .main__castom-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.main__select-block .main__castom-select .custom-select-container .custom-options-list .disabled {
  display: none;
}
.main__select-block .main__castom-select .custom-select-container .placeholder {
  color: rgba(13, 18, 47, 0.5);
}
.main__select-block .select__block-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__select-block .select__block-btns .select__btn-schedule {
  cursor: pointer;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  max-height: 50px;
  position: relative;
}
.main__select-block .select__block-btns .select__btn-schedule:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__select-block .select__block-btns .select__btn-schedule .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -34px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__select-block .select__block-btns .select__btn-schedule .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger {
  margin: 12px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-one {
  background-image: url(../img/diagram-one-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-two {
  background-image: url(../img/diagram-two-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-three {
  background-image: url(../img/diagram-three-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-fore {
  background-image: url(../img/diagram-fore-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-five {
  background-image: url(../img/diagram-five-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-six {
  background-image: url(../img/diagram-six-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-seven {
  background-image: url(../img/diagram-seven-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.diagram-eight {
  background-image: url(../img/diagram-eight-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-select-trigger.active {
  background-image: url(../img/diagram-close.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-one {
  background-image: url(../img/diagram-one.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-one.selected {
  background-image: url(../img/diagram-one-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-two {
  background-image: url(../img/diagram-two.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-two.selected {
  background-image: url(../img/diagram-two-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-three {
  background-image: url(../img/diagram-three.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-three.selected {
  background-image: url(../img/diagram-three-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-fore {
  background-image: url(../img/diagram-fore.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-fore.selected {
  background-image: url(../img/diagram-fore-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-five {
  background-image: url(../img/diagram-five.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-five.selected {
  background-image: url(../img/diagram-five-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-six {
  background-image: url(../img/diagram-six.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-six.selected {
  background-image: url(../img/diagram-six-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-seven {
  background-image: url(../img/diagram-seven.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-seven.selected {
  background-image: url(../img/diagram-seven-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-eight {
  background-image: url(../img/diagram-eight.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagram-eight.selected {
  background-image: url(../img/diagram-eight-hover.svg);
}
.main__select-block .select__block-btns .select__btn-schedule .custom-options-list {
  display: none;
  position: absolute;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #f9fbff;
  border: none;
  left: -482px;
  z-index: 1;
  top: -11px;
  gap: 8px;
}
.main__select-block .select__block-btns .select__btn-schedule .custom-options-list .custom-option {
  padding: 13px;
  border: 1px solid rgba(188, 200, 231, 0.6);
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-radius: 10px;
}
.main__select-block .select__block-btns .select__btn-schedule .diagrams__original-select {
  display: none;
}
.main__select-block .select__block-btns .select__btn-schedule button {
  background-image: url(../img/schedule-select-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-import {
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  box-sizing: border-box;
  max-height: 50px;
  position: relative;
  background-color: #ffffff;
}
.main__select-block .select__block-btns .select__btn-import:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__select-block .select__block-btns .select__btn-import button {
  background-image: url(../img/import-select-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.main__select-block .select__block-btns .select__btn-import button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -34px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__select-block .select__block-btns .select__btn-import button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent;
}
.main__select-block .select__block-btns .share__btn-block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
}
.main__select-block .select__block-btns .share__btn-block:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__select-block .select__block-btns .share__btn-block button {
  background-image: url(../img/share-stat.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 17px;
}
.main__select-block .select__block-btns .share__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -25px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__select-block .select__block-btns .share__btn-block button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent; /* только верхняя часть цветная */
}
.main__select-block .select__block-btns .comments__btn-block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 211, 240, 0.4);
  font-size: 14px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.main__select-block .select__block-btns .comments__btn-block:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.main__select-block .select__block-btns .comments__btn-block button {
  background-image: url(../img/comments-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.main__select-block .select__block-btns .comments__btn-block button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -52px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.main__select-block .select__block-btns .comments__btn-block button .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent; /* только верхняя часть цветная */
}

.filters__calendar-block .filters__calendar-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filters__calendar-block .filters__calendar-wrapper .calendar__container-block {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.filters__calendar-block .filters__calendar-wrapper .calendar__container-block .calendar__del-btn {
  background-image: url(../img/del-btn.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.filters__calendar-block .filters__calendar-wrapper .calendar__container-block .calendar__del-btn:hover {
  background-image: url(../img/del-hover.svg);
}
.filters__calendar-block .filters__calendar-add-btn {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  transition: 0.3s;
  padding-top: 10px;
}
.filters__calendar-block .filters__calendar-add-btn:hover {
  color: rgb(13, 18, 47);
}
.filters__calendar-block .filters__calendar-add-btn:hover .calendar-add-icon {
  background-image: url(../img/plusTwo-hover.svg);
}
.filters__calendar-block .filters__calendar-add-btn .calendar-add-icon {
  background-image: url(../img/plusTwo.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}

.calendar-container {
  position: relative;
}
.calendar-container .datepicker__input-container {
  max-width: 255px;
  position: relative;
  box-sizing: border-box;
  transition: 0.3s;
  background-color: #f9fbff;
}
.calendar-container .datepicker__input-container::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../img/calendar-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  right: 15px;
  top: 15px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 3;
  pointer-events: auto;
}
.calendar-container .datepicker__input-container::before {
  content: "";
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: rgba(200, 211, 240, 0.6);
  z-index: 3;
  pointer-events: none;
}
.calendar-container .datepicker__input-container .calendar-datepicker {
  border: none;
  padding: 15px 70px 15px 15px;
  font-family: inherit;
  font-size: 14px;
  width: 172px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid rgba(188, 200, 231, 0.6);
  border-radius: 10px;
  z-index: 1;
  position: relative;
}
.calendar-container .datepicker__input-container .calendar-datepicker:focus {
  outline: none;
}
.calendar-container .sidebar {
  display: none;
}
.calendar-container .sidebar .sidebar__inner {
  display: flex;
  top: 59px;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  background-color: #ffffff;
  box-sizing: border-box;
  width: 160px;
  height: 398px;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  border: 1px solid rgba(188, 200, 231, 0.6);
  z-index: 2001;
}
.calendar-container .sidebar button {
  color: rgba(13, 18, 47, 0.5);
  font-weight: 500;
  font-size: 14px;
  padding: 11px 0;
  width: 110px;
  white-space: nowrap;
  border: 1px solid rgba(200, 211, 240, 0);
  transition: 0.2s;
}
.calendar-container .sidebar button:hover {
  color: #0d122f;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 6px;
}

.litepicker {
  font-family: inherit !important;
  width: 342px;
  margin-left: 137px;
  margin-top: 10px;
  --litepicker-day-color-hover: transparent;
}
.litepicker .container__months {
  width: 100%;
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 10px 10px 0 10px;
  border: 1px solid rgba(188, 200, 231, 0.6);
}
.litepicker .container__months .month-item {
  width: 100%;
  padding: 20px;
}
.litepicker .container__months .month-item .month-item-header {
  padding: 0 0 30px 0;
}
.litepicker .container__months .month-item .month-item-header .button-previous-month {
  background-image: url(../img/previous-month-button.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 21px;
  cursor: pointer;
}
.litepicker .container__months .month-item .month-item-header .button-previous-month svg {
  display: none;
}
.litepicker .container__months .month-item .month-item-header .button-next-month {
  background-image: url(../img/next-month-button.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 21px;
  cursor: pointer;
}
.litepicker .container__months .month-item .month-item-header .button-next-month svg {
  display: none;
}
.litepicker .container__months .month-item .month-item-header .month-item-name {
  font-weight: 500;
  font-size: 16px;
  font-family: inherit;
}
.litepicker .container__months .month-item .month-item-header .month-item-year {
  font-weight: 500;
  font-size: 16px;
  font-family: inherit;
}
.litepicker .container__months .month-item .month-item-weekdays-row {
  padding-bottom: 20px;
}
.litepicker .container__months .month-item .month-item-weekdays-row div {
  width: 41px;
  box-sizing: border-box;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: rgba(13, 18, 47, 0.5);
  line-height: 18px;
}
.litepicker .container__months .month-item .container__days {
  max-width: 287px;
}
.litepicker .container__months .month-item .container__days div {
  width: 41px;
  color: rgb(13, 18, 47);
  padding: 12px 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.litepicker .container__months .month-item .container__days div:hover {
  border: none !important;
}
.litepicker .container__months .month-item .container__days .is-start-date {
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 890px 0 0 890px;
  position: relative;
  color: #ffffff;
  z-index: 1;
}
.litepicker .container__months .month-item .container__days .is-start-date:hover {
  border: none;
}
.litepicker .container__months .month-item .container__days .is-start-date::after {
  content: "";
  position: absolute;
  background-color: #dc2626;
  border-radius: 890px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.litepicker .container__months .month-item .container__days .is-end-date {
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 0 890px 890px 0;
  position: relative;
  color: #ffffff;
  z-index: 1;
}
.litepicker .container__months .month-item .container__days .is-end-date:hover {
  border: none;
}
.litepicker .container__months .month-item .container__days .is-end-date::after {
  content: "";
  position: absolute;
  background-color: #dc2626;
  border-radius: 890px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.litepicker .container__months .month-item .container__days .delete-bg {
  background-color: inherit !important;
}
.litepicker .container__months .month-item .container__days .is-in-range {
  background-color: rgba(255, 0, 0, 0.1);
}
.litepicker .container__footer {
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: end;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 20px;
  box-shadow: none;
  border-radius: 0 0 10px 10px;
}
.litepicker .container__footer .preview-date-range {
  display: none;
}
.litepicker .container__footer .button-cancel {
  font-weight: 500;
  font-size: 14px;
  color: #0d122f;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px 12px;
  margin: 0;
  height: 37px;
}
.litepicker .container__footer .button-cancel:hover {
  opacity: 60%;
}
.litepicker .container__footer .button-apply {
  font-weight: 500;
  font-size: 14px;
  background-color: #dc2626;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0;
  height: 37px;
}
.litepicker .container__footer .button-apply:hover {
  opacity: 60%;
}

.modal-comments {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
  padding: 10px 0;
}
.modal-comments .modal-comments-inner {
  padding: 40px 10px 40px 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
  width: 640px;
  max-height: 900px;
  height: 90%;
  overflow: hidden;
}
.modal-comments .modal-comments-inner .textarea__block {
  position: relative;
  margin-bottom: 20px;
  margin-right: 30px;
}
.modal-comments .modal-comments-inner .textarea__block textarea {
  width: 100%;
  min-height: 120px;
  line-height: 140%;
  font-family: inherit;
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-size: 14px;
  border-radius: 10px;
  padding: 15px 75px 15px 10px;
  box-sizing: border-box;
  resize: none;
  outline: none;
  background-color: #f9fbff;
}
.modal-comments .modal-comments-inner .textarea__block .textarea__add-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 15px;
  background-color: #fa4946;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
}
.modal-comments .modal-comments-inner .textarea__block .textarea__add-btn:hover {
  opacity: 0.5;
}
.modal-comments .modal-comments-inner .textarea__block .textarea__add-btn button {
  background-image: url(../img/textarea-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.modal-comments .modal-comments-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.modal-comments .modal-comments-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.modal-comments .modal-comments-inner .comment__counter {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
  margin-right: 30px;
}
.modal-comments .modal-comments-inner .comments__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 76%;
  overflow-y: auto;
  padding-right: 30px;
}
.modal-comments .modal-comments-inner .comments__wrapper::-webkit-scrollbar {
  width: 2px;
}
.modal-comments .modal-comments-inner .comments__wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.modal-comments .modal-comments-inner .comments__wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(13, 18, 47, 0.5); /* тоненька темна смужка */
  border-radius: 3px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container {
  line-height: 140%;
  font-size: 14px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__head-left .comment__email {
  padding-bottom: 5px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__head-left .comment__email span {
  font-weight: 500;
  font-size: 14px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__head-left .comment__time span {
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block {
  display: flex;
  align-items: center;
  gap: 20px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__edit-btn button {
  background-image: url(../img/pencil.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: 0.2s;
  padding: 2px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__edit-btn button:hover {
  background-image: url(../img/pencil-hover.svg);
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__del-btn {
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__del-btn button {
  background-image: url(../img/del-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  cursor: pointer;
  transition: 0.2s;
  padding: 2px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__header .comment__btns-block .comment__del-btn button:hover {
  background-image: url(../img/del-hover.svg);
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .edit-area {
  width: 100%;
  line-height: 140%;
  font-family: inherit;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
  resize: none;
  outline: none;
  padding: 15px;
  border-radius: 10px;
  min-height: 120px;
  white-space: pre-wrap;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__edit-btns {
  display: none;
  justify-content: end;
  padding-top: 10px;
  gap: 10px;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__edit-btns .comment__btn-cancel {
  max-height: 37px;
  padding: 10px 12px;
  font-weight: 500;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__edit-btns .comment__btn-cancel:hover {
  opacity: 60%;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__edit-btns .comment__btn-confirm {
  max-height: 37px;
  padding: 10px 12px;
  font-weight: 500;
  background-color: #fa4946;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.modal-comments .modal-comments-inner .comments__wrapper .comment__container .comment__edit-btns .comment__btn-confirm:hover {
  opacity: 60%;
}
.modal-comments .comment__del-modal {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.modal-comments .comment__del-modal .comment__del-modal-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
  overflow: hidden;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-title {
  padding-bottom: 10px;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-title h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-text {
  padding-bottom: 40px;
  font-size: 16px;
  color: rgba(13, 18, 47, 0.5);
  width: 355px;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-btns {
  display: flex;
  justify-content: space-between;
  text-align: center;
  gap: 20px;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-btns .comment__btn-modal-cancel {
  width: 170px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 15px 0;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-btns .comment__btn-modal-cancel:hover {
  opacity: 60%;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-btns .comment__btn-modal-del {
  width: 170px;
  background-color: rgb(250, 73, 70);
  color: #fff;
  padding: 15px 0;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.modal-comments .comment__del-modal .comment__del-modal-inner .comment__del-modal-btns .comment__btn-modal-del:hover {
  opacity: 60%;
}

.modal__filters {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
  overflow: visible;
}
.modal__filters .modal__filters-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  width: 680px;
  margin: auto;
}
.modal__filters .modal__filters-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.modal__filters .modal__filters-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.modal__filters .modal__filters-inner .modal__filters-title {
  padding-bottom: 40px;
}
.modal__filters .modal__filters-inner .modal__filters-title h3 {
  font-weight: bold;
  font-style: 18px;
  text-transform: uppercase;
}
.modal__filters .modal__filters-inner .filters__radio-block {
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  padding-bottom: 40px;
}
.modal__filters .modal__filters-inner .filters__radio-block .filters__radio-sub {
  padding-bottom: 15px;
}
.modal__filters .modal__filters-inner .filters__radio-block .filters-radiobuttons {
  display: flex;
  font-size: 14px;
  gap: 20px;
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio input[type=radio] {
  display: none;
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio input[type=radio]:not(:checked) + .custom-radio__label:before {
  border: 1px solid rgba(200, 211, 240, 0.6);
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio input[type=radio]:checked + .custom-radio__label:after {
  opacity: 1;
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio .custom-radio__label {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  color: rgb(13, 18, 47);
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio .custom-radio__label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid rgb(13, 18, 47);
  border-radius: 50%;
  background: #f9fbff;
}
.modal__filters .modal__filters-inner .filters__radio-block .custom-radio .custom-radio__label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(13, 18, 47);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.modal__filters .modal__filters-inner .filters__calendar-block {
  padding-bottom: 40px;
}
.modal__filters .modal__filters-inner .filters__tags-block {
  padding-bottom: 170px;
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-sub {
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  padding-bottom: 10px;
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* Активний стан */
  /* Hover при активному */
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox {
  position: relative;
  cursor: pointer;
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox input {
  display: none;
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox .tag {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 15px;
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  user-select: none;
  background-color: #f9fbff;
  transition: 0.3s;
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox .tag:hover {
  background: #ffffff;
  color: rgb(13, 18, 47);
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox input:checked + .tag {
  background: rgb(13, 18, 47);
  color: #fff;
  border-color: rgb(13, 18, 47);
}
.modal__filters .modal__filters-inner .filters__tags-block .filters__tags-wrapper .custom-checkbox input:checked + .tag:hover {
  opacity: 80%;
}
.modal__filters .modal__filters-inner .filters__modal-btns {
  display: flex;
  justify-content: space-between;
}
.modal__filters .modal__filters-inner .filters__modal-btns .filters__modal-btn-clear button {
  border: 1px solid rgba(200, 211, 240, 0.6);
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 24px;
  border-radius: 10px;
  transition: 0.3s;
}
.modal__filters .modal__filters-inner .filters__modal-btns .filters__modal-btn-clear button:hover {
  opacity: 60%;
}
.modal__filters .modal__filters-inner .filters__modal-btns .filters__modal-btn-apply button {
  background-color: #fa4946;
  color: #ffffff;
  border-radius: 10px;
  padding: 15px 24px;
  height: 50px;
  transition: 0.3s;
}
.modal__filters .modal__filters-inner .filters__modal-btns .filters__modal-btn-apply button:hover {
  opacity: 60%;
}

.drag__btn-block {
  background-color: #ffffff;
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.drag__btn-block .drag-btn button {
  position: absolute;
  background-image: url(../img/drag-btn-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 10px;
  top: 5px;
  left: 50%;
  transition: 0.3s;
}
.drag__btn-block .drag-btn button:hover {
  background-image: url(../img/drag-btn-icon-hover.svg);
}

.wrapper__camparison {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
}

.comparison__main-content {
  margin-bottom: 80px;
}
.comparison__main-content .comparison__content-inner {
  background-color: #f0f4fb;
  padding: 20px;
  border-radius: 10px;
}

.comparison__general-calculations {
  margin-bottom: 20px;
}
.comparison__general-calculations .general__calculations-inner {
  margin-bottom: 20px;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  padding: 20px;
  gap: 0;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .table-row {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .table-row:not(:last-child) {
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .cell {
  padding: 10px 0;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .period-dates {
  padding-top: 0;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .metric-value {
  font-weight: 500;
  font-size: 16px;
}
.comparison__general-calculations .general__calculations-inner .comparison__grid-table .metric-label {
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
}

.camparison__charts .camparison__charts-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.camparison__charts .camparison__charts-title {
  padding-bottom: 20px;
}
.camparison__charts .camparison__charts-title h3 {
  font-size: 16px;
  font-weight: 500;
}
.camparison__charts .camparison__charts-block .main__select-block {
  margin-bottom: 20px;
}
.camparison__charts .camparison__charts-block .camparison__charts-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.camparison__charts .camparison__charts-block .camparison__charts-wrapper .camparison__chart {
  background-color: #f9fbff;
  padding: 20px;
  border-radius: 10px;
  flex: 1;
}
.camparison__charts .camparison__charts-block .camparison__charts-wrapper .camparison__chart .camparison__chart-top {
  display: flex;
  justify-content: space-between;
  background-color: #f0f4fb;
  padding: 15px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.camparison__charts .camparison__charts-block .camparison__charts-wrapper .camparison__chart .camparison__chart-top .camparison__chart-count {
  font-size: 16px;
  font-weight: 500;
}
.camparison__charts .camparison__charts-block .camparison__charts-wrapper .camparison__chart .chart-item {
  margin: 0 auto;
}

.period-date-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.period-date-block .period-date-icon {
  background-image: url(../img/calendar-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}
.period-date-block span {
  font-size: 14px;
  font-weight: 400;
}

.editing .wrapper__editing {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
}
.editing .litepicker {
  margin-left: 0px;
}
.editing .litepicker .container__months {
  border-radius: 10px 10px 0 0;
}
.editing .litepicker .container__footer {
  border-top: 0px solid rgba(188, 200, 231, 0) !important;
  border: 1px solid rgba(188, 200, 231, 0.6);
}

.editing__main-content {
  margin-bottom: 80px;
}
.editing__main-content .editing__content-inner {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 20px;
  display: flex;
}
.editing__main-content .editing__content-inner .editing__tabs {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 340px;
  border-right: 1px solid rgba(200, 211, 240, 0.6);
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #0d122f;
  padding: 20px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn:first-child {
  border-radius: 20px 0 0 0;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn:last-child {
  border-radius: 0 0 0 20px;
  border-bottom: none;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn:hover {
  background-color: #ededed;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn.is-active {
  background-color: #0d122f;
  color: #ffffff;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn.is-active .tabs__icon-one {
  background-image: url(../img/tab-icon-one-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn.is-active .tabs__icon-two {
  background-image: url(../img/tab-icon-two-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn.is-active .tabs__icon-three {
  background-image: url(../img/tab-icon-three-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn .tabs__icon-one {
  display: inline-block;
  background-image: url(../img/tab-icon-one.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn .tabs__icon-two {
  display: inline-block;
  background-image: url(../img/tab-icon-two.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs .tab__btn .tabs__icon-three {
  display: inline-block;
  background-image: url(../img/tab-icon-three.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content {
  flex: 1;
  padding: 40px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .editing__pane {
  display: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .editing__pane.is-active {
  display: block;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .information__icon {
  display: inline-block;
  background-image: url(../img/inform-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars {
  padding-bottom: 40px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .settings__calendar-start {
  width: 50%;
  max-width: 440px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .settings__calendar-end {
  width: 50%;
  max-width: 440px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .calendar-container {
  width: 100%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .calendar-container .datepicker__input-container {
  width: 100%;
  max-width: 440px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .calendar-container .datepicker__input-container:after {
  right: 16px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__block-wrapper .calendar-container .datepicker__input-container .calendar-datepicker {
  box-sizing: border-box;
  width: 100%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__information-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .general__settings-calendars .calendars__information-block span {
  font-weight: 500;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .cookies__switch-block {
  padding-bottom: 40px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .cookies__switch-block .cookies__checkbox-block {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .cookies__switch-block .cookies__checkbox-block .cookies__checkbox-title h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .cookies__switch-block .cookies__switch-information {
  display: flex;
  align-items: center;
  gap: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__checkbox-block {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__checkbox-block .telegram__checkbox-title {
  text-transform: uppercase;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .telegram__id-input {
  flex: 1;
  padding: 15px;
  border: 1px solid rgba(188, 200, 231, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .telegram__id-input::placeholder {
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
  line-height: inherit;
  font-family: "Inter";
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .telegram__id-input:focus {
  outline: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .input__tooltipe {
  display: inline-block;
  background-image: url(../img/tootip-telegram.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  position: relative;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .input__tooltipe:hover {
  background-image: url(../img/tootip-telegram-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .input__tooltipe:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .input__tooltipe .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -38px;
  left: -39px;
  transform: translateY(-50%);
  background: #f0f4fb;
  color: #0d122f;
  padding: 16px;
  border-radius: 10px;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 12px;
  pointer-events: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  z-index: 2;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .input__tooltipe .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgb(240, 244, 251) transparent transparent transparent;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .telegram__input-close {
  display: inline-block;
  background-image: url(../img/input-close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .input__wrapper .input__tel-item-block .telegram__input-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .telegram__inputs-add-block {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: rgba(13, 18, 47, 0.5);
  padding-top: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .telegram__inputs-add-block:hover {
  color: rgb(13, 18, 47);
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .telegram__inputs-add-block:hover .plus__icon-block {
  background-image: url(../img/plusTwo-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .general__settings .general__settings-inner .telegram__id-block .telegram__id-inner .telegram__inputs-block .telegram__inputs-add-block .plus__icon-block {
  display: inline-block;
  background-image: url(../img/plusTwo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__link-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 20px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__link-top .access__link-title {
  display: flex;
  gap: 10px;
  align-items: center;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__link-top .access__link-title h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__link-top .generate__btn button {
  height: 50px;
  background-color: #fa4946;
  padding: 0px 24px;
  color: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__link-top .generate__btn button:hover {
  opacity: 0.7;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table {
  width: 100%;
  border-collapse: separate;
  white-space: nowrap;
  font-size: 14px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table thead {
  background-color: rgb(240, 244, 251);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table thead th {
  padding: 13px 0;
  white-space: nowrap;
  color: rgba(13, 18, 47, 0.5);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table thead th:first-child {
  border-radius: 10px 0 0 0;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody tr td {
  text-align: start;
  white-space: nowrap;
  vertical-align: middle;
  padding: 16px 0;
  border-bottom: 1px solid rgba(188, 200, 231, 0.6);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody tr td:first-child {
  padding-left: 20px;
  border-left: 1px solid rgba(188, 200, 231, 0.6);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody tr td:last-child {
  padding-right: 20px;
  border-right: 1px solid rgba(188, 200, 231, 0.6);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody tr:nth-last-child(2) td:first-child {
  border-radius: 0 0 0 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody tr:nth-last-child(2) td:last-child {
  border-radius: 0 0 10px 0;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table tbody .no-records td:nth-child(5) {
  font-weight: 500;
  font-size: 16px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .excel__icon-block {
  padding-left: 20px;
  padding-right: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .email-icon {
  display: inline-block;
  background-image: url(../img/send-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  position: relative;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .email-icon:hover {
  background-image: url(../img/send-icon-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .excel-icon {
  display: inline-block;
  background-image: url(../img/excel-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  position: relative;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .excel-icon:hover {
  background-image: url(../img/excel-icon-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .del-btn {
  display: inline-block;
  background-image: url(../img/del-btn-two.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  position: relative;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .access__table .del-btn:hover {
  background-image: url(../img/del-btn-two-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  margin: auto;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-tetle {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 40px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-btns {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-btns .modal__send-cencel button {
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  padding: 0 40px;
  font-weight: 500;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-btns .modal__send-cencel button:hover {
  opacity: 0.7;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-btns .modal__send-confirm button {
  height: 50px;
  background-color: #fa4946;
  color: #ffffff;
  border-radius: 10px;
  padding: 0 40px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modal__send-btns .modal__send-confirm button:hover {
  opacity: 0.7;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .access__link .access__link-inner .modal__send .modal__send-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .email__template-title {
  padding-bottom: 20px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .email__template-title h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block {
  flex: 1;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
  margin-bottom: 30px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__input-title {
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__input-title input {
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  line-height: 140%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__input-title input:focus {
  outline: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__textarea-text {
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__textarea-text textarea {
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-family: inherit;
  border-radius: 10px;
  box-sizing: border-box;
  height: 130px;
  width: 100%;
  line-height: 140%;
  padding: 15px;
  font-size: 14px;
  resize: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .constructor__textarea-text textarea:focus {
  outline: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .email__constructor-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .email__constructor-logo .constructor__logo-icon-block {
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 12px;
  border-radius: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .email__constructor-logo .constructor__logo-icon-block .constructor__logo-icon {
  display: inline-block;
  background-image: url(../img/camera-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper {
  display: none;
  align-items: center;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-icon-block {
  display: inline-block;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  padding: 12px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-icon-block .added__logo-icon {
  display: inline-block;
  background-image: url(../img/big-file-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-file-name {
  font-size: 14px;
  padding: 0 20px 0 10px;
  display: flex;
  gap: 2px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-file-name .logo__size-info {
  color: #9eaaca;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-del-icon {
  display: inline-block;
  background-image: url(../img/input-close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .email__constructor-item-main .added__logo-wrapper .added__logo-del-icon:hover {
  background-image: url(../img/input-close-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .constructor__add-btn button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .constructor__add-btn button:hover {
  color: rgb(13, 18, 47);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .constructor__add-btn button:hover .constructor__add-plus-icon {
  background-image: url(../img/plusTwo-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .constructor__add-btn button .constructor__add-plus-icon {
  display: inline-block;
  background-image: url(../img/plusTwo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__input-title {
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__input-title input {
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  line-height: 140%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__input-title input:focus {
  outline: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__textarea-text {
  padding-bottom: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__textarea-text textarea {
  border: 1px solid rgba(200, 211, 240, 0.6);
  font-family: inherit;
  border-radius: 10px;
  box-sizing: border-box;
  height: 130px;
  width: 100%;
  line-height: 140%;
  padding: 15px;
  font-size: 14px;
  resize: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .constructor__textarea-text textarea:focus {
  outline: none;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .email__constructor-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .email__constructor-logo .constructor__logo-icon-block {
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 12px;
  border-radius: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .email__constructor-logo .constructor__logo-icon-block .constructor__logo-icon {
  display: inline-block;
  background-image: url(../img/camera-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper {
  display: none;
  align-items: center;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-icon-block {
  display: inline-block;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  padding: 12px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-icon-block .added__logo-icon {
  display: inline-block;
  background-image: url(../img/big-file-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-file-name {
  font-size: 14px;
  padding: 0 20px 0 10px;
  display: flex;
  gap: 2px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-file-name .logo__size-info {
  color: #9eaaca;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-del-icon {
  display: inline-block;
  background-image: url(../img/input-close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .added__logo-wrapper .added__logo-del-icon:hover {
  background-image: url(../img/input-close-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .remove-template-btn {
  position: absolute;
  right: 0;
  bottom: 40px;
  display: inline-block;
  background-image: url(../img/del-btn-two.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .email__constructor-block .creating__emails-block .creating__email-item .remove-template-btn:hover {
  background-image: url(../img/del-btn-two-hover.svg);
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block {
  padding: 40px;
  background-color: rgb(240, 244, 251);
  border-radius: 10px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .creating__demonstrations-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 10px;
  min-width: 340px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-icon-block {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-icon-block.is__placeholder {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 12px 40px;
  border: 1px dashed rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  margin-bottom: 30px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-icon-block .demonstration__card-icon {
  display: inline-block;
  max-width: 100px;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-title {
  font-size: 16px;
  font-weight: 600;
  color: rgb(13, 18, 47);
  padding-bottom: 15px;
  max-width: 285px;
  line-height: 130%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-title.is__placeholder {
  color: rgba(13, 18, 47, 0.5);
  font-style: italic;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-text {
  font-size: 14px;
  max-width: 285px;
  line-height: 130%;
}
.editing__main-content .editing__content-inner .editing__tabs-content .email__template .email__template-inner .example__emails-wrapper .emails__demonstration-block .email__demonstration-card .demonstration__card-text.is__placeholder {
  font-style: italic;
}

.generate__modal {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.generate__modal .generate__modal-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  margin: auto;
}
.generate__modal .generate__modal-inner .generate__modal-title {
  padding-bottom: 20px;
}
.generate__modal .generate__modal-inner .generate__modal-title h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.generate__modal .generate__modal-inner .generate__modal-input {
  padding-bottom: 40px;
}
.generate__modal .generate__modal-inner .generate__modal-input input {
  background-color: #f9fbff;
  border: 1px solid rgba(13, 18, 47, 0.5);
  font-family: inherit;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  padding: 15px;
}
.generate__modal .generate__modal-inner .generate__modal-input input:focus {
  outline: none;
}
.generate__modal .generate__modal-inner .or__block {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  position: relative;
}
.generate__modal .generate__modal-inner .or__block::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 145px;
  background-color: rgba(200, 211, 240, 0.6);
  left: 0;
  top: 9px;
}
.generate__modal .generate__modal-inner .or__block::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 145px;
  background-color: rgba(200, 211, 240, 0.6);
  right: 0;
  top: 9px;
}
.generate__modal .generate__modal-inner .drop__area-block {
  padding-bottom: 10px;
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background-color: rgb(249, 251, 255);
  padding: 20px 40px;
  border: 1px dashed rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner:hover {
  border: 1px solid rgb(188, 200, 231);
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner .drop__area-icon {
  display: inline-block;
  background-image: url(../img/cloud-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner .drop__area-text {
  max-width: 286px;
  text-align: center;
  line-height: 140%;
  color: rgba(13, 18, 47, 0.5);
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner .drop__area-text span {
  color: rgb(13, 18, 47);
  border-bottom: 1px solid rgba(13, 18, 47, 0);
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-block .drop__area__inner .drop__area-text span:hover {
  border-bottom: 1px solid rgb(13, 18, 47);
}
.generate__modal .generate__modal-inner .drop__area-sup-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: rgba(13, 18, 47, 0.5);
  padding-bottom: 40px;
}
.generate__modal .generate__modal-inner .drop__area-sup-block .structure__example {
  display: flex;
  align-items: center;
  gap: 4px;
}
.generate__modal .generate__modal-inner .drop__area-sup-block .structure__example .structure__example-icon {
  display: inline-block;
  background-image: url(../img/file-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 17px;
  height: 16px;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-files-block {
  padding-bottom: 50px;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item {
  display: flex;
  align-items: center;
  gap: 55px;
  padding-bottom: 20px;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file__wrapper-block {
  display: flex;
  gap: 10px;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file__wrapper-block .file__icon-block {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  padding: 12px;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file__wrapper-block .file__icon-block .file-icon {
  display: inline-block;
  background-image: url(../img/big-file-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file__wrapper-block .file-info {
  display: flex;
  gap: 2px;
  font-size: 14px;
  align-items: center;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file__wrapper-block .file-info .file-size {
  color: #9eaaca;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file-remove {
  display: inline-block;
  background-image: url(../img/input-close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-files-block .file-item .file-remove:hover {
  background-image: url(../img/input-close-hover.svg);
}
.generate__modal .generate__modal-inner .drop__area-btn button {
  height: 50px;
  border-radius: 10px;
  background-color: #fa4946;
  color: #ffffff;
  width: 100%;
  transition: 0.3s;
}
.generate__modal .generate__modal-inner .drop__area-btn button:hover {
  opacity: 0.7;
}
.generate__modal .generate__modal-inner .drop__area-btn button:disabled {
  color: rgba(13, 18, 47, 0.5);
  background-color: rgb(240, 244, 251);
  cursor: default;
}
.generate__modal .generate__modal-inner .drop__area-btn button:disabled:hover {
  opacity: 1;
}
.generate__modal .generate__modal-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.generate__modal .generate__modal-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}

.wrapper__question {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  min-width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
}
.wrapper__question .modal__copy .modal__copy-inner {
  min-width: auto;
}
.wrapper__question .modal__copy .modal__copy-inner .modal__copy-btns {
  display: flex;
  justify-content: space-between;
}
.wrapper__question .modal__copy .modal__copy-inner .modal__copy-btns .cancel__button {
  padding: 15px 45px;
  transition: 0.3s;
  color: #0d122f;
  border: 1px solid rgba(13, 18, 47, 0.15);
  border-radius: 10px;
  width: 170px;
}
.wrapper__question .modal__copy .modal__copy-inner .modal__copy-btns .cancel__button:hover {
  opacity: 70%;
}
.wrapper__question .modal__copy .modal__copy-inner .modal__copy-btns .copy__button {
  background-color: #fa4946;
  transition: 0.3s;
  padding: 15px 45px;
  color: #fff;
  border-radius: 10px;
  transition: ease-in-out 0.3s;
}
.wrapper__question .modal__copy .modal__copy-inner .modal__copy-btns .copy__button:hover {
  opacity: 70%;
}

.body__question .litepicker {
  margin-left: 0;
}

.question__tab-btns {
  padding-bottom: 20px;
}
.question__tab-btns .question__tab-btn-inner {
  display: flex;
  gap: 20px;
}
.question__tab-btns .question__tab-btn-inner .question__tab {
  width: 50%;
  padding: 15px 20px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid rgba(200, 211, 240, 0.6);
  cursor: pointer;
  transition: 0.2s;
}
.question__tab-btns .question__tab-btn-inner .question__tab.active {
  background-color: #0d122f;
  color: #ffffff;
}
.question__tab-btns .question__tab-btn-inner .question__tab.unactive:hover {
  background-color: #f0f4fb;
}

.question__content-wrapper .content__wrapper-inner {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 20px;
  margin-bottom: 40px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns-panel-title h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block {
  display: flex;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block > * {
  border-right: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block > *:last-child {
  border-right: none;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn {
  position: relative;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area {
  display: flex;
  gap: 10px;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area:hover .quedtion-add-btn-text {
  color: #fa4946;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area:hover .quedtion-add-btn-icon {
  background-image: url(../img/add-column-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area .quedtion-add-btn-icon {
  background-image: url(../img/add-column-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .add__btn-area .quedtion-add-btn-text {
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn:hover .quedtion-add-btn-text {
  color: #fa4946;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn:hover .quedtion-add-btn-icon {
  background-image: url(../img/add-column-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .tooltip-text {
  top: 70px;
  left: 30px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown {
  display: none;
  position: absolute;
  width: 280px;
  padding: 20px;
  z-index: 200;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #ffffff;
  top: 45px;
  left: 0;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown.is-open {
  display: block;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-item:hover {
  background-color: rgba(200, 211, 240, 0.6);
  color: rgb(13, 18, 47);
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-item:last-child {
  border-bottom: none;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-text .qc-dropdown-icon {
  background-image: url(../img/text-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-radio .qc-dropdown-icon {
  background-image: url(../img/radio-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-checkbox .qc-dropdown-icon {
  background-image: url(../img/checkbox-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-nps .qc-dropdown-icon {
  background-image: url(../img/nps-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-rating .qc-dropdown-icon {
  background-image: url(../img/star-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-table .qc-dropdown-icon {
  background-image: url(../img/table-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .main__quedtion-add-btn .qc-dropdown .qc-dropdown-net .qc-dropdown-icon {
  background-image: url(../img/net-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .description__btn-block {
  background-image: url(../img/description-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .description__btn-block .tooltip-text {
  top: 70px;
  left: -35px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .description__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .description__btn-block:hover {
  background-image: url(../img/description-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .description__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .foto__btn-block {
  background-image: url(../img/foto-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .foto__btn-block .tooltip-text {
  top: 70px;
  left: -26px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .foto__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .foto__btn-block:hover {
  background-image: url(../img/foto-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .foto__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .youtube__btn-block {
  background-image: url(../img/youtube-line.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .youtube__btn-block .tooltip-text {
  top: 70px;
  left: -7px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .youtube__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .youtube__btn-block:hover {
  background-image: url(../img/youtube-line-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .youtube__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .clip__btn-block {
  background-image: url(../img/clip-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .clip__btn-block .tooltip-text {
  top: 70px;
  left: -6px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .clip__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .clip__btn-block:hover {
  background-image: url(../img/clip-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .clip__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .gratitude__btn-block {
  background-image: url(../img/gratitude-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .gratitude__btn-block .tooltip-text {
  top: 70px;
  left: -61px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .gratitude__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .gratitude__btn-block:hover {
  background-image: url(../img/gratitude-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__center-block .gratitude__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block {
  display: flex;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block > * {
  border-right: 1px solid rgba(200, 211, 240, 0.6);
  padding: 10px 15px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block > *:last-child {
  border-right: none;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .preview__btn-block {
  background-image: url(../img/preview-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .preview__btn-block .tooltip-text {
  top: 70px;
  left: -12px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .preview__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .preview__btn-block:hover {
  background-image: url(../img/preview-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .preview__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .design__btn-block {
  background-image: url(../img/design-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .design__btn-block .tooltip-text {
  top: 70px;
  left: -33px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .design__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .design__btn-block:hover {
  background-image: url(../img/design-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .design__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .settings__btn-block {
  background-image: url(../img/settings-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .settings__btn-block .tooltip-text {
  top: 70px;
  left: -33px;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .settings__btn-block .tooltip-text::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgb(240, 244, 251) transparent;
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .settings__btn-block:hover {
  background-image: url(../img/settings-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__btns-panel .btns__right-block .settings__btn-block:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner {
  padding: 40px;
  border-radius: 0 0 20px 20px;
  background-color: #f0f4fb;
  margin: 0 auto;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block {
  margin: 0 auto;
  max-width: 660px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 20px;
  margin-bottom: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__main-select-block {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__item-body .rating__item-wrapper .question__item-content {
  padding-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__item-body .question__item-content {
  border-radius: 20px 20px 0 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__item-body .add__comment-wrapper {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__item-body .detailing__blocks {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__item-body .rating__scale-wrapper {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__bottom-panel {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .question__bottom-panel .question__bottom-inner {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner {
  border-radius: 0 0 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content {
  padding-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box {
  padding-bottom: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-preview-block {
  display: block;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-video-input input {
  border: 1px solid rgba(200, 211, 240, 0);
  font-size: 14px;
  font-family: inherit;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box {
  padding-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto-del {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block {
  display: none !important;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__items-wrapper .answer__item .move__btn {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__items-wrapper .answer__item .answer__item-del {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__items-wrapper .answer__item .move__btn-answer {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__items-wrapper .answer__item .answer__input-radio {
  display: block;
  background-image: url(../img/radio-fake.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__items-wrapper .answer__item .answer__input-checkbox {
  display: block;
  background-image: url(../img/checkbox-fake.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  width: 24px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .add__new-answer-btn {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .answers__constructor-block .answer__type-block {
  padding-bottom: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .responses__number {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .panel__block-content-wrapper {
  background-color: #FFFFFF;
  border-radius: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .panel__block-content-wrapper > :last-child {
  border-radius: 0 0 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box {
  padding-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box .media__uploader-foto .panel__uploader-foto-text {
  display: flex !important;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block {
  display: none !important;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .table__clone-block {
  display: block;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .question__item-inner .table__block-inner {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.panel__block-video .panel__textarea-description {
  padding-bottom: 20px !important;
  border-radius: 0 0 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.panel__block-image .panel__textarea-description {
  border-radius: 0 0 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.panel__block-gratitude .panel__url {
  border-radius: 0 0 20px 20px;
  padding-bottom: 20px !important;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.panel__block-file .media__uploader-file-box {
  display: flex;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle .media__uploader-input-del {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.name__item-block .question__item-inner .name__item-input {
  width: 100%;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.name__item-block .question__item-inner .name__item-input input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.is-idle.name__item-block .question__item-inner .question__bottom-panel .question__bottom-inner {
  justify-content: end;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block:last-child {
  margin-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner .move__btn {
  background-image: url(../img/drag-btn-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
  transition: 0.2s;
  cursor: pointer;
  transition: 0.3s;
  top: 0;
  left: calc(50% - 20px);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner .move__btn:hover {
  background-image: url(../img/drag-btn-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select {
  width: 415px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select {
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .original__select {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.text__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/text-answer.svg);
  width: 20px;
  height: 20px;
  top: 15px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.ridio__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/radio-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.checkbox__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/checkbox-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.nps__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/nps-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.raiting__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/star-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.table__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/table-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.net__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/net-answer.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container button {
  position: relative;
  font-size: 14px;
  padding: 17px;
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
  width: 100%;
  text-align: start;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container button::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container button.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 55px;
  left: 0px;
  z-index: 2;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px 12px 45px;
  margin-bottom: 2px;
  transition: 0.3s;
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.text__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/text-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.ridio__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/radio-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.checkbox__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/checkbox-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.nps__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/nps-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.raiting__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/star-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.table__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/table-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option.net__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/net-answer.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .custom-options-list .disabled {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__main-select-block .question__main-select .main__castom-select .custom-select-container .placeholder {
  color: rgba(13, 18, 47, 0.5);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content {
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-text-block .question__input-block {
  margin-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-text-block .question__input-block input {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.6);
  outline: none;
  transition: border-color 0.2s ease;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-text-block .question__input-block input:focus {
  border: 1px solid rgb(200, 211, 240);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-text-block .question__textarea-block textarea {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.6);
  outline: none;
  transition: border-color 0.2s ease;
  font-family: inherit;
  height: 120px;
  resize: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-text-block .question__textarea-block textarea:focus {
  border: 1px solid rgb(200, 211, 240);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .question__item-inner-select {
  padding-top: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block {
  padding-top: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .move__btn-answer {
  background-image: url(../img/grip-vertical.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 20px;
  width: 20px;
  transition: 0.2s;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .move__btn-answer:hover {
  background-image: url(../img/grip-vertical-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__input-radio {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__input-checkbox {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__item-input {
  flex: 1;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__item-input input {
  outline: none;
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__item-del {
  background-image: url(../img/del-answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 20px;
  width: 20px;
  transition: 0.2s;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__items-wrapper .answer__item .answer__item-del:hover {
  background-image: url(../img/del-answer-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__item-checkbox {
  padding-bottom: 10px;
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__item-checkbox .custom-checkbox {
  display: flex;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__item-checkbox .custom-checkbox input[type=checkbox]:checked + .checkmark {
  background-color: #0d122f;
  border-color: #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__item-checkbox .custom-checkbox .checkbox-text {
  margin-left: 10px;
  white-space: nowrap;
  font-size: 14px;
  padding: 15px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__item-checkbox .custom-checkbox .checkbox-text {
  flex: 1;
  font-size: 14px;
  color: #9eaaca;
  margin-left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .answer__type-block {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #9eaaca;
  font-size: 14px;
  padding-bottom: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .add__new-answer-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .add__new-answer-btn:hover .add__new-answer-btn-icon {
  background-image: url(../img/plusTwo-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .add__new-answer-btn:hover .add__new-answer-btn-text {
  color: rgb(13, 18, 47);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .add__new-answer-btn .add__new-answer-btn-icon {
  background-image: url(../img/plusTwo.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 20px;
  width: 20px;
  transition: 0.2s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-content .answers__constructor-block .add__new-answer-btn .add__new-answer-btn-text {
  flex: 1;
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner {
  border-top: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #ffffff;
  padding: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-cheackbox-block.is-disabled {
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-cheackbox-block .responses__number-cheackbox-wrapper .custom-checkbox input[type=checkbox]:checked + .checkmark {
  background-color: #0d122f;
  border-color: #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-cheackbox-block .responses__number-cheackbox-wrapper .custom-checkbox .checkbox-text {
  margin-left: 10px;
  white-space: nowrap;
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-value-block {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-value-block .responses__number-value-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-value-block .responses__number-value-inner .responses__number-select {
  flex: 1;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-value-block .responses__number-value-inner .responses__number-value-start input {
  box-sizing: border-box;
  max-width: 160px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  outline: none;
  border-radius: 10px;
  padding: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .responses__number .responses__number-inner .responses__number-value-block .responses__number-value-inner .responses__number-value-end input {
  box-sizing: border-box;
  max-width: 160px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  outline: none;
  border-radius: 10px;
  padding: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select {
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .original__select {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container button {
  position: relative;
  font-size: 14px;
  padding: 17px;
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
  width: 100%;
  text-align: start;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container button::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container button.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 55px;
  left: 0px;
  z-index: 2;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .custom-options-list .disabled {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__item-inner-select .main__castom-select .custom-select-container .placeholder {
  color: rgba(13, 18, 47, 0.5);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper {
  font-size: 14px;
  background-color: #ffffff;
  border-top: 1px solid rgba(188, 200, 231, 0.6);
  padding: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .add__comment-cheackbox-block {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .add__comment-cheackbox-block.is-comment-open {
  padding-bottom: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .add__comment-cheackbox-block .add__comment-cheackbox {
  display: flex;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  gap: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-checkbox-wrapper .number__characters-checkbox-text {
  white-space: nowrap;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-checkbox-wrapper .number__characters-checkbox {
  display: flex;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-input {
  flex: 1;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-input.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .number__characters-checkbox-block .number__characters-input input {
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  outline: none;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .mandatory__field-checkbox-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .add__comment-wrapper .checkboxes__additional-set .mandatory__field-checkbox-block .mandatory__field-checkbox {
  display: flex;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block {
  border-top: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding-bottom: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-preview-block {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-preview-block iframe {
  max-height: 130px;
  max-width: 230px;
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-video-input {
  flex: 1;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-video-input input {
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  font-size: 14px;
  font-family: inherit;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-input-del {
  background-image: url(../img/del-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-video-box .media__uploader-input-del:hover {
  background-image: url(../img/del-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto {
  display: flex;
  align-items: center;
  gap: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto img {
  max-width: 100px;
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto .media__uploader-foto-text {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto .media__uploader-foto-text .media__uploader-foto-size {
  color: #9eaaca;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto-del {
  background-image: url(../img/del-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .media__uploader-foto-box .media__uploader-foto-del:hover {
  background-image: url(../img/del-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container {
  display: flex;
  gap: 5px;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-img-block {
  padding: 13px;
  border-radius: 10px;
  background-color: #f9fbff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-img-block .tel__position-img {
  background-image: url(../img/tel-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-img-block .tel__position-img:hover {
  background-image: url(../img/tel-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select {
  width: 250px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_1.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_2.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_3.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_1.svg);
  width: 20px;
  height: 20px;
  top: 9;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_2.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_3.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-img-block {
  padding: 13px;
  border-radius: 10px;
  background-color: #f9fbff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-img-block .pc__position-img {
  background-image: url(../img/pc-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-img-block .pc__position-img:hover {
  background-image: url(../img/pc-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select {
  width: 250px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger {
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_1.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_2.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_3.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-fore::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_4.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-five::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_5.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-six::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_6.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_1.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_2.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_3.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-fore::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_4.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-five::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_5.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-content .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-six::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_6.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__foto-btn {
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
  cursor: pointer;
  max-width: 50px;
  max-height: 50px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__foto-btn:hover {
  border: 1px solid #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__foto-btn:hover button {
  background-image: url(../img/pic-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__foto-btn button {
  background-image: url(../img/pic-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__video-btn {
  border: 1px solid rgba(200, 211, 240, 0.6);
  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__video-btn:hover {
  border: 1px solid #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__video-btn:hover button {
  background-image: url(../img/youtube-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .media__uploader-block .media__uploader-inner .media__uploader-add-btns .media__video-btn button {
  background-image: url(../img/youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel {
  padding: 20px;
  display: block;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-cheackbox-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-cheackbox-block .question__bottom-cheackbox-text {
  font-size: 14px;
  line-height: 140%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-btns .question__bottom-copy-btn {
  background-image: url(../img/copy.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-btns .question__bottom-copy-btn:hover {
  background-image: url(../img/copy-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-btns .question__bottom-del-btn {
  background-image: url(../img/del-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-btns .question__bottom-del-btn:hover {
  background-image: url(../img/del-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__bottom-panel .question__bottom-inner .question__bottom-wrapper {
  display: flex;
  gap: 40px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks {
  border-top: 1px solid rgba(188, 200, 231, 0.6);
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block:last-child {
  border-bottom: none;
}
@media (max-width: 710px) {
  .question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block {
    flex-direction: column;
  }
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing-text {
  max-width: 188px;
}
@media (max-width: 710px) {
  .question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing-text {
    max-width: none;
  }
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing-text .detailing-top {
  display: flex;
  line-height: 130%;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing-text .detailing-top .tooltip-icon {
  position: relative;
  top: 3px;
  margin-left: 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block {
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas {
  display: flex;
  flex-direction: column;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  gap: 10px;
  padding-top: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper .sup__textareas-checkbox input[type=checkbox]:checked + .checkmark {
  background-color: #0d122f;
  border-color: #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper .sup__textareas-checkbox .checkbox-text {
  margin-left: 10px;
  white-space: nowrap;
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper:first-child {
  padding-top: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper:last-child {
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper .detailing__sup-textarea {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper .detailing__sup-textarea .textarea {
  outline: none;
  width: 100%;
  max-height: 50px;
  resize: none;
  background: rgb(249, 251, 255);
  padding: 15px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__sup-textareas .sup-textareas .sup-textarea-wrapper .detailing__sup-textarea .del-btn {
  display: inline-block;
  align-items: center;
  background-image: url("../img/del-answer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn {
  padding-left: 40px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn .add-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn .add-btn:hover .add__btn-text p {
  color: rgb(13, 18, 47);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn .add-btn:hover .add__btn-icon {
  background-image: url("../img/plusTwo-hover.svg");
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn .add-btn .add__btn-icon {
  background-image: url("../img/plusTwo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__add-btn .add-btn .add__btn-text p {
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  font-weight: 500;
  letter-spacing: 0%;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__textarea {
  padding-bottom: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__textarea .detailing__textarea-inner {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__textarea .detailing__textarea-inner:last-child {
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__textarea .detailing__textarea-inner .textarea {
  outline: none;
  width: 100%;
  max-height: 50px;
  resize: none;
  background: rgb(249, 251, 255);
  padding: 15px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .detailing__textarea-block .detailing__textarea-container .detailing__textarea .detailing__textarea-inner .del-btn {
  display: inline-block;
  align-items: center;
  background-image: url("../img/del-answer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .paragraph__add-block .paragraph__btn-box .add__paragraph-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .paragraph__add-block .paragraph__btn-box .add__paragraph-btn:hover .add__paragraph-text p {
  color: rgb(13, 18, 47);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .paragraph__add-block .paragraph__btn-box .add__paragraph-btn:hover .add__paragraph-icon {
  background-image: url("../img/plusTwo-hover.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .paragraph__add-block .paragraph__btn-box .add__paragraph-btn .add__paragraph-icon {
  background-image: url("../img/plusTwo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .detailing__blocks .detailing__block .paragraph__add-block .paragraph__btn-box .add__paragraph-btn .add__paragraph-text p {
  font-size: 14px;
  color: rgba(13, 18, 47, 0.5);
  font-weight: 500;
  letter-spacing: 0%;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .recommendation__scale-wrapper {
  padding: 0 20px 20px 20px;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .recommendation__scale-wrapper .recommendation__scale-inner {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .recommendation__scale-wrapper .recommendation__scale-inner .recommendation__scale {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .recommendation__scale-wrapper .recommendation__scale-inner .recommendation__scale .recommendation__scale-item {
  border: 2px solid #9eaaca;
  border-radius: 50%;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #9eaaca;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .recommendation__scale-wrapper .recommendation__scale-inner .recommendation__scale-sup {
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  color: #9eaaca;
  font-weight: bold;
  font-size: 12px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper {
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0px 20px;
  line-height: 130%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block {
  display: flex;
  align-items: center;
  padding-right: 20px;
  border-right: 1px solid rgba(200, 211, 240, 0.6);
  width: 49%;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number-title {
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number {
  width: 145px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select {
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .original__select {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container button {
  position: relative;
  font-size: 14px;
  padding: 15px;
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
  width: 100%;
  text-align: start;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container button::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container button.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 55px;
  left: 0px;
  z-index: 2;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px 12px 16px;
  margin-bottom: 2px;
  transition: 0.3s;
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .custom-options-list .disabled {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number .main__castom-select .custom-select-container .placeholder {
  color: rgba(13, 18, 47, 0.5);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .select__points-number-block .select__points-number-span span {
  color: rgba(13, 18, 47, 0.5);
  font-size: 16px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 49%;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-block-title {
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper {
  flex: 1;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select {
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .original__select {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.starts__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/StarLine.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.smile__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/face-smile.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-select-trigger-wrapper .custom-select-trigger.hearts__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/heart-icon.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container button {
  position: relative;
  font-size: 14px;
  padding: 15px;
  height: 50px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: #f9fbff;
  border-radius: 10px;
  width: 100%;
  text-align: start;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container button::after {
  content: "";
  position: absolute;
  margin: 7px 5px;
  top: 14px;
  right: 15px;
  width: 8px;
  height: 7px;
  background-image: url("../img/select-arrow-one.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container button.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list {
  display: none;
  padding: 6px 8px;
  background-color: #f9fbff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(200, 211, 240, 0.4);
  border-radius: 10px;
  cursor: pointer;
  top: 55px;
  left: 0px;
  z-index: 2;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .custom-option {
  color: #0d122f;
  padding: 12px 16px 12px 45px;
  margin-bottom: 2px;
  transition: 0.3s;
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .custom-option.starts__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/StarLine.svg);
  width: 20px;
  height: 20px;
  top: 12px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .custom-option.smile__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/face-smile.svg);
  width: 20px;
  height: 20px;
  top: 12px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .custom-option.hearts__version::before {
  content: "";
  position: absolute;
  background-image: url(../img/heart-icon.svg);
  width: 20px;
  height: 20px;
  top: 12px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .custom-option:hover {
  background-color: rgba(200, 211, 240, 0.2);
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .selected {
  background-color: rgba(200, 211, 240, 0.4) !important;
  border-radius: 4px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .custom-options-list .disabled {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .rating__scale-wrapper .rating__scale-inner .icons__select-block .icons__select-wrapper .main__castom-select .custom-select-container .placeholder {
  color: rgba(13, 18, 47, 0.5);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .panel__icon-block {
  padding: 0px 20px 20px 20px;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .panel__icon-block .panel__icon-inner {
  display: flex;
  padding: 13px 16px;
  background-color: #f9f9f9;
  border-radius: 10px;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block {
  padding-top: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner {
  max-width: 620px;
  overflow-y: auto;
  border: 1px solid rgba(188, 200, 231, 0.6);
  background-color: #ffffff;
  border-radius: 10px;
  /* трек */
  /* повзунок */
  /* hover */
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner::-webkit-scrollbar {
  height: 6px;
  cursor: pointer;
  cursor: grabbing;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner::-webkit-scrollbar-track {
  background: transparent;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner::-webkit-scrollbar-thumb {
  background-color: rgba(188, 200, 231, 0.8);
  border-radius: 4px;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner::-webkit-scrollbar-thumb:hover {
  background-color: rgb(188, 200, 231);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
  width: 100%;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__corner {
  width: 145px;
  border-right: 1px solid rgba(200, 211, 240, 0.6);
  flex-shrink: 0;
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col {
  display: flex;
  align-items: center;
  padding: 10px 0;
  width: 145px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__drag {
  background-image: url(../img/grip-vertical.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__drag:hover {
  background-image: url(../img/grip-vertical-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title {
  line-height: 140%;
  box-sizing: border-box;
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title input {
  border: none;
  padding: 10px 20px 10px 5px;
  max-width: 100px;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  border-bottom: 1px solid rgba(200, 211, 240, 0);
  transition: 0.2s;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title input:focus {
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title .matrix-table__title-del {
  position: absolute;
  background-image: url(../img/del-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  top: 11px;
  right: 3px;
  opacity: 0;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title .matrix-table__title-del:hover {
  background-image: url(../img/del-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .matrix-table__col .matrix-table__title:focus-within .matrix-table__title-del {
  opacity: 1;
  pointer-events: auto;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .add__table-col-btn {
  position: absolute;
  background-image: url(../img/add-table-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  left: 115px;
  cursor: pointer;
  top: calc(50% - 12px);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__header .add__table-col-btn:hover {
  background-image: url(../img/add-table-btn-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body {
  display: flex;
  position: relative;
  flex-direction: column;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row {
  display: flex;
  justify-content: flex-start;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 145px;
  flex-shrink: 0;
  border-right: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
  padding: 0 8px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input {
  position: relative;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input input {
  border: none;
  max-width: 90px;
  font-size: 14px;
  font-family: inherit;
  padding: 10px 4px;
  outline: none;
  border-bottom: 1px solid rgba(200, 211, 240, 0);
  transition: 0.2s;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input input:focus {
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input .matrix-table__title-del {
  position: absolute;
  background-image: url(../img/del-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  top: 11px;
  right: 3px;
  opacity: 0;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input .matrix-table__title-del:hover {
  background-image: url(../img/del-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__input:focus-within .matrix-table__title-del {
  opacity: 1;
  pointer-events: auto;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__drag {
  background-image: url(../img/grip-vertical.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__row-title .matrix-table__drag:hover {
  background-image: url(../img/grip-vertical-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__cell {
  width: 33%;
  width: 145px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__cell .answer__type-icon {
  background-image: url(../img/radio-fake.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__cell {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 15px 0px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__cell input[type=checkbox]:checked + .checkmark {
  background-color: #0d122f;
  border-color: #0d122f;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .matrix-table__row .matrix-table__cell .checkbox-text {
  margin-left: 10px;
  white-space: nowrap;
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .add__table-row-btn {
  position: absolute;
  background-image: url(../img/add-table-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  left: 10px;
  top: -30px;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__block-inner .matrix-table .matrix-table__body .add__table-row-btn:hover {
  background-image: url(../img/add-table-btn-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block {
  display: none;
  margin-top: 10px;
  max-width: 620px;
  overflow: hidden;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__header {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__header .matrix-clone__corner {
  width: 120px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__header .matrix-clone__col {
  white-space: nowrap;
  width: 120px;
  font-size: 14px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__body .matrix-clone__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__body .matrix-clone__row .matrix-clone__row-title {
  font-size: 14px;
  white-space: nowrap;
  width: 120px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__body .matrix-clone__row .matrix-clone__cell {
  display: flex;
  justify-content: center;
  width: 120px;
  flex-shrink: 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__body .matrix-clone__row .matrix-clone__cell .clone-checkbox {
  display: block;
  background-image: url(../img/checkbox-fake.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .question__table-block .table__clone-block .matrix-clone .matrix-clone__body .matrix-clone__row .matrix-clone__cell .clone-radio {
  display: block;
  background-image: url(../img/radio-fake.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block .panel__item-name-input {
  border-radius: 20px 20px 0 0;
  padding: 20px 20px 10px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__item-name-input {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__item-name-input input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__video-url {
  width: 100%;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 20px 20px 0 0;
  padding: 0px 20px 10px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__video-url input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__url {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 0 20px 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__url input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__textarea-description {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__textarea-description textarea {
  outline: none;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  resize: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  height: 100px;
  font-family: inherit;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__textarea-description.panel__textarea-gratitude {
  padding: 20px 20px 10px 20px;
  border-radius: 20px 20px 0 0;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container {
  background: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box {
  padding: 0 20px 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box .media__uploader-foto .panel__uploader-foto-text {
  display: none;
  font-size: 14px;
  gap: 3px;
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box .media__uploader-foto .panel__uploader-foto-text .media__uploader-foto-size {
  color: #9eaaca;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box .media__uploader-foto img {
  max-width: 100px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-foto-box img {
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-file-box {
  padding: 0 20px 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-file-box .media__uploader-file .panel__uploader-file-text {
  display: flex;
  font-size: 14px;
  gap: 3px;
  padding-bottom: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-file-box .media__uploader-file .panel__uploader-file-text .media__uploader-file-size {
  color: #9eaaca;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 20px 20px;
  border-top: 1px solid rgba(200, 211, 240, 0.6);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container {
  display: flex;
  gap: 5px;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-img-block {
  padding: 13px;
  border-radius: 10px;
  color: #f9fbff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-img-block .tel__position-img {
  background-image: url(../img/tel-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-img-block .tel__position-img:hover {
  background-image: url(../img/tel-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select {
  width: 250px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_1.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_2.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-select-container .custom-select-trigger.tel__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_3.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_1.svg);
  width: 20px;
  height: 20px;
  top: 9;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_2.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .tel__position-select-container .tel__position-select .custom-options-list .custom-option.tel__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/mob_3.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-img-block {
  padding: 13px;
  border-radius: 10px;
  color: #f9fbff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-img-block .pc__position-img {
  background-image: url(../img/pc-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-img-block .pc__position-img:hover {
  background-image: url(../img/pc-icon-hover.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select {
  width: 250px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger {
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_1.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_2.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_3.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-fore::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_4.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-five::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_5.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-select-container .custom-select-trigger.pc__var-six::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_6.svg);
  width: 20px;
  height: 20px;
  top: 14px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option {
  position: relative;
  padding-left: 45px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-one::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_1.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-two::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_2.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-three::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_3.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-fore::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_4.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-five::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_5.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .position-selects-block .pc__position-select-container .pc__position-select .custom-options-list .custom-option.pc__var-six::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_6.svg);
  width: 20px;
  height: 20px;
  top: 9px;
  left: 15px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-preview-block {
  padding: 0 20px 20px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .panel__block-content-wrapper .panel__media-container .panel__media-container-inner .media__uploader-preview-block iframe {
  border-radius: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .question__bottom-inner {
  justify-content: space-between;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn:hover .panel__loading-btn-img {
  border: 1px solid rgb(200, 211, 240);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn .panel__loading-btn-img {
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn-file {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn-file:hover .panel__loading-btn-img {
  border: 1px solid rgb(200, 211, 240);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .panel__loading-btn-file .panel__loading-btn-img {
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .loading__del-box {
  display: flex;
  gap: 5px;
  align-items: center;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .loading__del-box .loading__text {
  font-size: 14px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .loading__del-box .loading__size {
  font-size: 14px;
  color: #9eaaca;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel.loader__bottom-panel .panel__loading-box .loading__del-box .loading__del {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns {
  display: flex;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch {
  display: flex;
  gap: 10px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn.is-active .icon-list-left {
  background-image: url(../img/left-icon-text-active.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn.is-active .icon-list-center {
  background-image: url(../img/center-icon-text-active.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn.is-active .icon-list-right {
  background-image: url(../img/right-icon-text-active.svg);
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn .icon-list-left {
  display: block;
  background-image: url(../img/left-icon-text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn .icon-list-center {
  display: block;
  background-image: url(../img/center-icon-text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-btns .view-switch .view-switch__btn .icon-list-right {
  display: block;
  background-image: url(../img/right-icon-text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  cursor: pointer;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block .question__item-inner .question__bottom-panel .question__bottom-inner {
  justify-content: end;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__item-name-input {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 20px 20px 0 0;
  padding: 20px 20px 10px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__item-name-input input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__video-url {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0px 2px 0 0;
  padding: 0px 20px 10px 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__video-url input {
  width: 100%;
  padding: 15px;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__textarea-description {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 10px 20px;
  background-color: #ffffff;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-video .question__item-inner .panel__block-content-wrapper .panel__textarea-description textarea {
  outline: none;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  resize: none;
  border-radius: 10px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  height: 100px;
  font-family: inherit;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-file .media__uploader-file-box {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-file .panel__item-name-input {
  padding-bottom: 20px;
  border-radius: 20px;
}
.question__content-wrapper .content__wrapper-inner .question__constructor-block .question__constructor-inner .question__item-block.panel__block-file .panel__uploader-file-text {
  padding-bottom: 0 !important;
}
.question__content-wrapper .content__wrapper-inner .questions__logic-zone {
  display: none;
}
.question__content-wrapper .content__wrapper-inner .questions__logic-zone .questions__logic-zone-inner {
  padding: 40px;
  background-color: #f0f4fb;
  border-radius: 0 0 20px 20px;
  margin: 0 auto;
}
.question__content-wrapper .content__wrapper-inner .question__send-button {
  max-width: 660px;
  margin: 0px auto 20px;
}
.question__content-wrapper .content__wrapper-inner .question__send-button button {
  color: #ffffff;
  background: #fa4946;
  border-radius: 10px;
  padding: 15px 24px;
  transition: 0.2s;
}
.question__content-wrapper .content__wrapper-inner .question__send-button button:hover {
  opacity: 70%;
}

.media-modal {
  position: fixed;
  inset: 0;
  background: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  display: none;
  justify-content: center;
}
.media-modal .media-modal__inner {
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  margin: auto;
  position: relative;
  max-width: 435px;
}
.media-modal .media-modal__title {
  padding-bottom: 20px;
}
.media-modal .media-modal__title h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.media-modal .media-modal__drop {
  padding-bottom: 10px;
}
.media-modal .media-modal__drop .media-modal__drop-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px 40px;
  background: #f9fbff;
  border: 1px dashed rgba(200, 211, 240, 0.6);
  border-radius: 10px;
  transition: 0.3s;
}
.media-modal .media-modal__drop .media-modal__drop-inner:hover {
  border-color: #bcc8e7;
}
.media-modal .media-modal__drop .media-modal__drop-inner.drag-active {
  border-color: #bcc8e7;
}
.media-modal .media-modal__icon {
  width: 36px;
  height: 36px;
  background: url("../img/cloud-icon.svg") center/contain no-repeat;
}
.media-modal .media-modal__text {
  text-align: center;
  color: rgba(13, 18, 47, 0.5);
  font-size: 14px;
}
.media-modal .media-modal__text span {
  color: rgb(13, 18, 47);
  cursor: pointer;
}
.media-modal .media-modal__info {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(13, 18, 47, 0.5);
  padding-bottom: 40px;
}
.media-modal .media-modal__files {
  padding-bottom: 40px;
  display: none;
  align-items: center;
  font-size: 14px;
  gap: 20px;
}
.media-modal .media-modal__files .file__media-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.media-modal .media-modal__files .file__media-wrapper .media-modal__file {
  display: flex;
  gap: 3px;
}
.media-modal .media-modal__files .file__media-wrapper .media-modal__file .media-modal__file-size {
  color: #9eaaca;
}
.media-modal .media-modal__files .file__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(200, 211, 240, 0.6);
}
.media-modal .media-modal__files .file__icon-block .file-icon {
  width: 24px;
  height: 24px;
  background: url("../img/big-file-icon.svg") center/contain no-repeat;
  cursor: pointer;
}
.media-modal .media-file__remove {
  width: 24px;
  height: 24px;
  background: url("../img/input-close.svg") center/contain no-repeat;
  cursor: pointer;
}
.media-modal .media-file__remove:hover {
  background-image: url("../img/input-close-hover.svg");
}
.media-modal .media-modal__actions button {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: #fa4946;
  color: #fff;
  border: none;
}
.media-modal .media-modal__actions button:disabled {
  background: #f0f4fb;
  color: rgba(13, 18, 47, 0.5);
}
.media-modal .media-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  background: url("../img/input-close.svg") center/contain no-repeat;
  border: none;
  cursor: pointer;
}

.questionnaire__settings-modal {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.questionnaire__settings-modal .questionnaire__settings-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
  width: 680px;
  overflow: hidden;
}
.questionnaire__settings-modal .questionnaire__settings-inner .modul-close {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.questionnaire__settings-modal .questionnaire__settings-inner .modul-close:hover {
  background-image: url(../img/input-close-hover.svg);
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-input {
  padding-bottom: 20px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-input input {
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px;
  font-family: inherit;
  width: 100%;
  outline: none;
  font-size: 14px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block {
  padding-bottom: 20px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars {
  padding-bottom: 10px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars .calendars__block-wrapper {
  display: flex;
  justify-content: space-between;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars .calendars__block-wrapper .datepicker__input-container {
  max-width: none;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars .calendars__block-wrapper .datepicker__input-container .calendar-datepicker {
  width: auto;
  font-size: 14px;
  padding: 15px 125px 15px 15px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars-warning {
  display: flex;
  align-items: center;
  gap: 10px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars-warning .calendars__warning-icon {
  background-image: url(../img/inform-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars-warning .calendars__warning-text {
  font-size: 14px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__calendars-block .questionnaire__calendars-warning .calendars__warning-text span {
  font-weight: 600;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__language-select {
  padding-bottom: 20px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__language-select .lang-label {
  color: rgba(13, 18, 47, 0.5);
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-textarea {
  padding-bottom: 20px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-textarea textarea {
  border: 1px solid rgba(200, 211, 240, 0.6);
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
  outline: none;
  height: 110px;
  font-family: inherit;
  resize: none;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-cheackbox-block .questionnaire__modal-cheackbox {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  line-height: 140%;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-cheackbox-block .questionnaire__modal-cheackbox.is-warning-active {
  padding-bottom: 10px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-cheackbox-block .questionnaire__modal-warning {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border: 1px solid #fa4946;
  border-radius: 10px;
  margin-bottom: 30px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-cheackbox-block .questionnaire__modal-warning .modal__warning-icon {
  background-image: url(../img/warning-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-cheackbox-block .questionnaire__modal-warning .modal__warning-text {
  font-size: 14px;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns {
  display: flex;
  justify-content: space-between;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns .questionnaire__modal-btn-claer button {
  height: 50px;
  border: 1px solid #c8d3f0;
  font-weight: 500;
  padding: 15px 24px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns .questionnaire__modal-btn-claer button:hover {
  border: 1px solid #fa4946;
  color: #fa4946;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns .questionnaire__modal-btn-apply button {
  height: 50px;
  padding: 15px 24px;
  color: #ffffff;
  background-color: #fa4946;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns .questionnaire__modal-btn-apply button .is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.questionnaire__settings-modal .questionnaire__settings-inner .questionnaire__modal-btns .questionnaire__modal-btn-apply button:hover {
  opacity: 0.7;
}

.questionnaire__modal-colors {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 18, 47, 0.5);
  z-index: 2000;
  cursor: pointer;
  display: none;
  left: 0;
  justify-content: center;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner {
  padding: 40px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  cursor: default;
  align-items: center;
  text-align: left;
  margin: auto;
  width: 680px;
  overflow: hidden;
  /* RESPONSIVE */
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content__color-block .tooltip-container {
  display: inline-block;
  position: relative;
  /* Стилизация тултипа */
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content__color-block .tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content__color-block .tooltip-container .tooltip-icon {
  display: inline-block;
  background-image: url("/img/tooltip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 17px;
  margin-left: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  top: 3px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content__color-block .tooltip-container .tooltip-icon:hover {
  background-image: url("/img/tooltip-2.svg");
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content__color-block .tooltip-container .tooltip-text {
  position: absolute;
  top: -11px;
  left: 120px;
  transform: translateX(-50%);
  width: 170px;
  background-color: rgb(240, 244, 251);
  color: rgb(13, 18, 47);
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
  word-wrap: break-word;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors--left,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors--right {
  flex: 1;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .colors-link--title {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .colors-link--btn a {
  display: block;
  background-color: rgb(250, 73, 70);
  color: #ffffff;
  padding: 15px 24px;
  border-radius: 10px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors--btns {
  border-radius: 10px;
  margin-bottom: 40px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background {
  padding-top: 0px !important;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--header,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--stars,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--logo,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--formtext,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--icons,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--textareacolor,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--loading {
  display: flex;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(200, 211, 240, 0.6);
  padding-bottom: 20px;
  gap: 20px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea--block {
  border-bottom: none;
  align-items: flex-start;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-header--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-logo--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-stars--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-formtext--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-icons--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-textareacolor--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-formtext--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-textarea--title,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading--title {
  display: flex;
  align-items: center;
  width: 300px;
  line-height: 130%;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-btn input {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 6px;
  border: 1px solid rgba(200, 211, 240, 0.4);
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-btn--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-stars--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-logo--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-stars--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-formtext--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-formtext--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-icons--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-textareacolor--block,
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading--btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--loading .tooltip-text {
  top: 27px;
  right: -175px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-btn--meaning {
  font-size: 14px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-header--block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea {
  width: 100%;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea textarea {
  box-sizing: border-box;
  font-family: inherit;
  background-color: #f9fbff;
  resize: none;
  padding: 16px;
  border-radius: 10px;
  width: 100%;
  height: 160px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-form-btn {
  display: flex;
  justify-content: space-between;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-form-btn .color__reset-btn button {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 24px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  border-radius: 10px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-form-btn .color__send-btn button {
  padding: 15px 24px;
  background-color: #fa4946;
  color: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-form-btn .color__send-btn button:hover {
  background-color: #fa4946;
  opacity: 80%;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-loading--box {
  display: flex;
  gap: 10px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading--btn {
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgba(200, 211, 240, 0.6);
  background-color: rgb(255, 255, 255);
  transition: 0.3s;
  border-radius: 10px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading--btn:hover {
  cursor: pointer;
  padding: 12px;
  border: 1px solid rgb(188, 200, 231);
  background-color: rgb(249, 251, 255);
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading-del--box {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading-del--box .color-background-loading-size {
  color: #9eaaca;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .color-background-loading--del {
  cursor: pointer;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner #fileInput {
  display: none;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .telephone-interface-logo {
  height: 150px;
  background-color: #ffffff;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .colors__close-btn {
  background-color: transparent;
  background-image: url(../img/input-close.svg);
  background-position: center;
  width: 15px;
  height: 15px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  transition: 0.2s;
}
.questionnaire__modal-colors .questionnaire__modal-colors-inner .colors__close-btn:hover {
  background-image: url(../img/input-close-hover.svg);
}
@media (max-width: 1200px) {
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors--right,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-panel--right {
    display: none;
  }
}
@media (max-width: 700px) {
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--header,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--stars,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--logo,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--formtext,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--icons,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--textareacolor,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea--block,
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-background--loading {
    display: flex;
    padding: 20px 15px !important;
  }
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea--block {
    flex-direction: column;
  }
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-textarea textarea {
    height: 85px !important;
  }
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .content-color-form-btn button {
    width: 100%;
  }
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .pcr-app[data-theme=monolith] {
    max-width: 320px !important;
  }
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .questionnaire__content-colors--btns {
    margin-bottom: 25px;
  }
}
@media (max-width: 400px) {
  .questionnaire__modal-colors .questionnaire__modal-colors-inner .multiple-answer-title input:checked + .slider__set:before {
    background-color: #ffffff;
    left: -5px;
  }
}

/* PICKR */
.pickr {
  border: 1px solid rgba(200, 211, 240, 0.6) !important;
  padding: 6px;
  border-radius: 50% !important;
}
.pickr .pcr-button {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
}
.pickr .pcr-button::before, .pickr .pcr-button::after {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
}

.pcr-app[data-theme=monolith] {
  box-sizing: border-box !important;
  width: auto !important;
  padding: 16px !important;
  border-radius: 20px !important;
  max-width: 330px !important;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
  width: 300px !important;
  max-width: 100% !important;
  height: 300px !important;
  border-radius: 12px !important;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before {
  border-radius: 12px !important;
}
.pcr-app[data-theme=monolith] .pcr-interaction .pcr-result {
  color: #0d122f !important;
  border: 1px solid rgba(200, 211, 240, 0.6) !important;
  padding: 15px !important;
  border-radius: 10px !important;
  background: #f9fbff !important;
  width: auto;
}
.pcr-app[data-theme=monolith] .pcr-interaction input {
  letter-spacing: inherit !important;
  font-size: 14px !important;
  text-align: center;
  cursor: pointer;
  color: #0d122f !important;
  background: #ffffff !important;
  border: 1px solid rgba(200, 211, 240, 0.6) !important;
  border-radius: 10px !important;
  transition: all 0.15s;
  padding: 15px !important;
  margin-top: 0px !important;
}
.pcr-app[data-theme=monolith] .pcr-interaction input:focus {
  box-shadow: none !important;
}
.pcr-app[data-theme=monolith] .pcr-interaction .pcr-type.active {
  color: #fff;
  background: #f9fbff !important;
  border: 1px solid rgba(89, 103, 142, 0.6) !important;
}
.pcr-app[data-theme=monolith] .pcr-swatches {
  margin-top: 16px !important;
}

/*# sourceMappingURL=forms.css.map */