nntc-ui 0.1.5 → 0.1.7

package/index.css

@@ -13,7 +13,6 @@
 .button-module__state-layer__t1MJf {
   display: inline-flex;
   flex-direction: row;
-  gap: 8px;
   align-items: center;
   justify-content: center;
   width: 100%;
@@ -21,16 +20,16 @@
 }
 
 .button-module__root__gX6OQ:hover > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-8);
+  background-color: var(--theme-button-state-hover);
 }
 
-.button-module__root__gX6OQ:focus > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-12);
+.button-module__root__gX6OQ:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__root__gX6OQ.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-state-focus);
 }
 
-.button-module__root__gX6OQ:active > .button-module__state-layer__t1MJf,
-.button-module__root__gX6OQ.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-12);
+.button-module__root__gX6OQ:active > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-state-pressed);
 }
 
 .button-module__filled__D7eAr {
@@ -38,14 +37,48 @@
   background-color: var(--theme-focus);
 }
 
+.button-module__filled__D7eAr:hover > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-hover-layer);
+}
+
+.button-module__filled__D7eAr:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__filled__D7eAr.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-focus-layer);
+}
+
+.button-module__filled__D7eAr:active > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-pressed-layer);
+}
+
+.button-module__filled__D7eAr:focus-visible,
+.button-module__filled__D7eAr.button-module__active__hSEWs {
+  background-color: var(--theme-button-filled-focus);
+}
+
+.button-module__filled__D7eAr:active {
+  background-color: var(--theme-button-filled-pressed);
+}
+
+.button-module__filled__D7eAr:hover {
+  box-shadow:
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 1px 3px 1px rgba(0, 0, 0, 0.15);
+}
+
+.button-module__filled__D7eAr:focus-visible:hover,
+.button-module__filled__D7eAr.button-module__active__hSEWs:hover {
+  background-color: var(--theme-button-filled-focus);
+}
+
 .button-module__outlined__c_PHO {
   color: var(--theme-focus);
-  outline: 1px solid var(--theme-grey-500);
   background-color: transparent;
+  border: 1px solid var(--theme-button-outlined-border);
 }
 
-.button-module__outlined__c_PHO:focus {
-  outline-color: var(--theme-focus);
+.button-module__outlined__c_PHO:focus-visible,
+.button-module__outlined__c_PHO.button-module__active__hSEWs {
+  border-color: var(--theme-focus);
 }
 
 .button-module__text__rG7nD {
@@ -57,119 +90,213 @@
   color: var(--theme-focus);
   background-color: var(--theme-button-elevated);
   box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 1px 3px 1px rgba(0, 0, 0, 0.15);
 }
 
 .button-module__elevated__nAlrD:hover {
   box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 2px 6px 2px rgba(0, 0, 0, 0.15);
 }
 
-.button-module__tonal__u6w_G {
-  color: var(--theme-text-button-primary);
-  background-color: var(--theme-button-tonal);
+.button-module__small__HHNmk.button-module__elevated__nAlrD,
+.button-module__medium__v66y0.button-module__elevated__nAlrD,
+.button-module__large__gt0K2.button-module__elevated__nAlrD {
+  background-color: var(--theme-button-elevated-subtle);
 }
 
-.button-module__tonal__u6w_G:hover {
-  box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+.button-module__extraLarge__ycvek.button-module__elevated__nAlrD {
+  background-color: var(--theme-button-elevated);
+  background-image: linear-gradient(var(--theme-overlay-8), var(--theme-overlay-8));
 }
 
-.button-module__link__F_tgW {
-  color: var(--theme-focus);
-  background-color: transparent;
+.button-module__tonal__u6w_G {
+  color: var(--theme-button-tonal-text);
+  background-color: var(--theme-button-tonal-subtle);
 }
 
-.button-module__link__F_tgW:hover > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW:focus > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW:active > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
-  background-color: transparent;
+.button-module__extraLarge__ycvek.button-module__tonal__u6w_G {
+  background-color: var(--theme-button-tonal);
 }
 
 .button-module__filled__D7eAr > .button-module__state-layer__t1MJf > svg {
   fill: var(--theme-text-button-invert);
 }
 
-.button-module__outlined__c_PHO > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
-}
-
-.button-module__text__rG7nD > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
-}
-
+.button-module__outlined__c_PHO > .button-module__state-layer__t1MJf > svg,
+.button-module__text__rG7nD > .button-module__state-layer__t1MJf > svg,
 .button-module__elevated__nAlrD > .button-module__state-layer__t1MJf > svg {
   fill: var(--theme-focus);
 }
 
 .button-module__tonal__u6w_G > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-text-button-primary);
+  fill: var(--theme-button-tonal-text);
 }
 
-.button-module__link__F_tgW > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
+.button-module__small__HHNmk,
+.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  height: 24px;
 }
 
 .button-module__medium__v66y0,
 .button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  height: 40px;
+  height: 28px;
 }
 
-.button-module__small__HHNmk,
-.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__large__gt0K2,
+.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
   height: 32px;
 }
 
-.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 16px;
+.button-module__extraLarge__ycvek,
+.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  height: 40px;
 }
 
-.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 4px 16px;
+.button-module__small__HHNmk .button-module__state-layer__t1MJf > svg {
+  width: 20px;
+  height: 20px;
 }
 
-.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 24px;
+.button-module__medium__v66y0 .button-module__state-layer__t1MJf > svg {
+  width: 20px;
+  height: 20px;
+}
+
+.button-module__large__gt0K2 .button-module__state-layer__t1MJf > svg,
+.button-module__extraLarge__ycvek .button-module__state-layer__t1MJf > svg {
+  width: 24px;
+  height: 24px;
 }
 
 .button-module__without-icon__GOGFF.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 4px 24px;
+  padding: 2px 12px;
+}
+
+.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px 16px;
 }
 
-.button-module__text__rG7nD.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 12px;
+.button-module__without-icon__GOGFF.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 6px 24px;
 }
 
-.button-module__text__rG7nD.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 6px 12px;
+.button-module__without-icon__GOGFF.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 10px 24px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 2px 12px 2px 8px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 4px 16px 4px 12px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 4px 20px 4px 8px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 8px 20px 8px 8px;
+}
+
+.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px;
 }
 
 .button-module__only-icon__zOzfl.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__only-icon__zOzfl.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__only-icon__zOzfl.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
   padding: 8px;
 }
 
-.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px 12px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px 12px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 6px 24px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 10px 24px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 2px 12px 2px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 4px 12px 4px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 6px 24px 6px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 10px 24px 10px 8px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
   padding: 4px;
 }
 
-.button-module__link__F_tgW.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 0;
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 8px;
+}
+
+.button-module__compact__nfUBM,
+.button-module__compact__nfUBM > .button-module__state-layer__t1MJf {
+  height: auto;
 }
 
-.button-module__link__F_tgW.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__compact__nfUBM > .button-module__state-layer__t1MJf {
+  width: auto;
   padding: 0;
 }
 
+.button-module__compact__nfUBM:hover > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM:active > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: transparent;
+}
+
 .button-module__text-secondary__jXFdx {
   color: var(--theme-text-secondary) !important;
 }
 
 .button-module__text-secondary__jXFdx:hover,
-.button-module__text-secondary__jXFdx:focus,
+.button-module__text-secondary__jXFdx:focus-visible,
 .button-module__text-secondary__jXFdx:active,
 .button-module__text-secondary__jXFdx.button-module__active__hSEWs {
   color: var(--theme-focus) !important;
@@ -180,7 +307,7 @@
 }
 
 .button-module__text-secondary__jXFdx:hover > span > svg,
-.button-module__text-secondary__jXFdx:focus > span > svg,
+.button-module__text-secondary__jXFdx:focus-visible > span > svg,
 .button-module__text-secondary__jXFdx:active > span > svg,
 .button-module__text-secondary__jXFdx.button-module__active__hSEWs > span > svg {
   fill: var(--theme-focus) !important;
@@ -201,6 +328,12 @@
 .button-module__filled__D7eAr:disabled,
 .button-module__filled__D7eAr[disabled] {
   background-color: var(--theme-grey-700);
+  box-shadow: none;
+}
+
+.button-module__outlined__c_PHO:disabled,
+.button-module__outlined__c_PHO[disabled] {
+  border-color: var(--theme-button-outlined-border);
 }
 
 .typography-module__h1__pRuCD {
@@ -414,11 +547,105 @@
   background-color: var(--theme-selection-selected-pressed);
 }
 
+.tooltip-module__trigger__PIfJx {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+}
+
+.tooltip-module__content__nH6p2 {
+  z-index: 999;
+  max-width: 280px;
+  padding: 6px 8px;
+  font-size: var(--text-caption-size);
+  font-weight: var(--text-caption-weight);
+  line-height: var(--text-caption-height);
+  color: var(--theme-alert-default-color);
+  text-align: center;
+  letter-spacing: var(--text-caption-letter);
+  background-color: var(--theme-alert-default-background);
+  border-radius: 4px;
+  box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
+    0px 2px 1px 0px rgba(0, 0, 0, 0.12),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT {
+  color: var(--theme-alert-success-color);
+  background-color: var(--theme-alert-success-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr {
+  color: var(--theme-alert-warning-color);
+  background-color: var(--theme-alert-warning-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s {
+  color: var(--theme-alert-error-color);
+  background-color: var(--theme-alert-error-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 {
+  color: var(--theme-alert-info-color);
+  background-color: var(--theme-alert-info-background);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP {
+  width: 6px;
+  height: 6px;
+  --arrow-color: var(--theme-alert-default-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-success-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-warning-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-error-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-info-background);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__top-arrow__UHvch {
+  border-top: 6px solid var(--arrow-color);
+  border-right: 6px solid transparent;
+  border-left: 6px solid transparent;
+  transform: translate(0, 6px);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__bottom-arrow__GdFYs {
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid var(--arrow-color);
+  border-left: 6px solid transparent;
+  transform: translate(0, -6px);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__left-arrow__BFwGV {
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-left: 6px solid var(--arrow-color);
+  transform: translate(6px, 0);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__right-arrow__ZFRBE {
+  border-top: 6px solid transparent;
+  border-right: 6px solid var(--arrow-color);
+  border-bottom: 6px solid transparent;
+  transform: translate(-6px, 0);
+}
+
 /*
  * Общая геометрия и состояния полей ввода (Input, Select, MultiSelect,
  * DateTime, ColorPicker) по макету «Input and selector Dark Theme».
  *
- * Размеры (small/medium/large): высота 24/28/32, иконки 20/20/24.
+ * Размеры (small/medium/large/extraLarge): высота 24/28/32/40, иконки 20/20/24/24.
  * Компоненты ссылаются на размеры/состояния через data-атрибуты
  * ([data-size], [data-variant], [data-chips]), т.к. классы CSS-модулей
  * не видны между файлами. Структурные части селекторов обёрнуты в
@@ -445,18 +672,45 @@
   gap: 4px;
 }
 
-.fieldShell-module__root__vQ9PI[data-size='large'] {
-  gap: 8px;
+.fieldShell-module__root__vQ9PI[data-size='large'],
+.fieldShell-module__root__vQ9PI[data-size='extraLarge'] {
+  gap: 4px;
 }
 
 /* Label small из макета: 12/12, без letter-spacing */
 .fieldShell-module__root__vQ9PI > .fieldShell-module__label__fdgQq {
   font-size: 12px;
   line-height: 12px;
-  color: var(--theme-text-secondary);
+  color: var(--theme-input-label);
   letter-spacing: normal;
 }
 
+.fieldShell-module__label-row__bOAYh {
+  display: flex;
+  gap: 4px;
+  align-items: flex-start;
+  width: 100%;
+  min-width: 0;
+}
+
+.fieldShell-module__label-row__bOAYh > .fieldShell-module__label__fdgQq {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fieldShell-module__error-name__LUg8D {
+  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--theme-error);
+  white-space: nowrap;
+}
+
 .fieldShell-module__wrapper__OLPGQ {
   position: relative;
   width: 100%;
@@ -474,6 +728,10 @@
   height: 32px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) > .fieldShell-module__wrapper__OLPGQ {
+  height: 40px;
+}
+
 .fieldShell-module__input__mpHQB {
   position: relative;
   z-index: 1;
@@ -509,6 +767,13 @@
   line-height: 20px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ) > .fieldShell-module__input__mpHQB {
+  height: 40px;
+  padding: 0 8px;
+  font-weight: 300;
+  line-height: 24px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
   padding-left: 30px;
 }
@@ -517,7 +782,8 @@
   padding-left: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
   padding-left: 36px;
 }
 
@@ -529,10 +795,37 @@
   padding-right: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB {
   padding-right: 36px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 54px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 64px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 30px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 32px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h),
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 32px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
   padding-right: 26px;
 }
@@ -541,10 +834,37 @@
   padding-right: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
   padding-right: 36px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 50px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 64px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 50px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 64px;
+}
+
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='filled']) > .fieldShell-module__input__mpHQB {
   background-color: var(--theme-input-filled);
 }
@@ -556,7 +876,39 @@
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='filled']) > .fieldShell-module__input__mpHQB:focus {
   outline: 2px solid var(--theme-focus);
   outline-offset: -2px;
-  background-color: var(--theme-input-filled-hover);
+  background-color: var(--theme-input-filled-focus);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']) > .fieldShell-module__input__mpHQB {
+  outline: 1px solid var(--theme-input-filled-black-border);
+  outline-offset: -1px;
+  background-color: var(--theme-input-filled-black);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']:hover) > .fieldShell-module__input__mpHQB:not(:disabled):not(:focus) {
+  outline-color: var(--theme-input-filled-black-border-hover);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']) > .fieldShell-module__input__mpHQB:focus {
+  outline: 2px solid var(--theme-focus);
+  outline-offset: -2px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-error]) > .fieldShell-module__input__mpHQB {
+  outline: 1px solid var(--theme-error) !important;
+  outline-offset: -1px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-error]) > .fieldShell-module__input__mpHQB:focus {
+  outline: 2px solid var(--theme-error) !important;
+  outline-offset: -2px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack'][data-error]) > .fieldShell-module__input__mpHQB {
+  background-image: linear-gradient(
+    var(--theme-input-filled-black-error-overlay),
+    var(--theme-input-filled-black-error-overlay)
+  );
 }
 
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='outlined']) > .fieldShell-module__input__mpHQB {
@@ -604,6 +956,14 @@
   fill: var(--theme-icon-primary);
 }
 
+.fieldShell-module__error-icon__Nyh0h {
+  cursor: default;
+}
+
+.fieldShell-module__error-icon__Nyh0h > svg {
+  fill: var(--theme-error);
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small']) .fieldShell-module__start-icon__FNrDk {
   left: 6px;
 }
@@ -612,7 +972,8 @@
   left: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__start-icon__FNrDk {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__start-icon__FNrDk,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__start-icon__FNrDk {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -626,7 +987,8 @@
   right: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__end-icon__ajeP3 {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__end-icon__ajeP3,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__end-icon__ajeP3 {
   right: 4px;
   width: 24px;
   height: 24px;
@@ -640,12 +1002,26 @@
   right: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__arrow__dXtPp {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__arrow__dXtPp,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__arrow__dXtPp {
   right: 4px;
   width: 24px;
   height: 24px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 30px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 32px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 32px;
+}
+
 .fieldShell-module__wrapper__OLPGQ[data-chips] {
   display: flex;
   height: auto;
@@ -666,6 +1042,11 @@
   min-height: 32px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) > .fieldShell-module__wrapper__OLPGQ[data-chips] {
+  height: auto;
+  min-height: 40px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size] .fieldShell-module__wrapper__OLPGQ[data-chips]) > .fieldShell-module__input__mpHQB {
   position: absolute;
   inset: 0;
@@ -700,6 +1081,10 @@
   padding: 4px 36px 4px 4px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__chips__Eyi_K {
+  padding: 4px 36px 4px 8px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
   padding-left: 30px;
 }
@@ -708,7 +1093,8 @@
   padding-left: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
   padding-left: 36px;
 }
 
@@ -765,34 +1151,40 @@
 }
 
 .inputChip-module__medium__VruGz,
-.inputChip-module__large__PPvr0 {
+.inputChip-module__large__PPvr0,
+.inputChip-module__extraLarge__s_SFd {
   height: 28px;
   padding-top: 4px;
   padding-bottom: 4px;
 }
 
 .inputChip-module__medium__VruGz.inputChip-module__with-icon__DZMe4,
-.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4 {
+.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4,
+.inputChip-module__extraLarge__s_SFd.inputChip-module__with-icon__DZMe4 {
   padding-left: 4px;
 }
 
 .inputChip-module__medium__VruGz:not(.inputChip-module__with-icon__DZMe4),
-.inputChip-module__large__PPvr0:not(.inputChip-module__with-icon__DZMe4) {
+.inputChip-module__large__PPvr0:not(.inputChip-module__with-icon__DZMe4),
+.inputChip-module__extraLarge__s_SFd:not(.inputChip-module__with-icon__DZMe4) {
   padding-left: 12px;
 }
 
 .inputChip-module__medium__VruGz:has(.inputChip-module__remove__Z6QBd),
-.inputChip-module__large__PPvr0:has(.inputChip-module__remove__Z6QBd) {
+.inputChip-module__large__PPvr0:has(.inputChip-module__remove__Z6QBd),
+.inputChip-module__extraLarge__s_SFd:has(.inputChip-module__remove__Z6QBd) {
   padding-right: 6px;
 }
 
 .inputChip-module__medium__VruGz:not(:has(.inputChip-module__remove__Z6QBd)),
-.inputChip-module__large__PPvr0:not(:has(.inputChip-module__remove__Z6QBd)) {
+.inputChip-module__large__PPvr0:not(:has(.inputChip-module__remove__Z6QBd)),
+.inputChip-module__extraLarge__s_SFd:not(:has(.inputChip-module__remove__Z6QBd)) {
   padding-right: 12px;
 }
 
 .inputChip-module__medium__VruGz.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)),
-.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)) {
+.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)),
+.inputChip-module__extraLarge__s_SFd.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)) {
   padding-right: 6px;
 }
 
@@ -952,7 +1344,9 @@
 }
 
 [data-size='large'] .select-module__icon__eKwKi,
-[data-size='large'] .select-module__item-icon__qWzAS {
+[data-size='large'] .select-module__item-icon__qWzAS,
+[data-size='extraLarge'] .select-module__icon__eKwKi,
+[data-size='extraLarge'] .select-module__item-icon__qWzAS {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -966,7 +1360,8 @@
   left: 32px;
 }
 
-[data-size='large'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS {
+[data-size='large'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS,
+[data-size='extraLarge'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS {
   left: 36px;
 }
 
@@ -985,7 +1380,8 @@
   padding-left: 56px;
 }
 
-[data-size='large'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt {
+[data-size='large'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt,
+[data-size='extraLarge'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt {
   padding-left: 64px;
 }
 
@@ -1047,11 +1443,11 @@
 .menu-module__item__DO2AJ {
   width: 100%;
   padding: 0;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
+  font-size: var(--text-caption-size);
+  font-weight: var(--text-caption-weight);
+  line-height: var(--text-caption-height);
   text-align: left;
-  letter-spacing: var(--text-subtitle2-letter);
+  letter-spacing: var(--text-caption-letter);
   cursor: pointer;
   outline: none;
   background-color: transparent;
@@ -1062,21 +1458,32 @@
 .menu-module__state-layer__m8uMf {
   display: inline-flex;
   flex-direction: row;
-  gap: 12px;
   align-items: center;
   width: 100%;
   color: var(--theme-text-secondary);
   background-color: transparent;
 }
 
-.menu-module__medium__Jev6c .menu-module__state-layer__m8uMf {
+.menu-module__extraLarge__RIQUR .menu-module__state-layer__m8uMf {
+  gap: 12px;
   padding: 12px 16px;
 }
 
-.menu-module__small__uGqFV .menu-module__state-layer__m8uMf {
+.menu-module__large__jYm_Q .menu-module__state-layer__m8uMf {
+  gap: 12px;
+  padding: 12px 16px;
+}
+
+.menu-module__medium__Jev6c .menu-module__state-layer__m8uMf {
+  gap: 8px;
   padding: 8px 16px;
 }
 
+.menu-module__small__uGqFV .menu-module__state-layer__m8uMf {
+  gap: 4px;
+  padding: 4px 8px;
+}
+
 .menu-module__item__DO2AJ:not(.menu-module__item-disabled__E7Z4s):hover > .menu-module__state-layer__m8uMf {
   color: var(--theme-text-primary);
   background-color: var(--theme-overlay-8);
@@ -1485,7 +1892,8 @@
   height: 16px;
 }
 
-[data-size='large'] .colorPicker-module__swatch__MvnQ3 {
+[data-size='large'] .colorPicker-module__swatch__MvnQ3,
+[data-size='extraLarge'] .colorPicker-module__swatch__MvnQ3 {
   left: 6px;
   width: 20px;
   height: 20px;
@@ -1499,7 +1907,8 @@
   padding-left: 28px;
 }
 
-[data-size='large'] .colorPicker-module__input__gaesN {
+[data-size='large'] .colorPicker-module__input__gaesN,
+[data-size='extraLarge'] .colorPicker-module__input__gaesN {
   padding-left: 34px;
 }
 
@@ -1608,10 +2017,24 @@
   padding-right: 56px;
 }
 
-[data-size='large'] .multiSelect-module__input__Hk3TU {
+[data-size='large'] .multiSelect-module__input__Hk3TU,
+[data-size='extraLarge'] .multiSelect-module__input__Hk3TU {
   padding-right: 64px;
 }
 
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 74px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 80px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 88px;
+}
+
 [data-size='small'] .multiSelect-module__chips__CUViE {
   padding-right: 50px;
 }
@@ -1620,10 +2043,37 @@
   padding-right: 56px;
 }
 
-[data-size='large'] .multiSelect-module__chips__CUViE {
+[data-size='large'] .multiSelect-module__chips__CUViE,
+[data-size='extraLarge'] .multiSelect-module__chips__CUViE {
   padding-right: 64px;
 }
 
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 74px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 80px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 88px;
+}
+
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 54px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 56px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 60px;
+}
+
 /* Кастомная иконка в левом слоте */
 .multiSelect-module__icon__TnLPX {
   position: absolute;
@@ -1646,7 +2096,8 @@
   left: 8px;
 }
 
-[data-size='large'] .multiSelect-module__icon__TnLPX {
+[data-size='large'] .multiSelect-module__icon__TnLPX,
+[data-size='extraLarge'] .multiSelect-module__icon__TnLPX {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -1691,13 +2142,15 @@
   right: 32px;
 }
 
-[data-size='large'] .multiSelect-module__clear__CwQiH {
+[data-size='large'] .multiSelect-module__clear__CwQiH,
+[data-size='extraLarge'] .multiSelect-module__clear__CwQiH {
   right: 32px;
   width: 24px;
   height: 24px;
 }
 
-[data-size='large'] .multiSelect-module__clear__CwQiH > svg {
+[data-size='large'] .multiSelect-module__clear__CwQiH > svg,
+[data-size='extraLarge'] .multiSelect-module__clear__CwQiH > svg {
   width: 20px;
   height: 20px;
 }
@@ -1911,100 +2364,6 @@
   padding: 66px 8px 8px 8px;
 }
 
-.tooltip-module__trigger__PIfJx {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-
-.tooltip-module__content__nH6p2 {
-  z-index: 999;
-  max-width: 280px;
-  padding: 6px 8px;
-  font-size: var(--text-caption-size);
-  font-weight: var(--text-caption-weight);
-  line-height: var(--text-caption-height);
-  color: var(--theme-alert-default-color);
-  text-align: center;
-  letter-spacing: var(--text-caption-letter);
-  background-color: var(--theme-alert-default-background);
-  border-radius: 4px;
-  box-shadow:
-    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
-    0px 2px 1px 0px rgba(0, 0, 0, 0.12),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT {
-  color: var(--theme-alert-success-color);
-  background-color: var(--theme-alert-success-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr {
-  color: var(--theme-alert-warning-color);
-  background-color: var(--theme-alert-warning-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s {
-  color: var(--theme-alert-error-color);
-  background-color: var(--theme-alert-error-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 {
-  color: var(--theme-alert-info-color);
-  background-color: var(--theme-alert-info-background);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP {
-  width: 6px;
-  height: 6px;
-  --arrow-color: var(--theme-alert-default-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-success-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-warning-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-error-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-info-background);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__top-arrow__UHvch {
-  border-top: 6px solid var(--arrow-color);
-  border-right: 6px solid transparent;
-  border-left: 6px solid transparent;
-  transform: translate(0, 6px);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__bottom-arrow__GdFYs {
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid var(--arrow-color);
-  border-left: 6px solid transparent;
-  transform: translate(0, -6px);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__left-arrow__BFwGV {
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid var(--arrow-color);
-  transform: translate(6px, 0);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__right-arrow__ZFRBE {
-  border-top: 6px solid transparent;
-  border-right: 6px solid var(--arrow-color);
-  border-bottom: 6px solid transparent;
-  transform: translate(-6px, 0);
-}
-
 .tabs-module__root__m7YiQ {
   display: flex;
   flex-direction: row;
@@ -2662,7 +3021,10 @@
   gap: 16px;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 16px 16px 8px 16px;
+}
+
+.card-module__header-overlay__VpVTO {
   background-color: var(--theme-overlay-4);
 }
 
@@ -2676,10 +3038,26 @@
   align-items: center;
 }
 
-.card-module__body__P4SYk {
+.card-module__body-full-size__oalrd {
   padding: 0;
 }
 
+.card-module__root__uGlLT.card-module__medium__TpRzi .card-module__body-padded__xaBA8 {
+  padding: 8px 16px 16px 16px;
+}
+
+.card-module__root__uGlLT.card-module__small__liJkd .card-module__body-padded__xaBA8 {
+  padding: 4px 8px 8px 8px;
+}
+
+.card-module__root__uGlLT.card-module__medium__TpRzi .card-module__body-padded-no-header__RBxi1 {
+  padding: 16px;
+}
+
+.card-module__root__uGlLT.card-module__small__liJkd .card-module__body-padded-no-header__RBxi1 {
+  padding: 8px;
+}
+
 .chip-module__root__QN7P0 {
   display: inline-flex;
   flex-shrink: 0;