@charset "UTF-8";
/* === imports === */
@media (max-width: 767.98px) {
  .vdPopupBox {
    display: flex;
    position: fixed;
    z-index: 1300;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}

.vdPopupBox--bottomToTop {
  align-items: flex-end;
  padding-top: 60px;
}

.vdPopupBox--topToBottom {
  align-items: flex-start;
  padding-bottom: 60px;
}

.vdPopupBox--leftToRight {
  justify-content: flex-start;
}

.vdPopupBox--rightToLeft .vdPopup {
  position: fixed;
  padding: 0;
}
.vdPopupBox--rightToLeft .vdPopup > div:first-of-type {
  padding: 20px;
}

.vdPopupTitle {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.vdPopup {
  width: 90%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  z-index: 102;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .vdPopup {
    width: 600px;
  }
}

.closeSmartBtn {
  display: flex;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.closeSmartBtn svg {
  width: 70%;
  height: 70%;
  fill: var(--white);
}
@media (max-width: 767.98px) {
  .closeSmartBtn {
    width: 40px;
    height: 40px;
  }
}

.vdPopup--bottomToTop {
  bottom: 0;
  transform: translate3d(0px, 100%, 0px);
  width: 100%;
  border-radius: 30px 30px 0 0;
  max-height: calc(100% - 70px);
}

.vdPopup--topToBottom {
  top: 0;
  transform: translate3d(0px, -100%, 0px);
  width: 100%;
  border-radius: 0 0 30px 30px;
  max-height: calc(100% - 70px);
}

.vdPopup--leftToRight {
  top: 0;
  right: auto;
  height: 100%;
  width: 100%;
  transform: translate3d(-100%, 0px, 0px);
  border-radius: 0;
}
@media (min-width: 768px) {
  .vdPopup--leftToRight {
    width: 70%;
    border-radius: 0 30px 30px 0;
  }
}
@media (min-width: 992px) {
  .vdPopup--leftToRight {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .vdPopup--leftToRight {
    width: 40%;
  }
}

.vdPopup--rightToLeft {
  top: 0;
  left: auto;
  height: 100%;
  width: 100%;
  transform: translate3d(100%, 0px, 0px);
  border-radius: 0;
}
@media (min-width: 768px) {
  .vdPopup--rightToLeft {
    width: 80%;
    border-radius: 30px 0 0 30px;
  }
}
.vdPopup--rightToLeft .closeSmartBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  right: 100%;
  top: 30px;
  background: var(--redPrimary);
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  height: 50px;
  padding: 0 20px;
}
.vdPopup--rightToLeft .closeSmartBtn svg {
  width: 20px;
  height: 20px;
  fill: var(--white);
}
.vdPopup--rightToLeft .closeSmartBtn:hover {
  background-size: 20px;
  background-position: left center;
}

.vdPopupBackground {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 101;
}

.successTitle {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

.popupThumb {
  position: absolute;
  opacity: 0.3 !important;
  border-radius: 1.5px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .popupThumb {
    display: none;
  }
}

.popupThumb--bottomToTop {
  bottom: 100%;
  right: 0;
  left: 0;
  margin: auto auto 8px;
  width: 40px;
  height: 3px;
}

.popupThumb--topToBottom {
  bottom: 100%;
  right: 0;
  left: 0;
  margin: 8px auto auto;
  width: 40px;
  height: 3px;
}

.popup-loader {
  width: 100px;
  background-image: url("/local/templates/vecdev/images/icons/loader.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
  padding-top: 120px;
  margin: auto;
  text-align: center;
  line-height: 1;
  font-size: 1.6rem;
}

.popup__closeConfirm {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 106;
}
.popup__closeConfirm .popup__closeConfirm-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 106;
}

.popup__closeConfirm-content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 500px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  z-index: 107;
  border-radius: 8px;
}

.popup__closeConfirm-title {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
}

.popup__btn {
  width: calc(33% - 10px);
}

.cbForm {
  display: grid;
}
.cbForm__title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.cbForm .cbBtn {
  justify-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.vd__popup__confirm-content {
  text-align: center;
}
.vd__popup__confirm-content__title {
  font-size: 2.2rem;
  margin-bottom: 10px;
}
.vd__popup__confirm-content__description {
  font-size: 1.5rem;
}
.vd__popup__confirm-content__footer {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

.notifier-container {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 2000;
}

.notification {
  position: relative;
  background-color: var(--greenAccent);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
  transition: bottom 0.5s, opacity 0.5s;
  display: none;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 2rem;
}

.notification.show {
  display: block;
}

.notification-timer {
  background-color: #fff;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 5s linear;
}

.ui__btn {
  display: block;
  outline: none;
  border: none;
  font-size: 1.5rem;
  transition: all 0.2s ease;
  cursor: pointer;
  border-radius: 6px;
  white-space: nowrap;
  padding: 0.8em 1em;
  line-height: 1;
  font-weight: 500;
}
.ui__btn--primary.ui__btn--fill {
  color: var(--ui-btn-primary-contrast);
  background-size: 200% auto;
  background-color: var(--ui-btn-primary);
  transition: 0.5s;
  border-radius: 12px;
  padding: 0.9em 1.5em;
}
.ui__btn--primary.ui__btn--fill:hover {
  color: var(--ui-btn-primary-contrast);
  background-color: var(--ui-btn-primary-hover);
  background-position: right center;
}
.ui__btn--primary.ui__btn--outline {
  background-color: transparent;
  color: var(--ui-btn-primary);
  border: 1px solid var(--ui-btn-primary);
}
.ui__btn--primary.ui__btn--outline:hover {
  color: var(--ui-btn-primary-contrast);
  background-color: var(--ui-btn-primary-hover);
  background-position: right center;
}
.ui__btn--red {
  color: var(--white);
  background-size: 200% auto;
  background-color: var(--red-500);
  transition: 0.5s;
  border-radius: 12px;
  padding: 0.9em 1.5em;
}
.ui__btn--red:hover {
  color: var(--white);
  background-color: var(--red-400);
  background-position: right center;
}
.ui__btn--gray {
  color: var(--white);
  background-size: 200% auto;
  background-color: var(--gray-400);
  transition: 0.5s;
  border-radius: 12px;
  padding: 0.9em 1.5em;
}
.ui__btn--gray:hover {
  color: var(--white);
  background-color: var(--gray-600);
  background-position: right center;
}
.ui__btn--secondary.ui__btn--fill {
  background-color: var(--ui-btn-secondary);
  color: var(--ui-btn-secondary-contrast);
  border: 1px solid var(--ui-btn-secondary);
}
.ui__btn--secondary.ui__btn--fill:hover {
  color: var(--ui-btn-secondary-contrast);
  background-color: var(--ui-btn-secondary-hover);
  background-position: right center;
}
.ui__btn--secondary.ui__btn--outline {
  background-color: transparent;
  color: var(--ui-btn-secondary);
  border: 1px solid var(--ui-btn-secondary);
}
.ui__btn--secondary.ui__btn--outline:hover {
  color: var(--ui-btn-secondary-contrast);
  background-color: var(--ui-btn-secondary-hover);
  border-color: var(--ui-btn-secondary-hover);
  background-position: right center;
}
.ui__btn--link {
  color: var(--ui-btn-secondary);
  text-decoration: none;
}
.ui__btn--link:hover {
  color: var(--ui-btn-secondary-hover);
}
.ui__btn--warning.ui__btn--fill {
  background-color: var(--colorWarningPrimary);
  color: var(--textLight);
  border: 1px solid var(--colorWarningPrimary);
}
.ui__btn--warning.ui__btn--outline {
  background-color: transparent;
  color: var(--colorWarningPrimary);
  border: 1px solid var(--colorWarningPrimary);
}
.ui__btn--cancelling {
  color: var(--gray700);
}

.ui__toggle-btn {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
  position: relative;
}
.ui__tb-main {
  display: inline-flex;
  align-items: center;
  padding: 12px 20px;
  border-radius: 12px 0 0 12px;
  background-color: transparent;
  outline: none;
  transition: background-color 0.2s;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.ui__tb-main:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ui__tb-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  background-color: transparent;
  outline: none;
  transition: background-color 0.2s;
  white-space: nowrap;
  height: 100%;
  align-self: stretch;
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 0 12px 12px 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.ui__tb-caret:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ui__tb-caret svg {
  width: 1em;
  height: 1em;
  fill: var(--white);
}
.ui__tb-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  border-radius: 4px;
  margin-top: 4px;
  z-index: 10;
  max-height: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: var(--boxShadowPrimary);
}
.ui__tb-list.toggled {
  max-height: 300px;
}
.ui__tb-list a, .ui__tb-list span {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: var(--textPrimary);
  white-space: nowrap;
  cursor: pointer;
}
.ui__tb-list a:after, .ui__tb-list span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  width: 90%;
  margin: 0 auto;
}
.ui__tb-list a:last-child:after, .ui__tb-list span:last-child:after {
  background: transparent;
}
.ui__tb-list a:hover, .ui__tb-list span:hover {
  color: var(--textPrimary);
  background: var(--gray200);
}

.ui-context-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.ui-context-btn__hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
.ui-context-btn__hamburger:hover {
  background: transparent;
}
.ui-context-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.ui-context-btn__menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 6px;
  background: var(--white);
  border-radius: 4px;
  z-index: 10;
  overflow: visible;
  box-shadow: 3px 11px 15px -3px rgba(0, 0, 0, 0.16), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --ui-context-arrow-size: 10px;
  --ui-context-arrow-offset: 12px;
}
.ui-context-btn__menu.toggled {
  border: 1px solid var(--gray-100);
}
.ui-context-btn__menu-inner {
  max-height: 0;
  transition: max-height 0.15s ease;
  overflow: hidden;
  border-radius: 4px;
  background: var(--white);
}
.ui-context-btn__menu.toggled .ui-context-btn__menu-inner {
  max-height: 300px;
  transition-duration: 0.3s;
}
.ui-context-btn__arrow {
  position: absolute;
  width: var(--ui-context-arrow-size);
  height: var(--ui-context-arrow-size);
  background: var(--white);
  box-shadow: 3px 11px 15px -3px rgba(0, 0, 0, 0.16), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  border: 1px solid var(--gray-100);
}
.ui-context-btn__menu.toggled .ui-context-btn__arrow {
  opacity: 1;
}
.ui-context-btn__menu--bottom {
  left: 0;
  top: 100%;
  margin-top: 6px;
}
.ui-context-btn__menu--bottom .ui-context-btn__arrow {
  top: calc(var(--ui-context-arrow-size) / -2);
  left: var(--ui-context-arrow-offset);
}
.ui-context-btn__menu--top {
  left: 0;
  bottom: 100%;
  margin-bottom: 6px;
  margin-top: 0;
}
.ui-context-btn__menu--top .ui-context-btn__arrow {
  bottom: calc(var(--ui-context-arrow-size) / -2);
  left: var(--ui-context-arrow-offset);
}
.ui-context-btn__menu--right {
  left: 100%;
  top: 0;
  margin-left: 6px;
  margin-top: 0;
}
.ui-context-btn__menu--right .ui-context-btn__arrow {
  left: calc(var(--ui-context-arrow-size) / -2);
  top: var(--ui-context-arrow-offset);
}
.ui-context-btn__menu--left {
  right: 100%;
  top: 0;
  margin-right: 6px;
  left: auto;
  margin-top: 0;
}
.ui-context-btn__menu--left .ui-context-btn__arrow {
  right: calc(var(--ui-context-arrow-size) / -2);
  top: var(--ui-context-arrow-offset);
}
.ui-context-btn__item {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: var(--text-primary);
  white-space: nowrap;
  cursor: pointer;
}
.ui-context-btn__item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  width: 90%;
  margin: 0 auto;
}
.ui-context-btn__item:last-child:after {
  background: transparent;
}
.ui-context-btn__item:hover {
  color: var(--text-primary);
  background: var(--gray-200);
}

.ui__input {
  display: block;
  font-size: 1.4rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  font-family: inherit;
}
.ui__input_default {
  border: 1px solid var(--borderPrimary);
  border-radius: 6px;
  padding: 12px 12px 12px 16px;
  background: #fff;
  font-size: 1.6rem;
}
.ui__input_default::placeholder {
  color: var(--placeholderPrimary);
}
.ui__input_default:not([readonly]):focus {
  border: 1px solid var(--blue-500);
}
.ui__input_line {
  border: none;
  border-bottom: 1px solid var(--borderPrimary);
  padding: 4px 6px;
  font-size: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.614' viewBox='0 0 20 20.614'%3E%3Cpath d='M21.082,13.456a7.913,7.913,0,1,0-1.076.979l5.96,5.96a.716.716,0,0,0,.508.218.7.7,0,0,0,.508-.218.737.737,0,0,0,0-1.028ZM8.641,8.016a6.565,6.565,0,1,1,6.565,6.565A6.571,6.571,0,0,1,8.641,8.016Z' transform='translate(-7.19)' fill='%23838a9d'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 4px bottom 5px;
}
.ui__input_line::placeholder {
  color: var(--placeholderPrimary);
}
.ui__input_line:focus {
  border-bottom: 1px solid var(--blue-500);
}
.ui__input_edited {
  font-size: 1.4rem !important;
  border: 1px solid var(--gray200) !important;
  padding: 0.3em 0.8em;
}
.ui__input:disabled {
  color: var(--gray500) !important;
  background: var(--gray200) !important;
  cursor: default;
}
.ui__input:read-only {
  background: var(--gray0);
  cursor: default;
}
.ui__flex-input {
  position: relative;
  margin-bottom: 10px;
}
.ui__flex-input label {
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 1.6rem;
  color: var(--gray600);
  transform: translateY(0);
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  pointer-events: none;
  user-select: none;
}
.ui__flex-input input {
  height: auto;
  width: 100%;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  border-radius: 6px;
  border: 1px solid var(--borderPrimary);
  padding: 20px 20px 8px 20px;
  background: #fff;
  font-size: 1.6rem;
}
.ui__flex-input input:focus + label, .ui__flex-input input:not(:placeholder-shown) + label {
  transform: translateY(-13px);
  font-size: 1.2rem;
}
.ui__flex-textarea {
  position: relative;
  border-radius: 6px;
  border: 1px solid var(--borderPrimary);
  background: #fff;
  padding: 20px 20px 8px 20px;
}
.ui__flex-textarea label {
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 1.6rem;
  color: var(--gray600);
  transform: translateY(0);
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  pointer-events: none;
  user-select: none;
}
.ui__flex-textarea textarea {
  height: auto;
  resize: none;
  width: 100%;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  border: none;
  font-size: 1.6rem;
  line-height: 1;
  max-height: 90px;
  height: 1em;
}
.ui__flex-textarea textarea:focus + label, .ui__flex-textarea textarea:not(:placeholder-shown) + label {
  transform: translateY(-20px);
  font-size: 1.2rem;
}

.ui__checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 1.4rem;
  margin-bottom: 8px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ui__checkbox input:checked ~ .ui__checkbox-mark {
  background-color: var(--blue-500);
  border: 1px solid var(--blue-500);
}
.ui__checkbox input:checked ~ .ui__checkbox-mark:after {
  display: block;
}
.ui__checkbox-mark {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid var(--gray-600);
  border-radius: 3px;
  pointer-events: none;
}
.ui__checkbox-mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui__checkbox-name {
  display: inline-block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1;
}
.ui__checkline {
  display: block;
  position: relative;
  padding: 4px 15px;
  cursor: pointer;
  margin-bottom: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui__checkline input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ui__checkline input:checked ~ .ui__checkline-mark {
  background: var(--blue-500);
}
.ui__checkline input:checked ~ .ui__checkline-mark:after {
  display: block;
}
.ui__checkline input:checked ~ .ui__checkline-name {
  color: #fff;
}
.ui__checkline .ui__checkline-name {
  position: relative;
  z-index: 1;
  color: #000;
  font-size: 1.4rem;
  line-height: 2;
}
.ui__checkline .ui__checkline-mark {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--gray-100);
  border-radius: 1px;
  z-index: 0;
  transition: all 0.2s ease;
}
.ui__checkline .ui__checkline-mark:hover {
  background-color: #ECF8FF;
}
.ui__checkline .ui__checkline-mark:after {
  content: "";
  position: absolute;
  display: none;
  right: 15px;
  top: 8px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-select__group {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.ui-select__label {
  width: 100%;
  z-index: 1;
  font-size: 1.4rem;
  color: var(--gray500);
  margin-bottom: 3px;
}
.ui-select__label label {
  display: inline-block;
  color: var(--labelPrimary);
  font-size: 1.5rem;
  white-space: nowrap;
  margin-bottom: 3px;
}
.ui-select__btn {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  padding: 6px 12px;
  background: var(--bg-surface);
  border: 1px solid var(--gray-300);
  font-size: 1.6rem;
}
.ui-select__btn.show {
  border: 1px solid var(--blue-500);
}
.ui-select__btn::placeholder {
  color: var(--placeholderPrimary);
}
.ui-select__btn:hover .ui__search-btn__clear {
  opacity: 0.8;
}
.ui-select__btn__text {
  display: none;
  font-size: 1.6rem;
  background: var(--tagsBackground);
  color: var(--textPrimary);
  border-radius: 6px;
  padding: 5px 6px;
}
.ui-select__btn__tags {
  display: none;
  gap: 4px;
  flex-wrap: wrap;
}
.ui-select__btn__clear {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 30px;
  background-image: url("../../images/icons/close_gray_circle.svg");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.ui-select__btn select {
  display: none;
}
.ui-select__tag {
  display: flex;
  align-items: center;
  background: var(--blue-100);
  color: var(--text-primary);
  border-radius: 6px;
  padding: 5px 6px;
  line-height: 1;
  white-space: nowrap;
  font-size: 1.6rem;
}
.ui-select__tag .remove-tag {
  display: inline-block;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z' fill='%23585858'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  cursor: pointer;
}
.ui-select__btn-add {
  margin-left: 15px;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--blue-500);
  font-weight: 500;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding: 0;
}
.ui-select__btn-add:hover {
  border-bottom: 1px solid var(--blue-500);
  background: transparent;
}
.ui-select__btn-add:not(.ui-select__btn-add_change):after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 12H16V2C16 0.896 15.104 0 14 0C12.896 0 12 0.896 12 2V12H2C0.896 12 0 12.896 0 14C0 15.104 0.896 16 2 16H12V26C12 27.104 12.896 28 14 28C15.104 28 16 27.104 16 26V16H26C27.104 16 28 15.104 28 14C28 12.896 27.104 12 26 12Z' fill='%23506AF5'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 10px;
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 10px;
}
.ui-select__btn-add.notEmpty {
  position: absolute;
  right: 6px;
  top: -25px;
  background: var(--backgroundSecondary);
  padding: 0 4px;
  z-index: 9;
}
.ui-select__popup {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: #fff;
  box-shadow: var(--shadow-1);
  border-radius: 6px;
  padding: 10px;
  min-width: 100px;
  max-width: 350px;
  border: 1px solid var(--gray300);
  z-index: 10000;
}
.ui-select__popup.show {
  display: flex;
  flex-direction: column;
}
.ui-select__list-container {
  flex-direction: column;
  max-height: 200px;
  margin: 10px 0;
  border-top: 1px solid var(--gray200);
  border-bottom: 1px solid var(--gray200);
  overflow-y: auto;
  padding-right: 6px;
  display: none;
}
.ui-select__list-container.show {
  display: flex;
}
.ui-select__list-container::-webkit-scrollbar {
  width: 4px;
}
.ui-select__list-container:hover::-webkit-scrollbar {
  width: 4px;
}
.ui-select__list-container:hover::-webkit-scrollbar-thumb {
  background-color: var(--bluePrimary);
  border-radius: 3px;
}
.ui-select__list-container:hover::-webkit-scrollbar-track {
  background: var(--gray200);
}
.ui-select__list-container span {
  padding: 3px 30px 3px 3px;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}
.ui-select__list-container span:hover {
  background-color: var(--gray-100) !important;
}
.ui-select__list-container span.selected {
  background-color: var(--gray-200) !important;
}
.ui-select__list-container span.checked {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M173.898 439.404L7.49824 273.004C-2.49876 263.007 -2.49876 246.798 7.49824 236.8L43.7012 200.596C53.6982 190.598 69.9082 190.598 79.9052 200.596L192 312.69L432.095 72.5959C442.092 62.5989 458.302 62.5989 468.299 72.5959L504.502 108.8C514.499 118.797 514.499 135.006 504.502 145.004L210.102 439.405C200.104 449.402 183.895 449.402 173.898 439.404Z' fill='%2300B913'/%3E%3C/svg%3E%0A");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 14px;
}
.ui-select__list-container span[data-entity-disabled=true] {
  color: var(--gray400);
}
.ui-select__list-container span[data-entity-disabled=true]:hover {
  background-color: transparent !important;
  cursor: default;
}
.ui-select__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.ui-select__captions {
  position: absolute;
  top: 0;
  right: 100%;
}
.ui-select__captions:hover .ui__search-list__captions__text {
  transition-delay: 0.6s;
  max-width: 120px;
  padding-right: 10px;
}
.ui-select__captions:not(:hover) .ui__search-list__captions__text {
  transition-delay: 0.1s;
}
.ui-select__captions__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px;
  cursor: pointer;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  background: var(--gray200);
}
.ui-select__captions__item.show {
  background: var(--colorSecondLight2) !important;
}
.ui-select__captions__item.show .ui__search-list__captions__icon svg path {
  fill: var(--textLight);
}
.ui-select__captions__item.show .ui__search-list__captions__icon svg path.dark {
  fill: var(--gray400);
}
.ui-select__captions__item.show .ui__search-list__captions__text {
  color: var(--textLight);
}
.ui-select__captions__item:hover {
  background: var(--colorSecondLight3);
}
.ui-select__captions__item:hover .ui__search-list__captions__icon svg path {
  fill: var(--textLight);
}
.ui-select__captions__item:hover .ui__search-list__captions__icon svg path.dark {
  fill: var(--gray400);
}
.ui-select__captions__item:hover .ui__search-list__captions__text {
  color: var(--textLight);
}
.ui-select__captions__icon {
  width: 37px;
  height: 38px;
  display: flex;
  align-items: center;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}
.ui-select__captions__icon svg {
  height: auto;
  width: 50%;
  margin-left: 13px;
}
.ui-select__captions__icon svg path {
  fill: var(--gray400);
}
.ui-select__captions__icon svg path.dark {
  fill: var(--gray300);
}
.ui-select__captions__text {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: max-width 0.6s, padding-right 0.2s;
  font-weight: 500;
  color: var(--gray500);
  text-transform: uppercase;
  font-size: 1.2rem;
}
.ui-select__btn-append {
  display: flex;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
}
.ui-select__btn-append svg {
  width: 25px;
  height: 25px;
  fill: var(--blue-500);
}
.ui-select__btn-append span {
  white-space: nowrap;
  color: var(--blue-500);
}
.ui-select__append-input {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
.ui-select__append-input input {
  height: 34px;
}
.ui-select__append-input button {
  height: 34px;
  width: 30px;
  padding: 5px;
}
.ui-select__btn-append-confirm svg {
  width: 100%;
  height: 100%;
  fill: var(--green-500);
}
.ui-select__btn-append-cancel svg {
  width: 100%;
  height: 100%;
  fill: var(--red-500);
}

.ui-tree-list {
  margin-top: 15px;
}
.ui-tree-list__list,
.ui-tree-list .admin__tree-list {
  width: 100%;
  max-width: 300px;
  max-height: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border-radius: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--gray400) transparent;
}
.ui-tree-list__list::-webkit-scrollbar,
.ui-tree-list .admin__tree-list::-webkit-scrollbar {
  width: 6px;
}
.ui-tree-list__list::-webkit-scrollbar-thumb,
.ui-tree-list .admin__tree-list::-webkit-scrollbar-thumb {
  background-color: var(--gray400);
  border-radius: 999px;
}
.ui-tree-list__list::-webkit-scrollbar-track,
.ui-tree-list .admin__tree-list::-webkit-scrollbar-track {
  background: transparent;
}
.ui-tree-list__message {
  width: 100%;
  height: auto;
  min-height: 0;
  fill: var(--red-500);
}
.ui-tree-list__message:empty {
  display: none;
}
.ui-tree-list__label {
  display: inline-block;
  color: var(--labelPrimary);
  font-size: 1.5rem;
  white-space: nowrap;
  margin-bottom: 3px;
}
.ui-tree-list__item {
  padding: 6px 30px 6px 10px;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  font-size: 1.4rem;
}
.ui-tree-list__item:hover {
  background-color: var(--blue-100);
}
.ui-tree-list__item.is-selected {
  background-color: var(--gray-200) !important;
}
.ui-tree-list__item.is-checked {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M173.898 439.404L7.49824 273.004C-2.49876 263.007 -2.49876 246.798 7.49824 236.8L43.7012 200.596C53.6982 190.598 69.9082 190.598 79.9052 200.596L192 312.69L432.095 72.5959C442.092 62.5989 458.302 62.5989 468.299 72.5959L504.502 108.8C514.499 118.797 514.499 135.006 504.502 145.004L210.102 439.405C200.104 449.402 183.895 449.402 173.898 439.404Z' fill='%2300B913'/%3E%3C/svg%3E%0A");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 14px;
  background-color: var(--blue-200);
}
.ui-tree-list__item[data-entity-disabled=true] {
  color: var(--gray400);
}
.ui-tree-list__item[data-entity-disabled=true]:hover {
  background-color: transparent !important;
  cursor: default;
}

.ui__text-editor {
  position: relative;
  display: block;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  font-family: inherit;
  font-size: 1.6rem;
  padding-right: 10px;
  height: 100%;
  overflow-y: auto;
}
.ui__text-editor:focus-visible {
  outline: none;
}
.ui__text-editor::-webkit-scrollbar {
  width: 4px;
}
.ui__text-editor:hover::-webkit-scrollbar {
  width: 4px;
}
.ui__text-editor:hover::-webkit-scrollbar-thumb {
  background-color: var(--bluePrimary);
  border-radius: 3px;
}
.ui__text-editor:hover::-webkit-scrollbar-track {
  background: var(--gray200);
}
.ui__text-editor__overflow {
  padding: 12px 12px 12px 16px;
  border: 1px solid var(--borderPrimary);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.ui__text-editor__overflow:focus {
  border: 1px solid var(--blue-500);
}
.ui__text-editor__block {
  font-size: 1.6rem;
  margin-bottom: 10px;
  outline: none;
  line-height: 1.3;
  color: var(--textPrimary);
}
.ui__text-editor__block:focus-visible {
  outline: none;
}
.ui__text-toolbar {
  display: none;
  flex-wrap: nowrap;
  background: var(--backgroundSecondary);
  box-shadow: var(--boxShadowAccent);
  border-radius: 4px;
  position: absolute;
  padding: 5px 7px;
  z-index: 2;
  opacity: 0;
}
.ui__text-toolbar__block {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.ui__text-toolbar__block:not(:last-child) {
  padding-right: 3px;
  margin-right: 3px;
}
.ui__text-toolbar__block:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 60%;
  margin: auto 0;
  background: var(--gray200);
}
.ui__text-toolbar__button {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.1s ease;
}
.ui__text-toolbar__button:hover {
  background-color: var(--gray200);
}
.ui__text-toolbar__button_h2 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17V7H5V11H9V7H11V17H9V13H5V17H3ZM13 17V13C13 12.45 13.1958 11.9792 13.5875 11.5875C13.9792 11.1958 14.45 11 15 11H19V9H13V7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V11C21 11.55 20.8042 12.0208 20.4125 12.4125C20.0208 12.8042 19.55 13 19 13H15V15H21V17H13Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}
.ui__text-toolbar__button_h3 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17V7H5V11H9V7H11V17H9V13H5V17H3ZM13 17V15H19V13H15V11H19V9H13V7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H13Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}
.ui__text-toolbar__button_bold {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.79999 19V5H12.325C13.4083 5 14.4083 5.33333 15.325 6C16.2417 6.66667 16.7 7.59167 16.7 8.775C16.7 9.625 16.5083 10.2792 16.125 10.7375C15.7417 11.1958 15.3833 11.525 15.05 11.725C15.4667 11.9083 15.9292 12.25 16.4375 12.75C16.9458 13.25 17.2 14 17.2 15C17.2 16.4833 16.6583 17.5208 15.575 18.1125C14.4917 18.7042 13.475 19 12.525 19H6.79999ZM9.82499 16.2H12.425C13.225 16.2 13.7125 15.9958 13.8875 15.5875C14.0625 15.1792 14.15 14.8833 14.15 14.7C14.15 14.5167 14.0625 14.2208 13.8875 13.8125C13.7125 13.4042 13.2 13.2 12.35 13.2H9.82499V16.2ZM9.82499 10.5H12.15C12.7 10.5 13.1 10.3583 13.35 10.075C13.6 9.79167 13.725 9.475 13.725 9.125C13.725 8.725 13.5833 8.4 13.3 8.15C13.0167 7.9 12.65 7.775 12.2 7.775H9.82499V10.5Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}
.ui__text-toolbar__button_ul {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 19V17H21V19H9ZM9 13V11H21V13H9ZM9 7V5H21V7H9ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}
.ui__text-toolbar__button_ol {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 22V20.5H5.5V19.75H4V18.25H5.5V17.5H3V16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3ZM3 15V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3V9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H7V15H3ZM4.5 8V3.5H3V2H6V8H4.5ZM9 19V17H21V19H9ZM9 13V11H21V13H9ZM9 7V5H21V7H9Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}
.ui__text-toolbar__button_short {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 19V17H12V19H2ZM2 14V12H7V14H2ZM2 9V7H7V9H2ZM20.6 19L16.75 15.15C16.35 15.4333 15.9125 15.6458 15.4375 15.7875C14.9625 15.9292 14.4833 16 14 16C12.6167 16 11.4375 15.5125 10.4625 14.5375C9.4875 13.5625 9 12.3833 9 11C9 9.61667 9.4875 8.4375 10.4625 7.4625C11.4375 6.4875 12.6167 6 14 6C15.3833 6 16.5625 6.4875 17.5375 7.4625C18.5125 8.4375 19 9.61667 19 11C19 11.4833 18.9292 11.9625 18.7875 12.4375C18.6458 12.9125 18.4333 13.35 18.15 13.75L22 17.6L20.6 19ZM14 14C14.8333 14 15.5417 13.7083 16.125 13.125C16.7083 12.5417 17 11.8333 17 11C17 10.1667 16.7083 9.45833 16.125 8.875C15.5417 8.29167 14.8333 8 14 8C13.1667 8 12.4583 8.29167 11.875 8.875C11.2917 9.45833 11 10.1667 11 11C11 11.8333 11.2917 12.5417 11.875 13.125C12.4583 13.7083 13.1667 14 14 14Z' fill='%23727C94'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
}

.ui__dots-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 2;
}
.ui__dots-btn__toggle-menu {
  position: absolute;
  right: 4px;
  top: 100%;
  background: #fff;
  min-width: 100px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.5rem;
  font-weight: 500;
  padding: 8px 0;
  width: max-content;
  z-index: 3;
}
.ui__dots-btn__toggle-menu span {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px 10px;
  line-height: 1;
  color: var(--gray700);
}
.ui__dots-btn__toggle-menu span i {
  font-size: 1.2rem;
  margin-right: 5px;
}
.ui__dots-btn__toggle-menu span:hover {
  color: var(--redAccent);
  background: var(--gray200);
}
.ui__dots-btn__toggle-menu {
  /*&:after{
    content: '';
    position: absolute;
    top: -7px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-radius: 2px;
  }*/
}
.ui__dots-btn_default, .ui__dots-btn_black {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L12 5.01M12 12L12 12.01M12 19L12 19.01M12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13ZM12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20Z' stroke='%234A5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 40%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ui__dots-btn_white {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
}
.ui__dots-btn_white:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L12 5.01M12 12L12 12.01M12 19L12 19.01M12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13ZM12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20Z' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 40%;
  background-position: top 10px right 10px;
  background-repeat: no-repeat;
}
.ui__dots-menu {
  position: absolute;
  top: 0;
  right: -8px;
  z-index: 10;
}
.ui__dots-menu__button {
  border: none;
  background: transparent;
  outline: none;
}
.ui__dots-menu_black .dots-menu__button {
  width: 25px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L12 5.01M12 12L12 12.01M12 19L12 19.01M12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13ZM12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20Z' stroke='%234A5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ui__dots-menu_white .dots-menu__button {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
}
.ui__dots-menu_white .dots-menu__button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L12 5.01M12 12L12 12.01M12 19L12 19.01M12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13ZM12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20Z' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 40%;
  background-position: top 10px right 10px;
  background-repeat: no-repeat;
}
.ui__dots-menu__toggle-menu {
  position: absolute;
  right: 4px;
  top: 100%;
  background: #fff;
  min-width: 100px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 0;
}
.ui__dots-menu__toggle-menu__item {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px 10px;
  line-height: 1;
  color: var(--gray700);
  font-size: 1.5rem;
  font-weight: 500;
}
.ui__dots-menu__toggle-menu__item i {
  font-size: 1.2rem;
  margin-right: 5px;
}
.ui__dots-menu__toggle-menu__item:hover {
  color: var(--redAccent);
  background: var(--gray200);
}
.ui__dots-menu__toggle-menu:after {
  content: "";
  position: absolute;
  top: -7px;
  right: 5px !important;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-radius: 2px;
}

.ui__select {
  font-family: inherit;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  background: url("/images/icons/arrow_gray.svg") no-repeat right 2rem center/12px 12px;
  -webkit-appearance: none;
  outline: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: 1px solid var(--borderPrimary);
  border-radius: 6px;
  padding: 12px 12px 12px 16px;
  background: #fff;
  font-size: 1.6rem;
}
.ui__select_default {
  color: var(--textPrimary);
  border: 1px solid var(--gray300);
  background-color: #fff;
}
.ui__select_default::placeholder {
  color: var(--gray600);
}
.ui__select-toggle {
  position: relative;
}
.ui__select-toggle button {
  position: relative;
  padding: 10px 30px 10px 20px;
  background: var(--white);
  border: none;
  outline: none;
  border-radius: 8px;
  cursor: pointer;
}
.ui__select-toggle button:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid var(--gray600);
  border-radius: 2px;
}
.ui__select-toggle__list {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  max-width: 400px;
  z-index: 10;
  margin-top: 2px;
  background: #fff;
  padding: 15px 0;
  box-shadow: var(--boxShadowPrimary);
  border-radius: 6px;
}
.ui__select-toggle__list span {
  cursor: pointer;
  padding: 3px 15px;
  white-space: nowrap;
}
.ui__select-toggle__list span:hover {
  background: var(--gray0);
}
.ui__select-toggle.toggled .ui__select-toggle__list {
  display: flex;
}

.ui-file__dropzone {
  position: relative;
  border: 3px dashed var(--gray-200);
  background: #f6f8ff;
  width: 100%;
  min-height: 40px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 8px;
  margin-bottom: 20px;
}
.ui-file__dropzone.dragover {
  background-color: #f5f5f5;
}
.ui-file__dropzone--highlight {
  border-color: #4a90e2;
  background-color: rgba(74, 144, 226, 0.05);
}
.ui-file__dropzone-label {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  color: var(--gray-400);
}
.ui-file__dropzone-label span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
.ui-file__input {
  display: none;
  pointer-events: none;
}
.ui-file__uploadList {
  display: block;
  max-height: 500px;
  overflow-y: auto;
}
.ui-file__file-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  padding: 20px 10px 10px 10px;
  border: 4px solid var(--gray-200);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.ui-file__file-block-info {
  display: block;
  font-size: 1.2rem;
  color: var(--gray-600);
  text-align: left;
}
.ui-file__file-block-title {
  font-size: 1.4rem;
  color: var(--text-primary);
}
.ui-file__file-block-description {
  font-size: 1.2rem;
}
.ui-file__file-block-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-file__file-block-delete svg {
  width: 60%;
  height: 60%;
  fill: var(--gray-400);
}
.ui-file__file-block-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 120px;
}
.ui-file__file-block-img svg {
  width: 100%;
  height: 100%;
}

.ui__textarea {
  display: block;
  font-size: 1.4rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  font-family: inherit;
}
.ui__textarea_default {
  border: 1px solid var(--borderPrimary);
  border-radius: 6px;
  padding: 12px 12px 12px 16px;
  background: #fff;
  font-size: 1.6rem;
}
.ui__textarea_default::placeholder {
  color: var(--placeholderPrimary);
}
.ui__textarea_default:not([readonly]):focus {
  border: 1px solid var(--blue-500);
}
.ui__textarea_edited {
  font-size: 1.4rem !important;
  border: 1px solid var(--gray200) !important;
  padding: 0.3em 0.8em;
}
.ui__textarea:disabled {
  color: var(--gray500) !important;
  background: var(--gray200) !important;
  cursor: default;
}
.ui__textarea:read-only {
  background: var(--gray0);
  cursor: default;
}

.fly-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
}

.fly-loader.is-hidden {
  display: none;
}

/* Если захочется оверлей поверх блока */
.fly-loader--overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 10;
}

.ui__form-group {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ui__form-group label, .ui__form-group__label {
  font-size: 1.4rem;
  color: var(--gray500);
  margin-bottom: 3px;
}
.ui__form-group__label {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.ui__form-group__label label {
  display: inline-block;
  padding: 0 4px;
  background: var(--backgroundSecondary);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, white 35%, white 100%);
  margin-left: 10px;
  color: var(--labelPrimary);
  font-size: 1.5rem;
  white-space: nowrap;
}

/* Коробка и обнуление отступов по умолчанию */
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: var(--font-size-root, 10px);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-base, 1.4rem);
  line-height: 1.5;
  font-family: var(--font-family);
  background: var(--bg-page);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.content {
  flex: 1 0 auto;
}

.footer {
  margin-top: auto;
}

/* Типографика */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

h1 {
  font-size: 3.2rem;
}

h2 {
  font-size: 2.6rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.4rem;
}

p, ul, ol, dl, blockquote, pre, table, figure {
  margin: 0 0 1rem;
}

small {
  font-size: 85%;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

mark {
  background: #fff59d;
  color: inherit;
}

sup, sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.4em;
}

sub {
  bottom: -0.2em;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 1em;
}

pre {
  overflow: auto;
  background: rgba(0, 0, 0, 0.03);
  padding: 0.75rem;
  border-radius: 0.5rem;
}

/* Списки */
ul, ol {
  padding-left: 1.6rem;
}

li {
  margin: 0.25rem 0;
}

/* Ссылки */
a {
  color: var(--gold-600);
  text-decoration: none;
  transition: color 0.15s ease;
}

a:hover {
  color: var(--gold-100);
  text-decoration: none;
}

a:focus-visible {
  outline: 2px solid var(--gold-100);
  outline-offset: 2px;
  border-radius: 0.2rem;
}

/* Изображения и медиа */
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

svg {
  fill: currentColor;
}

/* Таблицы */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--gray-300);
}

thead th {
  background: var(--bg-muted);
}

/* Формы — базовый, нейтральный вид */
button, input, select, textarea {
  font: inherit;
  color: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.25rem;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=search],
input[type=password],
input[type=number],
input[type=url],
textarea,
select {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--gray-300);
  border-radius: 0.5rem;
  background: var(--bg-surface);
  outline: none;
  transition: border-color 0.15s ease;
}

textarea {
  resize: vertical;
  min-height: 8rem;
}

input::placeholder, textarea::placeholder {
  color: var(--text-secondary);
  opacity: 0.8;
}

/* используем outline вместо box-shadow, чтобы не плодить лишние токены */
:focus-visible:is(input, textarea, select) {
  border-color: var(--link);
  outline: 2px solid var(--link);
  outline-offset: 2px;
}

:disabled:is(input, textarea, select, button) {
  opacity: 0.6;
  cursor: not-allowed;
}

button {
  cursor: pointer;
  border: 1px solid var(--gray-300);
  background: var(--bg-surface);
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

button:hover {
  background: var(--bg-muted);
}

/* Блоки */
hr {
  height: 1px;
  border: 0;
  background: var(--gray-300);
  margin: 1.5rem 0;
}

blockquote {
  border-left: 3px solid var(--gray-300);
  padding: 0.5rem 1rem;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, 0.02);
  border-radius: 0.25rem;
}

/* Встраиваемое */
iframe {
  border: none;
}

/* Контейнер (минимум, чтобы не мешать) */
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
}

/* Поддержка сниженной анимации — без вмешательства в дизайн */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Light"), local("FuturaPT-Light"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Light.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Book"), local("FuturaPT-Book"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Book.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Medium"), local("FuturaPT-Medium"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Medium.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Demi"), local("FuturaPT-Demi"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Demi.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Demi.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Bold"), local("FuturaPT-Bold"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Bold.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Extra Bold"), local("FuturaPT-ExtraBold"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-ExtraBold.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: local("Futura PT Heavy"), local("FuturaPT-Heavy"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Heavy.woff2") format("woff2"), url("/Firefly/core/fonts/FuturaPT/FuturaPT-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* =========================
   1) PRIMITIVES: palette
   ========================= */
:root {
  /* gray */
  --gray-0: #f8fafc;
  --gray-50: #f4f6f8;
  --gray-100:#eff2f5;
  --gray-200:#e9ecef;
  --gray-300:#d1dae3;
  --gray-400:#a0a9c0;
  --gray-500:#838a9d;
  --gray-600:#727c94;
  --gray-700:#495057;
  --gray-800:#222631;
  --gray-900:#131822;
  /* red */
  --red-50: #fef2f3;
  --red-100: #fde2e5;
  --red-200: #fbc5cb;
  --red-300: #f89ba5;
  --red-400: #f63a59;
  --red-500: #e01839;
  --red-600: #c9152f;
  --red-700: #a11126;
  --red-800: #7a0d1c;
  --red-900: #530913;
  /* blue */
  --blue-50: #f0f8fc;
  --blue-100: #d9eff9;
  --blue-200: #b3dff3;
  --blue-300: #73b8de;
  --blue-400: #008fdd;
  --blue-500: #007ec3;
  --blue-600: #0069a8;
  --blue-700: #00518f;
  --blue-800: #003a6f;
  --blue-900: #00264a;
  /* yellow */
  --yellow-50: #fffbf7;
  --yellow-500: #e77822;
  --yellow-600: #ee710f;
  /* monochrome */
  --white: #ffffff;
  --black: #000000;
  /* =========================
   2) TYPOGRAPHY
   ========================= */
  --font-family: 'Futura PT', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-size-root: 10px; /* html */
  --font-size-base: 1.4rem; /* body */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  /* =========================
     4) SHADOWS & BORDERS
     ========================= */
  --shadow-1: 0 4px 8px rgba(0,0,0,.10), 0 4px 6px -10px rgba(0,0,0,.10);
  --shadow-2: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -4px rgba(0,0,0,.10);
  --shadow-inset-top: 0 -4px 8px rgba(0,0,0,.10), 0 -4px 6px 10px rgba(0,0,0,.10);
  /* =========================
   5) SEMANTIC TOKENS (light)
   ========================= */
  /* backgrounds */
  --bg-page: var(--gray-100);
  --bg-surface: var(--white);
  --bg-muted: var(--gray-50);
  /* text */
  --text-primary: rgba(0,0,0,.87);
  --text-secondary: var(--gray-700);
  --text-inverse: #fafbfe;
  --link: var(--blue-500);
  --link-hover: var(--blue-500);
  --title: #1d3f6f;
  /* states */
  --success: var(--green-500);
  --success-weak: var(--green-50);
  --info: var(--blue-500);
  --info-weak: var(--blue-50);
  --warning: var(--yellow-500);
  --warning-weak: var(--yellow-50);
  --danger: var(--red-500);
  --danger-weak: var(--red-50);
  /* buttons */
  --btn-primary: var(--gold-600);
  --btn-accent: var(--gold-100);
  --btn-size: 1.7rem;
  --ui-btn-primary: var(--red-500);
  --ui-btn-primary-hover: var(--red-400);
  --ui-btn-primary-contrast: var(--white);
  --ui-btn-secondary: var(--blue-500);
  --ui-btn-secondary-hover: var(--blue-600);
  --ui-btn-secondary-contrast: var(--white);
}

.header {
  background-color: #ffffff;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.header__block {
  min-width: 0;
}
@media (max-width: 991.98px) {
  .header__block {
    display: none;
  }
}
.header__grid {
  display: grid;
  grid-template-columns: auto minmax(320px, 1fr) auto;
  align-items: center;
  column-gap: 28px;
  row-gap: 14px;
  padding-top: 10px;
}
@media (max-width: 991.98px) {
  .header__grid {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding-top: 12px;
  }
}
.header__mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .header__mobile {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    align-items: center;
    gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .header__mobile {
    gap: 20px;
  }
}
.header__top {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #6b7788;
  padding-bottom: 10px;
}
.header__top-item, .header__top-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
  font-weight: 400;
}
.header__top-item svg, .header__top-phone svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: #0a6ccf;
}
.header__top-phone {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__top-phone a {
  font-weight: 600 !important;
}
@media (max-width: 991.98px) {
  .header__top {
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .header__top {
    font-size: 12px;
  }
}
.header__main {
  display: grid;
  grid-template-columns: 70% 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.header__logo {
  display: block;
  width: 210px;
  height: 74px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url("/Firefly/templates/default/assets/images/logo.svg");
}
@media (max-width: 991.98px) {
  .header__logo {
    width: 180px;
    height: 64px;
  }
}
@media (max-width: 991.98px) {
  .header__logo--desktop {
    display: none;
  }
}
.header__logo--mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .header__logo--mobile {
    display: block;
    width: 132px;
    height: 48px;
    justify-self: left;
  }
}
@media (max-width: 767.98px) {
  .header__logo--mobile {
    width: 116px;
    height: 42px;
  }
}
.header__search {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 46px;
  padding: 0 16px;
  background-color: var(--gray-50);
  border-radius: 12px;
}
.header__search-input {
  flex: 1;
  padding: 0;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text-primary);
  outline: none;
  background: transparent !important;
  border: none !important;
}
.header__search-input::placeholder {
  color: var(--gray-600);
}
.header__search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #7c889a;
  cursor: pointer;
}
.header__search-btn svg {
  width: 18px;
  height: 18px;
}
.header__mobile-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: end;
}
@media (max-width: 767.98px) {
  .header__mobile-actions {
    gap: 14px;
  }
}
.header__mobile-burger, .header__mobile-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
}
@media (max-width: 991.98px) {
  .header__mobile-burger, .header__mobile-action {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
  .header__mobile-burger svg, .header__mobile-action svg {
    width: 28px;
    height: 28px;
    fill: var(--blue-500);
  }
  .header__mobile-burger--phone svg, .header__mobile-action--phone svg {
    width: 28px;
    height: 28px;
    fill: var(--red-500) !important;
  }
}
.header__mobile-burger {
  flex-direction: column;
  gap: 6px;
}
.header__mobile-burger-line {
  display: block;
  width: 80%;
  height: 4px;
  border-radius: 999px;
  background-color: var(--blue-500);
}
.header__mobile-search {
  display: none;
}
@media (max-width: 991.98px) {
  .header__mobile-search {
    display: block;
    padding-bottom: 6px;
  }
  .header__mobile-search[hidden] {
    display: none;
  }
}
.header__contact {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-self: end;
}
.header__contact-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--blue-500);
  color: var(--white);
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.header__contact-phone svg {
  width: 20px;
  height: 20px;
  fill: var(--white);
}
.header__contact-phone:hover {
  background-color: var(--blue-400);
}
.header__contact-phone:hover svg {
  fill: var(--white);
}
.header__contact-btn {
  height: 44px;
  padding: 0 22px;
  border-radius: 12px;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .header__contact {
    justify-self: start;
  }
}
@media (max-width: 767.98px) {
  .header__contact {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.footer {
  background-color: #ECF1F8;
  color: #2a3441;
}
.footer__grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr);
  gap: 24px;
  align-items: start;
  padding: 30px 0 22px;
}
@media (max-width: 991.98px) {
  .footer__grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 22px 18px;
    padding: 26px 0 20px;
  }
}
@media (max-width: 767.98px) {
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px 0 18px;
  }
}
@media (max-width: 575.98px) {
  .footer__grid {
    gap: 16px;
    padding: 20px 0 16px;
  }
}
.footer__block {
  min-width: 0;
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .footer__brand {
    gap: 12px;
    align-items: center;
    text-align: center;
  }
}
.footer__logo {
  display: block;
  width: 200px;
  height: 74px;
  background: url("/Firefly/templates/default/assets/images/logo.svg") left center/contain no-repeat;
}
@media (max-width: 767.98px) {
  .footer__logo {
    width: 100%;
    height: 90px;
    background-position: center;
  }
}
.footer__address {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7788;
}
@media (max-width: 767.98px) {
  .footer__address {
    gap: 4px;
    font-size: 1.5rem;
    align-items: center;
    text-align: center;
  }
}
.footer__address-line {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0a6ccf;
}
.footer__address-line svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}
@media (max-width: 767.98px) {
  .footer__address-line {
    gap: 6px;
    justify-content: center;
  }
}
.footer__address-time {
  color: var(--gray-800);
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer__menu a {
  font-size: 14px;
  line-height: 1.4;
  color: #2a3441;
  text-decoration: none;
  font-weight: 500;
}
.footer__menu a:hover {
  color: #0a6ccf;
}
@media (max-width: 767.98px) {
  .footer__menu a {
    font-size: 1.6rem;
    line-height: 1.35;
  }
}
@media (max-width: 575.98px) {
  .footer__menu a {
    font-size: 1.7rem;
  }
}
@media (max-width: 767.98px) {
  .footer__menu {
    gap: 8px;
    align-items: center;
    text-align: center;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
}
@media (max-width: 991.98px) {
  .footer__contacts {
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .footer__contacts {
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }
}
.footer__phones {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 991.98px) {
  .footer__phones {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .footer__phones {
    margin-bottom: 8px;
    text-align: center;
    align-items: center;
    gap: 8px;
  }
}
.footer__phone {
  font-size: 2rem;
  font-weight: 700;
  color: #2a3441;
  text-decoration: none;
  line-height: 1.3;
}
.footer__phone--primary {
  color: var(--blue-500);
  font-size: 2.4rem;
}
@media (max-width: 991.98px) {
  .footer__phone {
    font-size: 1.8rem;
  }
  .footer__phone--primary {
    font-size: 2.1rem;
  }
}
@media (max-width: 767.98px) {
  .footer__phone {
    font-size: 1.9rem;
  }
  .footer__phone--primary {
    font-size: 2.6rem;
  }
}
.footer__mail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gray-600);
  text-decoration: none;
  margin-bottom: 20px;
  word-break: break-word;
}
.footer__mail svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: var(--gray-600);
}
@media (max-width: 767.98px) {
  .footer__mail {
    margin-bottom: 16px;
    font-size: 1.5rem;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .footer__mail {
    align-items: center;
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .footer .ui__btn {
    width: 100%;
    max-width: 320px;
  }
}
.footer__bottom {
  border-top: 1px solid var(--gray-200);
  padding: 10px 0;
  line-height: 1.5;
  color: #7b8796;
  background: #E2EAF4;
}
.footer__bottom a {
  color: var(--red-500);
  text-decoration: none;
}
.footer__bottom a:hover {
  color: var(--red-600);
}
@media (max-width: 767.98px) {
  .footer__bottom {
    padding: 12px 0 16px;
    font-size: 12px;
    line-height: 1.45;
  }
}
@media (max-width: 575.98px) {
  .footer__bottom {
    font-size: 11px;
  }
}

body {
  position: relative;
  background: transparent;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #f5f8fb;
  background-image: radial-gradient(circle at 82% 24%, rgba(0, 145, 255, 0.14) 0, rgba(0, 145, 255, 0.05) 18%, rgba(0, 145, 255, 0) 42%), linear-gradient(180deg, #f8fbff 0%, #eef5fc 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.page-title {
  margin-bottom: 8px;
}
.page-title h1 {
  font-size: 3.6rem;
  font-weight: 600;
  color: var(--title);
  margin: 0;
  line-height: 1.2;
}
.page-title p {
  font-size: 1.7rem;
  font-weight: 400;
  color: var(--gray-600);
  margin: 0;
  line-height: 1.2;
}

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