@skbkontur/react-ui 6.4.1 → 6.4.2-static-css.0

package/themes/dark-6-0.css

@@ -0,0 +1,1439 @@
+:root, .react-ui-theme-1n5tg7a { --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: 576px);
+--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: 16px;
+--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-high, #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-high, #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: transparent;
+--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-heavy, rgba(0, 0, 0, 0.88));
+--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; }