body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ECF1F4;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

* {
  box-sizing: border-box;
}
.Exemplars__root--AvlHa{height:calc(100vh - 60px);padding:24px}.Exemplars__root--AvlHa .Exemplars__actions--D0_Du{display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px}.Exemplars__root--AvlHa .Exemplars__content--Vvhzl{background:#fff;border-radius:8px;padding:24px;height:100%;overflow:auto}
.CardsDeck__root--jvvQu{height:calc(100vh - 281px);overflow:auto}.CardsDeck__root--jvvQu .CardsDeck__noData--QTRpS{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.CardsDeck__root--jvvQu .CardsDeck__content--P9URK{display:grid;grid-template-columns:repeat(4,minmax(50px,1fr));gap:24px}.CardsDeck__root--jvvQu .CardsDeck__item--gETY7{width:100%;padding:16px;border:1px solid rgba(0,65,102,.2);border-radius:4px;cursor:pointer}.CardsDeck__actions--iOenq,.CardsDeck__root--jvvQu .CardsDeck__item--gETY7{display:flex;justify-content:space-between;align-items:center}
.TruncateText__root--UV5eX{overflow:hidden}
.LoaderComponent__root--pMLau{display:flex;justify-content:center;align-items:center;height:100%}
.Templates__wrapper--QmcNt{display:flex;flex-direction:column;gap:24px}.Templates__head--m5vjd{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.Templates__body--Blkp2{padding:0 24px}.Templates__actions--tZWGK{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}.Templates__header--x_O0Y{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.BlockModal__wrapper--KpKJP{display:flex;flex-direction:column;gap:24px}.BlockModal__head--bCCP0{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.BlockModal__body--jy6wt{padding:0 24px}.BlockModal__actions--cjq6_{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.CreateTemplateModal__wrapper--OCoC4{display:flex;flex-direction:column;gap:24px}.CreateTemplateModal__head--IuO9U{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.CreateTemplateModal__body--bvdfO{padding:0 24px}.CreateTemplateModal__actions--aF6q6{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.Billboards__wrapper--ZAUSt{display:flex;flex-direction:column;gap:24px}.Billboards__head--s0Z9S{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.Billboards__body--Xiqhn{padding:0 24px}.Billboards__actions--lgdJf{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}.Billboards__header--M4tDi{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.CreateBillboardModal__wrapper--F6oTE{display:flex;flex-direction:column;gap:24px}.CreateBillboardModal__head--pSlur{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.CreateBillboardModal__actions--EDpc3,.CreateBillboardModal__body--aubtr{display:flex;gap:16px}.CreateBillboardModal__body--aubtr{padding:0 24px;flex-direction:column}.CreateBillboardModal__actions--EDpc3{padding:24px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.ErrorHandler__ErrorHandler--KjYcB{height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center}.ErrorHandler__ErrorHandler__error--a8Owf{color:#0071b3}
.ConstructorTemplate__root--taOv6{margin:0 auto;padding:24px;height:calc(100vh - 60px);display:grid;grid-template-columns:2fr 1fr;gap:24px}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn{background:#fff;border-radius:8px;height:100%}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn.ConstructorTemplate__setting--pYhoe{position:relative;padding-bottom:79px;overflow:hidden}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn.ConstructorTemplate__setting--pYhoe .ConstructorTemplate__settingHeader--d9SXB{display:flex;gap:24px;justify-content:flex-end;padding:24px;border-bottom:1px solid rgba(0,65,102,.2)}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn.ConstructorTemplate__setting--pYhoe .ConstructorTemplate__settingHeader--d9SXB .ConstructorTemplate__deleteBtn--GjRBF{background:#eb5757}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn.ConstructorTemplate__setting--pYhoe .ConstructorTemplate__settingHeader--d9SXB .ConstructorTemplate__deleteBtn--GjRBF:hover{background:#de2222}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn .ConstructorTemplate__settingContent--Y3BlO{display:flex;flex-direction:column;gap:10px;height:calc(100% - 70px);overflow:auto;padding:24px}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn .ConstructorTemplate__settingContent--Y3BlO .ConstructorTemplate__settingBlock--HOuJp{display:flex;flex-direction:column;gap:20px;border-bottom:2px solid rgba(0,65,102,.2);padding-bottom:20px}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn .ConstructorTemplate__settingContent--Y3BlO .ConstructorTemplate__settingBlock--HOuJp:last-child{border-bottom:none}.ConstructorTemplate__root--taOv6 .ConstructorTemplate__block--yl1Vn .ConstructorTemplate__settingActions--clmA5{display:flex;gap:10px;padding:24px 24px 0;justify-content:space-between;position:absolute;bottom:24px;left:0;background:#fff;width:100%;border-top:1px solid rgba(0,65,102,.2)}.ConstructorTemplate__backward--m2jVl,.ConstructorTemplate__stella--JQ6F2{display:flex;align-items:center}.ConstructorTemplate__backward--m2jVl{cursor:pointer;gap:8px;margin-bottom:24px}.ConstructorTemplate__stella--JQ6F2{width:100%;justify-content:center}.ConstructorTemplate__stellaWrapper--JWRa8{padding:24px}.ConstructorTemplate__color--Wo4uE{min-width:326px}.ConstructorTemplate__settingBlockTitle--tLQOY{display:flex;align-items:center;justify-content:space-between}
.ColorSelect__color--hT5ve{width:32px;height:32px;border-radius:5px;cursor:pointer;border:1px solid rgba(0,65,102,.2)}.ColorSelect__colorContainer--lb9eK{display:flex;align-items:flex-end;gap:8px}
.TextBlockSetting__color--BlIWx{min-width:326px}
.MediaBlockSetting__chooseImg--lSY8k{display:flex;align-items:center;gap:20px}.MediaBlockSetting__chooseImg--lSY8k .DragNDropField{min-height:initial;padding:0;background-color:transparent!important}
.Stella__root--ISRLL{width:calc(50.625vh*.7);height:calc(90vh*.7);overflow:hidden;position:relative}.Stella__root--ISRLL.Stella__demonstration--GYpEe{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5}.Stella__root--ISRLL .Stella__text--VkZzp{overflow:hidden;display:flex;position:absolute}.Stella__root--ISRLL .Stella__bgClear--uCsWM{border:.5px dashed #fff;position:absolute}
.ImageAndVideoContent__content--h9IAw{position:absolute}
.BlockSettingWapper__head--MB4iC{display:grid;grid-template-columns:1fr 32px}.BlockSettingWapper__body--GUkRK{display:flex;flex-direction:column;gap:16px;padding-top:16px}.BlockSettingWapper__wrapper--_l7Yx{padding-bottom:16px}
@keyframes ConstructorBillboard__fadeIn--LdNIZ{0%{opacity:0}to{opacity:1}}.ConstructorBillboard__root--JWt1w{margin:0 auto;padding:24px;height:calc(100vh - 60px);display:grid;grid-template-columns:2fr 540px;gap:24px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw{background:#fff;border-radius:8px;height:100%}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__demonstration--WcTuH{display:flex;align-items:center;justify-content:center}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn{position:relative;padding-bottom:79px;overflow:hidden}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn .ConstructorBillboard__settingHeader--kLYbT{padding:24px;border-bottom:1px solid rgba(0,65,102,.2)}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn .ConstructorBillboard__settingHeaderActions--vpauI{display:flex;justify-content:space-between;margin-bottom:16px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn .ConstructorBillboard__settingHeader--kLYbT .ConstructorBillboard__actions--XWvQy{display:flex;align-items:center;gap:16px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn .ConstructorBillboard__settingHeader--kLYbT .ConstructorBillboard__actions--XWvQy a{display:flex;align-items:center;cursor:pointer;all:unset}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw.ConstructorBillboard__setting--a3tLn .ConstructorBillboard__settingHeader--kLYbT .ConstructorBillboard__stele--ScI3t{width:50%;margin-right:16px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw .ConstructorBillboard__settingContent--Y6jXM{display:flex;flex-direction:column;gap:10px;height:calc(100% - 70px - 81px);overflow:auto;padding:24px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw .ConstructorBillboard__settingContent--Y6jXM .ConstructorBillboard__settingBlock--ybCW1{display:flex;flex-direction:column;gap:20px;border-bottom:2px solid rgba(0,65,102,.2);padding-bottom:20px}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw .ConstructorBillboard__settingContent--Y6jXM .ConstructorBillboard__settingBlock--ybCW1:last-child{border-bottom:none}.ConstructorBillboard__root--JWt1w .ConstructorBillboard__block--VVauw .ConstructorBillboard__settingActions--MfWCK{display:flex;gap:10px;padding:24px 24px 0;justify-content:space-between;position:absolute;bottom:24px;left:0;background:#fff;width:100%;border-top:1px solid rgba(0,65,102,.2)}.ConstructorBillboard__backward--FB0Tj,.ConstructorBillboard__stella--jY4KZ{display:flex;align-items:center}.ConstructorBillboard__backward--FB0Tj{cursor:pointer;gap:8px;margin-bottom:24px}.ConstructorBillboard__stella--jY4KZ{width:100%;justify-content:center;height:calc(100% - 54px)}.ConstructorBillboard__stellaNo--TJtIB{align-self:center}.ConstructorBillboard__stellaWrapper--FPgyO{padding:24px;display:flex;flex-direction:column}.ConstructorBillboard__globalLoader--ll19I{background:var(--color-bg-tone);position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;z-index:10;transition:display 1s}.ConstructorBillboard__globalLoader_hide--vfaag{transition:display 1s;display:none;animation:ConstructorBillboard__fadeIn--LdNIZ 1s}.ConstructorBillboard__settingBlockTitle--xykII{display:flex;align-items:center;justify-content:space-between}
.CreateSlideModal__wrapper--VhJm0{display:flex;flex-direction:column;gap:24px}.CreateSlideModal__head--nXP6G{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.CreateSlideModal__actions--qFDYS,.CreateSlideModal__body--Qej6c{display:flex;gap:16px}.CreateSlideModal__body--Qej6c{padding:0 24px;flex-direction:column}.CreateSlideModal__actions--qFDYS{padding:24px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.EditSlideModal__wrapper--x9aHQ{display:flex;flex-direction:column;gap:24px}.EditSlideModal__head--NNoNV{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.EditSlideModal__actions--Pi_Iw,.EditSlideModal__body--acDWm{display:flex;gap:16px}.EditSlideModal__body--acDWm{padding:0 24px;flex-direction:column}.EditSlideModal__actions--Pi_Iw{padding:24px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.EditPostionsSlides__wrapper--d6z50{display:flex;flex-direction:column;gap:24px}.EditPostionsSlides__head--cZbte{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.EditPostionsSlides__actions--CUX5y,.EditPostionsSlides__body--FdLVP{display:flex;gap:16px}.EditPostionsSlides__body--FdLVP{padding:0 24px;flex-direction:column}.EditPostionsSlides__actions--CUX5y{padding:24px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}.EditPostionsSlides__slide--MyTKl{gap:16px;width:100%}.EditPostionsSlides__slide--MyTKl,.EditPostionsSlides__slideBtns--XSLQb,.EditPostionsSlides__slideName--t7xWR{display:flex;align-items:center}.EditPostionsSlides__slideBtns--XSLQb{gap:16px}.EditPostionsSlides__slideName--t7xWR{padding:0 12px;border-radius:10px;background-color:rgba(0,66,105,.05);height:32px;width:100%}
.Steles__wrapper--hQNgH{display:flex;flex-direction:column;gap:24px}.Steles__head--r5oQ7{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.Steles__body--su1nT{padding:0 24px}.Steles__actions--lnc9o{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}.Steles__header--gVLCA{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.CreateStelaModal__wrapper--XgGpu{display:flex;flex-direction:column;gap:24px}.CreateStelaModal__head--NducH{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.CreateStelaModal__actions--D4vSZ,.CreateStelaModal__body--TBRnT{display:flex;gap:16px}.CreateStelaModal__body--TBRnT{padding:0 24px;flex-direction:column}.CreateStelaModal__actions--D4vSZ{padding:24px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.HeaderComponent__root--wm3dY{position:relative;overflow:hidden}.HeaderComponent__root--wm3dY .HeaderComponent__tabs--T9MUT{display:flex;align-items:center;gap:30px}.HeaderComponent__root--wm3dY .HeaderComponent__logo--AYnBK{height:60px;display:block}.HeaderComponent__root--wm3dY .HeaderComponent__user--Isjkj{display:flex;gap:11px;align-items:center}.HeaderComponent__root--wm3dY .HeaderComponent__userData--oQOtY{cursor:pointer}.HeaderComponent__root--wm3dY .HeaderComponent__button--lIrHF{margin-right:0;margin-left:auto}.HeaderComponent__root--wm3dY .HeaderMenu-Link_active::before{max-width:initial}.HeaderComponent__rightSide--F11cH{display:flex;align-items:center;gap:8px}
.AuthModal__content--V268w{display:flex;flex-direction:column;gap:24px;padding:32px;align-items:center;width:384px;box-sizing:border-box}.AuthModal__title--GCcQl{margin-bottom:0}.AuthModal__passwordContainer--A6a3M{width:100%}.AuthModal__link--l0D2h{cursor:pointer;margin-top:8px;width:-moz-max-content;width:max-content}
.AppRouter__loader--QKzWx{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
.Users__root--gz95G{padding:24px;height:calc(100vh - 60px)}.Users__body--D9GlR{background-color:#fff;border-radius:8px;padding:24px;height:100%}.Users__title--cmABF{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}
.CreateUserModal__wrapper--OIR_K{display:flex;flex-direction:column;gap:24px}.CreateUserModal__head--FrJxY{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.CreateUserModal__body--gfUIf{padding:0 24px;display:flex;flex-direction:column;gap:24px}.CreateUserModal__actions--np5Or{display:flex;padding:24px;gap:16px;justify-content:flex-end;border-top:1px solid rgba(0,65,102,.2);margin-top:8px}
.Start__wrapper--EEAg8{padding:24px;height:calc(100vh - 60px)}.Start__root--r6cL1{border-radius:8px;padding:24px;height:100%;display:flex;justify-content:center;align-items:center}
.Theme {
  --graphics-size-xs: 12px;
  --graphics-size-s: 16px;
  --graphics-size-m: 24px;
  --graphics-size-l: 32px;
  --graphics-size-xl: 40px;
  --graphics-size-2xl: 60px;
  --graphics-size-3xl: 80px;
  --graphics-size-4xl: 120px;
}

.Theme *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.Theme *::-webkit-scrollbar-track {
  background-color: var(--color-scroll-bg);
}

.Theme *::-webkit-scrollbar-corner {
  background-color: var(--color-scroll-bg);
}

.Theme *::-webkit-scrollbar-thumb {
  background-color: var(--color-scroll-thumb);
  border-radius: 4px;
}

.Theme *::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-scroll-thumb-hover);
}

.HeaderMenu-Link_active::before {
  max-width: 100% !important;
  height: 4px !important;
}

.DragNDropField {
  border: none !important;
  background-color: rgba(0, 66, 105, 0.05) !important;
}

.Pagination-PrevPage,
.Pagination-NextPage {
  display: none !important;
}

.TableCell_isHeader {
  background: #F5F7FA !important;
}

.TableCell-Wrapper {
  min-height: 52px !important;
}

.TableCell-Wrapper_withoutPadding {
  min-height: 100% !important;
}

.Modal {
  z-index: 5;
}

.Popover {
  z-index: 5;
}

.Tooltip {
  --tooltip-bg-color: var(--color-bg-soft) !important;
  --popover-arrow-bg-color: var(--color-bg-soft) !important;
  --tooltip-bg-opacity: 0.9;
  color: #002033 !important;
}

.Tooltip-Content > .Text {
  color: #002033;
}
/* Базовые цвета, от которых выстраивается вся палитра */ /* Базовый цвет содержимого, от которого выстраиваются цвета текста, иконок, ... */ /* Базовый цвет поверхностей */ /* Проектный цвет, от которого выстраивают акцентные состояния */ /* Тонирующий цвет, от которого выстраиватся бордеры, оверлей под модальными окнами, ... */ /* Цвет ссылок и контролов, от которого выстраиваются все их состояния */ /* Цвет системнный */ /* Цвет тени */ /* Цвет успеха */ /* Цвет ошибки */ /* Цвет предупреждения */ /* Цвет осторожности */ /* Цвет нейтральный */

/* stylelint-disable */
.Theme_color_myDefault {
  /* //////////////////////////////
  // Цвета фонов /////////////// */
  --color-bg-default: rgb(255, 255, 255); /* Цвет дефолта */
  --color-bg-secondary: rgb(236, 241, 244); /* Цвет дефолта */
  --color-bg-brand: rgb(0, 113, 178); /* Цвет фона брендированый */
  --color-bg-link: rgb(0, 120, 210); /* Цвет фона ссылки */
  --color-bg-border: rgba(0, 65, 102, 0.2); /* Цвет границ */
  --color-bg-stripe: rgba(0, 32, 51, 0.05); /* Цвет зебры (например, при окрашивании фона строк таблицы через одну) */

  --color-bg-ghost: rgba(0, 32, 51, 0.08); /* Цвет затенения */
  --color-bg-tone: rgba(0, 32, 51, 0.85); /* Цвет паранджи */
  --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
  --color-bg-system: rgb(222, 228, 232); /* Цвет фона системнный */

  --color-bg-normal: rgb(86, 185, 242); /* Цвет фона нейтральный */
  --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
  --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
  --color-bg-warning: rgb(243, 139, 0); /* Цвет фона предупреждения */
  --color-bg-alert: rgb(235, 87, 87); /* Цвет фона ошибки */
  --color-bg-critical: rgb(51, 0, 15); /* Цвет фона системнный */

  /* //////////////////////////////
  // Цвета текста ////////////// */
  --color-typo-primary: rgb(0, 32, 51); /* Цвет основного текста */
  --color-typo-secondary: rgba(0, 32, 51, 0.6); /* Цвет второстепенного текста */
  --color-typo-ghost: rgba(0, 32, 51, 0.3); /* Цвет дополнительного текста */
  --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
  --color-typo-system: rgb(151, 178, 196); /* Цвет фона системнный */

  --color-typo-normal: rgb(51, 180, 255); /* Цвет фона нейтральный */
  --color-typo-success: rgb(9, 179, 123); /* Цвет текста успеха */
  --color-typo-caution: rgb(255, 161, 10); /* Цвет текста осторожности */

  --color-typo-warning: rgb(232, 117, 2); /* Цвет текста предупреждения */

  --color-typo-alert: rgb(235, 51, 51); /* Цвет текста ошибки */
  --color-typo-critical: rgb(51, 0, 15); /* Цвет фона системнный */
  --color-typo-link: rgb(0, 120, 210); /* Цвет основной ссылки */
  --color-typo-link-minor: rgb(28, 86, 130); /* Цвет второстепенной ссылки */
  --color-typo-link-hover: rgb(0, 142, 250); /* Цвет ховера ссылки */

  /* //////////////////////////////
  // Цвета скроллбара ////////////// */
  --color-scroll-bg: rgba(0, 66, 105, 0.06);
  --color-scroll-thumb: rgba(0, 66, 105, 0.24);
  --color-scroll-thumb-hover: rgba(0, 66, 105, 0.32);

  /* /////////////////////////////
  // Цвета контролов /////////// */

  /* Default */
  --color-control-bg-default: rgb(255, 255, 255); /* Цвет фона контрола */
  --color-control-typo-default: rgb(0, 32, 51); /* Цвет основного текста контрола */
  --color-control-typo-placeholder: rgba(0, 32, 51, 0.35); /* Цвет плейсхолдера контрола */
  --color-control-bg-border-default: rgba(0, 66, 105, 0.28); /* Цвет фона бордеров котрола */

  --color-control-bg-border-default-hover: rgba(0, 66, 105, 0.52); /* Цвет фона бордеров контрола по ховеру */

  --color-control-bg-border-focus: rgb(0, 145, 255); /* Цвет аутлайна контролов при фокусе */ /* TODO заменить на правило целиком */
  --color-control-bg-focus: rgba(0, 120, 210, 0.3); /* Цвет тени в состонии фокуса */
  --color-control-bg-active: rgba(0, 120, 210, 0.5); /* Цвет тени в состонии нажатия  */

  /* Primary */
  --color-control-bg-primary: rgb(0, 120, 210); /* Цвет фона активного контрола */
  --color-control-bg-primary-hover: rgb(0, 145, 255); /* Цвет фона активного контрола по ховеру */

  --color-control-typo-primary: rgb(255, 255, 255); /* Цвет акцентного текста */
  --color-control-typo-primary-hover: rgb(255, 255, 255); /* Цвет акцентного текста */

  /* Secondary */
  --color-control-bg-secondary: rgba(255, 255, 255, 0); /* Цвет фона бордеров котрола */
  --color-control-bg-border-secondary: rgb(0, 120, 210); /* Цвет фона бордеров котрола */

  --color-control-bg-border-secondary-hover: rgb(0, 145, 255); /* Цвет фона бордеров контрола по ховеру */

  --color-control-typo-secondary: rgb(0, 120, 210); /* Цвет второстепеного текста контрола */

  --color-control-typo-secondary-hover: rgb(0, 145, 255); /* Цвет акцентного текста */

  /* Ghost */
  --color-control-bg-ghost: rgba(0, 66, 105, 0.07); /* Цвет фона дополнительного контрола */

  --color-control-bg-ghost-hover: rgba(0, 66, 105, 0.05); /* Цвет фона дополнительного контрола по ховеру */

  --color-control-typo-ghost: rgba(0, 57, 92, 0.8); /* Цвет дополнительного текста контрола */

  --color-control-typo-ghost-hover: rgba(0, 57, 92, 0.75); /* Цвет акцентного текста */

  /* Clear */
  --color-control-bg-clear: rgba(0, 66, 105, 0); /* Цвет фона чистого контрола */
  --color-control-bg-clear-hover: rgba(0, 66, 105, 0.05); /* Цвет фона чистого контрола по ховеру */

  --color-control-typo-clear: rgba(0, 57, 92, 0.8); /* Цвет акцентного текста */

  --color-control-typo-clear-hover: rgba(0, 57, 92, 0.75); /* Цвет акцентного текста */

  /* Disable */
  --color-control-bg-disable: rgba(0, 66, 105, 0.07); /* Цвет фона неактивного контрола */
  --color-control-bg-border-disable: rgba(0, 66, 105, 0); /* Цвет фона бордеров неактивного контрола */

  --color-control-typo-disable: rgba(0, 32, 51, 0.26); /* Цвет основного текста неактивного контрола */

  /* /////////////////////////////
  // Цвета тени /////////// */
  --color-shadow-group-1: rgba(0, 32, 51, 0.02);
  --color-shadow-group-2: rgba(0, 32, 51, 0.16);
  --color-shadow-layer-1: rgba(0, 32, 51, 0.04);
  --color-shadow-layer-2: rgba(0, 32, 51, 0.12);
  --color-shadow-modal-1: rgba(0, 32, 51, 0.04);
  --color-shadow-modal-2: rgba(0, 32, 51, 0.12);
}
/* stylelint-enable */

/* Базовые цвета, от которых выстраивается вся палитра */ /* Базовый цвет содержимого, от которого выстраиваются цвета текста, иконок, ... */ /* Базовый цвет поверхностей */ /* Проектный цвет, от которого выстраивают акцентные состояния */ /* Тонирующий цвет, от которого выстраиватся бордеры, оверлей под модальными окнами, ... */ /* Цвет ссылок и контролов, от которого выстраиваются все их состояния */ /* Цвет системнный */ /* Цвет тени */ /* Цвет успеха */ /* Цвет ошибки */ /* Цвет предупреждения */ /* Цвет осторожности */ /* Цвет нейтральный */

/* stylelint-disable */
.Theme_color_myDark {
 /* //////////////////////////////
  // Цвета фонов /////////////// */
  --color-bg-default: rgb(34, 39, 43); /* Цвет дефолта */
  --color-bg-secondary: rgb(22, 26, 29); /* Дополнительный цвет фона */
  --color-bg-brand: rgb(0, 113, 178); /* Цвет фона брендированный */
  --color-bg-link: rgb(0, 120, 210); /* Цвет фона ссылки */
  --color-bg-border: rgba(255, 255, 255, 0.2); /* Цвет границ */
  --color-bg-stripe: rgba(246, 251, 253, 0.06); /* Цвет зебры (например, при окрашивании фона строк таблицы через одну) */

  --color-bg-ghost: rgba(246, 251, 253, 0.1); /* Цвет затенения */
  --color-bg-tone: rgba(6, 20, 25, 0.85); /* Цвет паранджи */
  --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
  --color-bg-system: rgb(77, 82, 91); /* Цвет фона системнный */
  --color-bg-normal: rgb(10, 165, 255); /* Цвет фона нейтральный */
  --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
  --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
  --color-bg-warning: rgb(243, 139, 0); /* Цвет фона предупреждения */
  --color-bg-alert: rgb(254, 67, 67); /* Цвет фона ошибки */
  --color-bg-critical: rgb(51, 0, 15); /* Цвет фона системнный */

  /* //////////////////////////////
  // Цвета текста ////////////// */
  --color-typo-primary: rgb(250, 250, 250); /* Цвет основного текста */
  --color-typo-secondary: rgba(255, 255, 255, 0.6); /* Цвет второстепенного текста */
  --color-typo-ghost: rgba(255, 255, 255, 0.3); /* Цвет дополнительного текста */
  --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
  --color-typo-system: rgb(99, 110, 131); /* Цвет фона системнный */

  --color-typo-normal: rgb(0, 155, 245); /* Цвет фона нейтральный */
  --color-typo-success: rgb(15, 174, 121); /* Цвет текста успеха */
  --color-typo-caution: rgb(248, 199, 53); /* Цвет текста осторожности */
  --color-typo-warning: rgb(230, 130, 0); /* Цвет текста предупреждения */
  --color-typo-alert: rgb(247, 59, 59); /* Цвет текста ошибки */
  --color-typo-critical: rgb(97, 0, 29); /* Цвет фона системнный */
  --color-typo-link: rgb(15, 159, 255); /* Цвет основной ссылки */
  --color-typo-link-minor: rgb(111, 165, 200); /* Цвет второстепенной ссылки */

  --color-typo-link-hover: rgb(87, 188, 255); /* Цвет ховера ссылки */

  /* //////////////////////////////
  // Цвета скроллбара ////////////// */
  --color-scroll-bg: rgba(246, 251, 253, 0.06);
  --color-scroll-thumb: rgba(246, 251, 253, 0.24);
  --color-scroll-thumb-hover: rgba(246, 251, 253, 0.32);

  /* /////////////////////////////
  // Цвета контролов /////////// */

  /* Default */
  --color-control-bg-default: rgb(34, 39, 43); /* Цвет фона контрола */
  --color-control-typo-default: rgba(255, 255, 255, 0.8); /* Цвет основного текста контрола */
  --color-control-typo-placeholder: rgba(255, 255, 255, 0.35); /* Цвет плейсхолдера контрола */
  --color-control-bg-border-default: rgba(246, 251, 253, 0.28); /* Цвет фона бордеров котрола */

  --color-control-bg-border-default-hover: rgba(246, 251, 253, 0.52); /* Цвет фона бордеров контрола по ховеру */

  --color-control-bg-border-focus: rgb(5, 147, 255); /* Цвет аутлайна контролов при фокусе */ /* TODO заменить на правило целиком */
  --color-control-bg-focus: rgba(0, 120, 210, 0.4); /* Цвет тени в состонии фокуса */
  --color-control-bg-active: rgba(0, 120, 210, 0.7); /* Цвет тени в состонии нажатия  */

  /* Primary */
  --color-control-bg-primary: rgb(0, 120, 210); /* Цвет фона активного контрола */
  --color-control-bg-primary-hover: rgb(0, 145, 255); /* Цвет фона активного контрола по ховеру */

  --color-control-typo-primary: rgb(255, 255, 255); /* Цвет акцентного текста */
  --color-control-typo-primary-hover: rgb(255, 255, 255); /* Цвет акцентного текста */

  /* Secondary */
  --color-control-bg-secondary: rgba(34, 39, 43, 0); /* Цвет фона бордеров котрола */
  --color-control-bg-border-secondary: rgb(0, 120, 210); /* Цвет фона бордеров котрола */

  --color-control-bg-border-secondary-hover: rgb(0, 145, 255); /* Цвет фона бордеров контрола по ховеру */

  --color-control-typo-secondary: rgb(15, 159, 255); /* Цвет второстепеного текста контрола */

  --color-control-typo-secondary-hover: rgb(87, 188, 255); /* Цвет акцентного текста */

  /* Ghost */
  --color-control-bg-ghost: rgba(250, 250, 250, 0.16); /* Цвет фона дополнительного контрола */

  --color-control-bg-ghost-hover: rgba(250, 250, 250, 0.23); /* Цвет фона дополнительного контрола по ховеру */

  --color-control-typo-ghost: rgba(255, 255, 255, 0.75); /* Цвет дополнительного текста контрола */

  --color-control-typo-ghost-hover: rgba(255, 255, 255, 0.9); /* Цвет акцентного текста */

  /* Clear */
  --color-control-bg-clear: rgba(250, 250, 250, 0); /* Цвет фона чистого контрола */

  --color-control-bg-clear-hover: rgba(250, 250, 250, 0.23); /* Цвет фона чистого контрола по ховеру */

  --color-control-typo-clear: rgba(255, 255, 255, 0.75); /* Цвет акцентного текста */
  --color-control-typo-clear-hover: rgba(255, 255, 255, 0.9); /* Цвет акцентного текста */

  /* Disable */
  --color-control-bg-disable: rgba(250, 250, 250, 0.16); /* Цвет фона неактивного контрола */

  --color-control-bg-border-disable: rgba(250, 250, 250, 0); /* Цвет фона бордеров неактивного контрола */

  --color-control-typo-disable: rgba(255, 255, 255, 0.24); /* Цвет основного текста неактивного контрола */

  /* /////////////////////////////
  // Цвета тени /////////// */
  --color-shadow-group-1: rgba(0, 0, 0, 0.08);
  --color-shadow-group-2: rgba(0, 0, 0, 0.32);
  --color-shadow-layer-1: rgba(0, 0, 0, 0.08);
  --color-shadow-layer-2: rgba(0, 0, 0, 0.32);
  --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
  --color-shadow-modal-2: rgba(0, 0, 0, 0.32);

  --tooltip-bg-color: #fff;
}
/* stylelint-enable */

.Theme_control_myDefault {
  --control-radius: 4px; /* Основной радиус скругления контроллов */
  --control-border-width: 1px; /* Основная толщина контроллов */
  --control-height-l: var(--space-4xl);
  --control-height-m: var(--space-3xl);
  --control-height-s: var(--space-2xl);
  --control-height-xs: var(--space-xl);
  --control-box-size-m: var(--space-m);
  --control-box-size-l: var(--space-l);
  --control-space-l: var(--space-xl);
  --control-space-m: var(--space-l);
  --control-space-s: var(--space-m);
  --control-space-xs: var(--space-s);
  --control-text-size-l: var(--size-text-l);
  --control-text-size-m: var(--size-text-m);
  --control-text-size-s: var(--size-text-s);
  --control-text-size-xs: var(--size-text-xs);
}

.Theme_font_myDefault {
  --font-primary:'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-family: var(--font-primary);
}

.Theme_size_myDefault {
 /* Размер текста */
 --size-text-2xs: 10px;
 --size-text-xs: 12px;
 --size-text-s: 14px;
 --size-text-m: 16px;
 --size-text-l: 18px;
 --size-text-xl: 20px;
 --size-text-2xl: 24px;
 --size-text-3xl: 32px;
 --size-text-4xl: 48px;
 --size-text-5xl: 72px;
 --size-text-6xl: 96px;

 /* Межстрочный интервал */
 --line-height-text-2xs: 1.1em;
 --line-height-text-xs: 1.2em;
 --line-height-text-s: 1.4em;
 --line-height-text-m: 1.5em;
 --line-height-text-l: 1.6em;

 /* Ширина шрифта */
 --font-weight-text-thin: 100;
 --font-weight-text-light: 300;
 --font-weight-text-regular: normal;
 --font-weight-text-semibold: 600;
 --font-weight-text-bold: bold;
 --font-weight-text-black: 900;
}

.Theme_space_myDefault {
 /* Отступы */
 --space-3xs: 2px;
 --space-2xs: 4px;
 --space-xs: 8px;
 --space-s: 12px;
 --space-m: 16px;
 --space-l: 20px;
 --space-xl: 24px;
 --space-2xl: 32px;
 --space-3xl: 40px;
 --space-4xl: 48px;
 --space-5xl: 72px;
 --space-6xl: 96px;
}

.Theme_shadow_myDefault {
   /* Тени */
   --shadow-group: 0 2px 2px var(--color-shadow-group-1), 0 2px 8px var(--color-shadow-group-2);
   --shadow-layer: 0 4px 4px var(--color-shadow-layer-1), 0 8px 24px var(--color-shadow-layer-2);
   --shadow-modal: 0 8px 8px var(--color-shadow-modal-1), 0 12px 28px var(--color-shadow-modal-2);
}