@epam/uui 5.0.0-alpha.0 → 5.0.0-alpha.3

package/styles.css

@@ -174,7 +174,7 @@
   text-align: center;
   flex: 1 1 auto;
   font-family: var(--uui-btn-font);
-  font-weight: normal;
+  font-weight: var(--uui-btn-font-weight, normal);
   user-select: none;
 }
 
@@ -473,7 +473,7 @@
 }
 .LinkButton_root__SWC7c .uui-caption {
   font-family: var(--uui-link-button-font);
-  font-weight: normal;
+  font-weight: var(--uui-link-button-font-weight, normal);
 }
 .LinkButton_root__SWC7c.LinkButton_size-18__XI44N {
   min-width: 18px;
@@ -747,7 +747,7 @@
   display: flex;
   align-items: center;
   font-family: var(--uui-tab-button-font);
-  font-weight: normal;
+  font-weight: var(--uui-tab-button-font-weight, normal);
   border-bottom: 3px solid transparent;
 }
 .TabButton_root__WwWmb.uui-has-left-icon .uui-caption {
@@ -1091,6 +1091,7 @@
 }
 .Checkbox_root__-oMf6 .uui-input-label {
   font-family: var(--uui-checkbox-font);
+  font-weight: var(--uui-checkbox-font-weigth, normal);
   color: var(--uui-checkbox-label);
   margin-left: 12px;
   flex-grow: 1;
@@ -1334,6 +1335,7 @@
   color: var(--uui-radio-input-label);
   flex-grow: 1;
   font-family: var(--uui-radio-input-font);
+  font-weight: var(--uui-radio-input-font-weight, normal);
   margin-left: 12px;
   display: flex;
   align-items: center;
@@ -1486,6 +1488,7 @@
 }
 .Switch_root__q-6Iy .uui-input-label {
   font-family: var(--uui-switch-font);
+  font-weight: var(--uui-switch-font-weight, normal);
   color: var(--uui-switch-label);
   margin-left: 11px;
 }
@@ -1675,6 +1678,7 @@
 .TextInput_root__UKzkT .uui-input {
   color: var(--uui-text-input-text);
   font-family: var(--uui-text-input-font);
+  font-weight: var(--uui-text-input-font, normal);
   padding-left: 6px;
   padding-right: 6px;
 }
@@ -1821,11 +1825,13 @@
 }
 .Accordion_root__fTEyW .uui-accordion-toggler {
   font-family: var(--uui-accordion-toggler-font);
+  font-weight: var(--uui-accordion-toggler-font-weight, normal);
   color: var(--uui-accordion-text);
   cursor: pointer;
 }
 .Accordion_root__fTEyW .uui-accordion-body {
   font-family: var(--uui-accordion-body-font);
+  font-weight: var(--uui-accordion-body-font-weight, normal);
   color: var(--uui-accordion-text);
 }
 .Accordion_root__fTEyW.uui-accordion-container.Accordion_mode-block__WJ0h9 {
@@ -2432,6 +2438,7 @@
   color: var(--uui-text-primary);
   fill: var(--uui-icon);
   font-family: var(--uui-dropdown-menu-body-font);
+  font-weight: var(--uui-dropdown-menu-body-font-weight, normal);
   font-size: 14px;
   padding: 0.5em 0;
   background-color: var(--uui-dropdown-menu-bg);
@@ -2471,6 +2478,7 @@
   box-sizing: border-box;
   width: 100%;
   font-family: var(--uui-dropdown-menu-item-font);
+  font-weight: var(--uui-dropdown-menu-item-font-weight, normal);
   cursor: default;
   font-size: 0.9em;
 }
@@ -2485,6 +2493,7 @@
   box-sizing: border-box;
   width: 100%;
   font-family: var(--uui-dropdown-menu-item-font);
+  font-weight: var(--uui-dropdown-menu-item-font-weight, normal);
   color: var(--uui-text-primary);
   fill: var(--uui-icon);
 }
@@ -2562,8 +2571,8 @@
   margin: 0 0.5em 0 0;
 }
 .Text_root__iUAW9 {
-  font-family: var(--uui-font);
-  font-weight: normal;
+  font-family: var(--uui-text-font);
+  font-weight: var(--uui-text-font-weight, normal);
   color: var(--uui-text);
 }
 .text-layout_line-height-12__-fXrz {
@@ -3200,140 +3209,12 @@
 .NotificationCard_root__HP4NM .NotificationCard_icon-wrapper__FZUAl .uui-icon {
   fill: var(--uui-notification-card-fill);
 }
-.Tooltip_typography-header__cNsyM .hero-header, .Tooltip_typography-header__cNsyM h1, .Tooltip_typography-header__cNsyM h2, .Tooltip_typography-header__cNsyM h3, .Tooltip_typography-header__cNsyM h4, .Tooltip_typography-header__cNsyM h5, .Tooltip_typography-header__cNsyM h6 {
-  margin: 0;
-}
-.Tooltip_typography-header__cNsyM .hero-header {
-  font-family: var(--font-promo);
-  margin: 30px 0;
-  font-size: 66px;
-  line-height: 72px;
-}
-.Tooltip_typography-header__cNsyM .hero-header, .Tooltip_typography-header__cNsyM .promo-header {
-  color: var(--uui-text-brand);
-  text-align: center;
-}
-.Tooltip_typography-header__cNsyM .promo-header, .Tooltip_typography-header__cNsyM h1, .Tooltip_typography-header__cNsyM h2, .Tooltip_typography-header__cNsyM h3 {
-  font-family: var(--font-primary);
-}
-.Tooltip_typography-header__cNsyM .promo-header {
-  text-transform: uppercase;
-}
-.Tooltip_typography-header__cNsyM h4, .Tooltip_typography-header__cNsyM h5, .Tooltip_typography-header__cNsyM h6 {
-  font-family: var(--font-semibold);
-}
-.Tooltip_typography-header__cNsyM h1, .Tooltip_typography-header__cNsyM h2, .Tooltip_typography-header__cNsyM h3, .Tooltip_typography-header__cNsyM h4, .Tooltip_typography-header__cNsyM h5, .Tooltip_typography-header__cNsyM h6 {
-  margin-bottom: 0.5em;
-  margin-top: 1.2em;
-  line-height: 1.35em;
-}
-.Tooltip_typography-header__cNsyM h1 {
-  font-size: 36px;
-}
-.Tooltip_typography-header__cNsyM h2 {
-  font-size: 30px;
-  letter-spacing: 0.1px;
-}
-.Tooltip_typography-header__cNsyM h2.promo-header {
-  letter-spacing: 2px;
-}
-.Tooltip_typography-header__cNsyM h3 {
-  font-size: 24px;
-}
-.Tooltip_typography-header__cNsyM h4 {
-  font-size: 18px;
-  letter-spacing: 0.1px;
-}
-.Tooltip_typography-header__cNsyM h5 {
-  font-size: 16px;
-}
-.Tooltip_typography-header__cNsyM h6 {
-  font-size: 14px;
-}
-
-.Tooltip_typography-block__l3S7W ol, .Tooltip_typography-block__l3S7W ul {
-  padding: 0;
-}
-.Tooltip_typography-block__l3S7W li {
-  margin-left: 1.25em;
-  line-height: 1.5;
-}
-.Tooltip_typography-block__l3S7W pre {
-  padding: 1.25em;
-  color: var(--gray10);
-  background-color: var(--uui-secondary-darkest);
-  font-family: monospace;
-  white-space: pre-wrap;
-  word-wrap: normal;
-}
-.Tooltip_typography-block__l3S7W img {
-  max-width: 100%;
-}
-.Tooltip_typography-block__l3S7W figure {
-  margin: 0;
-}
-.Tooltip_typography-block__l3S7W figure figcaption {
-  font-size: 0.9em;
-  opacity: 0.9;
-  text-align: center;
-}
-.Tooltip_typography-block__l3S7W p {
-  margin: 0.5em 0;
-  line-height: 1.5;
-}
-
-.Tooltip_typography-inline__PWbqK b, .Tooltip_typography-inline__PWbqK strong {
-  font-family: var(--font-semibold);
-}
-.Tooltip_typography-inline__PWbqK i, .Tooltip_typography-inline__PWbqK em {
-  font-family: var(--font-italic);
-}
-.Tooltip_typography-inline__PWbqK a {
-  display: inline-flex;
-  align-items: center;
-  color: var(--uui-primary);
-  text-decoration: underline;
-}
-.Tooltip_typography-inline__PWbqK a:visited {
-  color: #5214CC;
-}
-.Tooltip_typography-inline__PWbqK a:visited:hover {
-  color: #3F0F9E;
-}
-.Tooltip_typography-inline__PWbqK a:hover {
-  color: var(--uui-primary-dark);
-}
-.Tooltip_typography-inline__PWbqK code {
-  padding: 0.125em 0.25em;
-  color: var(--uui-text-primary);
-  background-color: var(--uui-secondary-light);
-  font-family: var(--font-mono);
-  white-space: pre-wrap;
-  word-wrap: normal;
-}
-
-.Tooltip_typography-16__v0Yv5 {
-  font-size: 16px;
-}
-
-.Tooltip_typography-14__WqOph {
-  font-size: 14px;
-}
-
-.Tooltip_typography-12__4oje1 {
-  font-size: 12px;
-}
-
-.Tooltip_typography-promo__Epmej {
-  font-family: var(--font-regular);
-  color: var(--uui-text-primary);
-}
-
 .Tooltip_root__zZwnu .uui-tooltip-body {
   padding: 3px 12px;
   line-height: 24px;
   font-size: 14px;
   font-family: var(--uui-tooltip-font);
+  font-weight: var(--uui-tooltip-font-weight, normal);
   box-shadow: var(--uui-tooltip-shadow);
   max-width: 300px;
   word-wrap: break-word;
@@ -3498,6 +3379,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--uui-labeled-input-font);
+  font-weight: var(--uui-labeled-input-font-weight, normal);
   color: var(--uui-labeled-input);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-info-icon {
@@ -3510,6 +3392,7 @@
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-optional {
   font-family: var(--uui-labeled-input-optional-font);
+  font-weight: var(--uui-labeled-input-optional-font-weight, normal);
   font-size: 12px;
   line-height: 18px;
   color: var(--uui-labeled-input-optional-text);
@@ -3522,6 +3405,7 @@
   font-size: 12px;
   color: var(--uui-labeled-input-error);
   font-family: var(--uui-labeled-input-invalid-msg-font);
+  font-weight: var(--uui-labeled-input-invalid-msg-font-weight, normal);
   margin-top: 3px;
 }
 .LabeledInput_root__xDC2q.LabeledInput_size-24__0LWBQ .uui-label-top > .uui-label {
@@ -4028,6 +3912,7 @@
   border-style: solid;
   border-radius: var(--uui-text-area-border-radius);
   font-family: var(--uui-text-area-font);
+  font-weight: var(--uui-text-area-font-weight, normal);
   box-sizing: border-box;
   padding-right: 18px;
   padding-left: 12px;
@@ -4130,6 +4015,7 @@
   font-size: 12px;
   color: var(--uui-text-area-icon);
   font-family: var(--uui-text-area-counter-font);
+  font-weight: var(--uui-text-area-counter-font-weight, normal);
 }
 .TextArea_root__rb0Et.TextArea_size-24__-1cgl {
   min-width: 24px;
@@ -4325,6 +4211,7 @@
 }
 .DatePicker_root__kqFyh .uui-datepickerheader-nav-title {
   font-family: var(--uui-dtp_header-font);
+  font-weight: var(--uui-dtp_header-font-weight, normal);
   color: var(--uui-dtp-text-selected);
   font-size: 14px;
   padding: 3px 10px;
@@ -4357,6 +4244,7 @@
 }
 .DatePicker_root__kqFyh .uui-monthselection-content, .DatePicker_root__kqFyh .uui-yearselection-content {
   font-family: var(--uui-dtp_body-content-font);
+  font-weight: var(--uui-dtp_body-content-font-weight, normal);
 }
 .DatePicker_root__kqFyh .uui-monthselection-month-container {
   margin: 0 0 12px;
@@ -4547,9 +4435,11 @@
 
 .Calendar_root__Vh71D .uui-calendar-content {
   font-family: var(--uui-calendar-content-font);
+  font-weight: var(--uui-calendar-content-font-weight, normal);
 }
 .Calendar_root__Vh71D .uui-calendar-weekday {
   font-family: var(--uui-calendar-weekday-font);
+  font-weight: var(--uui-calendar-weekday-font-weight, normal);
   color: var(--uui-calendar-weekends-weekdates);
   width: 34px;
   font-size: 12px;
@@ -4602,6 +4492,7 @@
 .Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper {
   color: var(--uui-calendar-start-end-selected);
   font-family: var(--uui-calendar-selected_day-font);
+  font-weight: var(--uui-calendar-selected_day-font-weight, normal);
 }
 .Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper .uui-calendar-day::after {
   position: absolute;
@@ -4768,8 +4659,8 @@
 .RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
   top: -3px;
 }
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
-  background: linear-gradient(320deg, #ffffff 3px, transparent 0), linear-gradient(-135deg, #ffffff 3px, transparent 0);
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper)::after {
+  background: linear-gradient(320deg, #FFFFFF 3px, transparent 0), linear-gradient(-135deg, #FFFFFF 3px, transparent 0);
   background-position: left-bottom;
   background-repeat: repeat-y;
   background-size: 6px 6px;
@@ -4789,9 +4680,9 @@
 .RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
   top: -3px;
 }
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after,
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
-  background: linear-gradient(45deg, #ffffff 3px, transparent 0), linear-gradient(135deg, #ffffff 3px, transparent 0);
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper)::after,
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper)::after {
+  background: linear-gradient(45deg, #FFFFFF 3px, transparent 0), linear-gradient(135deg, #FFFFFF 3px, transparent 0);
   background-position: left-bottom;
   background-repeat: repeat-y;
   background-size: 6px 6px;
@@ -5574,7 +5465,7 @@
   align-self: stretch;
   width: 100%;
 }
-.DataPickerBody_body__9Atow.DataPickerBody_multi__sToHj .-scrolled-bottom {
+.DataPickerBody_body__9Atow .-scrolled-bottom {
   border-bottom: 1px solid var(--uui-divider);
 }
 .DataPickerBody_body__9Atow.DataPickerBody_modal__zvOE2 .-scrolled-top {
@@ -6234,6 +6125,7 @@
 }
 .DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_caption__pF7VF {
   font-family: var(--uui-dt-header-cell-font);
+  font-weight: var(--uui-dt-header-cell-font-weight, normal);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -6289,8 +6181,8 @@
   cursor: pointer;
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_ghost__Yjb5B {
-  background-color: var(--uui-dt-row-bg-hover);
   box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+  background-color: var(--uui-dt-row-bg-hover);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_is-dragged-out__HzBd6 {
   background-color: var(--uui-dt-row-bg-hover);
@@ -6683,8 +6575,8 @@
   touch-action: auto;
 }
 .ColumnRow_row-wrapper__XJiWz.uui-drag-ghost {
-  background-color: var(--uui-surface);
   box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+  background-color: var(--uui-surface);
 }
 @media screen and (max-width: 720px) {
   .ColumnHeaderDropdown_panel__52aQo {
@@ -7124,7 +7016,7 @@
   border-top: 1px solid var(--uui-divider);
 }
 .MobileDropdownWrapper_done__kE5Pe.uui-button-box {
-  background-color: #fff;
+  background-color: #FFF;
   border-width: 1px !important;
 }
 .PickerModal_typography-header__UkGcm .hero-header, .PickerModal_typography-header__UkGcm h1, .PickerModal_typography-header__UkGcm h2, .PickerModal_typography-header__UkGcm h3, .PickerModal_typography-header__UkGcm h4, .PickerModal_typography-header__UkGcm h5, .PickerModal_typography-header__UkGcm h6 {
@@ -7275,6 +7167,7 @@
   margin-left: 3px;
   line-height: 1;
   font-family: var(--uui-avatar-stack-font);
+  font-weight: var(--uui-avatar-stack-font-weight, normal);
   font-size: 14px;
 }
 .Badge_typography-header__zhcFQ .hero-header, .Badge_typography-header__zhcFQ h1, .Badge_typography-header__zhcFQ h2, .Badge_typography-header__zhcFQ h3, .Badge_typography-header__zhcFQ h4, .Badge_typography-header__zhcFQ h5, .Badge_typography-header__zhcFQ h6 {
@@ -7408,6 +7301,7 @@
 
 .Badge_root__wIzSP .uui-count {
   font-family: var(--uui-badge-count-font);
+  font-weight: var(--uui-badge-count-font-weight, normal);
   margin: auto;
   height: 18px;
   line-height: 18px;
@@ -7423,6 +7317,7 @@
 }
 .Badge_root__wIzSP .uui-caption {
   font-family: var(--uui-badge-font);
+  font-weight: var(--uui-badge-font-weight, normal);
 }
 .Badge_root__wIzSP.uui-button-box {
   border-width: 1px;
@@ -7790,6 +7685,7 @@
   background-color: var(--uui-tag-count-bg);
   color: var(--uui-tag-count);
   font-family: var(--uui-tag-count-font);
+  font-weight: var(--uui-tag-count-font-weight, normal);
   margin: auto;
   height: 18px;
   line-height: 18px;
@@ -7809,6 +7705,7 @@
 .Tag_root__610w5.uui-button-box .uui-caption {
   text-transform: none;
   font-family: var(--uui-tag-font);
+  font-weight: var(--uui-tag-font-weight, normal);
   color: var(--uui-tag-caption);
 }
 .Tag_root__610w5.Tag_size-18__mPDDm {
@@ -7946,6 +7843,7 @@
 }
 .Paginator_root__axS3r .Paginator_size-24__ZlsRd .uui-caption {
   font-family: var(--uui-pagination-font);
+  font-weight: var(--uui-pagination-font-weight, normal);
   font-size: 14px;
   padding-left: 2px;
   padding-right: 2px;
@@ -7964,6 +7862,7 @@
 }
 .Paginator_root__axS3r .Paginator_size-30__Uw66- .uui-caption {
   font-family: var(--uui-pagination-font);
+  font-weight: var(--uui-pagination-font-weight, normal);
   font-size: 14px;
   padding-left: 5px;
   padding-right: 5px;
@@ -7982,6 +7881,7 @@
 }
 .Paginator_root__axS3r .Paginator_navigation-size-24__FpImt .uui-caption {
   font-family: var(--uui-pagination-font);
+  font-weight: var(--uui-pagination-font-weight, normal);
   font-size: 14px;
   padding-left: 0;
   padding-right: 0;
@@ -7997,6 +7897,7 @@
 }
 .Paginator_root__axS3r .Paginator_navigation-size-30__-PWmy .uui-caption {
   font-family: var(--uui-pagination-font);
+  font-weight: var(--uui-pagination-font-weight, normal);
   font-size: 14px;
   padding-left: 0;
   padding-right: 0;
@@ -8192,6 +8093,19 @@
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t.uui-focus {
   outline: none;
 }
+.PickerToggler_root__G7gEl.PickerToggler_mode-inline__AIRuh {
+  background-color: initial;
+  border-color: transparent;
+  border-radius: var(--uui-picker-toggler-border-radius);
+  fill: var(--uui-picker-toggler-icon-clickable);
+}
+.PickerToggler_root__G7gEl.PickerToggler_mode-inline__AIRuh:hover {
+  border-color: var(--uui-picker-toggler-border-hover);
+}
+.PickerToggler_root__G7gEl.PickerToggler_mode-inline__AIRuh.uui-focus {
+  border-color: var(--uui-picker-toggler-border-active);
+  outline: none;
+}
 .PickerToggler_root__G7gEl.uui-invalid.PickerToggler_mode-form__OlTHW {
   border-color: var(--uui-picker-toggler-border-error);
 }
@@ -8292,6 +8206,7 @@
   padding-right: 6px;
   margin-bottom: 2px;
   font-family: var(--uui-picker-toggler-font);
+  font-weight: var(--uui-picker-toggler-font-weight, normal);
   color: var(--uui-picker-toggler-text);
 }
 .PickerToggler_root__G7gEl .uui-input::placeholder {
@@ -8304,6 +8219,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--uui-picker-toggler-font);
+  font-weight: var(--uui-picker-toggler-font-weight, normal);
   align-self: center;
   white-space: nowrap;
 }
@@ -8771,6 +8687,7 @@
 }
 .FilterPanelItemToggler_root__KIGYZ.uui-input-box .FilterPanelItemToggler_title-wrapper__hrBtt {
   font-family: var(--uui-filters-toggler-font);
+  font-weight: var(--uui-filters-toggler-font-weight, normal);
   flex: 1 1 auto;
   min-width: 0;
   outline: none;
@@ -8874,139 +8791,6 @@
   margin-bottom: auto;
   padding-left: 3px;
 }
-.FilterPickerBody_typography-header__2k2Z8 .hero-header, .FilterPickerBody_typography-header__2k2Z8 h1, .FilterPickerBody_typography-header__2k2Z8 h2, .FilterPickerBody_typography-header__2k2Z8 h3, .FilterPickerBody_typography-header__2k2Z8 h4, .FilterPickerBody_typography-header__2k2Z8 h5, .FilterPickerBody_typography-header__2k2Z8 h6 {
-  margin: 0;
-}
-.FilterPickerBody_typography-header__2k2Z8 .hero-header {
-  font-family: var(--font-promo);
-  margin: 30px 0;
-  font-size: 66px;
-  line-height: 72px;
-}
-.FilterPickerBody_typography-header__2k2Z8 .hero-header, .FilterPickerBody_typography-header__2k2Z8 .promo-header {
-  color: var(--uui-text-brand);
-  text-align: center;
-}
-.FilterPickerBody_typography-header__2k2Z8 .promo-header, .FilterPickerBody_typography-header__2k2Z8 h1, .FilterPickerBody_typography-header__2k2Z8 h2, .FilterPickerBody_typography-header__2k2Z8 h3 {
-  font-family: var(--font-primary);
-}
-.FilterPickerBody_typography-header__2k2Z8 .promo-header {
-  text-transform: uppercase;
-}
-.FilterPickerBody_typography-header__2k2Z8 h4, .FilterPickerBody_typography-header__2k2Z8 h5, .FilterPickerBody_typography-header__2k2Z8 h6 {
-  font-family: var(--font-semibold);
-}
-.FilterPickerBody_typography-header__2k2Z8 h1, .FilterPickerBody_typography-header__2k2Z8 h2, .FilterPickerBody_typography-header__2k2Z8 h3, .FilterPickerBody_typography-header__2k2Z8 h4, .FilterPickerBody_typography-header__2k2Z8 h5, .FilterPickerBody_typography-header__2k2Z8 h6 {
-  margin-bottom: 0.5em;
-  margin-top: 1.2em;
-  line-height: 1.35em;
-}
-.FilterPickerBody_typography-header__2k2Z8 h1 {
-  font-size: 36px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h2 {
-  font-size: 30px;
-  letter-spacing: 0.1px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h2.promo-header {
-  letter-spacing: 2px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h3 {
-  font-size: 24px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h4 {
-  font-size: 18px;
-  letter-spacing: 0.1px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h5 {
-  font-size: 16px;
-}
-.FilterPickerBody_typography-header__2k2Z8 h6 {
-  font-size: 14px;
-}
-
-.FilterPickerBody_typography-block__IVJqu ol, .FilterPickerBody_typography-block__IVJqu ul {
-  padding: 0;
-}
-.FilterPickerBody_typography-block__IVJqu li {
-  margin-left: 1.25em;
-  line-height: 1.5;
-}
-.FilterPickerBody_typography-block__IVJqu pre {
-  padding: 1.25em;
-  color: var(--gray10);
-  background-color: var(--uui-secondary-darkest);
-  font-family: monospace;
-  white-space: pre-wrap;
-  word-wrap: normal;
-}
-.FilterPickerBody_typography-block__IVJqu img {
-  max-width: 100%;
-}
-.FilterPickerBody_typography-block__IVJqu figure {
-  margin: 0;
-}
-.FilterPickerBody_typography-block__IVJqu figure figcaption {
-  font-size: 0.9em;
-  opacity: 0.9;
-  text-align: center;
-}
-.FilterPickerBody_typography-block__IVJqu p {
-  margin: 0.5em 0;
-  line-height: 1.5;
-}
-
-.FilterPickerBody_typography-inline__mBxPJ b, .FilterPickerBody_typography-inline__mBxPJ strong {
-  font-family: var(--font-semibold);
-}
-.FilterPickerBody_typography-inline__mBxPJ i, .FilterPickerBody_typography-inline__mBxPJ em {
-  font-family: var(--font-italic);
-}
-.FilterPickerBody_typography-inline__mBxPJ a {
-  display: inline-flex;
-  align-items: center;
-  color: var(--uui-primary);
-  text-decoration: underline;
-}
-.FilterPickerBody_typography-inline__mBxPJ a:visited {
-  color: #5214CC;
-}
-.FilterPickerBody_typography-inline__mBxPJ a:visited:hover {
-  color: #3F0F9E;
-}
-.FilterPickerBody_typography-inline__mBxPJ a:hover {
-  color: var(--uui-primary-dark);
-}
-.FilterPickerBody_typography-inline__mBxPJ code {
-  padding: 0.125em 0.25em;
-  color: var(--uui-text-primary);
-  background-color: var(--uui-secondary-light);
-  font-family: var(--font-mono);
-  white-space: pre-wrap;
-  word-wrap: normal;
-}
-
-.FilterPickerBody_typography-16__dtP5r {
-  font-size: 16px;
-}
-
-.FilterPickerBody_typography-14__HZiqg {
-  font-size: 14px;
-}
-
-.FilterPickerBody_typography-12__w8xeY {
-  font-size: 12px;
-}
-
-.FilterPickerBody_typography-promo__S9Gyx {
-  font-family: var(--font-regular);
-  color: var(--uui-text-primary);
-}
-
-.FilterPickerBody_footer-wrapper__-CvZO {
-  border-top: 1px solid var(--uui-control-border);
-  justify-content: flex-end;
-}
 .FilterRangeDatePickerBody_typography-header__HGaXO .hero-header, .FilterRangeDatePickerBody_typography-header__HGaXO h1, .FilterRangeDatePickerBody_typography-header__HGaXO h2, .FilterRangeDatePickerBody_typography-header__HGaXO h3, .FilterRangeDatePickerBody_typography-header__HGaXO h4, .FilterRangeDatePickerBody_typography-header__HGaXO h5, .FilterRangeDatePickerBody_typography-header__HGaXO h6 {
   margin: 0;
 }
@@ -9399,6 +9183,7 @@
 
 .FiltersPanelItem_header__1Ogc3 {
   font-family: var(--uui-filters-panel-header-font);
+  font-weight: var(--uui-filters-panel-header-font-weight, normal);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -9407,6 +9192,12 @@
 .FiltersPanelItem_header__1Ogc3 button.FiltersPanelItem_removeButton__ykSMB {
   padding-left: 24px;
 }
+
+@media screen and (max-width: 720px) {
+  .FiltersPanelItem_panel__aLA55 {
+    height: var(--app-mobile-height);
+  }
+}
 .PresetsPanel_divider__jIY7S {
   margin-right: 3px;
   border-left: 1px solid var(--uui-divider);
@@ -9506,6 +9297,7 @@
   border-radius: 5px 5px 0 0;
   border-bottom: 0;
   font-family: var(--uui-main_menu-font);
+  font-weight: var(--uui-main_menu-font-weight, normal);
   font-size: 9px;
   text-transform: uppercase;
 }
@@ -9727,6 +9519,7 @@
   border: 0;
   outline: none;
   font-family: var(--uui-burger_btn-font);
+  font-weight: var(--uui-burger_btn-font-weight, normal);
   line-height: 48px;
   flex-shrink: 0;
 }
@@ -9775,6 +9568,7 @@
 .BurgerSearch_search-input__pTnno .uui-input {
   color: var(--uui-burger_search);
   font-family: var(--uui-burger_search-font);
+  font-weight: var(--uui-burger_search-font-weight, normal);
 }
 .BurgerSearch_search-input__pTnno .uui-input::placeholder {
   color: var(--uui-burger_search-placeholder);
@@ -9802,6 +9596,7 @@
 
 .BurgerGroupHeader_group-name__szcRq {
   font-family: var(--uui-burger_group-font);
+  font-weight: var(--uui-burger_group-font-weight, normal);
   font-size: 12px;
   color: var(--uui-burger_group-text);
   background: var(--uui-burger_group-bg);
@@ -9863,6 +9658,7 @@
 .MainMenuSearch_search-input__xTdYX .uui-input {
   color: var(--uui-main_menu-text);
   font-family: var(--uui-main_menu-search-font);
+  font-weight: var(--uui-main_menu-search-font-weight, normal);
 }
 .MainMenuSearch_search-input__xTdYX .uui-input::placeholder {
   color: var(--uui-main_menu-search-border);
@@ -10045,6 +9841,7 @@
   line-height: 16px;
   margin-bottom: -3px;
   font-family: var(--uui-main_menu-font);
+  font-weight: var(--uui-main_menu-font-weight, normal);
 }
 .MainMenuButton_root__182y5.uui-button-box, .MainMenuButton_root__182y5.uui-input-box {
   min-height: 60px;