@skbkontur/colors 1.1.2-1903c.0 → 1.1.2-34230.0

package/dist/tokens/semantic/css/brand-blue_accent-brand.css

@@ -0,0 +1,623 @@
+[data-k-brand='blue'][data-k-accent='brand'] {
+  --k-textAccentPrimary: #0069c2;
+  --k-textAccentPrimaryHover: #0080ea;
+  --k-textAccentPrimaryPressed: #37608e;
+  --k-textDisabled: rgba(0, 0, 0, 0.32);
+  --k-textErrorPrimary: #c50220;
+  --k-textErrorPrimaryHover: #e62b34;
+  --k-textErrorPrimaryPressed: #943e3b;
+  --k-textInvertedAccentPrimary: #55a9ff;
+  --k-textInvertedAccentPrimaryHover: #80c5ff;
+  --k-textInvertedAccentPrimaryPressed: #4b8fdb;
+  --k-textInvertedDisabled: rgba(255, 255, 255, 0.4);
+  --k-textInvertedErrorPrimary: #ff5352;
+  --k-textInvertedErrorPrimaryHover: #ff726b;
+  --k-textInvertedErrorPrimaryPressed: #dd5d58;
+  --k-textInvertedNeutralPrimary: rgba(255, 255, 255, 0.96);
+  --k-textInvertedNeutralSecondary: rgba(255, 255, 255, 0.64);
+  --k-textInvertedSuccessPrimary: #00c655;
+  --k-textInvertedSuccessPrimaryHover: #4ede76;
+  --k-textInvertedSuccessPrimaryPressed: #4fa161;
+  --k-textInvertedWarningPrimary: #f8ae00;
+  --k-textInvertedWarningPrimaryHover: #ffbf0b;
+  --k-textInvertedWarningPrimaryPressed: #cc9a51;
+  --k-textLogo: #2291ff;
+  --k-textNeutralPrimary: rgba(0, 0, 0, 0.88);
+  --k-textNeutralSecondary: rgba(0, 0, 0, 0.56);
+  --k-textSuccessPrimary: #007f34;
+  --k-textSuccessPrimaryHover: #009b41;
+  --k-textSuccessPrimaryPressed: #3a6a43;
+  --k-textWarningPrimary: #bc7d00;
+  --k-textWarningPrimaryHover: #db9400;
+  --k-textWarningPrimaryPressed: #a37736;
+  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
+  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
+  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.4);
+  --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
+  --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
+  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-shapeBoldAccent: #2291ff;
+  --k-shapeBoldAccentHover: #0584f1;
+  --k-shapeBoldAccentPressed: #227ad2;
+  --k-shapeBoldBrandOriginal: #2291ff;
+  --k-shapeBoldBrandOriginalHover: #0584f1;
+  --k-shapeBoldBrandOriginalPressed: #227ad2;
+  --k-shapeBoldError: #f63b40;
+  --k-shapeBoldErrorHover: #e62b34;
+  --k-shapeBoldErrorPressed: #cd3235;
+  --k-shapeBoldNeutral: #525252;
+  --k-shapeBoldNeutralHover: #3d3d3d;
+  --k-shapeBoldNeutralPressed: rgba(0, 0, 0, 0.56);
+  --k-shapeBoldSuccess: #00a948;
+  --k-shapeBoldSuccessHover: #009b41;
+  --k-shapeBoldSuccessPressed: #178b3f;
+  --k-shapeBoldWarning: #ffbf0b;
+  --k-shapeBoldWarningHover: #f8ae00;
+  --k-shapeBoldWarningPressed: #e5a331;
+  --k-shapeFaintAccent: #e2f5ff;
+  --k-shapeFaintAccentHover: #c9eafe;
+  --k-shapeFaintAccentPressed: #bedcf1;
+  --k-shapeFaintBrand: #e2f5ff;
+  --k-shapeFaintBrandHover: #c9eafe;
+  --k-shapeFaintBrandPressed: #d3e8f5;
+  --k-shapeFaintError: #ffedef;
+  --k-shapeFaintErrorHover: #ffdadd;
+  --k-shapeFaintErrorPressed: #f5dee0;
+  --k-shapeFaintNeutralAlpha: rgba(0, 0, 0, 0.06);
+  --k-shapeFaintNeutralAlphaHover: rgba(0, 0, 0, 0.08);
+  --k-shapeFaintNeutralAlphaPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeFaintSuccess: #defbe2;
+  --k-shapeFaintSuccessHover: #c3f3ca;
+  --k-shapeFaintSuccessPressed: #d1edd5;
+  --k-shapeFaintWarning: #fff3bd;
+  --k-shapeFaintWarningHover: #f4e5ad;
+  --k-shapeFaintWarningPressed: #ede5c4;
+  --k-shapeHeavyError: #6b1f1e;
+  --k-shapeHeavyNeutral: #292929;
+  --k-shapeHeavySuccess: #0b4a1f;
+  --k-shapeHeavyWarning: #543600;
+  --k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
+  --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.08);
+  --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherBase: #fff;
+  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.64);
+  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.32);
+  --k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
+  --k-shapeOtherField: #fff;
+  --k-shapeOtherLow: rgba(0, 0, 0, 0.06);
+  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
+  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherNeutralFaintSolid: #f2f2f2;
+  --k-shapeOtherNeutralFaintSolidHover: #e4e4e4;
+  --k-shapeOtherNeutralFaintSolidPressed: #d7d7d7;
+  --k-shapeOtherNeutralPaleSolid: #e4e4e4;
+  --k-shapeOtherNeutralPaleSolidHover: #d7d7d7;
+  --k-shapeOtherNeutralPaleSolidPressed: #cacaca;
+  --k-shapeOtherNeutralSoftSolid: #cacaca;
+  --k-shapeOtherNeutralSoftSolidHover: #bebebe;
+  --k-shapeOtherNeutralSoftSolidPressed: #b1b1b1;
+  --k-shapePaleAccent: #c7ebff;
+  --k-shapePaleAccentHover: #aedfff;
+  --k-shapePaleAccentPressed: #a9d0ed;
+  --k-shapePaleBrand: #c7ebff;
+  --k-shapePaleBrandHover: #aedfff;
+  --k-shapePaleBrandPressed: #bedcf1;
+  --k-shapePaleError: #ffdadd;
+  --k-shapePaleErrorHover: #ffc7c7;
+  --k-shapePaleErrorPressed: #f2cdcd;
+  --k-shapePaleNeutralAlpha: rgba(0, 0, 0, 0.08);
+  --k-shapePaleNeutralAlphaHover: rgba(0, 0, 0, 0.12);
+  --k-shapePaleNeutralAlphaPressed: rgba(0, 0, 0, 0.16);
+  --k-shapePaleSuccess: #c3f3ca;
+  --k-shapePaleSuccessHover: #a7ebb2;
+  --k-shapePaleSuccessPressed: #bae4c0;
+  --k-shapePaleWarning: #fbe48d;
+  --k-shapePaleWarningHover: #f2d585;
+  --k-shapePaleWarningPressed: #e9d6a5;
+  --k-shapeSoftAccent: #80c5ff;
+  --k-shapeSoftAccentHover: #6cb7ff;
+  --k-shapeSoftAccentPressed: #70a9e6;
+  --k-shapeSoftBrand: #80c5ff;
+  --k-shapeSoftBrandHover: #6cb7ff;
+  --k-shapeSoftBrandPressed: #70a9e6;
+  --k-shapeSoftError: #fea09c;
+  --k-shapeSoftErrorHover: #f98e88;
+  --k-shapeSoftErrorPressed: #e8847c;
+  --k-shapeSoftNeutralAlpha: rgba(0, 0, 0, 0.16);
+  --k-shapeSoftNeutralAlphaHover: rgba(0, 0, 0, 0.24);
+  --k-shapeSoftNeutralAlphaPressed: rgba(0, 0, 0, 0.32);
+  --k-shapeSoftSuccess: #6cd984;
+  --k-shapeSoftSuccessHover: #4ecf70;
+  --k-shapeSoftSuccessPressed: #58be6f;
+  --k-shapeSoftWarning: #fcd35d;
+  --k-shapeSoftWarningHover: #f4c359;
+  --k-shapeSoftWarningPressed: #e5b566;
+  --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
+  --k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
+  --k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
+  --k-shapeInvertedNeutralFaintAlphaHover: rgba(255, 255, 255, 0.08);
+  --k-shapeInvertedNeutralFaintAlphaPressed: rgba(255, 255, 255, 0.04);
+  --k-shapeInvertedNeutralHeavy: #fff;
+  --k-shapeInvertedNeutralHeavyHover: rgba(255, 255, 255, 0.88);
+  --k-shapeInvertedNeutralHeavyPressed: rgba(255, 255, 255, 0.72);
+  --k-shapeInvertedNeutralPaleAlpha: rgba(255, 255, 255, 0.08);
+  --k-shapeInvertedNeutralPaleAlphaHover: rgba(255, 255, 255, 0.12);
+  --k-shapeInvertedNeutralPaleAlphaPressed: rgba(255, 255, 255, 0.06);
+  --k-shapeInvertedNeutralSoftAlpha: rgba(255, 255, 255, 0.16);
+  --k-shapeInvertedNeutralSoftAlphaHover: rgba(255, 255, 255, 0.24);
+  --k-shapeInvertedNeutralSoftAlphaPressed: rgba(255, 255, 255, 0.12);
+  --k-shapeConstBacklessBlackHover: rgba(0, 0, 0, 0.12);
+  --k-shapeConstBacklessBlackPressed: rgba(0, 0, 0, 0.16);
+  --k-shapeConstBacklessWhiteHover: rgba(255, 255, 255, 0.12);
+  --k-shapeConstBacklessWhitePressed: rgba(255, 255, 255, 0.06);
+  --k-shapeConstDisabledBlack: rgba(0, 0, 0, 0.06);
+  --k-shapeConstDisabledWhite: rgba(255, 255, 255, 0.06);
+  --k-shapeConstFaintBlack: rgba(0, 0, 0, 0.12);
+  --k-shapeConstFaintBlackHover: rgba(0, 0, 0, 0.16);
+  --k-shapeConstFaintBlackPressed: rgba(0, 0, 0, 0.24);
+  --k-shapeConstFaintWhite: rgba(255, 255, 255, 0.12);
+  --k-shapeConstFaintWhiteHover: rgba(255, 255, 255, 0.16);
+  --k-shapeConstFaintWhitePressed: rgba(255, 255, 255, 0.08);
+  --k-shapeConstHeavyBlack: rgba(0, 0, 0, 0.8);
+  --k-shapeConstHeavyBlackHover: rgba(0, 0, 0, 0.88);
+  --k-shapeConstHeavyBlackPressed: rgba(0, 0, 0, 0.64);
+  --k-shapeConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-shapeConstHeavyWhiteHover: #fff;
+  --k-shapeConstHeavyWhitePressed: rgba(255, 255, 255, 0.64);
+  --k-shapeConstPaleBlack: rgba(0, 0, 0, 0.16);
+  --k-shapeConstPaleBlackHover: rgba(0, 0, 0, 0.24);
+  --k-shapeConstPaleBlackPressed: rgba(0, 0, 0, 0.32);
+  --k-shapeConstPaleWhite: rgba(255, 255, 255, 0.16);
+  --k-shapeConstPaleWhiteHover: rgba(255, 255, 255, 0.24);
+  --k-shapeConstPaleWhitePressed: rgba(255, 255, 255, 0.12);
+  --k-shapeConstPromo: #1a3268;
+  --k-shapeConstSoftBlack: rgba(0, 0, 0, 0.24);
+  --k-shapeConstSoftBlackHover: rgba(0, 0, 0, 0.32);
+  --k-shapeConstSoftBlackPressed: rgba(0, 0, 0, 0.4);
+  --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
+  --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
+  --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
+  --k-lineAccentBold: #2291ff;
+  --k-lineAccentBoldHover: #0584f1;
+  --k-lineAccentBoldPressed: #227ad2;
+  --k-lineAccentPale: #aedfff;
+  --k-lineAccentPaleHover: #96d2ff;
+  --k-lineAccentPalePressed: #96c3eb;
+  --k-lineAccentSoft: #84b6e8;
+  --k-lineAccentSoftHover: #0080ea;
+  --k-lineAccentSoftPressed: #37608e;
+  --k-lineBrandOriginal: #2291ff;
+  --k-lineErrorBold: #d6192a;
+  --k-lineErrorBoldHover: #f63b40;
+  --k-lineErrorBoldPressed: #a74541;
+  --k-lineNeutralFaint: rgba(0, 0, 0, 0.08);
+  --k-lineNeutralPale: rgba(0, 0, 0, 0.16);
+  --k-lineNeutralPaleHover: rgba(0, 0, 0, 0.24);
+  --k-lineNeutralPalePressed: rgba(0, 0, 0, 0.4);
+  --k-lineOnAccentBoldFaint: rgba(255, 255, 255, 0.12);
+  --k-lineOnAccentBoldPale: rgba(255, 255, 255, 0.24);
+  --k-lineOnBrandOriginalFaint: rgba(255, 255, 255, 0.12);
+  --k-lineOnBrandOriginalPale: rgba(255, 255, 255, 0.24);
+  --k-lineSuccessBold: #008d3a;
+  --k-lineSuccessBoldHover: #00b74e;
+  --k-lineSuccessBoldPressed: #458552;
+  --k-lineWarningBold: #f8ae00;
+  --k-lineWarningBoldHover: #db9400;
+  --k-lineWarningBoldPressed: #bd8f4d;
+  --k-lineInvertedAccentBold: #2291ff;
+  --k-lineInvertedAccentBoldHover: #339eff;
+  --k-lineInvertedAccentBoldPressed: #3186e0;
+  --k-lineInvertedAccentPale: #31547d;
+  --k-lineInvertedAccentPaleHover: #37608e;
+  --k-lineInvertedAccentPalePressed: #2b496c;
+  --k-lineInvertedAccentSoft: #37608e;
+  --k-lineInvertedAccentSoftHover: #80c5ff;
+  --k-lineInvertedAccentSoftPressed: #2b8df2;
+  --k-lineInvertedErrorBold: #e62b34;
+  --k-lineInvertedErrorBoldHover: #ff5352;
+  --k-lineInvertedErrorBoldPressed: #ba4b47;
+  --k-lineInvertedNeutralFaint: rgba(255, 255, 255, 0.08);
+  --k-lineInvertedNeutralPale: rgba(255, 255, 255, 0.16);
+  --k-lineInvertedNeutralPaleHover: rgba(255, 255, 255, 0.24);
+  --k-lineInvertedNeutralPalePressed: rgba(255, 255, 255, 0.12);
+  --k-lineInvertedSuccessBold: #009b41;
+  --k-lineInvertedSuccessBoldHover: #00b74e;
+  --k-lineInvertedSuccessBoldPressed: #458552;
+  --k-lineInvertedWarningBold: #f8ae00;
+  --k-lineInvertedWarningBoldHover: #ffbf0b;
+  --k-lineInvertedWarningBoldPressed: #cc9a51;
+  --k-lineConstFaintBlack: rgba(0, 0, 0, 0.12);
+  --k-lineConstFaintWhite: rgba(255, 255, 255, 0.12);
+  --k-lineConstPaleBlack: rgba(0, 0, 0, 0.24);
+  --k-lineConstPaleBlackHover: rgba(0, 0, 0, 0.32);
+  --k-lineConstPaleBlackPressed: rgba(0, 0, 0, 0.16);
+  --k-lineConstPaleWhite: rgba(255, 255, 255, 0.24);
+  --k-lineConstPaleWhiteHover: rgba(255, 255, 255, 0.32);
+  --k-lineConstPaleWhitePressed: rgba(255, 255, 255, 0.16);
+  --k-surfaceBase: #fff;
+  --k-surfaceHigh: #fff;
+  --k-surfaceLow: #f2f2f2;
+  --k-surfaceModalBackdrop: rgba(0, 0, 0, 0.24);
+  --k-illustrationBlack: #0d0d0d;
+  --k-illustrationBrand: #2291ff;
+  --k-illustrationComplement: #1a3268;
+  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
+  --k-illustrationOnComplement: #fff;
+  --k-illustrationPromo: #1a3268;
+  --k-illustrationSymbol: #80c5ff;
+  --k-illustrationWhite: #fff;
+  --k-customizableBoldBlack: #696969;
+  --k-customizableBoldBlue: #369bff;
+  --k-customizableBoldBlueDeep: #6592ff;
+  --k-customizableBoldGray: #a4a4a4;
+  --k-customizableBoldGreen: #00b74e;
+  --k-customizableBoldMint: #01b197;
+  --k-customizableBoldOrange: #f56600;
+  --k-customizableBoldPurple: #cf60ec;
+  --k-customizableBoldRed: #ff5352;
+  --k-customizableBoldViolet: #a17bff;
+  --k-customizableBoldYellow: #dfa700;
+  --k-customizableFaintBlack: #e4e4e4;
+  --k-customizableFaintBlue: #e2f5ff;
+  --k-customizableFaintBlueDeep: #e8f3ff;
+  --k-customizableFaintGray: #f2f2f2;
+  --k-customizableFaintGreen: #d4ffda;
+  --k-customizableFaintMint: #c8fff7;
+  --k-customizableFaintOrange: #ffeee1;
+  --k-customizableFaintPurple: #ffeaff;
+  --k-customizableFaintRed: #ffedef;
+  --k-customizableFaintViolet: #f1f0ff;
+  --k-customizableFaintYellow: #faf5be;
+  --k-customizableHeavyBlack: #3d3d3d;
+  --k-customizableHeavyBlue: #005dae;
+  --k-customizableHeavyBlueDeep: #234ece;
+  --k-customizableHeavyGray: #747474;
+  --k-customizableHeavyGreen: #00722d;
+  --k-customizableHeavyMint: #027b68;
+  --k-customizableHeavyOrange: #9a3d00;
+  --k-customizableHeavyPurple: #8b22a4;
+  --k-customizableHeavyRed: #c50220;
+  --k-customizableHeavyViolet: #6936c2;
+  --k-customizableHeavyYellow: #966c01;
+  --k-customizablePaleBlack: #d7d7d7;
+  --k-customizablePaleBlue: #c7ebff;
+  --k-customizablePaleBlueDeep: #d2e7ff;
+  --k-customizablePaleGray: #e4e4e4;
+  --k-customizablePaleGreen: #b0fabd;
+  --k-customizablePaleMint: #88fdeb;
+  --k-customizablePaleOrange: #ffddc6;
+  --k-customizablePalePurple: #fbd6ff;
+  --k-customizablePaleRed: #ffdadd;
+  --k-customizablePaleViolet: #e4e0ff;
+  --k-customizablePaleYellow: #f5e78f;
+  --k-customizableSoftBlack: #b1b1b1;
+  --k-customizableSoftBlue: #80c5ff;
+  --k-customizableSoftBlueDeep: #99bfff;
+  --k-customizableSoftGray: #d7d7d7;
+  --k-customizableSoftGreen: #6cd984;
+  --k-customizableSoftMint: #4fe6cc;
+  --k-customizableSoftOrange: #ffa56f;
+  --k-customizableSoftPurple: #ea9aff;
+  --k-customizableSoftRed: #ffa09b;
+  --k-customizableSoftViolet: #c1b0ff;
+  --k-customizableSoftYellow: #f6d65e;
+}
+
+[data-k-brand='blue'][data-k-accent='brand'][data-k-theme='dark'] {
+  --k-textAccentPrimary: #55a9ff;
+  --k-textAccentPrimaryHover: #80c5ff;
+  --k-textAccentPrimaryPressed: #4b8fdb;
+  --k-textDisabled: rgba(255, 255, 255, 0.4);
+  --k-textErrorPrimary: #ff5352;
+  --k-textErrorPrimaryHover: #ff726b;
+  --k-textErrorPrimaryPressed: #dd5d58;
+  --k-textInvertedAccentPrimary: #0069c2;
+  --k-textInvertedAccentPrimaryHover: #0080ea;
+  --k-textInvertedAccentPrimaryPressed: #37608e;
+  --k-textInvertedDisabled: rgba(0, 0, 0, 0.32);
+  --k-textInvertedErrorPrimary: #c50220;
+  --k-textInvertedErrorPrimaryHover: #e62b34;
+  --k-textInvertedErrorPrimaryPressed: #943e3b;
+  --k-textInvertedNeutralPrimary: rgba(0, 0, 0, 0.88);
+  --k-textInvertedNeutralSecondary: rgba(0, 0, 0, 0.56);
+  --k-textInvertedSuccessPrimary: #007f34;
+  --k-textInvertedSuccessPrimaryHover: #009b41;
+  --k-textInvertedSuccessPrimaryPressed: #3a6a43;
+  --k-textInvertedWarningPrimary: #bc7d00;
+  --k-textInvertedWarningPrimaryHover: #db9400;
+  --k-textInvertedWarningPrimaryPressed: #956c30;
+  --k-textLogo: #2191ff;
+  --k-textNeutralPrimary: rgba(255, 255, 255, 0.96);
+  --k-textNeutralSecondary: rgba(255, 255, 255, 0.64);
+  --k-textSuccessPrimary: #00c655;
+  --k-textSuccessPrimaryHover: #4ede76;
+  --k-textSuccessPrimaryPressed: #4fa161;
+  --k-textWarningPrimary: #f8ae00;
+  --k-textWarningPrimaryHover: #ffbf0b;
+  --k-textWarningPrimaryPressed: #cc9a51;
+  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
+  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
+  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.32);
+  --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
+  --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.56);
+  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
+  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-shapeBoldAccent: #2291ff;
+  --k-shapeBoldAccentHover: #339eff;
+  --k-shapeBoldAccentPressed: #3186e0;
+  --k-shapeBoldBrandOriginal: #2291ff;
+  --k-shapeBoldBrandOriginalHover: #339eff;
+  --k-shapeBoldBrandOriginalPressed: #227ad2;
+  --k-shapeBoldError: #de3c3e;
+  --k-shapeBoldErrorHover: #ee4948;
+  --k-shapeBoldErrorPressed: #a74541;
+  --k-shapeBoldNeutral: #bebebe;
+  --k-shapeBoldNeutralHover: #d7d7d7;
+  --k-shapeBoldNeutralPressed: rgba(255, 255, 255, 0.56);
+  --k-shapeBoldSuccess: #1d9946;
+  --k-shapeBoldSuccessHover: #2ca651;
+  --k-shapeBoldSuccessPressed: #3f784b;
+  --k-shapeBoldWarning: #f1b03b;
+  --k-shapeBoldWarningHover: #f4c359;
+  --k-shapeBoldWarningPressed: #cc9a51;
+  --k-shapeFaintAccent: #1f344d;
+  --k-shapeFaintAccentHover: #253f5c;
+  --k-shapeFaintAccentPressed: #192a3e;
+  --k-shapeFaintBrand: #1f344d;
+  --k-shapeFaintBrandHover: #253f5c;
+  --k-shapeFaintBrandPressed: #192a3e;
+  --k-shapeFaintError: #502421;
+  --k-shapeFaintErrorHover: #602a27;
+  --k-shapeFaintErrorPressed: #411c1a;
+  --k-shapeFaintNeutralAlpha: rgba(255, 255, 255, 0.06);
+  --k-shapeFaintNeutralAlphaHover: rgba(255, 255, 255, 0.08);
+  --k-shapeFaintNeutralAlphaPressed: rgba(255, 255, 255, 0.04);
+  --k-shapeFaintSuccess: #213a25;
+  --k-shapeFaintSuccessHover: #27452d;
+  --k-shapeFaintSuccessPressed: #1a2e1e;
+  --k-shapeFaintWarning: #402f18;
+  --k-shapeFaintWarningHover: #4d391c;
+  --k-shapeFaintWarningPressed: #342614;
+  --k-shapeHeavyError: #ffdadd;
+  --k-shapeHeavyNeutral: #f2f2f2;
+  --k-shapeHeavySuccess: #c3f3ca;
+  --k-shapeHeavyWarning: #fbe48d;
+  --k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
+  --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
+  --k-shapeOtherBase: rgba(255, 255, 255, 0.06);
+  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.12);
+  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.04);
+  --k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
+  --k-shapeOtherField: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherLow: rgba(0, 0, 0, 0.24);
+  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
+  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
+  --k-shapeOtherNeutralFaintSolid: #333;
+  --k-shapeOtherNeutralFaintSolidHover: #3d3d3d;
+  --k-shapeOtherNeutralFaintSolidPressed: #292929;
+  --k-shapeOtherNeutralPaleSolid: #3d3d3d;
+  --k-shapeOtherNeutralPaleSolidHover: #484848;
+  --k-shapeOtherNeutralPaleSolidPressed: #333;
+  --k-shapeOtherNeutralSoftSolid: #525252;
+  --k-shapeOtherNeutralSoftSolidHover: #5d5d5d;
+  --k-shapeOtherNeutralSoftSolidPressed: #484848;
+  --k-shapePaleAccent: #253f5c;
+  --k-shapePaleAccentHover: #2b496c;
+  --k-shapePaleAccentPressed: #1f344d;
+  --k-shapePaleBrand: #253f5c;
+  --k-shapePaleBrandHover: #2b496c;
+  --k-shapePaleBrandPressed: #1f344d;
+  --k-shapePaleError: #602a27;
+  --k-shapePaleErrorHover: #71312e;
+  --k-shapePaleErrorPressed: #502421;
+  --k-shapePaleNeutralAlpha: rgba(255, 255, 255, 0.08);
+  --k-shapePaleNeutralAlphaHover: rgba(255, 255, 255, 0.12);
+  --k-shapePaleNeutralAlphaPressed: rgba(255, 255, 255, 0.06);
+  --k-shapePaleSuccess: #27452d;
+  --k-shapePaleSuccessHover: #2d5134;
+  --k-shapePaleSuccessPressed: #213a25;
+  --k-shapePaleWarning: #4d391c;
+  --k-shapePaleWarningHover: #5b4320;
+  --k-shapePaleWarningPressed: #402f18;
+  --k-shapeSoftAccent: #37608e;
+  --k-shapeSoftAccentHover: #3c6ba1;
+  --k-shapeSoftAccentPressed: #31547d;
+  --k-shapeSoftBrand: #37608e;
+  --k-shapeSoftBrandHover: #3c6ba1;
+  --k-shapeSoftBrandPressed: #31547d;
+  --k-shapeSoftError: #943e3b;
+  --k-shapeSoftErrorHover: #a74541;
+  --k-shapeSoftErrorPressed: #823835;
+  --k-shapeSoftNeutralAlpha: rgba(255, 255, 255, 0.16);
+  --k-shapeSoftNeutralAlphaHover: rgba(255, 255, 255, 0.24);
+  --k-shapeSoftNeutralAlphaPressed: rgba(255, 255, 255, 0.12);
+  --k-shapeSoftSuccess: #3a6a43;
+  --k-shapeSoftSuccessHover: #3f784b;
+  --k-shapeSoftSuccessPressed: #345e3c;
+  --k-shapeSoftWarning: #86612c;
+  --k-shapeSoftWarningHover: #956c30;
+  --k-shapeSoftWarningPressed: #775728;
+  --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.08);
+  --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
+  --k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
+  --k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
+  --k-shapeInvertedNeutralFaintAlphaPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeInvertedNeutralHeavy: rgba(0, 0, 0, 0.8);
+  --k-shapeInvertedNeutralHeavyHover: rgba(0, 0, 0, 0.88);
+  --k-shapeInvertedNeutralHeavyPressed: rgba(0, 0, 0, 0.72);
+  --k-shapeInvertedNeutralPaleAlpha: rgba(0, 0, 0, 0.08);
+  --k-shapeInvertedNeutralPaleAlphaHover: rgba(0, 0, 0, 0.12);
+  --k-shapeInvertedNeutralPaleAlphaPressed: rgba(0, 0, 0, 0.16);
+  --k-shapeInvertedNeutralSoftAlpha: rgba(0, 0, 0, 0.16);
+  --k-shapeInvertedNeutralSoftAlphaHover: rgba(0, 0, 0, 0.24);
+  --k-shapeInvertedNeutralSoftAlphaPressed: rgba(0, 0, 0, 0.32);
+  --k-shapeConstBacklessBlackHover: rgba(0, 0, 0, 0.12);
+  --k-shapeConstBacklessBlackPressed: rgba(0, 0, 0, 0.16);
+  --k-shapeConstBacklessWhiteHover: rgba(255, 255, 255, 0.12);
+  --k-shapeConstBacklessWhitePressed: rgba(255, 255, 255, 0.06);
+  --k-shapeConstDisabledBlack: rgba(0, 0, 0, 0.06);
+  --k-shapeConstDisabledWhite: rgba(255, 255, 255, 0.06);
+  --k-shapeConstFaintBlack: rgba(0, 0, 0, 0.12);
+  --k-shapeConstFaintBlackHover: rgba(0, 0, 0, 0.16);
+  --k-shapeConstFaintBlackPressed: rgba(0, 0, 0, 0.24);
+  --k-shapeConstFaintWhite: rgba(255, 255, 255, 0.12);
+  --k-shapeConstFaintWhiteHover: rgba(255, 255, 255, 0.16);
+  --k-shapeConstFaintWhitePressed: rgba(255, 255, 255, 0.08);
+  --k-shapeConstHeavyBlack: rgba(0, 0, 0, 0.8);
+  --k-shapeConstHeavyBlackHover: rgba(0, 0, 0, 0.88);
+  --k-shapeConstHeavyBlackPressed: rgba(0, 0, 0, 0.64);
+  --k-shapeConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-shapeConstHeavyWhiteHover: #fff;
+  --k-shapeConstHeavyWhitePressed: rgba(255, 255, 255, 0.64);
+  --k-shapeConstPaleBlack: rgba(0, 0, 0, 0.16);
+  --k-shapeConstPaleBlackHover: rgba(0, 0, 0, 0.24);
+  --k-shapeConstPaleBlackPressed: rgba(0, 0, 0, 0.32);
+  --k-shapeConstPaleWhite: rgba(255, 255, 255, 0.16);
+  --k-shapeConstPaleWhiteHover: rgba(255, 255, 255, 0.24);
+  --k-shapeConstPaleWhitePressed: rgba(255, 255, 255, 0.12);
+  --k-shapeConstPromo: #1a3268;
+  --k-shapeConstSoftBlack: rgba(0, 0, 0, 0.24);
+  --k-shapeConstSoftBlackHover: rgba(0, 0, 0, 0.32);
+  --k-shapeConstSoftBlackPressed: rgba(0, 0, 0, 0.4);
+  --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
+  --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
+  --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
+  --k-lineAccentBold: #2291ff;
+  --k-lineAccentBoldHover: #339eff;
+  --k-lineAccentBoldPressed: #3186e0;
+  --k-lineAccentPale: #2b496c;
+  --k-lineAccentPaleHover: #31547d;
+  --k-lineAccentPalePressed: #253f5c;
+  --k-lineAccentSoft: #37608e;
+  --k-lineAccentSoftHover: #80c5ff;
+  --k-lineAccentSoftPressed: #4b8fdb;
+  --k-lineBrandOriginal: #2291ff;
+  --k-lineErrorBold: #e62b34;
+  --k-lineErrorBoldHover: #ff5352;
+  --k-lineErrorBoldPressed: #ba4b47;
+  --k-lineNeutralFaint: rgba(255, 255, 255, 0.08);
+  --k-lineNeutralPale: rgba(255, 255, 255, 0.16);
+  --k-lineNeutralPaleHover: rgba(255, 255, 255, 0.24);
+  --k-lineNeutralPalePressed: rgba(255, 255, 255, 0.12);
+  --k-lineOnAccentBoldFaint: rgba(255, 255, 255, 0.12);
+  --k-lineOnAccentBoldPale: rgba(255, 255, 255, 0.24);
+  --k-lineOnBrandOriginalFaint: rgba(255, 255, 255, 0.12);
+  --k-lineOnBrandOriginalPale: rgba(255, 255, 255, 0.24);
+  --k-lineSuccessBold: #009b41;
+  --k-lineSuccessBoldHover: #00b74e;
+  --k-lineSuccessBoldPressed: #458552;
+  --k-lineWarningBold: #f8ae00;
+  --k-lineWarningBoldHover: #ffbf0b;
+  --k-lineWarningBoldPressed: #cc9a51;
+  --k-lineInvertedAccentBold: #2291ff;
+  --k-lineInvertedAccentBoldHover: #0584f1;
+  --k-lineInvertedAccentBoldPressed: #227ad2;
+  --k-lineInvertedAccentPale: #96d2ff;
+  --k-lineInvertedAccentPaleHover: #80c5ff;
+  --k-lineInvertedAccentPalePressed: #84b6e8;
+  --k-lineInvertedAccentSoft: #84b6e8;
+  --k-lineInvertedAccentSoftHover: #0080ea;
+  --k-lineInvertedAccentSoftPressed: #37608e;
+  --k-lineInvertedErrorBold: #d6192a;
+  --k-lineInvertedErrorBoldHover: #f63b40;
+  --k-lineInvertedErrorBoldPressed: #a74541;
+  --k-lineInvertedNeutralFaint: rgba(0, 0, 0, 0.08);
+  --k-lineInvertedNeutralPale: rgba(0, 0, 0, 0.16);
+  --k-lineInvertedNeutralPaleHover: rgba(0, 0, 0, 0.24);
+  --k-lineInvertedNeutralPalePressed: rgba(0, 0, 0, 0.32);
+  --k-lineInvertedSuccessBold: #008d3a;
+  --k-lineInvertedSuccessBoldHover: #00b74e;
+  --k-lineInvertedSuccessBoldPressed: #458552;
+  --k-lineInvertedWarningBold: #f8ae00;
+  --k-lineInvertedWarningBoldHover: #db9400;
+  --k-lineInvertedWarningBoldPressed: #bd8f4d;
+  --k-lineConstFaintBlack: rgba(0, 0, 0, 0.12);
+  --k-lineConstFaintWhite: rgba(255, 255, 255, 0.12);
+  --k-lineConstPaleBlack: rgba(0, 0, 0, 0.24);
+  --k-lineConstPaleBlackHover: rgba(0, 0, 0, 0.32);
+  --k-lineConstPaleBlackPressed: rgba(0, 0, 0, 0.16);
+  --k-lineConstPaleWhite: rgba(255, 255, 255, 0.24);
+  --k-lineConstPaleWhiteHover: rgba(255, 255, 255, 0.32);
+  --k-lineConstPaleWhitePressed: rgba(255, 255, 255, 0.16);
+  --k-surfaceBase: #292929;
+  --k-surfaceHigh: #333;
+  --k-surfaceLow: #1f1f1f;
+  --k-surfaceModalBackdrop: rgba(0, 0, 0, 0.4);
+  --k-illustrationBlack: #0d0d0d;
+  --k-illustrationBrand: #2291ff;
+  --k-illustrationComplement: #fff;
+  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
+  --k-illustrationOnComplement: #1a3268;
+  --k-illustrationPromo: #1a3268;
+  --k-illustrationSymbol: #80c5ff;
+  --k-illustrationWhite: #fff;
+  --k-customizableBoldBlack: #b1b1b1;
+  --k-customizableBoldBlue: #2b8df2;
+  --k-customizableBoldBlueDeep: #5183ff;
+  --k-customizableBoldGray: #696969;
+  --k-customizableBoldGreen: #2ca651;
+  --k-customizableBoldMint: #00a38b;
+  --k-customizableBoldOrange: #d96528;
+  --k-customizableBoldPurple: #be5ad8;
+  --k-customizableBoldRed: #ee4948;
+  --k-customizableBoldViolet: #956ef2;
+  --k-customizableBoldYellow: #d19a00;
+  --k-customizableFaintBlack: #484848;
+  --k-customizableFaintBlue: #1f344d;
+  --k-customizableFaintBlueDeep: #1e305c;
+  --k-customizableFaintGray: #333;
+  --k-customizableFaintGreen: #213a25;
+  --k-customizableFaintMint: #163a32;
+  --k-customizableFaintOrange: #472b1e;
+  --k-customizableFaintPurple: #44244c;
+  --k-customizableFaintRed: #502421;
+  --k-customizableFaintViolet: #362958;
+  --k-customizableFaintYellow: #3e3117;
+  --k-customizableHeavyBlack: #f2f2f2;
+  --k-customizableHeavyBlue: #80c5ff;
+  --k-customizableHeavyBlueDeep: #88b0ff;
+  --k-customizableHeavyGray: #808080;
+  --k-customizableHeavyGreen: #6fe98b;
+  --k-customizableHeavyMint: #4af6dd;
+  --k-customizableHeavyOrange: #ff8f4f;
+  --k-customizableHeavyPurple: #ea9aff;
+  --k-customizableHeavyRed: #ff8a84;
+  --k-customizableHeavyViolet: #b69fff;
+  --k-customizableHeavyYellow: #f6c405;
+  --k-customizablePaleBlack: #525252;
+  --k-customizablePaleBlue: #253f5c;
+  --k-customizablePaleBlueDeep: #243a6e;
+  --k-customizablePaleGray: #3d3d3d;
+  --k-customizablePaleGreen: #27452d;
+  --k-customizablePaleMint: #19463d;
+  --k-customizablePaleOrange: #563324;
+  --k-customizablePalePurple: #522a5c;
+  --k-customizablePaleRed: #602a27;
+  --k-customizablePaleViolet: #413169;
+  --k-customizablePaleYellow: #4b3a1b;
+  --k-customizableSoftBlack: #747474;
+  --k-customizableSoftBlue: #37608e;
+  --k-customizableSoftBlueDeep: #3959a5;
+  --k-customizableSoftGray: #525252;
+  --k-customizableSoftGreen: #3a6a43;
+  --k-customizableSoftMint: #216c5d;
+  --k-customizableSoftOrange: #844d34;
+  --k-customizableSoftPurple: #7c428b;
+  --k-customizableSoftRed: #943e3b;
+  --k-customizableSoftViolet: #634c9e;
+  --k-customizableSoftYellow: #81642a;
+}