npm - @skbkontur/react-ui - Versions diffs - 6.4.2-static-css.0 → 6.4.3-6344a.0 - Mend

@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-6344a.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (941) hide show

package/themes/dark-6-1.scoped.css DELETED Viewed

@@ -1,1439 +0,0 @@
-.react-ui-theme-cqp81q { --kontur-autocompleteMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-baseFontFamily: "Lab Grotesque", "Lab Grotesque K", Arial, sans-serif;
---kontur-bgActive: #141414;
---kontur-bgChecked: #EBEBEB;
---kontur-bgDefault: var(--k-color-surface-high, #ffffff);
---kontur-bgDisabled: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-bgSecondary: var(--kontur-bgDefault);
---kontur-black: #000;
---kontur-blinkColor: rgba(0, 136, 255, 0.2);
---kontur-blue: #1874cf;
---kontur-blueLight: #1f87ef;
---kontur-blueXxLight: #cdedff;
---kontur-borderColorDisabled: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-borderColorError: var(--k-color-line-error-bold, #d6192a);
---kontur-borderColorFocus: var(--k-color-line-accent-bold, #484848);
---kontur-borderColorFocusLight: #1260ae;
---kontur-borderColorGrayDark: rgba(0, 0, 0, 0.28);
---kontur-borderColorGrayLight: rgba(255, 255, 255, 0.16);
---kontur-borderColorWarning: var(--k-color-line-warning-bold, #fdaa00);
---kontur-brand: var(--k-color-shape-bold-brand-original, #FE4C4C);
---kontur-btnBackgroundClip: padding-box;
---kontur-btnBacklessActiveBg: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-btnBacklessActiveBorderColor: var(--kontur-btnBacklessBorderColor);
---kontur-btnBacklessBg: transparent;
---kontur-btnBacklessBorderColor: var(--kontur-btnDefaultBorderColor);
---kontur-btnBacklessDisabledBorderColor: var(--kontur-btnDisabledBorderColor);
---kontur-btnBacklessHoverBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-btnBacklessHoverBorderColor: var(--kontur-btnBacklessBorderColor);
---kontur-btnBacklessTextColor: var(--kontur-btnDefaultTextColor);
---kontur-btnBorderColorError: var(--k-color-line-error-bold, #d6192a);
---kontur-btnBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-btnBorderColorWarning: var(--k-color-line-warning-bold, #fdaa00);
---kontur-btnBorderRadiusLarge: 8px;
---kontur-btnBorderRadiusMedium: 8px;
---kontur-btnBorderRadiusSmall: 8px;
---kontur-btnBorderWidth: var(--kontur-controlBorderWidth);
---kontur-btnCheckedBg: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-btnCheckedDisabledBg: var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32));
---kontur-btnCheckedDisabledBorderColor: var(--kontur-btnCheckedDisabledBg);
---kontur-btnCheckedDisabledColor: var(--k-color-text-inverted-neutral-soft, rgba(255, 255, 255, 0.64));
---kontur-btnCheckedDisabledShadow: none;
---kontur-btnCheckedShadow: none;
---kontur-btnCheckedTextColor: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
---kontur-btnDangerActiveBg: var(--k-color-shape-bold-error-pressed, #cd3235);
---kontur-btnDangerActiveBorderColor: var(--kontur-btnDangerActiveBg);
---kontur-btnDangerActiveShadow: none;
---kontur-btnDangerBg: var(--k-color-shape-bold-error, #f63b40);
---kontur-btnDangerBgEnd: none;
---kontur-btnDangerBgStart: none;
---kontur-btnDangerBorderColor: var(--kontur-btnDangerBg);
---kontur-btnDangerHoverBg: var(--k-color-shape-bold-error-hover, #e62b34);
---kontur-btnDangerHoverBgEnd: none;
---kontur-btnDangerHoverBgStart: none;
---kontur-btnDangerHoverBorderColor: var(--kontur-btnDangerHoverBg);
---kontur-btnDangerTextColor: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-btnDefaultActiveBg: rgba(255, 255, 255, .04);
---kontur-btnDefaultActiveBorderColor: var(--kontur-btnDefaultBorderColor);
---kontur-btnDefaultActiveShadow: none;
---kontur-btnDefaultBg: rgba(255, 255, 255, .06);
---kontur-btnDefaultBgEnd: none;
---kontur-btnDefaultBgStart: none;
---kontur-btnDefaultBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-btnDefaultCheckedBorderColor: var(--kontur-btnCheckedBg);
---kontur-btnDefaultHoverBg: rgba(255, 255, 255, .08);
---kontur-btnDefaultHoverBgEnd: none;
---kontur-btnDefaultHoverBgStart: none;
---kontur-btnDefaultHoverBorderColor: var(--kontur-btnDefaultBorderColor);
---kontur-btnDefaultHoverTextColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-btnDefaultTextColor: var(--kontur-textColorDefault);
---kontur-btnDisabledBg: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-btnDisabledBorderColor: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-btnDisabledTextColor: var(--kontur-textColorDisabled);
---kontur-btnErrorSecondary: var(--k-color-shape-faint-error, #ffedef);
---kontur-btnFillActiveBg: var(--k-color-shape-other-base-pressed, rgba(255, 255, 255, 0.32));
---kontur-btnFillBg: var(--k-color-shape-other-base, #ffffff);
---kontur-btnFillHoverBg: var(--k-color-shape-other-base-hover, rgba(255, 255, 255, 0.64));
---kontur-btnFocusShadowWidth: 2px;
---kontur-btnFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-btnFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-btnFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-btnHeightLarge: calc(2 * var(--kontur-btnBorderWidth) + 2 * var(--kontur-btnPaddingYLarge) + var(--kontur-btnLineHeightLarge));
---kontur-btnHeightMedium: calc(2 * var(--kontur-btnBorderWidth) + 2 * var(--kontur-btnPaddingYMedium) + var(--kontur-btnLineHeightMedium));
---kontur-btnHeightSmall: calc(2 * var(--kontur-btnBorderWidth) + 2 * var(--kontur-btnPaddingYSmall) + var(--kontur-btnLineHeightSmall));
---kontur-btnIconGapLargeLeft: 8px;
---kontur-btnIconGapLargeRight: var(--kontur-btnIconGapLargeLeft);
---kontur-btnIconGapMediumLeft: 6px;
---kontur-btnIconGapMediumRight: var(--kontur-btnIconGapMediumLeft);
---kontur-btnIconGapSmallLeft: 4px;
---kontur-btnIconGapSmallRight: var(--kontur-btnIconGapSmallLeft);
---kontur-btnIconSizeLarge: 24px;
---kontur-btnIconSizeMedium: 20px;
---kontur-btnIconSizeSmall: 16px;
---kontur-btnInsetColor: var(--k-color-surface-base, #ffffff);
---kontur-btnInsetWidth: 1px;
---kontur-btnLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-btnLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-btnLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-btnLinkActiveColor: var(--kontur-linkActiveColor);
---kontur-btnLinkBorderRadius: 2px;
---kontur-btnLinkColor: var(--kontur-linkColor);
---kontur-btnLinkDisabledColor: var(--kontur-linkDisabledColor);
---kontur-btnLinkHoverColor: var(--kontur-linkHoverColor);
---kontur-btnLinkHoverLineBorderBottomStyle: var(--kontur-btnLinkLineBorderBottomStyle);
---kontur-btnLinkHoverTextDecoration: var(--kontur-linkHoverTextDecoration);
---kontur-btnLinkHoverTextDecorationStyle: var(--kontur-linkTextDecorationStyle);
---kontur-btnLinkIconMarginLeft: var(--kontur-linkIconMarginRight);
---kontur-btnLinkIconMarginRight: var(--kontur-linkIconMarginRight);
---kontur-btnLinkLineBorderBottomOpacity: var(--kontur-linkLineBorderBottomOpacity);
---kontur-btnLinkLineBorderBottomStyle: var(--kontur-linkLineBorderBottomStyle);
---kontur-btnLinkLineBorderBottomWidth: var(--kontur-linkLineBorderBottomWidth);
---kontur-btnLinkTextDecorationColor: var(--kontur-linkTextDecorationColor);
---kontur-btnLinkTextDecorationStyle: var(--kontur-linkTextDecorationStyle);
---kontur-btnLinkTextDecorationThickness: var(--kontur-linkTextDecorationThickness);
---kontur-btnLinkTextUnderlineOffset: var(--kontur-linkTextUnderlineOffset);
---kontur-btnLinkTextUnderlineOpacity: var(--kontur-linkTextUnderlineOpacity);
---kontur-btnMenuArrowColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-btnOutlineColorFocus: #1f1f1f;
---kontur-btnOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-btnPaddingXLarge: 20px;
---kontur-btnPaddingXMedium: 16px;
---kontur-btnPaddingXSmall: 12px;
---kontur-btnPaddingYLarge: var(--kontur-controlPaddingYLarge);
---kontur-btnPaddingYMedium: var(--kontur-controlPaddingYMedium);
---kontur-btnPaddingYSmall: var(--kontur-controlPaddingYSmall);
---kontur-btnPayActiveBg: var(--k-color-shape-bold-warning-pressed, #ec9e32);
---kontur-btnPayActiveBorderColor: var(--kontur-btnPayActiveBg);
---kontur-btnPayActiveShadow: none;
---kontur-btnPayBg: var(--k-color-shape-bold-warning, #ffbe3d);
---kontur-btnPayBgEnd: none;
---kontur-btnPayBgStart: none;
---kontur-btnPayBorderColor: var(--kontur-btnPayBg);
---kontur-btnPayHoverBg: var(--k-color-shape-bold-warning-hover, #fdaa00);
---kontur-btnPayHoverBgEnd: none;
---kontur-btnPayHoverBgStart: none;
---kontur-btnPayHoverBorderColor: var(--kontur-btnPayHoverBg);
---kontur-btnPayTextColor: var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88));
---kontur-btnPrimaryActiveBg: var(--k-color-shape-bold-accent-pressed, #161616);
---kontur-btnPrimaryActiveBorderColor: var(--kontur-btnPrimaryActiveBg);
---kontur-btnPrimaryActiveShadow: none;
---kontur-btnPrimaryBg: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-btnPrimaryBgEnd: none;
---kontur-btnPrimaryBgStart: none;
---kontur-btnPrimaryBorderColor: var(--kontur-btnPrimaryBg);
---kontur-btnPrimaryHoverBg: var(--k-color-shape-bold-accent-hover, #292929);
---kontur-btnPrimaryHoverBgEnd: none;
---kontur-btnPrimaryHoverBgStart: none;
---kontur-btnPrimaryHoverBorderColor: var(--kontur-btnPrimaryHoverBg);
---kontur-btnPrimaryTextColor: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
---kontur-btnSuccessActiveBg: var(--k-color-shape-bold-success-pressed, #178b3f);
---kontur-btnSuccessActiveBorderColor: var(--kontur-btnSuccessActiveBg);
---kontur-btnSuccessActiveShadow: none;
---kontur-btnSuccessBg: var(--k-color-shape-bold-success, #00a948);
---kontur-btnSuccessBgEnd: none;
---kontur-btnSuccessBgStart: none;
---kontur-btnSuccessBorderColor: var(--kontur-btnSuccessBg);
---kontur-btnSuccessHoverBg: var(--k-color-shape-bold-success-hover, #009b41);
---kontur-btnSuccessHoverBgEnd: none;
---kontur-btnSuccessHoverBgStart: none;
---kontur-btnSuccessHoverBorderColor: var(--kontur-btnSuccessHoverBg);
---kontur-btnSuccessHoverTextColor: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-btnSuccessTextColor: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-btnTextActiveBg: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-btnTextBg: transparent;
---kontur-btnTextBorderColor: transparent;
---kontur-btnTextHoverBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-btnTextHoverBorderColor: var(--kontur-btnTextHoverBg);
---kontur-btnTextTextColor: var(--kontur-btnDefaultTextColor);
---kontur-btnWarningSecondary: var(--k-color-shape-faint-warning, #fff1ca);
---kontur-btnWithIconPaddingLarge: 12px;
---kontur-btnWithIconPaddingLeftLarge: var(--kontur-btnWithIconPaddingLarge);
---kontur-btnWithIconPaddingLeftMedium: var(--kontur-btnWithIconPaddingMedium);
---kontur-btnWithIconPaddingMedium: 10px;
---kontur-btnWithIconPaddingSmall: 8px;
---kontur-calendarBg: var(--k-color-surface-high, #ffffff);
---kontur-calendarBorderRadius: 8px;
---kontur-calendarBottomSeparatorBorder: var(--kontur-calendarBottomSeparatorBorderWidth) solid var(--kontur-calendarBottomSeparatorBorderColor);
---kontur-calendarBottomSeparatorBorderColor: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-calendarBottomSeparatorBorderWidth: 1px;
---kontur-calendarCellBg: transparent;
---kontur-calendarCellBorderRadius: 9999px;
---kontur-calendarCellFontSize: 14px;
---kontur-calendarCellHeight: 32px;
---kontur-calendarCellHoverBgColor: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-calendarCellLineHeight: calc(var(--kontur-calendarCellHeight) - 2px);
---kontur-calendarCellSelectedBgColor: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-calendarCellSelectedFontColor: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
---kontur-calendarCellTodayBorder: 1px solid;
---kontur-calendarCellWeekendColor: var(--k-color-customizable-heavy-red, #c50220);
---kontur-calendarCellWidth: var(--kontur-calendarCellHeight);
---kontur-calendarGridRowSpacing: 0px;
---kontur-calendarMaxMonthsToAppendOnScroll: 5;
---kontur-calendarMonthHeaderStickedBgColor: var(--kontur-calendarBg);
---kontur-calendarMonthMarginBottom: 6px;
---kontur-calendarMonthTitleBorderBottomColor: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-calendarMonthTitleLineHeight: 20px;
---kontur-calendarMonthTitleMarginBottom: 6px;
---kontur-calendarMonthTitleMarginX: 6px;
---kontur-calendarMonthTitlePaddingBottom: 8px;
---kontur-calendarMonthTitlePaddingTop: 12px;
---kontur-calendarPaddingX: 18px;
---kontur-calendarWrapperHeight:  330px;
---kontur-checkboxActiveBg: var(--k-color-shape-other-field-pressed, #e4e4e4);
---kontur-checkboxBg: var(--k-color-shape-other-field, #ffffff);
---kontur-checkboxBgDisabled: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-checkboxBgEnd: #ededed;
---kontur-checkboxBgStart: #fdfdfd;
---kontur-checkboxBorder: none;
---kontur-checkboxBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-checkboxBorderColorActive: var(--k-color-line-neutral-pale-pressed, rgba(0, 0, 0, 0.4));
---kontur-checkboxBorderColorDisabled: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-checkboxBorderColorError: var(--kontur-borderColorError);
---kontur-checkboxBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-checkboxBorderColorHover: var(--k-color-line-neutral-pale-hover, rgba(0, 0, 0, 0.24));
---kontur-checkboxBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-checkboxBorderRadius: 4px;
---kontur-checkboxBorderWidth: var(--kontur-controlBorderWidth);
---kontur-checkboxBoxOffsetY: 1px;
---kontur-checkboxBoxSizeLarge: 24px;
---kontur-checkboxBoxSizeMedium: 20px;
---kontur-checkboxBoxSizeSmall: 16px;
---kontur-checkboxCaptionGap: 8px;
---kontur-checkboxCheckedActiveBg: var(--k-color-shape-bold-accent-pressed, #161616);
---kontur-checkboxCheckedActiveShadow: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxCheckedActiveBg);
---kontur-checkboxCheckedBg: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-checkboxCheckedColor: var(--k-color-shape-inverted-neutral-heavy, #ffffff);
---kontur-checkboxCheckedHoverBg: var(--k-color-shape-bold-accent-hover, #292929);
---kontur-checkboxCheckedHoverShadow: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxCheckedHoverBg);
---kontur-checkboxCheckedShadow: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxCheckedBg);
---kontur-checkboxCommentFontSizeLarge: var(--kontur-commentFontSizeLarge);
---kontur-checkboxCommentFontSizeMedium: var(--kontur-commentFontSizeMedium);
---kontur-checkboxCommentFontSizeSmall: var(--kontur-commentFontSizeSmall);
---kontur-checkboxCommentLineHeightLarge: var(--kontur-commentLineHeightLarge);
---kontur-checkboxCommentLineHeightMedium: var(--kontur-commentLineHeightMedium);
---kontur-checkboxCommentLineHeightSmall: var(--kontur-commentLineHeightSmall);
---kontur-checkboxCommentTextColor: var(--kontur-commentTextColor);
---kontur-checkboxFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-checkboxFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-checkboxFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-checkboxHoverBg: var(--k-color-shape-other-field-hover, #f2f2f2);
---kontur-checkboxLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-checkboxLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-checkboxLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-checkboxOutlineColorFocus: var(--kontur-outlineColorFocus);
---kontur-checkboxOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-checkboxPaddingXLarge: 0;
---kontur-checkboxPaddingXMedium: 0;
---kontur-checkboxPaddingXSmall: 0;
---kontur-checkboxPaddingYLarge: calc((var(--kontur-controlHeightLarge) - var(--kontur-checkboxLineHeightLarge)) / 2);
---kontur-checkboxPaddingYMedium: calc((var(--kontur-controlHeightMedium) - var(--kontur-checkboxLineHeightMedium)) / 2);
---kontur-checkboxPaddingYSmall: calc((var(--kontur-controlHeightSmall) - var(--kontur-checkboxLineHeightSmall)) / 2);
---kontur-checkboxShadow: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxBorderColor);
---kontur-checkboxShadowActive: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxBorderColorActive);
---kontur-checkboxShadowDisabled: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxBorderColorDisabled);
---kontur-checkboxShadowHover: 0 0 0 var(--kontur-checkboxBorderWidth) var(--kontur-checkboxBorderColorHover);
---kontur-checkboxTextColorDefault: var(--kontur-textColorDefault);
---kontur-checkboxTextColorDisabled: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-clearCrossIconAlign: flex-start;
---kontur-clearCrossIconBorderRadiusLarge: var(--kontur-inputBorderRadiusLarge);
---kontur-clearCrossIconBorderRadiusMedium: var(--kontur-inputBorderRadiusMedium);
---kontur-clearCrossIconBorderRadiusSmall: var(--kontur-inputBorderRadiusSmall);
---kontur-clearCrossIconColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-clearCrossIconHeightLarge: var(--kontur-inputHeightLarge);
---kontur-clearCrossIconHeightMedium: var(--kontur-inputHeightMedium);
---kontur-clearCrossIconHeightSmall: var(--kontur-inputHeightSmall);
---kontur-clearCrossIconHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-clearCrossIconRightMarginLarge: calc(-1 * (var(--kontur-inputPaddingXLarge) + var(--kontur-inputBorderWidth)));
---kontur-clearCrossIconRightMarginMedium: calc(-1 * (var(--kontur-inputPaddingXMedium) + var(--kontur-inputBorderWidth)));
---kontur-clearCrossIconRightMarginSmall: calc(-1 * (var(--kontur-inputPaddingXSmall) + var(--kontur-inputBorderWidth)));
---kontur-clearCrossIconWidthLarge: 36px;
---kontur-clearCrossIconWidthMedium: 30px;
---kontur-clearCrossIconWidthSmall: 24px;
---kontur-closeBtnIconBorderRadius: 4px;
---kontur-closeBtnIconColor: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
---kontur-closeBtnIconDisabledColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-closeBtnIconFocusShadow: inset 0 0 0 1px var(--kontur-borderColorFocus), inset 0 0 0 2px var(--kontur-outlineColorFocus);
---kontur-closeBtnIconHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-closeGrayColor: rgba(0, 0, 0, 0.32);
---kontur-comboboxMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-commentFontSizeLarge: 16px;
---kontur-commentFontSizeMedium: 14px;
---kontur-commentFontSizeSmall: 12px;
---kontur-commentLineHeightLarge: 22px;
---kontur-commentLineHeightMedium: 20px;
---kontur-commentLineHeightSmall: 16px;
---kontur-commentTextColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-controlBorderWidth: 1px;
---kontur-controlHeightLarge: 48px;
---kontur-controlHeightMedium: 40px;
---kontur-controlHeightSmall: 32px;
---kontur-controlLineHeightLarge: 24px;
---kontur-controlLineHeightMedium: 22px;
---kontur-controlLineHeightSmall: 20px;
---kontur-controlOutlineWidth: 2px;
---kontur-controlPaddingYLarge: 11px;
---kontur-controlPaddingYMedium: 8px;
---kontur-controlPaddingYSmall: 5px;
---kontur-dateInputIconColor: var(--kontur-textColorDefault);
---kontur-dateInputMaskColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-datePickerMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-datePickerOpenBtnColor: var(--kontur-textColorDefault);
---kontur-dateSelectFontSize: 14px;
---kontur-dateSelectFontWeight: bold;
---kontur-dateSelectLineHeight: 20px;
---kontur-dateSelectLinkColor: var(--kontur-linkColor);
---kontur-dateSelectMenuBg: var(--kontur-bgSecondary);
---kontur-dateSelectMenuItemBgDisabled: var(--kontur-bgSecondary);
---kontur-dateSelectMenuItemFontDisabled: var(--kontur-textColorDisabled);
---kontur-dateSelectMenuItemFontSelected: var(--kontur-textColorDefault);
---kontur-dateSelectPopupBoxShadow: var(--kontur-popupBoxShadow);
---kontur-dateSelectTextColorDefault: var(--kontur-textColorDefault);
---kontur-dateSelectTextColorDisabled: var(--kontur-textColorDisabled);
---kontur-dropdownBgDisabled: var(--kontur-btnDisabledBg);
---kontur-dropdownBorderColorDisabled: var(--kontur-btnDisabledBorderColor);
---kontur-dropdownBorderWidth: var(--kontur-btnBorderWidth);
---kontur-dropdownButtonBorderRadiusLarge: 8px;
---kontur-dropdownButtonBorderRadiusMedium: 8px;
---kontur-dropdownButtonBorderRadiusSmall: 8px;
---kontur-dropdownDefaultBg: var(--kontur-btnDefaultBg);
---kontur-dropdownFontSizeLarge: var(--kontur-btnFontSizeLarge);
---kontur-dropdownFontSizeMedium: var(--kontur-btnFontSizeMedium);
---kontur-dropdownFontSizeSmall: var(--kontur-btnFontSizeSmall);
---kontur-dropdownIconSizeLarge: var(--kontur-btnIconSizeLarge);
---kontur-dropdownIconSizeMedium: var(--kontur-btnIconSizeMedium);
---kontur-dropdownIconSizeSmall: var(--kontur-btnIconSizeSmall);
---kontur-dropdownLineHeightLarge: var(--kontur-btnLineHeightLarge);
---kontur-dropdownLineHeightMedium: var(--kontur-btnLineHeightMedium);
---kontur-dropdownLineHeightSmall: var(--kontur-btnLineHeightSmall);
---kontur-dropdownMenuHoverBorderColor: var(--kontur-btnDefaultHoverBorderColor);
---kontur-dropdownMenuMenuBoxSizing: content-box;
---kontur-dropdownMenuMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-dropdownMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-dropdownMenuScrollContainerScrollBarOffsetY: 0px;
---kontur-dropdownOutlineWidth: var(--kontur-btnOutlineWidth);
---kontur-dropdownPaddingXLarge: var(--kontur-btnPaddingXLarge);
---kontur-dropdownPaddingXMedium: var(--kontur-btnPaddingXMedium);
---kontur-dropdownPaddingXSmall: var(--kontur-btnPaddingXSmall);
---kontur-dropdownPaddingYLarge: var(--kontur-btnPaddingYLarge);
---kontur-dropdownPaddingYMedium: var(--kontur-btnPaddingYMedium);
---kontur-dropdownPaddingYSmall: var(--kontur-btnPaddingYSmall);
---kontur-dropdownTextColorDisabled: var(--kontur-btnDisabledTextColor);
---kontur-errorMain: var(--kontur-red);
---kontur-errorSecondary: var(--kontur-redXxLight);
---kontur-errorText: var(--k-color-text-error-heavy, #c50220);
---kontur-fileUploaderActiveBg: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-fileUploaderBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-fileUploaderBorderColorError: var(--kontur-borderColorError);
---kontur-fileUploaderBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-fileUploaderBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-fileUploaderBorderRadius: 8px;
---kontur-fileUploaderBorderStyle: dashed;
---kontur-fileUploaderBorderWidth: var(--kontur-controlBorderWidth);
---kontur-fileUploaderDisabledBg: var(--kontur-btnDisabledBg);
---kontur-fileUploaderDisabledBgClip: padding-box;
---kontur-fileUploaderDisabledBorder: var(--kontur-fileUploaderBorderWidth) var(--kontur-fileUploaderBorderStyle) var(--kontur-fileUploaderDisabledBorderColor);
---kontur-fileUploaderDisabledBorderColor: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-fileUploaderDisabledColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-fileUploaderDisabledFileTypeIcon: var(--kontur-fileUploaderDisabledIconColor);
---kontur-fileUploaderDisabledIconColor: var(--kontur-textColorDisabled);
---kontur-fileUploaderDisabledLinkColor: var(--kontur-textColorDisabled);
---kontur-fileUploaderDisabledTextColor: var(--kontur-fileUploaderDisabledColor);
---kontur-fileUploaderDragOverBorderColor: var(--kontur-borderColorFocus);
---kontur-fileUploaderDragOverShadow: 0px 0px 0px 4px #EBEBEB;
---kontur-fileUploaderErrorBgColor: var(--k-color-shape-faint-error, #ffedef);
---kontur-fileUploaderErrorBgHoverColor: var(--k-color-shape-faint-error-hover, #ffdadd);
---kontur-fileUploaderErrorTextColor: var(--k-color-text-error-heavy, #c50220);
---kontur-fileUploaderFileHeightLarge: 48px;
---kontur-fileUploaderFileHeightMedium: 40px;
---kontur-fileUploaderFileHeightSmall: 32px;
---kontur-fileUploaderFileIconSizeLarge: 40px;
---kontur-fileUploaderFileIconSizeMedium: 32px;
---kontur-fileUploaderFileIconSizeSmall: 24px;
---kontur-fileUploaderFileSizeMarginLarge: 36px;
---kontur-fileUploaderFileSizeMarginLeft: 28px;
---kontur-fileUploaderFileSizeMarginMedium: 34px;
---kontur-fileUploaderFileSizeMarginSmall: 32px;
---kontur-fileUploaderFileSizeWidthLarge: 104px;
---kontur-fileUploaderFileSizeWidthMedium: 88px;
---kontur-fileUploaderFileSizeWidthSmall: 80px;
---kontur-fileUploaderFileTypeArchiveIconColor: var(--k-color-customizable-heavy-orange, #9c3a00);
---kontur-fileUploaderFileTypeCodeIconColor: var(--k-color-customizable-bold-purple, #cf60ec);
---kontur-fileUploaderFileTypeErrorIconColor: var(--kontur-red);
---kontur-fileUploaderFileTypeFolderIconColor: var(--k-color-customizable-bold-yellow, #faac00);
---kontur-fileUploaderFileTypePdfIconColor: var(--kontur-red);
---kontur-fileUploaderFileTypePictureIconColor: var(--k-color-customizable-bold-blue, #369bff);
---kontur-fileUploaderFileTypePresentationIconColor: var(--k-color-customizable-bold-orange, #f96100);
---kontur-fileUploaderFileTypeTableIconColor: var(--k-color-customizable-bold-green, #00b74e);
---kontur-fileUploaderFileTypeTextIconColor: var(--k-color-customizable-bold-blue, #369bff);
---kontur-fileUploaderFileTypeUnknownIconColor: #676767;
---kontur-fileUploaderFileTypeWarningIconColor: var(--kontur-yellow);
---kontur-fileUploaderFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-fileUploaderFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-fileUploaderFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-fileUploaderHoveredBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-fileUploaderHoveredBorderColor: transparent;
---kontur-fileUploaderIconColor: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
---kontur-fileUploaderIconColorForValidation: #222222;
---kontur-fileUploaderIconGapLarge: 8px;
---kontur-fileUploaderIconGapMedium: 6px;
---kontur-fileUploaderIconGapSmall: 4px;
---kontur-fileUploaderIconHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-fileUploaderIconHoverColorForValidation: var(--kontur-bgSecondary);
---kontur-fileUploaderIconSize: 14px;
---kontur-fileUploaderIconSizeLarge: var(--kontur-btnIconSizeLarge);
---kontur-fileUploaderIconSizeMedium: var(--kontur-btnIconSizeMedium);
---kontur-fileUploaderIconSizeSmall: var(--kontur-btnIconSizeSmall);
---kontur-fileUploaderLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-fileUploaderLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-fileUploaderLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-fileUploaderLinkColor: var(--kontur-textColorDefault);
---kontur-fileUploaderLinkHoverTextDecoration: none;
---kontur-fileUploaderListGap: 8px;
---kontur-fileUploaderListSummaryTextGap: 12px;
---kontur-fileUploaderPaddingXLarge: 11px;
---kontur-fileUploaderPaddingXMedium: 9px;
---kontur-fileUploaderPaddingXSmall: 7px;
---kontur-fileUploaderPaddingYLarge: var(--kontur-controlPaddingYLarge);
---kontur-fileUploaderPaddingYMedium: var(--kontur-controlPaddingYMedium);
---kontur-fileUploaderPaddingYSmall: var(--kontur-controlPaddingYSmall);
---kontur-fileUploaderTextColorDefault: var(--kontur-textColorDefault);
---kontur-fileUploaderTileFilePaddingLarge: 15px;
---kontur-fileUploaderTileFilePaddingMedium: 11px;
---kontur-fileUploaderTileFilePaddingSmall: 7px;
---kontur-fileUploaderTileHeightLarge: 248px;
---kontur-fileUploaderTileHeightMedium: 206px;
---kontur-fileUploaderTileHeightSmall: 180px;
---kontur-fileUploaderTileIconActionPaddingLarge: 8px;
---kontur-fileUploaderTileIconActionPaddingMedium: 6px;
---kontur-fileUploaderTileIconActionPaddingSmall: 8px;
---kontur-fileUploaderTileIconActionPositionLarge: calc(var(--kontur-fileUploaderTilePaddingLarge) + 1px);
---kontur-fileUploaderTileIconActionPositionMedium: calc(var(--kontur-fileUploaderTilePaddingMedium) + 1px);
---kontur-fileUploaderTileIconActionPositionSmall: calc(var(--kontur-fileUploaderTilePaddingSmall) + 1px);
---kontur-fileUploaderTileIconActiveColorBg: var(--k-color-shape-faint-accent-pressed, rgba(0, 0, 0, 0.24));
---kontur-fileUploaderTileIconColor: var(--k-color-text-inverted-accent-heavy, rgba(255, 255, 255, 0.96));
---kontur-fileUploaderTileIconColorBg: var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12));
---kontur-fileUploaderTileIconHoverColor: var(--k-color-text-inverted-accent-heavy-hover, #ffffff);
---kontur-fileUploaderTileIconHoverColorBg: var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16));
---kontur-fileUploaderTileIconSizeLarge: 32px;
---kontur-fileUploaderTileIconSizeMedium: 24px;
---kontur-fileUploaderTileIconSizeSmall: 20px;
---kontur-fileUploaderTileMinHeightLarge: 184px;
---kontur-fileUploaderTileMinHeightMedium: 150px;
---kontur-fileUploaderTileMinHeightSmall: 132px;
---kontur-fileUploaderTilePaddingLarge: 7px;
---kontur-fileUploaderTilePaddingMedium: 5px;
---kontur-fileUploaderTilePaddingSmall: 3px;
---kontur-fileUploaderTileTypeIconHeightLarge: 152px;
---kontur-fileUploaderTileTypeIconHeightMedium: 126px;
---kontur-fileUploaderTileTypeIconHeightSmall: 116px;
---kontur-fileUploaderTileWidth: auto;
---kontur-fileUploaderTileWidthLarge: 144px;
---kontur-fileUploaderTileWidthMedium: 120px;
---kontur-fileUploaderTileWidthSmall: 104px;
---kontur-fileUploaderUploadButtonBg: transparent;
---kontur-fileUploaderValidationTextColor: var(--kontur-fileUploaderTextColorDefault);
---kontur-fileUploaderWarningBgColor: var(--k-color-shape-faint-warning, #fff1ca);
---kontur-fileUploaderWarningBgHoverColor: var(--k-color-shape-faint-warning-hover, #f9e3ac);
---kontur-fileUploaderWarningTextColor: var(--k-color-text-warning-heavy, #d26e00);
---kontur-fileUploaderWidth: 362px;
---kontur-fixedPanelShadow: none;
---kontur-fontSizeLarge: 18px;
---kontur-fontSizeMedium: 16px;
---kontur-fontSizeMobile: 18px;
---kontur-fontSizeSmall: 14px;
---kontur-globalLoaderBackgroundColor: transparent;
---kontur-globalLoaderBottom: auto;
---kontur-globalLoaderColor: var(--k-color-shape-bold-brand-original, #FE4C4C);
---kontur-globalLoaderHeight: 4px;
---kontur-globalLoaderLeft: 0px;
---kontur-globalLoaderPosition: fixed;
---kontur-globalLoaderRight: auto;
---kontur-globalLoaderSlowAnimationDuration: 20000;
---kontur-globalLoaderSpinnerAnimationDuration: 2000;
---kontur-globalLoaderTop: 0px;
---kontur-globalLoaderTransitionFromSpinnerDuration: 200;
---kontur-globalLoaderTransitionToSpinnerDuration: 500;
---kontur-globalLoaderWidth: 100%;
---kontur-gray: rgba(255, 255, 255, 0.48);
---kontur-grayDark: #e1e1e1;
---kontur-grayXLight: #313131;
---kontur-green: #23A14A;
---kontur-greenDark: #1C8A3F;
---kontur-greenXxLight: #C7F9CC;
---kontur-hintBgColor: var(--k-color-shape-heavy-neutral, #292929);
---kontur-hintBorder: none;
---kontur-hintBorderRadius: 6px;
---kontur-hintColor: var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96));
---kontur-hintFontSize: var(--kontur-fontSizeSmall);
---kontur-hintLineHeight: var(--kontur-controlLineHeightSmall);
---kontur-hintMargin: 8px;
---kontur-hintMaxWidth: 200px;
---kontur-hintPaddingX: 8px;
---kontur-hintPaddingY: 4px;
---kontur-hintTextAlign: center;
---kontur-inputAffixColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-inputBackgroundClip: border-box;
---kontur-inputBg: var(--k-color-shape-other-field, #ffffff);
---kontur-inputBlinkColor: var(--k-color-shape-faint-neutral-alpha, rgba(0, 0, 0, 0.06));
---kontur-inputBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-inputBorderColorError: var(--kontur-borderColorError);
---kontur-inputBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-inputBorderColorHover: var(--k-color-line-neutral-pale-hover, rgba(0, 0, 0, 0.24));
---kontur-inputBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-inputBorderRadiusLarge: 2px;
---kontur-inputBorderRadiusMedium: 2px;
---kontur-inputBorderRadiusSmall: 2px;
---kontur-inputBorderTopColor: var(--kontur-inputBorderColor);
---kontur-inputBorderWidth: var(--kontur-controlBorderWidth);
---kontur-inputColorScheme: dark;
---kontur-inputCounterColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-inputCounterColorError: var(--kontur-errorText);
---kontur-inputCounterHelpIconColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-inputCounterHelpMarginLeft: 4px;
---kontur-inputCounterMarginLeftLarge: 8px;
---kontur-inputCounterMarginLeftMedium: 6px;
---kontur-inputCounterMarginLeftSmall: 4px;
---kontur-inputDisabledBackgroundClip: border-box;
---kontur-inputDisabledBg: var(--kontur-bgDisabled);
---kontur-inputDisabledBorderColor: var(--kontur-borderColorDisabled);
---kontur-inputFocusOutline: var(--kontur-borderColorFocus);
---kontur-inputFocusShadow: 0 0 0 1px var(--kontur-inputBorderColorFocus);
---kontur-inputFocusedBg: var(--kontur-inputBg);
---kontur-inputFocusedIconColor: var(--kontur-inputIconColor);
---kontur-inputFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-inputFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-inputFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-inputHeightLarge: calc(2 * var(--kontur-inputBorderWidth) + 2 * var(--kontur-inputPaddingYLarge) + var(--kontur-inputLineHeightLarge));
---kontur-inputHeightMedium: calc(2 * var(--kontur-inputBorderWidth) + 2 * var(--kontur-inputPaddingYMedium) + var(--kontur-inputLineHeightMedium));
---kontur-inputHeightSmall: calc(2 * var(--kontur-inputBorderWidth) + 2 * var(--kontur-inputPaddingYSmall) + var(--kontur-inputLineHeightSmall));
---kontur-inputIconColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-inputIconColorDisabled: var(--kontur-textColorDisabled);
---kontur-inputIconGapLarge: 8px;
---kontur-inputIconGapMedium: 6px;
---kontur-inputIconGapSmall: 4px;
---kontur-inputIconSizeLarge: 24px;
---kontur-inputIconSizeMedium: 20px;
---kontur-inputIconSizeSmall: 16px;
---kontur-inputLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-inputLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-inputLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-inputOutlineWidth: 1px;
---kontur-inputPaddingXLarge: 15px;
---kontur-inputPaddingXMedium: 11px;
---kontur-inputPaddingXSmall: 7px;
---kontur-inputPaddingYLarge: var(--kontur-controlPaddingYLarge);
---kontur-inputPaddingYMedium: var(--kontur-controlPaddingYMedium);
---kontur-inputPaddingYSmall: var(--kontur-controlPaddingYSmall);
---kontur-inputPlaceholderColor: var(--kontur-placeholderColor);
---kontur-inputPlaceholderColorDisabled: var(--kontur-textColorDisabled);
---kontur-inputPlaceholderColorLight: var(--kontur-placeholderColorLight);
---kontur-inputShadow: none;
---kontur-inputTextColor: var(--kontur-textColorDefault);
---kontur-inputTextColorDisabled: var(--kontur-textColorDisabled);
---kontur-inputWidth: 200px;
---kontur-kebabBackground: transparent;
---kontur-kebabBackgroundActive: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-kebabBackgroundHover: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-kebabBorder: 2px solid transparent;
---kontur-kebabBorderRadius: 50%;
---kontur-kebabIconColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-kebabIconSizeLarge: 24px;
---kontur-kebabIconSizeMedium: 20px;
---kontur-kebabIconSizeSmall: 16px;
---kontur-kebabMargin: 4px;
---kontur-kebabSizeLarge: 40px;
---kontur-kebabSizeMedium: 32px;
---kontur-kebabSizeSmall: 24px;
---kontur-labGrotesqueBaselineCompensation: 1;
---kontur-lineHeightMobile: 24px;
---kontur-linkActiveColor: var(--k-color-text-accent-heavy-pressed, rgba(0, 0, 0, 0.96));
---kontur-linkButtonLineHeight: 34px;
---kontur-linkButtonPaddingX: 10px;
---kontur-linkColor: var(--k-color-text-accent-heavy, rgba(0, 0, 0, 0.88));
---kontur-linkDangerActiveColor: var(--k-color-text-error-heavy-pressed, #943e3b);
---kontur-linkDangerColor: var(--k-color-text-error-heavy, #c50220);
---kontur-linkDangerHoverColor: var(--k-color-text-error-heavy-hover, #e62b34);
---kontur-linkDisabledColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-linkFocusOutline: var(--kontur-linkFocusOutlineWidth) solid var(--kontur-linkFocusOutlineColor);
---kontur-linkFocusOutlineColor: var(--k-color-line-accent-bold, #484848);
---kontur-linkFocusOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-linkGrayedActiveColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-linkGrayedColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-linkGrayedHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-linkHoverColor: var(--k-color-text-accent-heavy-hover, rgba(0, 0, 0, 0.96));
---kontur-linkHoverTextDecoration: none;
---kontur-linkHoverTextDecorationStyle: var(--kontur-linkTextDecorationStyle);
---kontur-linkIconMarginLeft: 4px;
---kontur-linkIconMarginRight: 4px;
---kontur-linkLineBorderBottomColor: color-mix(in srgb, currentColor 50%, transparent);
---kontur-linkLineBorderBottomOpacity: 0.5;
---kontur-linkLineBorderBottomStyle: solid;
---kontur-linkLineBorderBottomWidth: 1px;
---kontur-linkLineHoverBorderBottomStyle: var(--kontur-linkLineBorderBottomStyle);
---kontur-linkSuccessActiveColor: var(--k-color-text-success-heavy-pressed, #3a6a43);
---kontur-linkSuccessColor: var(--k-color-text-success-heavy, #007f34);
---kontur-linkSuccessHoverColor: var(--k-color-text-success-heavy-hover, #009b41);
---kontur-linkTextDecoration: underline;
---kontur-linkTextDecorationColor: color-mix(in srgb, currentColor 50%, transparent);
---kontur-linkTextDecorationStyle: solid;
---kontur-linkTextDecorationThickness: 1px;
---kontur-linkTextUnderlineOffset: 4px;
---kontur-linkTextUnderlineOpacity: 0.5;
---kontur-loaderBg: var(--k-color-shape-inverted-neutral-heavy, #ffffff);
---kontur-loaderBorderRadius: 0px;
---kontur-loaderOpacity: 0.8;
---kontur-menuBgDefault: var(--kontur-bgSecondary);
---kontur-menuBorder: none;
---kontur-menuBorderRadius: 8px;
---kontur-menuBoxSizing: border-box;
---kontur-menuFooterColor: var(--kontur-menuHeaderColor);
---kontur-menuFooterFontSizeLarge: var(--kontur-menuHeaderFontSizeLarge);
---kontur-menuFooterFontSizeMedium: var(--kontur-menuHeaderFontSizeMedium);
---kontur-menuFooterFontSizeSmall: var(--kontur-menuHeaderFontSizeSmall);
---kontur-menuFooterLineHeightLarge: var(--kontur-menuHeaderLineHeightLarge);
---kontur-menuFooterLineHeightMedium: var(--kontur-menuHeaderLineHeightMedium);
---kontur-menuFooterLineHeightSmall: var(--kontur-menuHeaderLineHeightSmall);
---kontur-menuFooterPaddingBottomLarge: var(--kontur-menuHeaderPaddingTopLarge);
---kontur-menuFooterPaddingBottomMedium: var(--kontur-menuHeaderPaddingTopMedium);
---kontur-menuFooterPaddingBottomSmall: var(--kontur-menuHeaderPaddingTopSmall);
---kontur-menuFooterPaddingTopLarge: var(--kontur-menuHeaderPaddingBottomLarge);
---kontur-menuFooterPaddingTopMedium: var(--kontur-menuHeaderPaddingBottomMedium);
---kontur-menuFooterPaddingTopSmall: var(--kontur-menuHeaderPaddingBottomSmall);
---kontur-menuFooterPaddingXLarge: var(--kontur-menuHeaderPaddingXLarge);
---kontur-menuFooterPaddingXMedium: var(--kontur-menuHeaderPaddingXMedium);
---kontur-menuFooterPaddingXSmall: var(--kontur-menuHeaderPaddingXSmall);
---kontur-menuHeaderColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-menuHeaderFontSizeLarge: 16px;
---kontur-menuHeaderFontSizeMedium: 14px;
---kontur-menuHeaderFontSizeSmall: 12px;
---kontur-menuHeaderLineHeightLarge: 22px;
---kontur-menuHeaderLineHeightMedium: 20px;
---kontur-menuHeaderLineHeightSmall: 16px;
---kontur-menuHeaderPaddingBottomLarge: 8px;
---kontur-menuHeaderPaddingBottomMedium: 6px;
---kontur-menuHeaderPaddingBottomSmall: 4px;
---kontur-menuHeaderPaddingTopLarge: 18px;
---kontur-menuHeaderPaddingTopMedium: 14px;
---kontur-menuHeaderPaddingTopSmall: 12px;
---kontur-menuHeaderPaddingXLarge: 16px;
---kontur-menuHeaderPaddingXMedium: 12px;
---kontur-menuHeaderPaddingXSmall: 8px;
---kontur-menuHeaderTotalCountPaddingBottomLarge: 18px;
---kontur-menuHeaderTotalCountPaddingBottomMedium: 14px;
---kontur-menuHeaderTotalCountPaddingBottomSmall: 12px;
---kontur-menuHeaderTotalCountPaddingTopLarge: 8px;
---kontur-menuHeaderTotalCountPaddingTopMedium: 6px;
---kontur-menuHeaderTotalCountPaddingTopSmall: 4px;
---kontur-menuItemBorderRadius: 6px;
---kontur-menuItemCommentColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-menuItemCommentColorHover: var(--kontur-menuItemTextColor);
---kontur-menuItemCommentOpacity: 1;
---kontur-menuItemCommentOpacityHover: 0.6;
---kontur-menuItemDisabledBg: transparent;
---kontur-menuItemDisabledColor: var(--kontur-textColorDisabled);
---kontur-menuItemDisplay: block;
---kontur-menuItemFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-menuItemFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-menuItemFontSizeMobile: var(--kontur-fontSizeMobile);
---kontur-menuItemFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-menuItemGap: 1px;
---kontur-menuItemHoverBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-menuItemHoverColor: var(--kontur-menuItemTextColor);
---kontur-menuItemIconGap: 4px;
---kontur-menuItemIconWidthLarge: 24px;
---kontur-menuItemIconWidthMedium: 20px;
---kontur-menuItemIconWidthSmall: 16px;
---kontur-menuItemLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-menuItemLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-menuItemLineHeightMobile: var(--kontur-lineHeightMobile);
---kontur-menuItemLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-menuItemPaddingForIconLarge: calc(var(--kontur-menuItemPaddingXLarge) + var(--kontur-menuItemIconWidthLarge) + var(--kontur-menuItemIconGap));
---kontur-menuItemPaddingForIconMedium: calc(var(--kontur-menuItemPaddingXMedium) + var(--kontur-menuItemIconWidthMedium) + var(--kontur-menuItemIconGap));
---kontur-menuItemPaddingForIconSmall: calc(var(--kontur-menuItemPaddingXSmall) + var(--kontur-menuItemIconWidthSmall) + var(--kontur-menuItemIconGap));
---kontur-menuItemPaddingMobile: 12px 16px;
---kontur-menuItemPaddingXLarge: 16px;
---kontur-menuItemPaddingXMedium: 12px;
---kontur-menuItemPaddingXSmall: 8px;
---kontur-menuItemPaddingYLarge: 12px;
---kontur-menuItemPaddingYMedium: 9px;
---kontur-menuItemPaddingYSmall: 6px;
---kontur-menuItemSelectedBg: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-menuItemTextColor: var(--kontur-textColorDefault);
---kontur-menuMessageBg: var(--kontur-menuItemDisabledBg);
---kontur-menuMessageDisplay: var(--kontur-menuItemDisplay);
---kontur-menuMessageFontSizeLarge: var(--kontur-menuItemFontSizeLarge);
---kontur-menuMessageFontSizeMedium: var(--kontur-menuItemFontSizeMedium);
---kontur-menuMessageFontSizeMobile: var(--kontur-menuItemFontSizeMobile);
---kontur-menuMessageFontSizeSmall: var(--kontur-menuItemFontSizeSmall);
---kontur-menuMessageLineHeightLarge: var(--kontur-menuItemLineHeightLarge);
---kontur-menuMessageLineHeightMedium: var(--kontur-menuItemLineHeightMedium);
---kontur-menuMessageLineHeightMobile: var(--kontur-menuItemLineHeightMobile);
---kontur-menuMessageLineHeightSmall: var(--kontur-menuItemLineHeightSmall);
---kontur-menuMessagePaddingMobile: var(--kontur-menuItemPaddingMobile);
---kontur-menuMessagePaddingX: var(--kontur-menuItemPaddingXSmall);
---kontur-menuMessagePaddingY: var(--kontur-menuItemPaddingYSmall);
---kontur-menuMessageTextColor: var(--kontur-menuItemDisabledColor);
---kontur-menuOffsetY: 4px;
---kontur-menuPaddingX: 4px;
---kontur-menuPaddingY: 0px;
---kontur-menuScrollContainerContentWrapperPaddingY: 4px;
---kontur-menuSeparatorBorderColor: var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-menuSeparatorBorderWidth: 1px;
---kontur-menuSeparatorMarginX: 8px;
---kontur-menuSeparatorMarginY: 2px;
---kontur-menuShadow: 0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
---kontur-miniModalActionGap: 8px;
---kontur-miniModalBodyPaddingBottom: 0;
---kontur-miniModalBodyPaddingMobile: 16px 16px 0;
---kontur-miniModalBodyPaddingTop: 16px;
---kontur-miniModalCancelIndent: 8px;
---kontur-miniModalDescriptionFontSize: 16px;
---kontur-miniModalDescriptionLineHeight: 22px;
---kontur-miniModalFooterPaddingBottom: 32px;
---kontur-miniModalFooterPaddingMobile: 24px 16px 16px;
---kontur-miniModalFooterPaddingTop: 24px;
---kontur-miniModalHeaderPaddingBottom: 0;
---kontur-miniModalHeaderPaddingMobile: 32px 16px 0;
---kontur-miniModalHeaderPaddingTop: 32px;
---kontur-miniModalHeightMobile: auto;
---kontur-miniModalMarginLeftMobile: 16px;
---kontur-miniModalMarginRightMobile: 16px;
---kontur-miniModalMarginTopMobile: 16px;
---kontur-miniModalTitleMarginTop: 16px;
---kontur-mobileCalendarCellBorderRadius: 20px;
---kontur-mobileCalendarCellFontSize: 16px;
---kontur-mobileCalendarCellHeight: 40px;
---kontur-mobileCalendarCellWidth: 40px;
---kontur-mobileCalendarGridRowSpacing: 8px;
---kontur-mobileCalendarPaddingX: 16px;
---kontur-mobileCalendarWrapperHeight: 304px;
---kontur-mobileDateSelectFontSize: 16px;
---kontur-mobileDateSelectLineHeight: 20px;
---kontur-mobileHintColor: var(--kontur-hintColor);
---kontur-mobileMediaQuery: (max-width: 767.98px);
---kontur-mobileMenuItemFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-mobileMenuItemFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-mobileMenuItemFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-mobileMenuItemLineHeightLarge: var(--kontur-lineHeightMobile);
---kontur-mobileMenuItemLineHeightMedium: var(--kontur-lineHeightMobile);
---kontur-mobileMenuItemLineHeightSmall: var(--kontur-lineHeightMobile);
---kontur-mobileMenuItemPaddingLarge: 12px 16px;
---kontur-mobileMenuItemPaddingMedium: 9px 12px;
---kontur-mobileMenuItemPaddingSmall: 6px 8px;
---kontur-mobileMenuMessageFontSizeLarge: var(--kontur-mobileMenuItemFontSizeLarge);
---kontur-mobileMenuMessageFontSizeMedium: var(--kontur-mobileMenuItemFontSizeMedium);
---kontur-mobileMenuMessageFontSizeSmall: var(--kontur-mobileMenuItemFontSizeSmall);
---kontur-mobileMenuMessageLineHeightLarge: var(--kontur-menuItemLineHeightLarge);
---kontur-mobileMenuMessageLineHeightMedium: var(--kontur-menuItemLineHeightMedium);
---kontur-mobileMenuMessageLineHeightSmall: var(--kontur-menuItemLineHeightSmall);
---kontur-mobileMenuMessagePaddingLarge: var(--kontur-mobileMenuItemPaddingLarge);
---kontur-mobileMenuMessagePaddingMedium: var(--kontur-mobileMenuItemPaddingMedium);
---kontur-mobileMenuMessagePaddingSmall: var(--kontur-mobileMenuItemPaddingSmall);
---kontur-mobileMenuPaddingX: 8px;
---kontur-mobileMenuPaddingY: 0px;
---kontur-mobileMenuScrollContainerContentWrapperPaddingY: 0px;
---kontur-mobileMenuSeparatorMarginX: 24px;
---kontur-mobileMenuSeparatorMarginY: 4px;
---kontur-mobileModalBodyFontSize: 16px;
---kontur-mobileModalBodyPadding: 0 16px 0 16px;
---kontur-mobileModalBodyPaddingBottom: 16px;
---kontur-mobileModalBodyPaddingTop: 16px;
---kontur-mobileModalCloseButtonClickArea: 22px;
---kontur-mobileModalCloseButtonRightPadding: var(--kontur-mobileModalCloseButtonClickArea);
---kontur-mobileModalCloseButtonTopPadding: var(--kontur-mobileModalCloseButtonClickArea);
---kontur-mobileModalCloseIconSize: 20px;
---kontur-mobileModalContainerHeight: 100%;
---kontur-mobileModalContainerMarginBottom: 16px;
---kontur-mobileModalContainerMarginLeft: 16px;
---kontur-mobileModalContainerMarginRight: 16px;
---kontur-mobileModalContainerMarginTop: 16px;
---kontur-mobileModalFooterPadding: 16px;
---kontur-mobileModalHeaderFontSize: 24px;
---kontur-mobileModalHeaderLineHeight: 32px;
---kontur-mobileModalHeaderPadding: 16px;
---kontur-mobileModalPaddingBottom: 16px;
---kontur-mobileModalWithoutHeaderCloseButtonPadding: 10px;
---kontur-mobileModalWithoutHeaderCloseButtonWidth: calc(var(--kontur-modalCloseIconSize) + 2 * var(--kontur-mobileModalWithoutHeaderCloseButtonPadding));
---kontur-mobilePopupContainerBorderRadius: 8px;
---kontur-mobilePopupContainerBottomPadding: 8px;
---kontur-mobilePopupFooterPadding: 16px 16px 16px 16px;
---kontur-mobilePopupFooterPaddingLarge: 0 8px 8px;
---kontur-mobilePopupFooterPaddingMedium: 0 6px 6px;
---kontur-mobilePopupFooterPaddingSmall: 0 6px 6px;
---kontur-mobilePopupHeaderChildPadding: 12px;
---kontur-mobilePopupHeaderFontSize: var(--kontur-fontSizeMobile);
---kontur-mobilePopupHeaderFontWeight: 500;
---kontur-mobilePopupHeaderLineHeight: var(--kontur-lineHeightMobile);
---kontur-mobilePopupHeaderPadding: 16px 16px 8px 16px;
---kontur-mobilePopupHeaderPaddingLarge: 12px 16px 8px 24px;
---kontur-mobilePopupHeaderPaddingMedium: 8px 12px 6px 18px;
---kontur-mobilePopupHeaderPaddingSmall: 6px 8px 4px 14px;
---kontur-mobilePopupOuterIndentY: 24px;
---kontur-mobilePopupPaddingLarge: 8px;
---kontur-mobilePopupPaddingMedium: 6px;
---kontur-mobilePopupPaddingSmall: 6px;
---kontur-mobilePopupPositionX: 16px;
---kontur-mobilePopupPositionY: 16px;
---kontur-mobilePopupTopPadding: 80px;
---kontur-mobileRangeCalendarCellHeight: 42px;
---kontur-mobileRangeCalendarCellWidth: 42px;
---kontur-mobileRangeCalendarGridRowSpacing: 0px;
---kontur-mobileRangeCalendarWrapperHeight: 400px;
---kontur-mobileSelectMaxWidth: 100%;
---kontur-mobileSidePageCloseButtonClickArea: 22px;
---kontur-mobileSidePageCloseButtonPadding: var(--kontur-mobileSidePageCloseButtonClickArea);
---kontur-mobileSidePageFooterPadding: 16px;
---kontur-mobileSidePageHeaderFontSize: 24px;
---kontur-mobileSidePageHeaderLineHeight: 32px;
---kontur-mobileSidePageHeaderPaddingBottom: 16px;
---kontur-mobileSidePageHeaderPaddingTop: 16px;
---kontur-mobileSidePagePaddingBottom: 16px;
---kontur-mobileSidePagePaddingLeft: 16px;
---kontur-mobileSidePagePaddingRight: 16px;
---kontur-mobileSidePagePaddingTop: 16px;
---kontur-mobileToastFontSize: var(--kontur-fontSizeMedium);
---kontur-mobileToastTop: 16px;
---kontur-modalAdaptiveThreshold: 425px;
---kontur-modalBackBg: var(--k-color-surface-modal-backdrop, rgba(0, 0, 0, 0.24));
---kontur-modalBackOpacity: 1;
---kontur-modalBg: var(--k-color-surface-base, #ffffff);
---kontur-modalBodyBorderRadius: 0px;
---kontur-modalBodyPaddingBottom: 20px;
---kontur-modalBodyPaddingTop: 0;
---kontur-modalBodyTextColor: var(--kontur-textColorDefault);
---kontur-modalBorderRadius: 16px;
---kontur-modalCloseButtonBottomPadding: 20px;
---kontur-modalCloseButtonClickAreaBottom: 22px;
---kontur-modalCloseButtonClickAreaLeft: 24px;
---kontur-modalCloseButtonClickAreaRight: 28px;
---kontur-modalCloseButtonClickAreaTop: 30px;
---kontur-modalCloseButtonColor: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
---kontur-modalCloseButtonDisabledColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-modalCloseButtonHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-modalCloseButtonPadding: 32px;
---kontur-modalCloseIconSize: 20px;
---kontur-modalFixedFooterBorder: none;
---kontur-modalFixedFooterMarginTop: 0px;
---kontur-modalFixedFooterPaddingTop: var(--kontur-modalFooterPanelPaddingTop);
---kontur-modalFixedFooterShadow: var(--kontur-fixedPanelShadow);
---kontur-modalFixedHeaderBg: var(--kontur-modalBg);
---kontur-modalFixedHeaderBorder: none;
---kontur-modalFixedHeaderMarginBottom: 0px;
---kontur-modalFixedHeaderPaddingBottom: var(--kontur-modalHeaderPaddingBottom);
---kontur-modalFixedHeaderShadow: var(--kontur-fixedPanelShadow);
---kontur-modalFixedPanelShadow: var(--kontur-fixedPanelShadow);
---kontur-modalFooterBg: var(--kontur-modalBg);
---kontur-modalFooterPaddingBottom: 20px;
---kontur-modalFooterPaddingTop: 0px;
---kontur-modalFooterPanelPaddingBottom: var(--kontur-modalFooterPaddingBottom);
---kontur-modalFooterPanelPaddingTop: 20px;
---kontur-modalFooterTextColor: var(--kontur-textColorDefault);
---kontur-modalHeaderAdditionalPaddingBottom: var(--kontur-modalHeaderPaddingBottom);
---kontur-modalHeaderFontSize: 24px;
---kontur-modalHeaderFontWeight: 700;
---kontur-modalHeaderLineHeight: 32px;
---kontur-modalHeaderPaddingBottom: 16px;
---kontur-modalHeaderPaddingTop: 24px;
---kontur-modalHeaderTextColor: var(--kontur-textColorDefault);
---kontur-modalPaddingBottom: 40px;
---kontur-modalPaddingLeft: 32px;
---kontur-modalPaddingRight: 32px;
---kontur-modalPaddingTop: 24px;
---kontur-modalSeparatorBorderBottom: 1px solid var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-modalSeparatorFixedMargin: 0 16px;
---kontur-modalSeparatorMargin: 0 32px;
---kontur-modalWindowShadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
---kontur-outlineColorFocus: var(--k-color-surface-base, #ffffff);
---kontur-pagingDotsColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-pagingDotsDisabledColor: var(--kontur-textColorDisabled);
---kontur-pagingDotsPaddingLarge: 19px 16px 13px 16px;
---kontur-pagingDotsPaddingMedium: 14px 12px 10px 12px;
---kontur-pagingDotsPaddingSmall: 11px 8px 5px 8px;
---kontur-pagingFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-pagingFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-pagingFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-pagingForwardLinkColor: var(--kontur-textColorDefault);
---kontur-pagingForwardLinkDisabledColor: var(--kontur-linkDisabledColor);
---kontur-pagingForwardLinkPaddingLarge: 12px 16px 12px 20px;
---kontur-pagingForwardLinkPaddingLargeMobile: 12px;
---kontur-pagingForwardLinkPaddingMedium: 9px 12px 9px 16px;
---kontur-pagingForwardLinkPaddingMediumMobile: 10px;
---kontur-pagingForwardLinkPaddingSmall: 6px 8px 6px 12px;
---kontur-pagingLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-pagingLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-pagingLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-pagingPageLinkActiveBg: var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16));
---kontur-pagingPageLinkActiveColor: var(--kontur-textColorDefault);
---kontur-pagingPageLinkBorderRadius: 9999px;
---kontur-pagingPageLinkBoxSizing: border-box;
---kontur-pagingPageLinkColor: var(--kontur-textColorDefault);
---kontur-pagingPageLinkDisabledActiveBg: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-pagingPageLinkHintColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-pagingPageLinkHintFontSize: 12px;
---kontur-pagingPageLinkHintLineHeight: 16px;
---kontur-pagingPageLinkHintMargin: 4px -20px 0px;
---kontur-pagingPageLinkHoverBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-pagingPageLinkPaddingXLarge: 18.5px;
---kontur-pagingPageLinkPaddingXMedium: 15px;
---kontur-pagingPageLinkPaddingXSmall: 11.5px;
---kontur-pagingPageLinkPaddingYLarge: 12px;
---kontur-pagingPageLinkPaddingYMedium: 9px;
---kontur-pagingPageLinkPaddingYSmall: 6px;
---kontur-passwordInputVisibilityIconColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-passwordInputVisibilityIconHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-passwordInputVisibilityIconHoverOpacity: 1;
---kontur-passwordInputVisibilityIconOpacity: 0.64;
---kontur-pickerShadow: 0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
---kontur-placeholderColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-placeholderColorLight: color-mix(in srgb, var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32)), transparent 40%);
---kontur-popupBackground: var(--k-color-surface-high, #ffffff);
---kontur-popupBorder: none;
---kontur-popupBorderColor: transparent;
---kontur-popupBorderRadius: 8px;
---kontur-popupBoxShadow: 0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
---kontur-popupDropShadow: drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12));
---kontur-popupMargin: 10px;
---kontur-popupMenuMenuOffsetY: 0px;
---kontur-popupPinOffsetX: 16px;
---kontur-popupPinOffsetY: 16px;
---kontur-popupPinSize: 8px;
---kontur-popupTextColor: var(--kontur-textColorDefault);
---kontur-popupViewportSidePadding: 16px;
---kontur-radioActiveBg: var(--kontur-checkboxActiveBg);
---kontur-radioActiveShadow: none;
---kontur-radioBgColor: var(--k-color-shape-other-field, #ffffff);
---kontur-radioBgImage: none;
---kontur-radioBorder: var(--kontur-radioBorderWidth) solid var(--kontur-radioBorderColor);
---kontur-radioBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-radioBorderColorError: var(--kontur-borderColorError);
---kontur-radioBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-radioBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-radioBorderWidth: var(--kontur-controlBorderWidth);
---kontur-radioBorderWidthCompensation: 0px;
---kontur-radioBoxShadow: none;
---kontur-radioBulletSizeLarge: 12px;
---kontur-radioBulletSizeMedium: 10px;
---kontur-radioBulletSizeSmall: 6px;
---kontur-radioCaptionDisplay: inline-flex;
---kontur-radioCaptionGap: 8px;
---kontur-radioCheckedBgColor: var(--kontur-checkboxCheckedBg);
---kontur-radioCheckedBorderColor: transparent;
---kontur-radioCheckedBulletColor: var(--kontur-checkboxCheckedColor);
---kontur-radioCheckedDisabledBulletBg: var(--kontur-checkboxTextColorDisabled);
---kontur-radioCheckedHoverBgColor: var(--kontur-checkboxCheckedHoverBg);
---kontur-radioCircleOffsetY: 1px;
---kontur-radioCommentFontSizeLarge: var(--kontur-commentFontSizeLarge);
---kontur-radioCommentFontSizeMedium: var(--kontur-commentFontSizeMedium);
---kontur-radioCommentFontSizeSmall: var(--kontur-commentFontSizeSmall);
---kontur-radioCommentLineHeightLarge: var(--kontur-commentLineHeightLarge);
---kontur-radioCommentLineHeightMedium: var(--kontur-commentLineHeightMedium);
---kontur-radioCommentLineHeightSmall: var(--kontur-commentLineHeightSmall);
---kontur-radioCommentTextColor: var(--kontur-commentTextColor);
---kontur-radioDisabledBg: var(--kontur-checkboxBgDisabled);
---kontur-radioDisabledBorderColor: transparent;
---kontur-radioDisabledShadow: 0 0 0 var(--kontur-radioBorderWidth) var(--kontur-checkboxBorderColorDisabled);
---kontur-radioFocusShadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
---kontur-radioFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-radioFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-radioFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-radioHoverBg: var(--kontur-checkboxHoverBg);
---kontur-radioHoverShadow: none;
---kontur-radioLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-radioLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-radioLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-radioOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-radioPaddingYLarge: calc((var(--kontur-controlHeightLarge) - var(--kontur-radioLineHeightLarge)) / 2);
---kontur-radioPaddingYMedium: calc((var(--kontur-controlHeightMedium) - var(--kontur-radioLineHeightMedium)) / 2);
---kontur-radioPaddingYSmall: calc((var(--kontur-controlHeightSmall) - var(--kontur-radioLineHeightSmall)) / 2);
---kontur-radioSizeLarge: 24px;
---kontur-radioSizeMedium: 20px;
---kontur-radioSizeSmall: 16px;
---kontur-radioTextColor: var(--kontur-textColorDefault);
---kontur-radioVerticalAlign: top;
---kontur-rangeCalendarCellBg: var(--k-color-shape-faint-neutral-alpha, rgba(0, 0, 0, 0.06));
---kontur-rangeCalendarCellEndBg: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-rangeCalendarCellEndColor: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
---kontur-rangeCalendarCellHoverBg: var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06));
---kontur-rangeCalendarWrapperHeight: 450px;
---kontur-red: #FE4C4C;
---kontur-redDark: #DD3333;
---kontur-redXxLight: #FFEBEB;
---kontur-scrollContainerScrollBarColor: var(--k-color-shape-soft-neutral-alpha, rgba(0, 0, 0, 0.16));
---kontur-scrollContainerScrollBarHoverSize: 10px;
---kontur-scrollContainerScrollBarInvertColor: var(--k-color-shape-inverted-neutral-soft-alpha, rgba(255, 255, 255, 0.16));
---kontur-scrollContainerScrollBarOffsetY: 4px;
---kontur-scrollContainerScrollBarSize: 4px;
---kontur-selectActiveBg: var(--k-color-shape-other-field-pressed, #e4e4e4);
---kontur-selectBgDisabled: var(--kontur-inputDisabledBg);
---kontur-selectBorderColorDisabled: var(--kontur-btnDisabledBorderColor);
---kontur-selectBorderColorHover: var(--kontur-btnDefaultHoverBorderColor);
---kontur-selectBorderColorTransition: box-shadow 100ms cubic-bezier(0.5, 1, 0.89, 1);
---kontur-selectBorderRadiusLarge: var(--kontur-inputBorderRadiusLarge);
---kontur-selectBorderRadiusMedium: var(--kontur-inputBorderRadiusMedium);
---kontur-selectBorderRadiusSmall: var(--kontur-inputBorderRadiusSmall);
---kontur-selectBorderWidth: var(--kontur-controlBorderWidth);
---kontur-selectDefaultBg: var(--kontur-inputBg);
---kontur-selectFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-selectFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-selectFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-selectHoverBg: var(--k-color-shape-other-field-hover, #f2f2f2);
---kontur-selectIconGapLarge: var(--kontur-inputIconGapLarge);
---kontur-selectIconGapMedium: var(--kontur-inputIconGapMedium);
---kontur-selectIconGapSmall: var(--kontur-inputIconGapSmall);
---kontur-selectIconSizeLarge: var(--kontur-btnIconSizeLarge);
---kontur-selectIconSizeMedium: var(--kontur-btnIconSizeMedium);
---kontur-selectIconSizeSmall: var(--kontur-btnIconSizeSmall);
---kontur-selectLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-selectLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-selectLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-selectMenuArrowColor: var(--kontur-btnMenuArrowColor);
---kontur-selectMenuArrowColorDisabled: var(--kontur-textColorDisabled);
---kontur-selectMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-selectOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-selectPaddingXLarge: 15px;
---kontur-selectPaddingXMedium: 11px;
---kontur-selectPaddingXSmall: 7px;
---kontur-selectPaddingYLarge: var(--kontur-controlPaddingYLarge);
---kontur-selectPaddingYMedium: var(--kontur-controlPaddingYMedium);
---kontur-selectPaddingYSmall: var(--kontur-controlPaddingYSmall);
---kontur-selectPlaceholderColor: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-selectPlaceholderColorDisabled: var(--kontur-textColorDisabled);
---kontur-selectRootWidthMobile: auto;
---kontur-selectTextColorDisabled: var(--kontur-btnDisabledTextColor);
---kontur-sidePageBackingBg: var(--k-color-surface-modal-backdrop, rgba(0, 0, 0, 0.24));
---kontur-sidePageBackingBgOpacity: 1;
---kontur-sidePageBgDefault: var(--k-color-surface-base, #ffffff);
---kontur-sidePageBodyTextColor: var(--kontur-textColorDefault);
---kontur-sidePageCloseButtonClickAreaBottom: var(--kontur-modalCloseButtonClickAreaBottom);
---kontur-sidePageCloseButtonClickAreaLeft: var(--kontur-modalCloseButtonClickAreaLeft);
---kontur-sidePageCloseButtonClickAreaRight: var(--kontur-modalCloseButtonClickAreaRight);
---kontur-sidePageCloseButtonClickAreaTop: var(--kontur-modalCloseButtonClickAreaTop);
---kontur-sidePageCloseButtonColor: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
---kontur-sidePageCloseButtonFixedClickAreaBottom: 14px;
---kontur-sidePageCloseButtonFixedClickAreaTop: var(--kontur-sidePageCloseButtonFixedClickAreaBottom);
---kontur-sidePageCloseButtonHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-sidePageCloseButtonWrapperFixedOffsetTop: 4px;
---kontur-sidePageCloseButtonWrapperOffsetTop: 2px;
---kontur-sidePageCloseIconSize: 20px;
---kontur-sidePageContainerShadow: 0 5px 10px rgba(0, 0, 0, 0.2);
---kontur-sidePageFixedFooterShadow: var(--kontur-fixedPanelShadow);
---kontur-sidePageFixedHeaderShadow: var(--kontur-fixedPanelShadow);
---kontur-sidePageFixedPanelShadow: var(--kontur-fixedPanelShadow);
---kontur-sidePageFooterPaddingBottom: 20px;
---kontur-sidePageFooterPaddingTop: 20px;
---kontur-sidePageFooterPanelBg: var(--kontur-sidePageBgDefault);
---kontur-sidePageFooterPanelPaddingBottom: var(--kontur-sidePageFooterPanelPaddingTop);
---kontur-sidePageFooterPanelPaddingTop: var(--kontur-sidePageFooterPaddingTop);
---kontur-sidePageFooterTextColor: var(--kontur-textColorDefault);
---kontur-sidePageHeaderFontSize: 24px;
---kontur-sidePageHeaderFontWeight: bold;
---kontur-sidePageHeaderLineHeight: 32px;
---kontur-sidePageHeaderPaddingBottom: 16px;
---kontur-sidePageHeaderPaddingTop: 24px;
---kontur-sidePageHeaderStickyOffset: 10px;
---kontur-sidePageHeaderTextColor: var(--kontur-textColorDefault);
---kontur-sidePagePaddingBottom: 40px;
---kontur-sidePagePaddingLeft: 32px;
---kontur-sidePagePaddingRight: 36px;
---kontur-sidePagePaddingTop: 24px;
---kontur-specificityLevel: 0;
---kontur-spinnerBgColor: var(--kontur-grayXLight);
---kontur-spinnerCaptionColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-spinnerCaptionGapLarge: -3px;
---kontur-spinnerCaptionGapMedium: -4px;
---kontur-spinnerCaptionGapSmall: 6px;
---kontur-spinnerCaptionMarginLarge: 0 0 0 6px;
---kontur-spinnerCaptionMarginMedium: 0 0 0 6px;
---kontur-spinnerCaptionMarginSmall: 0 0 0 6px;
---kontur-spinnerColor: var(--k-color-customizable-bold-red, #ff5352);
---kontur-spinnerDimmedColor: var(--k-color-customizable-bold-gray, #a4a4a4);
---kontur-spinnerFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-spinnerFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-spinnerFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-spinnerLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-spinnerLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-spinnerLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-switcherBorderRadius: 8px;
---kontur-switcherBtnDisabledBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-switcherButtonBorderRadiusLarge: var(--kontur-btnBorderRadiusLarge);
---kontur-switcherButtonBorderRadiusMedium: var(--kontur-btnBorderRadiusMedium);
---kontur-switcherButtonBorderRadiusSmall: var(--kontur-btnBorderRadiusSmall);
---kontur-switcherButtonBorderWidth: var(--kontur-btnBorderWidth);
---kontur-switcherButtonCheckedDisabledShadow: var(--kontur-btnCheckedDisabledShadow);
---kontur-switcherButtonDisabledBorderColor: var(--kontur-switcherBtnDisabledBorderColor);
---kontur-switcherButtonFontSizeLarge: var(--kontur-btnFontSizeLarge);
---kontur-switcherButtonFontSizeMedium: var(--kontur-btnFontSizeMedium);
---kontur-switcherButtonFontSizeSmall: var(--kontur-btnFontSizeSmall);
---kontur-switcherButtonLineHeightLarge: var(--kontur-btnLineHeightLarge);
---kontur-switcherButtonLineHeightMedium: var(--kontur-btnLineHeightMedium);
---kontur-switcherButtonLineHeightSmall: var(--kontur-btnLineHeightSmall);
---kontur-switcherButtonPaddingXLarge: 15px;
---kontur-switcherButtonPaddingXMedium: 11px;
---kontur-switcherButtonPaddingXSmall: 7px;
---kontur-switcherButtonPaddingYLarge: var(--kontur-btnPaddingYLarge);
---kontur-switcherButtonPaddingYMedium: var(--kontur-btnPaddingYMedium);
---kontur-switcherButtonPaddingYSmall: var(--kontur-btnPaddingYSmall);
---kontur-switcherCaptionFontSizeLarge: var(--kontur-btnFontSizeLarge);
---kontur-switcherCaptionFontSizeMedium: var(--kontur-btnFontSizeMedium);
---kontur-switcherCaptionFontSizeSmall: var(--kontur-btnFontSizeSmall);
---kontur-switcherCaptionGapLarge: var(--kontur-btnPaddingXLarge);
---kontur-switcherCaptionGapMedium: var(--kontur-btnPaddingXMedium);
---kontur-switcherCaptionGapSmall: var(--kontur-btnPaddingXSmall);
---kontur-switcherCaptionLineHeightLarge: var(--kontur-btnLineHeightLarge);
---kontur-switcherCaptionLineHeightMedium: var(--kontur-btnLineHeightMedium);
---kontur-switcherCaptionLineHeightSmall: var(--kontur-btnLineHeightSmall);
---kontur-switcherOutlineWidth: var(--kontur-btnOutlineWidth);
---kontur-switcherTextColor: var(--kontur-textColorDefault);
---kontur-tabBorderWidth: 2px;
---kontur-tabColorError: var(--kontur-btnDangerBg);
---kontur-tabColorFocus: var(--kontur-borderColorFocus);
---kontur-tabColorHover: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-tabColorHoverError: var(--k-color-shape-bold-error-hover, #e62b34);
---kontur-tabColorHoverPrimary: var(--k-color-line-accent-pale, rgba(0, 0, 0, 0.24));
---kontur-tabColorHoverSuccess: var(--k-color-shape-bold-success-hover, #009b41);
---kontur-tabColorHoverWarning: var(--k-color-shape-bold-warning-hover, #fdaa00);
---kontur-tabColorPrimary: var(--kontur-btnPrimaryBg);
---kontur-tabColorSuccess: var(--kontur-btnSuccessBg);
---kontur-tabColorWarning: var(--kontur-btnPayBg);
---kontur-tabFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-tabFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-tabFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-tabIndicatorBorderRadius: 2px;
---kontur-tabLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-tabLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-tabLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-tabOutlineWidth: var(--kontur-controlOutlineWidth);
---kontur-tabPaddingXLarge: 12px;
---kontur-tabPaddingXMedium: 10px;
---kontur-tabPaddingXSmall: 8px;
---kontur-tabPaddingYLarge: calc(var(--kontur-controlPaddingYLarge) + var(--kontur-controlBorderWidth));
---kontur-tabPaddingYMedium: calc(var(--kontur-controlPaddingYMedium) + var(--kontur-controlBorderWidth));
---kontur-tabPaddingYSmall: calc(var(--kontur-controlPaddingYSmall) + var(--kontur-controlBorderWidth));
---kontur-tabTextColorDefault: var(--kontur-textColorDefault);
---kontur-textColorDefault: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-textColorDisabled: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-textColorDisabledContrast: rgba(255, 255, 255, 0.48);
---kontur-textColorInvert: rgba(255, 255, 255, 0.865);
---kontur-textareaBackgroundClip: padding-box;
---kontur-textareaBg: var(--kontur-inputBg);
---kontur-textareaBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-textareaBorderColorError: var(--kontur-borderColorError);
---kontur-textareaBorderColorFocus: var(--kontur-borderColorFocus);
---kontur-textareaBorderColorHover: var(--kontur-inputBorderColorHover);
---kontur-textareaBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-textareaBorderRadius: 2px;
---kontur-textareaBorderTopColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-textareaBorderWidth: var(--kontur-controlBorderWidth);
---kontur-textareaColor: var(--kontur-textColorDefault);
---kontur-textareaCounterBg: var(--k-color-surface-base, #ffffff);
---kontur-textareaCounterBorderRadius: 4px;
---kontur-textareaCounterColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-textareaCounterErrorColor: var(--kontur-errorText);
---kontur-textareaCounterHelpIconColor: var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56));
---kontur-textareaCounterPaddingX: 4px;
---kontur-textareaCounterPaddingY: 2px;
---kontur-textareaDisabledBg: var(--kontur-inputDisabledBg);
---kontur-textareaDisabledBorderColor: var(--kontur-borderColorDisabled);
---kontur-textareaFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-textareaFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-textareaFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-textareaLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-textareaLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-textareaLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-textareaMargin: 0px;
---kontur-textareaMinHeightLarge: calc(var(--kontur-textareaLineHeightLarge) + var(--kontur-textareaPaddingYLarge) * 2 + var(--kontur-textareaBorderWidth) * 2);
---kontur-textareaMinHeightMedium: calc(var(--kontur-textareaLineHeightMedium) + var(--kontur-textareaPaddingYMedium) * 2 + var(--kontur-textareaBorderWidth) * 2);
---kontur-textareaMinHeightSmall: calc(var(--kontur-textareaLineHeightSmall) + var(--kontur-textareaPaddingYSmall) * 2 + var(--kontur-textareaBorderWidth) * 2);
---kontur-textareaOutlineWidth: calc(var(--kontur-controlOutlineWidth) - var(--kontur-textareaBorderWidth));
---kontur-textareaPaddingXLarge: 15px;
---kontur-textareaPaddingXMedium: 11px;
---kontur-textareaPaddingXSmall: 7px;
---kontur-textareaPaddingYLarge: var(--kontur-controlPaddingYLarge);
---kontur-textareaPaddingYMedium: var(--kontur-controlPaddingYMedium);
---kontur-textareaPaddingYSmall: var(--kontur-controlPaddingYSmall);
---kontur-textareaPlaceholderColor: var(--kontur-placeholderColor);
---kontur-textareaPlaceholderColorDisabled: var(--kontur-textColorDisabled);
---kontur-textareaPlaceholderColorLight: var(--kontur-placeholderColorLight);
---kontur-textareaShadow: none;
---kontur-textareaTextColorDisabled: var(--kontur-textColorDisabled);
---kontur-textareaVerticalAlign: top;
---kontur-timePickerInputMinWidthLarge: 85px;
---kontur-timePickerInputMinWidthMedium: 71px;
---kontur-timePickerInputMinWidthSmall: 58px;
---kontur-timePickerInputMinWidthWithIconAndSecondsLarge: 144px;
---kontur-timePickerInputMinWidthWithIconAndSecondsMedium: 121px;
---kontur-timePickerInputMinWidthWithIconAndSecondsSmall: 99px;
---kontur-timePickerInputMinWidthWithIconLarge: 117px;
---kontur-timePickerInputMinWidthWithIconMedium: 97px;
---kontur-timePickerInputMinWidthWithIconSmall: 78px;
---kontur-timePickerInputMinWidthWithSecondsLarge: 112px;
---kontur-timePickerInputMinWidthWithSecondsMedium: 95px;
---kontur-timePickerInputMinWidthWithSecondsSmall: 79px;
---kontur-timePickerItemGapLarge: 8px;
---kontur-timePickerItemGapMedium: 6px;
---kontur-timePickerItemGapSmall: 4px;
---kontur-timePickerMaskColor: var(--kontur-placeholderColor);
---kontur-timePickerMenuMaxHeightLarge: calc((var(--kontur-menuItemLineHeightLarge) + var(--kontur-menuItemPaddingYLarge) * 2) * 8 + var(--kontur-menuItemGap) * (8 - 1));
---kontur-timePickerMenuMaxHeightMedium: calc((var(--kontur-menuItemLineHeightMedium) + var(--kontur-menuItemPaddingYMedium) * 2) * 8 + var(--kontur-menuItemGap) * (8 - 1));
---kontur-timePickerMenuMaxHeightSmall: calc((var(--kontur-menuItemLineHeightSmall) + var(--kontur-menuItemPaddingYSmall) * 2) * 8 + var(--kontur-menuItemGap) * (8 - 1));
---kontur-timePickerMenuOffsetY: calc(var(--kontur-menuOffsetY) - 1px);
---kontur-timePickerPopupBg: var(--k-color-shape-other-field, #ffffff);
---kontur-timePickerPopupBorderRadius: var(--kontur-menuBorderRadius);
---kontur-timePickerPopupShadow: var(--kontur-menuShadow);
---kontur-timePickerSeparatorOffsetTopLarge: -2px;
---kontur-timePickerSeparatorOffsetTopMedium: -1px;
---kontur-timePickerSeparatorOffsetTopSmall: -1px;
---kontur-timePickerSeparatorPaddingXLarge: 2px;
---kontur-timePickerSeparatorPaddingXMedium: 1px;
---kontur-timePickerSeparatorPaddingXSmall: 1px;
---kontur-timePickerSuffixGapLarge: 8px;
---kontur-timePickerSuffixGapMedium: 6px;
---kontur-timePickerSuffixGapSmall: 4px;
---kontur-toastBg: var(--k-color-shape-heavy-neutral, #292929);
---kontur-toastBorder: none;
---kontur-toastBorderRadius: 8px;
---kontur-toastCloseBtnSide: 40px;
---kontur-toastCloseColor: var(--k-color-text-inverted-neutral-soft, rgba(255, 255, 255, 0.64));
---kontur-toastCloseColorError: var(--k-color-text-const-soft-white, rgba(255, 255, 255, 0.64));
---kontur-toastCloseHoverColor: var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96));
---kontur-toastCloseHoverColorError: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-toastClosePadding: 16px;
---kontur-toastCloseSize: 16px;
---kontur-toastColor: var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96));
---kontur-toastColorError: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-toastErrorBg: var(--k-color-shape-bold-error, #f63b40);
---kontur-toastFontSize: var(--kontur-fontSizeSmall);
---kontur-toastLineHeight: var(--kontur-controlLineHeightSmall);
---kontur-toastLinkBgActive: var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04));
---kontur-toastLinkBgActiveError: var(--k-color-shape-const-backless-white-hover, rgba(255, 255, 255, 0.12));
---kontur-toastLinkBgHover: var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06));
---kontur-toastLinkBgHoverError: var(--k-color-shape-const-backless-white-hover, rgba(255, 255, 255, 0.12));
---kontur-toastLinkColor: var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96));
---kontur-toastLinkColorActiveError: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-toastLinkColorError: var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96));
---kontur-toastLinkPadding: 12px;
---kontur-toastPaddingX: 16px;
---kontur-toastPaddingY: 10px;
---kontur-toastTop: 24px;
---kontur-toggleBaseBg: transparent;
---kontur-toggleBgChecked: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-toggleBgDisabled: var(--kontur-bgDisabled);
---kontur-toggleBgFocus: linear-gradient(-180deg, #f1f1f1, #dedede);
---kontur-toggleBgHover: var(--k-color-shape-other-field-hover, #f2f2f2);
---kontur-toggleBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-toggleBorderColorDisabled: var(--kontur-toggleBorderColor);
---kontur-toggleBorderColorDisabledChecked: var(--kontur-toggleBorderColor);
---kontur-toggleBorderRadiusLarge: calc(var(--kontur-toggleHeightLarge) * 0.5);
---kontur-toggleBorderRadiusMedium: calc(var(--kontur-toggleHeightMedium) * 0.5);
---kontur-toggleBorderRadiusSmall: calc(var(--kontur-toggleHeightSmall) * 0.5);
---kontur-toggleBorderWidth: var(--kontur-controlBorderWidth);
---kontur-toggleButtonOffsetY: 0px;
---kontur-toggleCaptionGap: 8px;
---kontur-toggleCommentFontSizeLarge: var(--kontur-commentFontSizeLarge);
---kontur-toggleCommentFontSizeMedium: var(--kontur-commentFontSizeMedium);
---kontur-toggleCommentFontSizeSmall: var(--kontur-commentFontSizeSmall);
---kontur-toggleCommentLineHeightLarge: var(--kontur-commentLineHeightLarge);
---kontur-toggleCommentLineHeightMedium: var(--kontur-commentLineHeightMedium);
---kontur-toggleCommentLineHeightSmall: var(--kontur-commentLineHeightSmall);
---kontur-toggleCommentTextColor: var(--kontur-commentTextColor);
---kontur-toggleContainerBg: var(--k-color-shape-other-field, #ffffff);
---kontur-toggleContainerBgChecked: var(--kontur-toggleBgChecked);
---kontur-toggleContainerBgCheckedHover: var(--k-color-shape-bold-accent-hover, #292929);
---kontur-toggleContainerBgDisabled: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-toggleContainerBgDisabledChecked: var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32));
---kontur-toggleContainerBgHover: var(--kontur-toggleBgHover);
---kontur-toggleContainerBoxShadow: inset 0 0 0 1px var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-toggleContainerBoxShadowChecked: none;
---kontur-toggleContainerBoxShadowCheckedHover: none;
---kontur-toggleContainerBoxShadowDisabled: inset 0 0 0 1px var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-toggleContainerBoxShadowDisabledChecked: none;
---kontur-toggleContainerBoxShadowHover: inset 0 0 0 1px var(--k-color-line-neutral-pale-hover, rgba(0, 0, 0, 0.24));
---kontur-toggleDisabledHandleBg: transparent;
---kontur-toggleFocusShadowColor: var(--k-color-line-accent-bold, #484848);
---kontur-toggleFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-toggleFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-toggleFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-toggleHandleActiveWidthIncrement: 0px;
---kontur-toggleHandleBg: var(--k-color-shape-other-base, #ffffff);
---kontur-toggleHandleBgChecked: var(--k-color-shape-inverted-neutral-heavy, #ffffff);
---kontur-toggleHandleBgCheckedHover: var(--k-color-shape-inverted-neutral-heavy-hover, rgba(255, 255, 255, 0.88));
---kontur-toggleHandleBgDisabled: transparent;
---kontur-toggleHandleBgDisabledChecked: var(--k-color-shape-inverted-neutral-heavy, #ffffff);
---kontur-toggleHandleBgHover: var(--k-color-shape-other-base, #ffffff);
---kontur-toggleHandleBorderRadiusLarge: calc((var(--kontur-toggleHeightLarge) - 2 * var(--kontur-toggleBorderWidth)) / 2);
---kontur-toggleHandleBorderRadiusMedium: calc((var(--kontur-toggleHeightMedium) - 2 * var(--kontur-toggleBorderWidth)) / 2);
---kontur-toggleHandleBorderRadiusSmall: calc((var(--kontur-toggleHeightSmall) - 2 * var(--kontur-toggleBorderWidth)) / 2);
---kontur-toggleHandleBoxShadow: 0 0 0 1px var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-toggleHandleBoxShadowChecked: none;
---kontur-toggleHandleBoxShadowCheckedHover: none;
---kontur-toggleHandleBoxShadowDisabled: 0 0 0 1px var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08));
---kontur-toggleHandleBoxShadowDisabledChecked: none;
---kontur-toggleHandleBoxShadowHover: 0 0 0 1px var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-toggleHandleLeft: 3px;
---kontur-toggleHandleSizeLarge: 18px;
---kontur-toggleHandleSizeMedium: 16px;
---kontur-toggleHandleSizeSmall: 14px;
---kontur-toggleHandleTop: 3px;
---kontur-toggleHeightLarge: 24px;
---kontur-toggleHeightMedium: 22px;
---kontur-toggleHeightSmall: 20px;
---kontur-toggleLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-toggleLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-toggleLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-toggleOutlineColorFocus: var(--kontur-outlineColorFocus);
---kontur-toggleOutlineWidth: calc(var(--kontur-controlOutlineWidth) + var(--kontur-toggleBorderWidth));
---kontur-toggleShadowColorError: var(--k-color-line-error-bold, #d6192a);
---kontur-toggleShadowColorWarning: var(--k-color-line-warning-bold, #fdaa00);
---kontur-toggleTextColor: var(--kontur-textColorDefault);
---kontur-toggleWidthLarge: 36px;
---kontur-toggleWidthMedium: 34px;
---kontur-toggleWidthSmall: 32px;
---kontur-tokenBg: var(--k-color-shape-faint-neutral-alpha, rgba(0, 0, 0, 0.06));
---kontur-tokenBgActive: var(--k-color-shape-bold-accent, #3d3d3d);
---kontur-tokenBgHover: var(--k-color-shape-faint-neutral-alpha-hover, rgba(0, 0, 0, 0.12));
---kontur-tokenBorderColor: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-tokenBorderColorActive: transparent;
---kontur-tokenBorderColorDisabled: transparent;
---kontur-tokenBorderColorError: var(--kontur-borderColorError);
---kontur-tokenBorderColorHover: var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16));
---kontur-tokenBorderColorWarning: var(--kontur-borderColorWarning);
---kontur-tokenBorderRadius: 2px;
---kontur-tokenBorderWidth: 1px;
---kontur-tokenColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-tokenColorActive: var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96));
---kontur-tokenColorHover: var(--kontur-tokenColor);
---kontur-tokenDisabledBg: var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06));
---kontur-tokenFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-tokenFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-tokenFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-tokenInputBg: var(--kontur-inputBg);
---kontur-tokenInputBorderColor: var(--kontur-inputBorderColor);
---kontur-tokenInputBorderColorError: var(--kontur-inputBorderColorError);
---kontur-tokenInputBorderColorFocus: var(--kontur-inputBorderColorFocus);
---kontur-tokenInputBorderColorHover: var(--kontur-inputBorderColorHover);
---kontur-tokenInputBorderColorWarning: var(--kontur-inputBorderColorWarning);
---kontur-tokenInputBorderRadius: 2px;
---kontur-tokenInputBorderTopColor: var(--kontur-inputBorderTopColor);
---kontur-tokenInputBorderWidth: var(--kontur-inputBorderWidth);
---kontur-tokenInputDisabledBg: var(--kontur-inputDisabledBg);
---kontur-tokenInputDisabledBorderColor: var(--kontur-inputDisabledBorderColor);
---kontur-tokenInputLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-tokenInputLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-tokenInputLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-tokenInputMenuOffsetY: var(--kontur-menuOffsetY);
---kontur-tokenInputMenuPopupBg: transparent;
---kontur-tokenInputOutlineWidth: var(--kontur-inputOutlineWidth);
---kontur-tokenInputPaddingXLarge: 4px;
---kontur-tokenInputPaddingXMedium: 3px;
---kontur-tokenInputPaddingXSmall: 2px;
---kontur-tokenInputPaddingYLarge: 5px;
---kontur-tokenInputPaddingYMedium: 3px;
---kontur-tokenInputPaddingYSmall: 1px;
---kontur-tokenInputPlaceholderColor: var(--kontur-inputPlaceholderColor);
---kontur-tokenInputPlaceholderColorDisabled: var(--kontur-tokenInputTextColorDisabled);
---kontur-tokenInputPlaceholderColorLight: var(--kontur-inputPlaceholderColorLight);
---kontur-tokenInputPopupMarginLarge: 13px;
---kontur-tokenInputPopupMarginMedium: 10px;
---kontur-tokenInputPopupMarginSmall: 7px;
---kontur-tokenInputPopupOffset: 2px;
---kontur-tokenInputShadow: var(--kontur-inputShadow);
---kontur-tokenInputTextColor: var(--kontur-inputTextColor);
---kontur-tokenInputTextColorDisabled: var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32));
---kontur-tokenLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-tokenLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-tokenLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-tokenMarginBeforeIcon: 4px;
---kontur-tokenMarginXDisabled: var(--kontur-tokenMarginXSmall);
---kontur-tokenMarginXLarge: 3px;
---kontur-tokenMarginXMedium: 2px;
---kontur-tokenMarginXSmall: 1px;
---kontur-tokenMarginYDisabled: var(--kontur-tokenMarginYSmall);
---kontur-tokenMarginYLarge: 2px;
---kontur-tokenMarginYMedium: 2px;
---kontur-tokenMarginYSmall: 2px;
---kontur-tokenOutlineWidth: 1px;
---kontur-tokenPaddingXDisabled: var(--kontur-tokenPaddingXSmall);
---kontur-tokenPaddingXLarge: 7px;
---kontur-tokenPaddingXMedium: 5px;
---kontur-tokenPaddingXSmall: 3px;
---kontur-tokenPaddingYDisabled: var(--kontur-tokenPaddingYSmall);
---kontur-tokenPaddingYLarge: 3px;
---kontur-tokenPaddingYMedium: 2px;
---kontur-tokenPaddingYSmall: 1px;
---kontur-tokenRemoveIconBoxSizing: content-box;
---kontur-tokenRemoveIconGap: 4px;
---kontur-tokenRemoveIconPaddingX: 0px;
---kontur-tokenRemoveIconPaddingY: 0px;
---kontur-tokenRemoveIconSize: 16px;
---kontur-tokenTextColorDisabled: var(--kontur-textColorDisabled);
---kontur-tooltipBg: var(--k-color-surface-high, #ffffff);
---kontur-tooltipBorder: var(--kontur-popupBorder);
---kontur-tooltipBorderRadiusLarge: 12px;
---kontur-tooltipBorderRadiusMedium: 10px;
---kontur-tooltipBorderRadiusSmall: 8px;
---kontur-tooltipCloseBtnColor: var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4));
---kontur-tooltipCloseBtnHoverColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-tooltipCloseBtnPaddingLarge: 8px;
---kontur-tooltipCloseBtnPaddingMedium: 6px;
---kontur-tooltipCloseBtnPaddingSmall: 4px;
---kontur-tooltipCloseBtnSide: 16px;
---kontur-tooltipFontSizeLarge: var(--kontur-fontSizeLarge);
---kontur-tooltipFontSizeMedium: var(--kontur-fontSizeMedium);
---kontur-tooltipFontSizeSmall: var(--kontur-fontSizeSmall);
---kontur-tooltipLineHeightLarge: var(--kontur-controlLineHeightLarge);
---kontur-tooltipLineHeightMedium: var(--kontur-controlLineHeightMedium);
---kontur-tooltipLineHeightSmall: var(--kontur-controlLineHeightSmall);
---kontur-tooltipMarginLarge: 14px;
---kontur-tooltipMarginMedium: 12px;
---kontur-tooltipMarginSmall: 10px;
---kontur-tooltipMenuMargin: var(--kontur-popupMargin);
---kontur-tooltipMenuPinOffsetX: var(--kontur-tooltipPinOffsetXSmall);
---kontur-tooltipMenuPinOffsetY: var(--kontur-tooltipPinOffsetYSmall);
---kontur-tooltipMenuPinSize: var(--kontur-popupPinSize);
---kontur-tooltipPaddingXLarge: 24px;
---kontur-tooltipPaddingXMedium: 20px;
---kontur-tooltipPaddingXSmall: 16px;
---kontur-tooltipPaddingYLarge: 24px;
---kontur-tooltipPaddingYMedium: 20px;
---kontur-tooltipPaddingYSmall: 16px;
---kontur-tooltipPinOffsetXLarge: 24px;
---kontur-tooltipPinOffsetXMedium: 20px;
---kontur-tooltipPinOffsetXSmall: 16px;
---kontur-tooltipPinOffsetYLarge: 24px;
---kontur-tooltipPinOffsetYMedium: 21px;
---kontur-tooltipPinOffsetYSmall: 18px;
---kontur-tooltipPinSizeLarge: 12px;
---kontur-tooltipPinSizeMedium: 10px;
---kontur-tooltipPinSizeSmall: 8px;
---kontur-tooltipTextColor: var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88));
---kontur-transitionDuration: 100ms;
---kontur-transitionTimingFunction: cubic-bezier(0.5, 1, 0.89, 1);
---kontur-validationsTextColorError: var(--kontur-errorText);
---kontur-validationsTextColorWarning: var(--k-color-text-warning-heavy, #d26e00);
---kontur-warningMain: #ffa236;
---kontur-warningSecondary: #fff0bc;
---kontur-warningText: #d97e00;
---kontur-white: #fff;
---kontur-yellow: #ffa236;
---kontur-yellowDark: #ea7324;
---kontur-yellowXxLight: #ffe0c3; }