/* ==========================================================================
   Подключение локальных шрифтов
   ========================================================================== */

@font-face {
	font-family: "Noto Sans";
	src: url("../fonts/noto-sans.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/noto-sans.svg") format("svg"), /* Legacy iOS */
		url("../fonts/noto-sans.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/noto-sans.woff") format("woff"), /* Modern Browsers */
		url("../fonts/noto-sans.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   CSS-переменные
   ========================================================================== */

:root {
  /* Цвета */
  --color-white: #ffffff;
  --color-primary: #105F9C;
  --color-primary-hover: #034374;
  --color-secondary: #F8A040;
  --color-secondary-hover: #EB8D25;
  --color-tertiary: #A4ACC0;
  --color-tertiary-hover: #7F8BAC;

  --color-text-black: #101627;
  --color-text-primary: #34426A;
  --color-text-secondary: #677497;
  --color-text-tertiary: #A4ACC0;

  --color-bg: #ffffff;
  --color-bg-alt: #F0F5F9;

  --color-border-primary: #A4ACC0;
  --color-border-secondary: #E2E4EB;

  --color-icon-primary: #F8A040;
  --color-icon-secondary: #677497;

  --color-success-text: #009862;
  --color-success: #D2F5E9;
  --color-error-text: #EB5757;
  --color-error: #FFF0F0;
  --color-warning-text: #7D7D65;
  --color-warning: #FFFADD;

  /* Типографика */
  --font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "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: 14px;

  /* Отступы */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 16px;
  --gap-lg: 24px;
  --gap-xl: 32px;
  --gap-2xl: 48px;

  /* Радиусы и тени */
  --br: 6px;
  --shadow: box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.32), 0 4px 8px 0 rgba(0, 0, 0, 0.16);

  /* Контейнер */
  --container-width: 1280px;
  --container-padding: 1rem;

}

/* ==========================================================================
   Базовый сброс и настройки
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
    height: 100%;
    scroll-behavior: smooth;
    position: relative;
}

body {
    width: 100%;
    min-height: 100svh;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
    line-height: 1.25;
    color: var(--color-text-primary);
    position: relative;
}
body.stop-scrolling{
    overflow: hidden;
}
/* Изображения и медиа */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Форматирование текста по умолчанию */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

p {
  margin: 0 0 0.75rem 0;
}

a {
  color: inherit;
  text-decoration: none;
  color: var(--color-primary);
}
a:hover{
  color: var(--color-primary-hover);
  text-decoration: underline;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Формы наследуют шрифт */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

/* Убираем стрелки у чисел в input в Chrome/Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* ==========================================================================
   Утилитарные классы
   ========================================================================== */

.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* ==========================================================================
   Основные стили
   ========================================================================== */
/* Авторизация и регистрация*/
.body-fon{
    width: 100%;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background: url(../img/right_bg.svg) right top no-repeat, linear-gradient(80deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 54%, rgb(240, 245, 249) 54%, rgb(240, 245, 249) 100%);
}
.body-fon main{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.footer{
    flex: 0 0 auto;
    font-size: 0.75rem;
    position: relative;
    padding: 1rem 0;
}
.footer-list{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
.footer p{
  color: var(--color-text-secondary);
}
.body-fon__content{
    width: 100%;
    max-width: 560px;
    height: 100%;
}
.container-flex{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.logo{
  margin: 1.5rem 0;
}
.logo img{
  width: auto;
  height: 120px;
}
h1{
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text-black);
}
/* Радио кнопки */
.form-toggle{
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.form-toggle__authorization-method{
  margin-bottom: 0;
  align-items: center;
}
.form-toggle_item{
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  border-radius: var(--br);
  padding: 0.3rem 0.6rem 0.4rem;
}
.form-toggle__authorization-method .form-toggle_item{
  border-radius: var(--br) var(--br) 0 0;
}
.form-toggle_item:has(input:checked) {
  background-color: var(--color-bg-alt);
}
.content-header .form-toggle_item {
  display: flex;
  align-items: center;
  height: 40px;
}
.content-header .form-toggle_item:has(input:checked) {
  background-color: var(--color-bg);
}
.form-toggle_item label {
  cursor: pointer;
}
/* Радио кнопки */
.form-toggle_item input{
  margin-top: 3px;
}
.form-toggle_item label small{
  text-wrap: balance;
}
small{
  color: var(--color-text-secondary);
}
.form-toggle__selected{
  background-color: var(--color-bg-alt);
  padding: 1rem;
  border-radius: var(--br);
  margin-bottom: 1rem;
}
.warning-text{
  background-color: var(--color-warning);
  color: var(--color-warning-text);
  border-radius: var(--br);
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.input-group {
  position: relative;
  width: 100%;
  min-width: 0;
  flex: 1;
  margin-bottom: 1rem;
}
.input-group-2{
  flex: 2;
}
.input-group label {
  display: block;
  margin-bottom: 4px;
}
.input-group small.hint{
  position: absolute;
  bottom: -1rem;
}
.form-group:has(.input-group small.hint){
  margin-bottom: calc(1rem + 1rem);
}
.input-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--br);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.input-wrapper input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  min-width: 0;
  color: var(--color-text-black);
}
.input-wrapper input:disabled{
  color: var(--color-text-secondary);
}
.input-wrapper input::placeholder{
  color: var(--color-text-tertiary);
}
.input-wrapper:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.input-group.error .input-wrapper {
  border-color: var(--color-error-text);
}

.input-group.error .input-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}
.error-text {
  display: none;
  margin-top: 6px;
  color: var(--color-error-text);
}

.input-group.error .error-text {
  display: block;
}
.input-wrapper.disabled {
  background: #F0F5F9 url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3333 5.616V4.66666C11.3333 2.08934 9.244 0 6.66666 0C4.08931 0 2 2.08934 2 4.66666V5.616C0.786687 6.14553 0.00175 7.34284 0 8.66666V12.6667C0.0021875 14.5067 1.49328 15.9978 3.33331 16H9.99997C11.84 15.9978 13.3311 14.5067 13.3333 12.6667V8.66666C13.3316 7.34284 12.5466 6.14553 11.3333 5.616ZM7.33331 11.3333C7.33331 11.7015 7.03484 12 6.66666 12C6.29847 12 6 11.7015 6 11.3333V10C6 9.63181 6.29847 9.33334 6.66666 9.33334C7.03484 9.33334 7.33331 9.63181 7.33331 10V11.3333ZM10 5.33334H3.33331V4.66669C3.33331 2.82575 4.82569 1.33334 6.66666 1.33334C8.50763 1.33334 10 2.82572 10 4.66669V5.33334Z' fill='%23677497'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-color: var(--color-border-secondary);
}
.input-wrapper.loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cstyle%3E.spinner%7Btransform-origin:center;animation:spin 0.8s linear infinite%7D@keyframes spin%7Bto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Ccircle class='spinner' cx='12' cy='12' r='9' stroke='%23d0d3f0' stroke-width='3' fill='none' opacity='0.3'/%3E%3Cpath class='spinner' d='M21 12a9 9 0 0 0-9-9' stroke='%23677497' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.select-wrapper{
  position: relative;
}
.select-wrapper select {
  display: flex;
  width: 100%;
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--br);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.custom-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none; /* Клик проходит в селект */
  fill: #6c757d;
  transition: transform 0.2s;
}
.select-wrapper select:focus + .custom-arrow {
  transform: translateY(-50%) rotate(180deg);
  fill: #1565c0;
}
.select-wrapper select::-ms-expand {
  display: none; /* Убивает стрелку в старых версиях IE/Edge */
}
.select-wrapper select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.toggle-password {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-icon-secondary);
  display: flex;
  align-items: center;
  padding: 0;
}
.toggle-password:hover {
  color: var(--color-icon-primary);
}
.input-group[hidden] {
  display: none;
}
.captcha-wrapper {
  display: flex;
  gap: 12px;
}

.captcha-wrapper input {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--br);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.captcha-wrapper input:focus-within {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
#captcha-canvas {
  display: flex;
  border: 1px solid var(--color-primary);
  border-radius: var(--br);
  cursor: pointer; /* клик по картинке = обновить код */
  height: 40px;
}
.red{
  color: var(--color-error-text);
  font-weight: 600;
}
button{
  flex-shrink: 0;
  white-space: nowrap;
  padding: 0;
}
.btn {
  padding: 0 1rem;
  height: 40px;
  font-weight: 600;
  border-radius: var(--br);
  background-color: var(--color-text-tertiary);
  color: var(--color-white);
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.btn:hover{
  opacity: 0.8;
}
button.btn-primary {
  padding: 0 1rem;
  height: 40px;
  font-weight: 600;
  border-radius: var(--br);
  background-color: var(--color-secondary);
  color: var(--color-white);
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
button.btn-primary::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
button.btn-primary:hover {
  background-color: var(--color-secondary-hover);
}
button.btn-primary:active {
  transform: translateY(-1px);
}
button.btn-primary::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
button.btn-primary:hover::after {
  transform: translateX(4px);
}
.btn-primary:hover:not(:disabled) {
  background: #1f56c2;
}
.btn-primary:disabled {
  background: #a0a0a0;
  color: #e0e0e0;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none; /* доп. подстраховка от кликов */
}
.btn-secondary{
  padding: 0 1rem;
  height: 40px;
  font-weight: 600;
  border-radius: var(--br);
  background-color: var(--color-white);
  color: var(--color-primary);
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--color-border-primary);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.btn-secondary:hover{
  border: 1px solid var(--color-primary);
  color: var(--color-primary-hover);
}
.button-group{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
.button-group-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.form-group{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  gap: 1rem;
  margin-bottom: 1rem;
}
.form-group input{
  width: 100%;
}
.form-group .input-group{
  margin-bottom: 0;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.checkbox-wrapper input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--color-primary);
  border-radius: calc(var(--br) / 1.5);
  margin-right: 0.7rem;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
.custom-checkbox::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 9px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.15s ease;
}
.checkbox-wrapper input:checked + .custom-checkbox {
  background-color: var(--color-primary);
}
.checkbox-wrapper input:checked + .custom-checkbox::after {
  transform: rotate(45deg) scale(1);
}
.checkbox-wrapper input:focus + .custom-checkbox {
  box-shadow: 0 0 0 1px rgba(16, 95, 156, 1);
}
.checkbox-wrapper a {
  cursor: pointer;
}
.checkbox-wrapper{
  margin-bottom: 1rem;
}
.label-text{
  text-wrap: balance;
}
.input-group label.checkbox-wrapper {
  display: flex;
  margin-bottom: 1rem;
}
fieldset{
  border: 1px dashed var(--color-border-secondary);
  border-radius: var(--br);
  margin-bottom: 1rem;
}
fieldset :last-child{
  margin-bottom: 0;
}
legend{
  color: var(--color-text-secondary);
}
hr{
  width: 100%;
  border: none;
  border-top: 1px solid var(--color-border-secondary);
  margin-bottom: 1rem;
}

.file-box {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--br);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.file-name {
  color: var(--color-text-black);
}
.file-box.has-file {
    background: #eaf7ec;
    border-color: #34a853;
}

.file-box.has-file .file-name {
    color: #1e7e34;
    font-weight: 500;
}
.file-wrapper:has(+ label.checkbox-wrapper) {
    margin-bottom: 0.5rem;
}



/* Инфоблок */
.infoblock{
  margin-top: calc(120px + 3rem);
  max-width: 420px;
}
.infoblock__title{
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
}
.infoblock ul{
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06);
  background: var(--color-white);
  padding: 1.5rem 1rem;
  border-radius: var(--br);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.infoblock ul li{
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
/* Инфоблок */
/* Личный кабинет */
#page{
  display: flex;
  align-items: stretch;
  min-height: 100svh;
  background-color: var(--color-bg-alt);
}
#page-content{
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 1rem;
  width: 100%;
  max-width: 1280px;
}
#page-content main{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 1rem;
}
#page-content main h1{
  font-size: 1.5rem;
  padding: 1.5rem 0;
  margin-bottom: 0;
}
.content-block{
  width: 100%;
  background-color: var(--color-bg);
  border-radius: var(--br);
  border: 2px solid var(--color-border-secondary);
  margin-bottom: 1rem;
  /* overflow-x: auto; */
}
.content-block__header{
  background-color: var(--color-bg-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}
.content-block__wrapper{
  padding: 1rem;
}
.content-block__tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
a.content-block__tab{
  display: block;
  background-color: var(--color-bg);
  border-radius: var(--br);
  border: 1px solid var(--color-border-secondary);
  padding: 0.5rem 1rem;
}
a.content-block__tab:hover{
  background-color: var(--color-bg-alt);
  border: 1px solid var(--color-primary);
  text-decoration: none;
}
a.content-block__tab.active{
  background-color: var(--color-primary-hover);
  border-color:  var(--color-primary-hover);
  color: var(--color-white);
}
h2{
  font-size: 1.1rem;
  color: var(--color-text-primary);
  font-weight: 600;
}
h3{
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
/* Личный кабинет */
/* Sidebar */
aside.sidebar{
  width: 280px;
  align-self: stretch;
  min-height: 100%;
  background-color: var(--color-white);
  padding-top: 1rem;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sidebar__logo img{
  width: auto;
  height: 100px;
}
nav.main-menu{
  width: 100%;
  background: linear-gradient(180deg, #31539b 0%, #1b2e55 100%);
  border-radius: var(--br) 0 0 var(--br);
  display: flex;
  flex-direction: column;
  padding: 10px 0 10px 10px;
}
nav.main-menu a{
  display: block;
  padding: 8px 16px;
  border-radius: var(--br) 0 0 var(--br);
  color: var(--color-white);
  text-wrap: balance;
}
nav.main-menu a:hover{
  background-color: var(--color-primary);
  text-decoration: none;
}
nav.main-menu a.active{
  background-color: var(--color-bg-alt);
  color: var(--color-text-primary);
}
.submenu{
  width: 100%;
  border-radius: var(--br) 0 0 var(--br);
  display: flex;
  flex-direction: column;
  padding: 0 0 0 10px;
}
.submenu a,
.submenu button{
  display: block;
  padding: 8px 16px;
  border-radius: var(--br) 0 0 var(--br);
  color: var(--color-text-primary);
  text-align: left;
}
.submenu a:hover,
.submenu button:hover{
  color: var(--color-primary);
  text-decoration: underline;
  background-color: var(--color-bg-alt);
}
.sidebar-info{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 0 0 26px;
}
.sidebar-info__item{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sidebar-info__item-text{
  color: var(--color-text-secondary);
}
.sidebar-info__item-number a{
  color: var(--color-text-primary);
  font-size: 1.1rem;
  font-weight: 600;
}
/* Sidebar */
.notification-block{
  padding: 1rem 1.2rem 0.25rem;
  color: var(--color-text-black);
  border-radius: var(--br);
  border: 1px solid var(--color-border-secondary);
  position: relative;
}
.green-notification{
  background-color: var(--color-success);
  border-color: var(--color-success-text);
  padding:  1rem calc(2rem + 40px) 0.25rem;
  h3{
    color:  var(--color-success-text);
  }
  
}
.red-notification{
  background-color: var(--color-error);
  border-color: var(--color-error-text);
  padding:  1rem calc(2rem + 40px) 0.25rem;
  h3{
    color:  var(--color-error-text);
  }
}
.green-notification::after{
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 1.2rem;
  width: 40px;
  height: 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='52' viewBox='0 0 40 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7121 19.4342C13.4291 19.1839 13.7876 18.3706 13.5486 17.6824V17.6198C13.1303 16.3059 12.8316 15.1172 12.8913 14.0536C12.9511 12.99 13.3096 11.8639 13.8474 10.55C14.0864 9.92438 14.3852 9.23617 14.6839 8.48539C14.9827 7.67206 15.2815 6.67102 15.2815 5.73256C15.3412 4.73153 15.162 3.79306 14.8632 2.91716C14.6839 2.47921 14.5047 2.04126 14.2657 1.66587C14.0266 1.22792 13.7876 0.915096 13.4291 0.477145C13.1303 0.164323 12.6523 -0.0233701 12.234 0.101759C11.5767 0.289452 11.0987 0.977661 11.278 1.66587L11.3975 2.16639C11.4572 2.35408 11.5767 2.6669 11.6365 2.91716C11.6962 3.22998 11.756 3.48024 11.756 3.7305C11.8157 4.29358 11.8157 4.85666 11.6962 5.35717C11.5767 5.92025 11.4572 6.3582 11.1584 6.92128L10.2621 8.98591C9.96336 9.73668 9.66459 10.4875 9.48533 11.3634C9.30607 12.2393 9.18656 13.1777 9.24631 14.1788C9.36582 16.1183 10.2621 17.8075 11.278 19.0588C11.5767 19.4342 12.1743 19.6219 12.7121 19.4342Z' fill='%232FD79B'/%3E%3Cpath d='M20.4801 19.4342C21.1971 19.1839 21.5557 18.3706 21.3166 17.6824V17.6198C20.8984 16.3059 20.5996 15.1172 20.6593 14.0536C20.7191 12.99 21.0776 11.8639 21.6154 10.55C21.8544 9.92438 22.1532 9.23617 22.452 8.48539C22.7507 7.67206 23.0495 6.67102 23.0495 5.73256C23.1093 4.73153 22.93 3.79306 22.6312 2.91716C22.452 2.47921 22.2727 2.04126 22.0337 1.66587C21.7947 1.22792 21.5557 0.915096 21.1971 0.477145C20.8984 0.164323 20.4203 -0.0233701 20.002 0.101759C19.3448 0.289452 18.8667 0.977661 19.046 1.66587L19.1655 2.16639C19.2252 2.35408 19.3448 2.6669 19.4045 2.91716C19.3448 3.16742 19.4643 3.41767 19.4643 3.7305C19.524 4.29358 19.524 4.85666 19.4045 5.35717C19.285 5.92025 19.1655 6.3582 18.8667 6.92128L17.9704 8.98591C17.6716 9.73668 17.3729 10.4875 17.1936 11.3634C17.0143 12.2393 16.8948 13.1777 16.9546 14.1788C17.0741 16.1183 17.9704 17.8075 18.9862 19.0588C19.3448 19.4342 19.9423 19.6219 20.4801 19.4342Z' fill='%232FD79B'/%3E%3Cpath d='M28.1884 19.4342C28.9054 19.1839 29.2639 18.3706 29.0249 17.6824V17.6198C28.6066 16.3059 28.3079 15.1172 28.3676 14.0536C28.4274 12.99 28.7859 11.8639 29.3237 10.55C29.5627 9.92438 29.8615 9.23617 30.1602 8.48539C30.459 7.67206 30.7578 6.67102 30.7578 5.73256C30.8175 4.73153 30.6383 3.79306 30.3395 2.91716C30.1602 2.47921 29.981 2.04126 29.742 1.66587C29.5029 1.16535 29.2639 0.852532 28.9054 0.414581C28.6066 0.101759 28.1286 -0.0859346 27.7103 0.0391942C27.053 0.226888 26.575 0.915096 26.7543 1.60331L26.8738 2.10382C26.9335 2.29151 27.053 2.60434 27.1128 2.85459C27.1128 3.16742 27.1725 3.41767 27.1725 3.7305C27.2323 4.29358 27.2323 4.85666 27.1128 5.35717C26.9933 5.92025 26.8738 6.3582 26.575 6.92128L25.6787 8.98591C25.3799 9.73668 25.0811 10.4875 24.9019 11.3634C24.7226 12.2393 24.6031 13.1777 24.6629 14.1788C24.7824 16.1183 25.6787 17.8075 26.6945 19.0588C27.053 19.4342 27.6506 19.6219 28.1884 19.4342Z' fill='%232FD79B'/%3E%3Cpath d='M2.10526 24.4082H5.26316C6.42586 24.4082 7.36842 25.3584 7.36842 26.5306V27.5918H8.42105V26.5306C8.42105 25.3584 9.36361 24.4082 10.5263 24.4082H13.6842C14.8469 24.4082 15.7895 25.3584 15.7895 26.5306V27.5918H16.8421V26.5306C16.8421 25.3584 17.7847 24.4082 18.9474 24.4082H21.0526C22.2153 24.4082 23.1579 25.3584 23.1579 26.5306V27.5918H24.2105V26.5306C24.2105 25.3584 25.1531 24.4082 26.3158 24.4082H29.4737C30.6364 24.4082 31.5789 25.3584 31.5789 26.5306V27.5918H32.6316V26.5306C32.6316 25.3584 33.5741 24.4082 34.7368 24.4082H37.8947C39.0574 24.4082 40 25.3584 40 26.5306V49.8775C40 51.0497 39.0574 52 37.8947 52H34.7368C33.5741 52 32.6316 51.0497 32.6316 49.8775V29.7143H31.5789V49.8775C31.5789 51.0497 30.6364 52 29.4737 52H26.3158C25.1531 52 24.2105 51.0497 24.2105 49.8775V29.7143H23.1579V49.8775C23.1579 51.0497 22.2153 52 21.0526 52H18.9474C17.7847 52 16.8421 51.0497 16.8421 49.8775V29.7143H15.7895V49.8775C15.7895 51.0497 14.8469 52 13.6842 52H10.5263C9.36361 52 8.42105 51.0497 8.42105 49.8775V29.7143H7.36842V49.8775C7.36842 51.0497 6.42586 52 5.26316 52H2.10526C0.942559 52 0 51.0497 0 49.8775V26.5306C0 25.3584 0.942559 24.4082 2.10526 24.4082Z' fill='%232FD79B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.red-notification::after{
  content: "";
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  width: 40px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1551 0C7.23228 0 0 7.29272 0 16.2873C0 25.2828 7.23228 32.5747 16.1551 32.5747C25.0778 32.5747 32.3101 25.2828 32.3101 16.2873C32.3093 7.29272 25.077 0 16.1551 0ZM16.1551 21.9818C13.0353 21.9818 10.508 19.432 10.508 16.2873C10.508 13.1427 13.0353 10.5928 16.1551 10.5928C19.274 10.5928 21.8022 13.1419 21.8022 16.2873C21.8022 19.4328 19.274 21.9818 16.1551 21.9818Z' fill='%23EB5757'/%3E%3Cpath d='M16.1551 18.8992C17.5858 18.8992 18.7456 17.7298 18.7456 16.2873C18.7456 14.8448 17.5858 13.6754 16.1551 13.6754C14.7243 13.6754 13.5645 14.8448 13.5645 16.2873C13.5645 17.7298 14.7243 18.8992 16.1551 18.8992Z' fill='%23EB5757'/%3E%3Cpath d='M7.65701 32.8253C7.57611 33.1601 7.35869 33.5059 7.35869 33.8662V36.382C7.35869 38.8129 8.7652 41 11.1762 41H21.133C23.5449 41 24.2132 38.8129 24.2132 36.3812V33.8653C24.2132 33.5051 24.3649 33.1601 24.284 32.8245C21.8199 34.2264 19.0009 35.037 15.9697 35.037C12.9392 35.037 10.1211 34.2273 7.65701 32.8253Z' fill='%23EB5757'/%3E%3Cpath d='M24.1888 36.3718C23.9174 36.3718 23.7522 36.3548 23.7194 36.3523L23.9941 33.833L23.8559 35.0922L23.9823 33.8313C24.1256 33.8458 27.467 34.1066 30.9761 30.4836C35.5108 25.8002 36.0864 18.2416 36.0931 18.166L38.6002 18.3401C38.5775 18.6868 37.9665 26.8929 32.7753 32.2543C29.1381 36.009 25.4689 36.3718 24.1888 36.3718Z' fill='%23EB5757'/%3E%3Cpath d='M37.0344 22.812C38.6723 22.812 40 21.4733 40 19.822C40 18.1706 38.6723 16.832 37.0344 16.832C35.3966 16.832 34.0689 18.1706 34.0689 19.822C34.0689 21.4733 35.3966 22.812 37.0344 22.812Z' fill='%23EB5757'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Таблица */
table.table-ui{
  width: 100%;
	border-collapse: collapse; 
}
.table-ui thead th{
  background-color: var(--color-bg-alt);
  font-weight: 400;
  font-size: 0.8rem;
  text-align: left;
  padding: 0.5rem;
  border: 1px solid var(--color-border-secondary);
}
.table-ui tbody tr:hover{
  background-color: var(--color-warning);
}
.table-ui tbody td{
  font-size: 0.8rem;
  text-align: left;
  padding: 0.5rem;
  border: 1px solid var(--color-border-secondary);
  color: var(--color-text-black);
}
.month-toggle__icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23677497' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .2s ease;
  margin-left: 6px;
}
.month-toggle[aria-expanded="true"] .month-toggle__icon {
  transform: rotate(180deg);
}
.month-toggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tr.days-row td:first-child{
  padding-left: 24px;
}
.table tr td:first-child, .table tr th:first-child {
	border-left: none;
}
.table tr td:last-child, .table tr th:last-child {
	border-right: none;
}
.month-toggle{
  padding: 0;
  font-weight: 600;
}
tr.tr-mark{
  background-color: var(--color-warning);
}
.table-ui .checkbox-wrapper{
  margin-bottom: 0;
}
/* Таблица */
.content-padding{
  padding: 1rem;
}
.content-padding h3{
  margin-bottom: 1rem;
}
.td-right tr td:last-child{
  text-align: right;
}
.ui-right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-top: 1rem;
}
.ui-right b{
  font-size: 1.1rem;
  display: block;
  margin-bottom: 0.3rem;
}
/* ----------dialog---------- */
dialog.classicModal{
  border:none;
  border-radius: var(--br);
  background: var(--color-bg);
  width: min(600px, 90vw);
  transition: opacity .28s ease, transform .28s ease,
              overlay .28s ease allow-discrete,
              display .28s ease allow-discrete;
  opacity: 1;
  transform: scale(1) translateY(0);
}
dialog.classicModal::backdrop{
  background: rgba(5,6,10,.6);
  backdrop-filter: blur(6px);
  transition: opacity .28s ease, overlay .28s ease allow-discrete, display .28s ease allow-discrete;
  opacity: 1;
}
@starting-style{
  dialog#classicModal[open]{
    opacity: 0;
    transform: scale(.94) translateY(10px);
  }
  dialog#classicModal[open]::backdrop{
    opacity: 0;
  }
}
dialog.classicModal:not([open]){
  opacity: 0;
  transform: scale(.94) translateY(10px);
  pointer-events:none;
}
.modal-body__header{
  padding: 0 0 0.5rem;
  border-bottom: 1px solid var(--color-border-secondary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.close-icon{
  font-size: 2rem;
  color: var(--color-primary);
}
dialog.classicModal h2{
  font-size: 1rem;
}
.green-fon{
  background-color: var(--color-success);
}
.table-ui button{
  color: var(--color-primary);
}
.table-ui button:hover{
  color: var(--color-primary-hover);
  text-decoration: underline;
}
.warning-b{
  border: 1px solid var(--color-warning-text);
}
.point-group{
  margin-bottom: 1rem;
}
.remove-group{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: var(--color-text-tertiary);
  background-color: var(--color-bg-alt);
}
.remove-group:hover{
  color: var(--color-primary);
  background-color: var(--color-bg);
  border: 1px solid var(--color-border-secondary);
}
[hidden] { display: none; }

.dropzone {
    border: 1px dashed #b9c0cc;
    border-radius: 8px;
    background: #f5f6f9;
    padding: 32px 16px;
    text-align: center;
    transition: border-color .15s, background-color .15s;
}

.dropzone.is-dragover {
    border-color: #2f6fed;
    background: #eef3ff;
}

.dropzone-text {
    color: #626b7a;
    margin: 0 0 8px;
}

.dropzone-or {
    color: #9aa1ac;
    margin: 0 0 16px;
    font-size: 13px;
}

.dropzone-btn {
    margin: 0 auto;
}

.dropzone-file-list {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dropzone-file-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e3e6ec;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
}

.dropzone-file-remove {
    background: none;
    border: none;
    color: #c53030;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 4px;
}
.btn-draft{
  background-color: var(--color-text-primary);
}
.btn-skip{
  background-color: var(--color-warning);
  border: 1px solid var(--color-warning-text);
  color: var(--color-warning-text);
}
.preview-block{
  width: 100%;
  border-bottom: 1px solid var(--color-border-secondary);
  padding-bottom: 5px;
  margin-bottom: 0.6rem;
}
.preview-block__prevtext{
  color: var(--color-text-secondary);
}
h4{
  font-weight: bold;
  margin-bottom: 0.6rem;
}
.preview-wrapper{
  display: flex;
  gap: 1rem;
}
.disable-scroll {
  overflow: hidden;
  touch-action: none;
}
.button-tabs{
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border-radius: var(--br);
  border: 1px solid var(--color-border-primary);
  overflow: hidden;
}
.button-tabs__item a{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  height: 50px;
  background-color: var(--color-bg-alt);
  border-right: 1px solid var(--color-border-primary);
  color: var(--color-text-secondary);
  text-align: center;
}
.button-tabs__item.active a{
  background-color: var(--color-bg);
  font-weight: bold;
  color: var(--color-primary);
}
.button-tabs__item a:hover{
  background-color: var(--color-bg);
  color: var(--color-primary);
  text-decoration: none;
}
.chart-wrap {
  position: relative;
  height: 300px;
}
.content-header__wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.appeals-menu{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}
a.appeals-menu__item{
  width: 250px;
  height: 140px;
  padding: 30px 10px 10px;
  border-radius: var(--br);
  border: 1px solid var(--color-primary);
  background-color: var(--color-bg);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
a.appeals-menu__item:hover{
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
  background-color: var(--color-bg-alt);
  text-decoration: none;
}
h2.h2-pb{
  margin-bottom: 1rem;
}
.status-element{
  padding: 2px 6px;
  text-align: center;
}
.status-draft{
  background-color: #EAEAEB;
}
.status-shipped{
  background-color: var(--color-success);
}
.status-clarify{
  background-color: var(--color-warning);
}
.status-cancel{
  background-color: var(--color-bg-alt);
  color: var(--color-text-secondary);
}
.file-element{
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.66603 3.6664L4.0567 9.3904C3.8066 9.6405 3.6661 9.97971 3.6661 10.3334C3.6661 10.6871 3.8066 11.0263 4.0567 11.2764C4.3068 11.5265 4.64601 11.667 4.9997 11.667C5.35339 11.667 5.6926 11.5265 5.9427 11.2764L11.552 5.5524C12.0521 5.05229 12.3331 4.374 12.3331 3.66674C12.3331 2.95947 12.0521 2.28118 11.552 1.78107C11.0519 1.28096 10.3736 1 9.66637 1C8.95911 1 8.28081 1.28096 7.7807 1.78107L2.1947 7.48174C1.8183 7.85205 1.51894 8.29323 1.3139 8.77983C1.10886 9.26642 1.00218 9.78879 1.00003 10.3168C0.997883 10.8448 1.1003 11.3681 1.30137 11.8563C1.50245 12.3446 1.7982 12.7882 2.17157 13.1615C2.54495 13.5349 2.98855 13.8307 3.47679 14.0317C3.96504 14.2328 4.48826 14.3352 5.01629 14.3331C5.54431 14.3309 6.06669 14.2242 6.55328 14.0192C7.03987 13.8142 7.48105 13.5148 7.85137 13.1384L13.4374 7.43774' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center left;
  background-repeat: no-repeat;
}
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: black;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    pointer-events: none;
    z-index: 1000;
}
[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}
.icon-wrapper{
  display: flex;
  gap: 0.5rem;
}
.icon{
  width: 16px;
  height: 16px;
}
.icon:hover{
  opacity: 0.8;
}
.icon-resume{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.68602 2.85603C6.48369 2.73463 6.25278 2.6691 6.01684 2.66612C5.78091 2.66314 5.54841 2.72283 5.34309 2.83908C5.13776 2.95534 4.96696 3.124 4.84813 3.32784C4.7293 3.53168 4.66668 3.76341 4.66669 3.99936V11.9994C4.66668 12.2353 4.7293 12.467 4.84813 12.6709C4.96696 12.8747 5.13776 13.0434 5.34309 13.1596C5.54841 13.2759 5.78091 13.3356 6.01684 13.3326C6.25278 13.3296 6.48369 13.2641 6.68602 13.1427L13.3507 9.14403C13.5485 9.02582 13.7124 8.85835 13.8262 8.65795C13.94 8.45755 14 8.23107 14.0002 8.0006C14.0004 7.77013 13.9408 7.54354 13.8273 7.34294C13.7139 7.14234 13.5503 6.97458 13.3527 6.85603L6.68602 2.85603Z' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 2.66602V13.3327' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-delete{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66669 7.33398V11.334' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33331 7.33398V11.334' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6666 4V13.3333C12.6666 13.687 12.5262 14.0261 12.2761 14.2761C12.0261 14.5262 11.6869 14.6667 11.3333 14.6667H4.66665C4.31302 14.6667 3.97389 14.5262 3.72384 14.2761C3.47379 14.0261 3.33331 13.687 3.33331 13.3333V4' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 4H14' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33331 4.00065V2.66732C5.33331 2.3137 5.47379 1.97456 5.72384 1.72451C5.97389 1.47446 6.31302 1.33398 6.66665 1.33398H9.33331C9.68694 1.33398 10.0261 1.47446 10.2761 1.72451C10.5262 1.97456 10.6666 2.3137 10.6666 2.66732V4.00065' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-open{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8.66667V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H7.33333' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 2L8 8' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 2H14V6' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-cancel{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15355_5612)'%3E%3Cpath d='M7.99998 14.6673C11.6819 14.6673 14.6666 11.6825 14.6666 8.00065C14.6666 4.31875 11.6819 1.33398 7.99998 1.33398C4.31808 1.33398 1.33331 4.31875 1.33331 8.00065C1.33331 11.6825 4.31808 14.6673 7.99998 14.6673Z' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.28601 3.28516L12.7133 12.7132' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15355_5612'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-download{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10V2' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66669 6.66602L8.00002 9.99935L11.3334 6.66602' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-clarify{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3.33398H7.33331' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8H7.33331' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12.666H7.33331' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 5.33398L4.66667 8.00065L2 10.6673' stroke='%23A4ACC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.link-back__wrapper{
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.link-back__wrapper::before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-border-secondary);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
a.link-back__blue{
  position: relative;
  z-index: 2;
  padding: 0.5rem 1rem;
  height: 32px;
  background-color: var(--color-primary);
  border-radius: calc(var(--br)*2);
  display: inline-flex;
  gap: 1rem;
  justify-content: center;
  color: var(--color-white);
}
a.link-back__blue:hover{
  text-decoration: none;
  color: var(--color-white);
  background-color: var(--color-primary-hover);
}
a.link-back__orange{
  position: relative;
  z-index: 2;
  padding: 0.5rem 1rem;
  height: 32px;
  background-color: var(--color-secondary);
  border-radius: calc(var(--br)*2);
  display: inline-flex;
  gap: 1rem;
  justify-content: center;
  color: var(--color-white);
}
a.link-back__orange:hover{
  text-decoration: none;
  color: var(--color-white);
  background-color: var(--color-primary-hover);
}
.link-appealspages{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
a.link-appealspages__item{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--br);
  border: 2px solid var(--color-secondary);
  width: 280px;
  height: 80px;
  background-color: var(--color-bg);
  color: var(--color-text-primary);
  padding: 10px;
}
a.link-appealspages__item:hover{
  text-decoration: none;
  background-color: var(--color-bg-alt);
  border-color: var(--color-primary);
}
.button-link{
  color: var(--color-primary);
  cursor: pointer;
}
.button-link:hover{
  text-decoration: underline;
  color: var(--color-primary-hover);
}
h5{
  color: var(--color-text-secondary);
  margin-bottom: 0.3rem;
}
.dialog-row{
  display: flex;
  gap: 1rem;
}
.dialog-buttons{
  display: flex;
  justify-content: space-between;
}
.dialog-buttons__left{
  display: flex;
  gap: 0.5rem;
}
.modal-body__space-between{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
}
.textarea-group {
  position: relative;
  width: 100%;
  min-width: 0;
  flex: 1;
  margin-bottom: 1rem;
}
.textarea-group label {
  display: block;
  margin-bottom: 4px;
}
.textarea-wrapper textarea{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--br);
  height: 120px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.textarea-wrapper textarea::placeholder{
  color: var(--color-text-tertiary);
}
.textarea-wrapper textarea:focus-within {
  border: none;
  outline-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.content-empty{
  width: 100%;
  display: flex;
  justify-content: center;
}
.content-700{
  max-width: 700px;
}
.btn-row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.faq {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 40px auto 0;
}

.faq-item {
  background: var(--color-bg);
  border-radius: var(--br);
  overflow: hidden;
}

.faq-question {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  user-select: none;
}

.faq-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-bg-alt);
  position: relative;
}

.faq-icon::before,
.faq-icon::after {
  content: '';
  position: absolute;
  background: var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform .25s ease;
}

/* горизонтальная палочка плюса/минуса */
.faq-icon::before {
  width: 12px;
  height: 2px;
}
/* вертикальная палочка — исчезает, когда становится минусом */
.faq-icon::after {
  width: 2px;
  height: 12px;
}
.faq-item.active .faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
}
.faq-question-text {
  color: var(--color-text-black);
  font-weight: bold;
}
.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s ease;
}
.faq-item.active .faq-answer {
  grid-template-rows: 1fr;
}
.faq-answer-inner {
  overflow: hidden;
}
.faq-answer-text {
  padding: 0 20px 18px 58px;
  line-height: 1.5;
  color: var(--color-text-secondary);
}
.padding-b-1{
  padding: 0 0 1rem 0;
}
.mb-1 h2{
  margin-bottom: 1rem;
}

.contacts-map-wrap {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.contacts-map {
  width: 100%;
  height: 500px;
  border-radius: var(--br);
  border: 3px solid var(--color-bg);
  overflow: hidden;
  position: relative;
  background: var(--color-bg-alt);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.contacts-map-status {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--color-text-secondary);
  background: var(--color-bg-alt);
  z-index: 500;
  pointer-events: none;
}

.contacts-map-status[hidden] { display: none; }

/* Кастомный маркер-логотип (используется как HTML внутри iconLayout) */
.company-marker {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-white);
  border: 2px solid var(--color-primary);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.company-marker img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  pointer-events: none;
}

.company-marker:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 14px rgba(0,0,0,0.22);
}

/* Активная метка — открыт тултип */
.company-marker.is-active {
  border-color: var(--color-secondary);
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

/* Балун (тултип) с данными точки */
.contacts-balloon {
  padding: 0;
  width: 300px;
  font-family: inherit;
}

.contacts-balloon-city {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 6px;
}

.contacts-balloon-address {
  font-size: 14px;
  color: var(--color-text-black);
  margin: 0 0 10px;
  line-height: 1.2;
}

.contacts-balloon-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--color-text-black);
  margin-bottom: 6px;
}

.contacts-balloon-row:last-child { margin-bottom: 0; }

.contacts-balloon-row a {
  color: var(--color-text-black);
  text-decoration: none;
}

.contacts-balloon-row a:hover { color: var(--color-primary); }

.ymaps-2-1-79-balloon__content,
.ymaps-2-1-79-b-balloon__content {
  margin: 0 !important;
}
.contacts-map-wrap hr{
  margin-bottom: 0.5rem;
}
.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content{
  padding-right: 10px;
}
.contacts-tabs{
  margin-top: 1rem;
}

.tabs-container {
  overflow: hidden;
}

.tabs-header {
  display: flex;
  border-bottom: 1px solid var(--color-border-secondary);
  margin-bottom: 1rem;
}

.tab-button {
  border: none;
  cursor: pointer;
  font-size: 0.8rem;
  text-transform: uppercase;
  transition: all 0.3s ease;
  position: relative;
  outline: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 10px;
  color: var(--color-text-secondary);
}

.tab-button:hover {
  color: var(--color-secondary);
}

.tab-button.active {
  color: var(--color-text-black);
  background: white;
}

.tab-button.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-secondary);
}

.tabs-content {
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.sidebar .select-wrapper{
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0019601 9.54219C0.0274414 9.35558 0.0470424 9.16704 0.0803641 8.98235C0.337137 7.62605 1.05845 6.56603 2.20315 5.76764C2.99503 6.50446 3.92804 6.89308 5.01786 6.89115C6.10375 6.89115 7.0348 6.50639 7.83452 5.76379C7.99329 5.88691 8.1599 6.00427 8.31279 6.13701C9.27716 6.97773 9.84558 8.02621 10.0004 9.28632C10.0102 9.37097 10.024 9.45754 10.0357 9.54219C10.0357 9.64415 10.0357 9.74804 10.0357 9.85C6.68982 9.85 3.34589 9.85 0 9.85C0.0019601 9.74804 0.0019601 9.64415 0.0019601 9.54219Z' fill='%23F8A040'/%3E%3Cpath d='M5.25503 0C5.453 0.0384766 5.65489 0.0634863 5.84698 0.117354C7.02304 0.438633 7.89332 1.46019 8.01485 2.65488C8.18342 4.3113 6.94464 5.76571 5.24915 5.9023C3.72223 6.02735 2.31684 4.95963 2.05811 3.47636C1.77977 1.89112 2.78922 0.413623 4.39062 0.0654102C4.51999 0.0365527 4.65328 0.0211621 4.78461 0C4.94141 0 5.09822 0 5.25503 0Z' fill='%23F8A040'/%3E%3C/svg%3E");
  background-size: 12px 11px;
  background-repeat: no-repeat;
  background-position: left center;
}
.sidebar .select-wrapper select {
  display: flex;
  width: 100%;
  align-items: center;
  border: none;
  border-radius: var(--br);
  height: auto;
  padding-left: 24px;
  padding-right: 10px;
  background: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tab-panel__info{
  display: flex;
  gap: 1rem;
  padding: 1rem;
  border-radius: var(--br);
  background-color: var(--color-bg-alt);
  margin-bottom: 1rem;
  align-items: center;
}
.tab-panel__info svg{
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.tab-panel__info-content{
  min-width: 0;
}
.indent-b-10{
  margin-bottom: 10px;
}
.input-wrapper.confirmed {
  background: #F0F5F9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='16' viewBox='0 0 96 16' fill='none'%3E%3Cg clip-path='url(%23clip0_15768_5402)'%3E%3Cpath d='M7.99999 14.6673C11.6819 14.6673 14.6667 11.6825 14.6667 8.00065C14.6667 4.31875 11.6819 1.33398 7.99999 1.33398C4.3181 1.33398 1.33333 4.31875 1.33333 8.00065C1.33333 11.6825 4.3181 14.6673 7.99999 14.6673z' stroke='%23009862' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7.99935L7.33333 9.33268L10 6.66602' stroke='%23009862' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M28.334 11.1543H27.1738V3.46094H23.1602V11.1543H22V2.42969H28.334z' fill='%237F8BAC'/%3E%3Cpath d='M35.4062 7.88477c0 1.10156-.2656 1.95312-.7968 2.55473-.5313.59766-1.2383.89644-2.1211.89644-.9102 0-1.627-.3086-2.1504-.9257-.5195-.6211-.7793-1.4629-.7793-2.5254 0-1.09375.2676-1.94336.8027-2.54883.5391-.60547 1.2481-.9082 2.127-.9082.8828 0 1.5898.30273 2.1211.9082.5313.60156.7969 1.45117.7969 2.54883zm-1.1367 0c0-.84766-.1543-1.47657-.4629-1.88672-.3086-.41406-.748-.62109-1.3184-.62109-.5742 0-1.0176.20703-1.3301.62109-.3086.41015-.4629 1.03906-.4629 1.88672 0 .82031.1543 1.44335.4629 1.86914.3125.42188.7559.63281 1.3301.63281.5664 0 1.0039-.20703 1.3125-.62109.3125-.41797.4688-1.04493.4688-1.88086z' fill='%237F8BAC'/%3E%3Cpath d='M42.1504 12.7246h-1.0254v-1.5879h-4.3125v1.5879h-1.0254v-2.5078h.4336c.3711-.60937.6738-1.4043.9082-2.38477.2383-.98437.3574-2.05859.3574-3.22265h4.0137v5.60742h.6504v2.5078zm-1.752-2.5078v-4.68164h-1.875c-.0508.97656-.1855 1.86914-.4043 2.67773-.2148.80469-.4863 1.47266-.8144 2.00391h3.0937z' fill='%237F8BAC'/%3E%3Cpath d='M48.0215 5.57617h-2.2266V11.1543h-1.1015V5.57617h-2.2266V4.60938h5.5547z' fill='%237F8BAC'/%3E%3Cpath d='M53.9746 9.17383c0 .3164-.0605.59765-.1816.84377-.1211.2422-.2871.4453-.4981.6094-.2656.207-.5449.3476-.8379.4218-.289.0703-.6367.1055-1.0429.1055h-2.5723V4.60938h2.4023c.4805 0 .8321.01562 1.0547.04687.2227.02734.4434.10156.6621.22266.2305.125.4004.291.5098.49805.1094.20703.1641.45313.1641.73828 0 .3125-.0859.59375-.2578.84375-.1719.2461-.4004.4375-.6855.57422l.0293.04102c.3555.08984.6523.27148.8906.54492.2422.27344.3633.625.3633 1.05469zm-1.4707-2.88867c0-.14844-.0254-.27734-.0762-.38672-.0469-.10937-.1309-.19531-.252-.25781-.1406-.07422-.2988-.11719-.4746-.12891-.1719-.01562-.4121-.02344-.7207-.02344h-1.0488v1.79297h1.2656c.2695 0 .4609-.01172.5742-.03516.1133-.02734.2383-.08203.375-.16406.1289-.07813.2207-.18359.2754-.31641.0547-.13281.082-.29297.082-.48047zm.334 2.89453c0-.22266-.0332-.40039-.0996-.5332-.0625-.13672-.2031-.25781-.4219-.36328-.1367-.06641-.2832-.10742-.4394-.12305-.1563-.01562-.3731-.02344-.6504-.02344h-1.2949v2.13867h.9551c.3945 0 .7012-.01562.9199-.04687.2188-.03125.4063-.09375.5625-.1875.1641-.10156.2832-.21875.3574-.35156.0742-.13281.1113-.30273.1113-.50977z' fill='%237F8BAC'/%3E%3Cpath d='M57.9766 11.3066c-1.043 0-1.8536-.2929-2.4317-.8789-.5742-.5898-.8613-1.4258-.8613-2.5078 0-1.06641.2793-1.91407.8379-2.54297.5586-.63281 1.289-.94922 2.1914-.94922.4062 0 .7656.05859 1.0781.17578.3125.11719.586.30078.8203.55078.2344.25.4141.55664.5391.91992.125.35938.1875.80078.1875 1.32422v.59766h-4.5352c0 .76172.1914 1.34375.5742 1.7461.3828.40234.9121.60351 1.5879.60351.2422 0 .4785-.02734.7089-.08203.2344-.05469.4453-.125.6328-.21094.1993-.08984.3672-.17578.5039-.25781.1367-.08594.25-.16602.3398-.24023h.0645v1.20117c-.1289.05078-.289.11523-.4804.19336-.1914.07422-.3633.13281-.5156.17578-.2149.05859-.4102.10352-.586.13477-.1719.03125-.3906.04687-.6562.04687zm1.289-4.1543c-.0078-.29687-.043-.55273-.1055-.76758-.0625-.21484-.1523-.39648-.2695-.54492-.1289-.16406-.2949-.28906-.498-.375-.1992-.08594-.4473-.12891-.7442-.12891-.293 0-.543.04492-.75.13477-.2031.08594-.3887.21289-.5566.38086-.1641.17187-.2891.36328-.375.57422-.0859.20703-.1406.44922-.1641.72656h3.4629z' fill='%237F8BAC'/%3E%3Cpath d='M66.9414 7.70898c0 1.08985-.2617 1.95899-.7852 2.60742-.5195.64453-1.1777.9668-1.9746.9668-.3242 0-.6113-.0371-.8613-.1113-.25-.07422-.5059-.18945-.7676-.3457v2.74218h-1.1015V4.60938h1.1015v.68554c.2735-.24609.5762-.45117.9082-.61523.336-.16797.7012-.25195 1.0957-.25195.75 0 1.334.29688 1.752.89062.4219.59375.6328 1.39062.6328 2.39062zm-1.1367.12305c0-.74609-.1192-1.32422-.3574-1.73437-.2383-.41407-.625-.6211-1.1602-.6211-.3125 0-.6152.07031-.9082.21094-.2891.13672-.5644.31445-.8262.5332v3.70898c.2891.14063.5352.23633.7383.28711.207.05078.4434.07617.709.07617.5703 0 1.0137-.209 1.3301-.62695.3164-.41797.4746-1.0293.4746-1.83398z' fill='%237F8BAC'/%3E%3Cpath d='M76.0293 11.1543h-1.3301l-2.0566-3.01172h-.4278v3.01172h-1.0898v-3.01172h-.4277l-2.0918 3.01172h-1.2715l2.4668-3.42774c-.1914-.10156-.3613-.24804-.5098-.43945-.1484-.19531-.2812-.47656-.3984-.84375-.1055-.33203-.2305-.5625-.375-.69141-.1446-.1289-.3809-.19335-.709-.19335h-.252v-.94922h.2988c.4805 0 .8751.09766 1.1836.29297.3125.19531.5566.53711.7324 1.02539.0352.10156.0782.21875.1289.35156.0547.12891.1016.23828.1406.32813.1289.29687.2793.51172.4512.64453.1719.13281.3828.20703.6328.22266V4.60938h1.0898v2.86523c.25-.01953.4629-.0957.6387-.22852.1797-.13281.332-.3457.457-.63867.043-.09766.0898-.21094.1406-.33984.0547-.12891.0977-.24219.1289-.33984.1719-.48047.4102-.82032.7148-1.01953.3047-.19922.7012-.29883 1.1895-.29883h.2988v.94922h-.252c-.3086 0-.541.06445-.6973.19335-.1523.125-.2812.35547-.3867.69141-.1094.33984-.2383.60742-.3867.80273-.1485.19532-.3125.34375-.4922.44532l2.4609 3.46289z' fill='%237F8BAC'/%3E%3Cpath d='M82.4629 12.7246h-1.0254v-1.5879h-4.3125v1.5879h-1.0254v-2.5078h.4336c.3711-.60937.6738-1.4043.9082-2.38477.2383-.98437.3574-2.05859.3574-3.22265h4.0137v5.60742h.6504v2.5078zm-1.752-2.5078v-4.68164h-1.875c-.0508.97656-.1855 1.86914-.4043 2.67773-.2148.80469-.4863 1.47266-.8145 2.00391h3.0937z' fill='%237F8BAC'/%3E%3Cpath d='M86.3945 11.3066c-1.043 0-1.8535-.2929-2.4316-.8789-.5742-.5898-.8613-1.4258-.8613-2.5078 0-1.06641.2793-1.91407.8379-2.54297.5586-.63281 1.289-.94922 2.1914-.94922.4063 0 .7657.05859 1.0782.17578.3125.11719.5859.30078.8203.55078.2344.25.4141.55664.5391.91992.125.35938.1875.80078.1875 1.32422v.59766h-4.5352c0 .76172.1914 1.34375.5742 1.7461.3828.40234.9121.60351 1.5879.60351.2422 0 .4785-.02734.709-.08203.2344-.05469.4453-.125.6328-.21094.1992-.08984.3672-.17578.5039-.25781.1367-.08594.25-.16602.3398-.24023h.0645v1.20117c-.1289.05078-.2891.11523-.4805.19336-.1914.07422-.3633.13281-.5156.17578-.2148.05859-.4102.10352-.5859.13477-.1719.03125-.3907.04687-.6563.04687zm1.2891-4.1543c-.0078-.29687-.043-.55273-.1055-.76758-.0625-.21484-.1524-.39648-.2695-.54492-.1289-.16406-.2949-.28906-.498-.375-.1992-.08594-.4473-.12891-.7442-.12891-.293 0-.543.04492-.75.13477-.2031.08594-.3887.21289-.5566.38086-.1641.17187-.2891.36328-.375.57422-.0859.20703-.1406.44922-.1641.72656h3.4629z' fill='%237F8BAC'/%3E%3Cpath d='M95.0371 11.1543h-1.1016V8.20703h-2.9648v2.94727h-1.1016V4.60938h1.1016v2.64843h2.9648V4.60938h1.1016z' fill='%237F8BAC'/%3E%3Cdefs%3E%3CclipPath id='clip0_15768_5402'%3E%3Crect width='16' height='16' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-color: var(--color-border-secondary);
}