less-plugin-dls/variables.less

Less plugin for Baidu Light DLS.

@dls-color-brand: #0054e6;
@dls-color-brand-0: #fff;
@dls-color-brand-1: #ebf2ff;
@dls-color-brand-2: #dce9ff;
@dls-color-brand-3: #bfd7ff;
@dls-color-brand-4: #95bcff;
@dls-color-brand-5: #5e99ff;
@dls-color-brand-6: #1a6eff;
@dls-color-brand-7: #0054e6;
@dls-color-brand-8: #0047c4;
@dls-color-brand-9: #003796;
@dls-color-brand-10: #00225c;
@dls-color-brand-11: #000;
@dls-color-info: #0054e6;
@dls-color-info-0: #fff;
@dls-color-info-1: #ebf2ff;
@dls-color-info-2: #dce9ff;
@dls-color-info-3: #bfd7ff;
@dls-color-info-4: #95bcff;
@dls-color-info-5: #5e99ff;
@dls-color-info-6: #1a6eff;
@dls-color-info-7: #0054e6;
@dls-color-info-8: #0047c4;
@dls-color-info-9: #003796;
@dls-color-info-10: #00225c;
@dls-color-info-11: #000;
@dls-color-success: #009940;
@dls-color-success-0: #fff;
@dls-color-success-1: #ebfff3;
@dls-color-success-2: #daffe9;
@dls-color-success-3: #baffd7;
@dls-color-success-4: #8bffbb;
@dls-color-success-5: #4dff97;
@dls-color-success-6: #00cc55;
@dls-color-success-7: #009940;
@dls-color-success-8: #008236;
@dls-color-success-9: #00632a;
@dls-color-success-10: #003d1a;
@dls-color-success-11: #000;
@dls-color-warning: #f27318;
@dls-color-warning-0: #fff;
@dls-color-warning-1: #fff3eb;
@dls-color-warning-2: #ffecdf;
@dls-color-warning-3: #ffdfc9;
@dls-color-warning-4: #ffcca8;
@dls-color-warning-5: #ffb37d;
@dls-color-warning-6: #ff9448;
@dls-color-warning-7: #f27318;
@dls-color-warning-8: #ce5600;
@dls-color-warning-9: #9d4200;
@dls-color-warning-10: #612800;
@dls-color-warning-11: #000;
@dls-color-error: #d9150b;
@dls-color-error-0: #fff;
@dls-color-error-1: #ffeceb;
@dls-color-error-2: #ffdedc;
@dls-color-error-3: #ffc4c0;
@dls-color-error-4: #ff9d98;
@dls-color-error-5: #ff6a63;
@dls-color-error-6: #ff2b20;
@dls-color-error-7: #d9150b;
@dls-color-error-8: #b80900;
@dls-color-error-9: #8d0700;
@dls-color-error-10: #570400;
@dls-color-error-11: #000;
@dls-color-gray-0: #fff;
@dls-color-gray-1: #f6f7fa;
@dls-color-gray-2: #ebedf5;
@dls-color-gray-3: #e2e6f0;
@dls-color-gray-4: #d3d9e6;
@dls-color-gray-5: #c5ccdb;
@dls-color-gray-6: #a8b0bf;
@dls-color-gray-7: #848b99;
@dls-color-gray-8: #545b66;
@dls-color-gray-9: #191b1e;
@dls-color-gray-10: #0a0b0d;
@dls-color-gray-11: #000;
@dls-color-translucent-0: transparent;
@dls-color-translucent-1: rgba(109, 159, 247, 0.07);
@dls-color-translucent-2: rgba(108, 156, 240, 0.1);
@dls-color-translucent-3: rgba(102, 146, 222, 0.15);
@dls-color-translucent-4: rgba(96, 134, 199, 0.2);
@dls-color-translucent-5: rgba(90, 119, 168, 0.3);
@dls-color-translucent-6: rgba(83, 101, 138, 0.5);
@dls-color-translucent-7: rgba(73, 86, 107, 0.8);
@dls-color-translucent-8: rgba(46, 52, 64, 0.9);
@dls-color-translucent-9: rgba(13, 15, 18, 0.95);
@dls-color-translucent-10: rgba(4, 4, 5, 0.95);
@dls-color-translucent-11: #000;
@dls-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
@dls-font-family-number: "Baidu Number", sans-serif;
@dls-font-size-0: 12px;
@dls-font-size-1: 14px;
@dls-font-size-2: 16px;
@dls-font-size-3: 18px;
@dls-font-size-4: 20px;
@dls-font-size-5: 24px;
@dls-font-size-6: 32px;
@dls-font-weight-1: 400;
@dls-font-weight-2: 500;
@dls-font-weight-3: 600;
@dls-line-height-1: 1.4;
@dls-line-height-2: 1.6;
@dls-line-height-3: 1.8;
@dls-spacing-unit: 4px;
@dls-padding-unit: 4px;
@dls-height-unit: 4px;
@dls-spacing-1: 4px;
@dls-spacing-2: 8px;
@dls-spacing-3: 12px;
@dls-spacing-4: 16px;
@dls-spacing-5: 24px;
@dls-spacing-6: 32px;
@dls-spacing-7: 40px;
@dls-height-xs: 24px;
@dls-height-s: 28px;
@dls-height-m: 32px;
@dls-height-l: 36px;
@dls-height-xl: 40px;
@dls-foreground-color-reverse: #fff;
@dls-foreground-color-primary-reverse: #fff;
@dls-foreground-color-primary: #0054e6;
@dls-foreground-color-primary-hover: #1a6eff;
@dls-foreground-color-primary-active: #0047c4;
@dls-foreground-color-primary-disabled: #95bcff;
@dls-foreground-color-neutral: rgba(13, 15, 18, 0.95);
@dls-foreground-color-neutral-hover: rgba(46, 52, 64, 0.9);
@dls-foreground-color-neutral-active: #000;
@dls-foreground-color-neutral-disabled: rgba(83, 101, 138, 0.5);
@dls-foreground-color-neutral-strong: #000;
@dls-foreground-color-neutral-strong-hover: rgba(4, 4, 5, 0.95);
@dls-foreground-color-neutral-strong-active: #000;
@dls-foreground-color-neutral-strong-disabled: rgba(83, 101, 138, 0.5);
@dls-foreground-color-neutral-light: rgba(46, 52, 64, 0.9);
@dls-foreground-color-neutral-light-hover: rgba(73, 86, 107, 0.8);
@dls-foreground-color-neutral-light-active: rgba(13, 15, 18, 0.95);
@dls-foreground-color-neutral-light-disabled: rgba(83, 101, 138, 0.5);
@dls-foreground-color-neutral-weak: rgba(73, 86, 107, 0.8);
@dls-foreground-color-neutral-weak-hover: rgba(46, 52, 64, 0.9);
@dls-foreground-color-neutral-weak-active: rgba(13, 15, 18, 0.95);
@dls-foreground-color-neutral-weak-disabled: rgba(90, 119, 168, 0.3);
@dls-foreground-color-neutral-dim: rgba(83, 101, 138, 0.5);
@dls-foreground-color-neutral-dim-hover: rgba(73, 86, 107, 0.8);
@dls-foreground-color-neutral-dim-active: rgba(46, 52, 64, 0.9);
@dls-foreground-color-neutral-dim-disabled: rgba(102, 146, 222, 0.15);
@dls-foreground-color-neutral-subtle: rgba(90, 119, 168, 0.3);
@dls-foreground-color-neutral-subtle-hover: rgba(83, 101, 138, 0.5);
@dls-foreground-color-neutral-subtle-active: rgba(73, 86, 107, 0.8);
@dls-foreground-color-neutral-subtle-disabled: rgba(102, 146, 222, 0.15);
@dls-foreground-color-neutral-highlightable: rgba(13, 15, 18, 0.95);
@dls-foreground-color-neutral-highlightable-hover: #1a6eff;
@dls-foreground-color-neutral-highlightable-active: #0047c4;
@dls-foreground-color-neutral-highlightable-disabled: rgba(83, 101, 138, 0.5);
@dls-foreground-color-info-primary: #0054e6;
@dls-foreground-color-info-primary-disabled: #95bcff;
@dls-foreground-color-success-primary: #009940;
@dls-foreground-color-success-primary-disabled: #8bffbb;
@dls-foreground-color-warning-primary: #ff9448;
@dls-foreground-color-warning-primary-disabled: #ffcca8;
@dls-foreground-color-error-primary: #d9150b;
@dls-foreground-color-error-primary-disabled: #ff9d98;
@dls-foreground-color-highlighted: #f27318;
@dls-background-color-base-1: #fff;
@dls-background-color-base-1-hover: #f6f7fa;
@dls-background-color-base-1-active: #e2e6f0;
@dls-background-color-base-1-disabled: #fff;
@dls-background-color-base-2: #f6f7fa;
@dls-background-color-base-2-hover: #ebedf5;
@dls-background-color-base-2-active: #e2e6f0;
@dls-background-color-base-2-disabled: #f6f7fa;
@dls-background-color-base-3: #ebedf5;
@dls-background-color-base-3-hover: #e2e6f0;
@dls-background-color-base-3-active: #d3d9e6;
@dls-background-color-base-3-disabled: #f6f7fa;
@dls-background-color-primary: #0054e6;
@dls-background-color-primary-hover: #1a6eff;
@dls-background-color-primary-active: #0047c4;
@dls-background-color-primary-disabled: #dce9ff;
@dls-border-color-primary: transparent;
@dls-border-color-primary-disabled: transparent;
@dls-background-color-info-primary: #0054e6;
@dls-background-color-info-primary-hover: #1a6eff;
@dls-background-color-info-primary-active: #0047c4;
@dls-background-color-info-primary-disabled: #dce9ff;
@dls-border-color-info-primary: transparent;
@dls-border-color-info-primary-disabled: transparent;
@dls-background-color-success-primary: #009940;
@dls-background-color-success-primary-hover: #00cc55;
@dls-background-color-success-primary-active: #008236;
@dls-background-color-success-primary-disabled: #daffe9;
@dls-border-color-success-primary: transparent;
@dls-border-color-success-primary-disabled: transparent;
@dls-background-color-warning-primary: #ff9448;
@dls-background-color-warning-primary-hover: #ffb37d;
@dls-background-color-warning-primary-active: #f27318;
@dls-background-color-warning-primary-disabled: #ffecdf;
@dls-border-color-warning-primary: transparent;
@dls-border-color-warning-primary-disabled: transparent;
@dls-background-color-error-primary: #d9150b;
@dls-background-color-error-primary-hover: #ff2b20;
@dls-background-color-error-primary-active: #b80900;
@dls-background-color-error-primary-disabled: #ffdedc;
@dls-border-color-error-primary: transparent;
@dls-border-color-error-primary-disabled: transparent;
@dls-background-color-neutral-primary: #a8b0bf;
@dls-background-color-neutral-primary-hover: #848b99;
@dls-background-color-neutral-primary-active: #545b66;
@dls-background-color-neutral-primary-disabled: #e2e6f0;
@dls-border-color-neutral-primary: transparent;
@dls-border-color-neutral-primary-disabled: transparent;
@dls-background-color-info: #ebf2ff;
@dls-background-color-info-hover: #dce9ff;
@dls-background-color-info-active: #bfd7ff;
@dls-background-color-info-disabled: #ebf2ff;
@dls-border-color-info: #95bcff;
@dls-border-color-info-disabled: #bfd7ff;
@dls-background-color-success: #ebfff3;
@dls-background-color-success-hover: #daffe9;
@dls-background-color-success-active: #baffd7;
@dls-background-color-success-disabled: #ebfff3;
@dls-border-color-success: #8bffbb;
@dls-border-color-success-disabled: #baffd7;
@dls-background-color-warning: #fff3eb;
@dls-background-color-warning-hover: #ffecdf;
@dls-background-color-warning-active: #ffdfc9;
@dls-background-color-warning-disabled: #fff3eb;
@dls-border-color-warning: #ffcca8;
@dls-border-color-warning-disabled: #ffdfc9;
@dls-background-color-error: #ffeceb;
@dls-background-color-error-hover: #ffdedc;
@dls-background-color-error-active: #ffc4c0;
@dls-background-color-error-disabled: #ffeceb;
@dls-border-color-error: #ff9d98;
@dls-border-color-error-disabled: #ffc4c0;
@dls-background-color-neutral: #ebedf5;
@dls-background-color-neutral-hover: #e2e6f0;
@dls-background-color-neutral-active: #d3d9e6;
@dls-background-color-neutral-disabled: #f6f7fa;
@dls-border-color-neutral: #c5ccdb;
@dls-border-color-neutral-disabled: #e2e6f0;
@dls-background-color-current: #ebf2ff;
@dls-background-color-current-hover: #dce9ff;
@dls-background-color-current-active: #bfd7ff;
@dls-background-color-current-disabled: #ebf2ff;
@dls-border-color-current: #0054e6;
@dls-border-color-current-disabled: #bfd7ff;
@dls-background-color-strong: #fff;
@dls-background-color-strong-hover: #ebf2ff;
@dls-background-color-strong-active: #dce9ff;
@dls-background-color-strong-disabled: #ebf2ff;
@dls-border-color-strong: #0054e6;
@dls-border-color-strong-disabled: #bfd7ff;
@dls-background-color-error-strong: #fff;
@dls-background-color-error-strong-hover: #ffeceb;
@dls-background-color-error-strong-active: #ffdedc;
@dls-background-color-error-strong-disabled: #ffeceb;
@dls-border-color-error-strong: #d9150b;
@dls-border-color-error-strong-disabled: #ffc4c0;
@dls-background-color-fillable: #fff;
@dls-background-color-fillable-hover: #ebedf5;
@dls-background-color-fillable-active: #d3d9e6;
@dls-background-color-fillable-disabled: #f6f7fa;
@dls-border-color-fillable: #d3d9e6;
@dls-border-color-fillable-hover: #a8b0bf;
@dls-border-color-fillable-active: #a8b0bf;
@dls-border-color-fillable-disabled: #e2e6f0;
@dls-background-color-pressable: #fff;
@dls-background-color-pressable-hover: #f6f7fa;
@dls-background-color-pressable-active: #e2e6f0;
@dls-background-color-pressable-disabled: #f6f7fa;
@dls-border-color-pressable: #e2e6f0;
@dls-border-color-pressable-hover: #d3d9e6;
@dls-border-color-pressable-active: #d3d9e6;
@dls-border-color-pressable-disabled: #e2e6f0;
@dls-background-color-translucent: rgba(0, 0, 0, 0.6);
@dls-background-color-translucent-hover: rgba(0, 0, 0, 0.5);
@dls-background-color-translucent-active: rgba(0, 0, 0, 0.7);
@dls-background-color-translucent-disabled: rgba(0, 0, 0, 0.2);
@dls-border-color-translucent: transparent;
@dls-border-color-translucent-disabled: transparent;
@dls-background-color-translucent-reverse: transparent;
@dls-background-color-translucent-reverse-hover: rgba(255, 255, 255, 0.15);
@dls-background-color-translucent-reverse-active: rgba(255, 255, 255, 0.25);
@dls-background-color-translucent-reverse-disabled: transparent;
@dls-border-color-translucent-reverse: transparent;
@dls-border-color-translucent-reverse-disabled: transparent;
@dls-background-color-modal: rgba(0, 0, 0, 0.6);
@dls-line-color-0: #ebedf5;
@dls-line-color-1: #e2e6f0;
@dls-line-color-2: #d3d9e6;
@dls-border-radius-0: 2px;
@dls-border-radius-1: 4px;
@dls-border-radius-2: 6px;
@dls-border-radius-3: 10px;
@dls-border-radius-4: 16px;
@dls-shadow-color: #000;
@dls-shadow-1: 0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01);
@dls-shadow-2: 0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02);
@dls-shadow-3: 0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04);
@dls-shadow-4: 0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04);
@dls-shadow-color-light: #000;
@dls-shadow-light-1: 0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01);
@dls-shadow-light-2: 0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02);
@dls-shadow-light-3: 0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04);
@dls-shadow-opacity-focus: 0.2;
@dls-shadow-spread-focus: 2px;
@dls-shadow-color-focus: #1a6eff;
@dls-shadow-color-error-focus: #ff2b20;
@dls-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-shadow-error-focus: 0 0 0 2px rgba(255, 43, 32, 0.2);
@dls-background-color-focus: #dce9ff;
@dls-border-color-focus: #0054e6;
@dls-border-color-error-focus: #d9150b;
@dls-icon-size-normal: calc(1em + 2px);
@dls-icon-size-minor: calc(1em + 2px);
@dls-icon-size-aux: calc(1em + 2px);
@dls-icon-color-aux: rgba(73, 86, 107, 0.8);
@dls-icon-color-aux-disabled: rgba(83, 101, 138, 0.5);
@dls-transition-duration-instant: 100ms;
@dls-transition-duration-fast: 200ms;
@dls-transition-duration-normal: 300ms;
@dls-transition-duration-slow: 400ms;
@dls-transition-timing-function-ease: ease;
@dls-transition-timing-function-ease-in: ease-in;
@dls-transition-timing-function-ease-out: ease-out;
@dls-transition-timing-function-linear: linear;
@dls-button-font-size-xs: 12px;
@dls-button-font-size-s: 12px;
@dls-button-font-size-m: 14px;
@dls-button-font-size-l: 16px;
@dls-button-font-size-xl: 16px;
@dls-button-height-xs: 24px;
@dls-button-height-s: 28px;
@dls-button-height-m: 32px;
@dls-button-height-l: 36px;
@dls-button-height-xl: 40px;
@dls-button-padding-xs: 8px;
@dls-button-padding-s: 12px;
@dls-button-padding-m: 16px;
@dls-button-padding-l: 20px;
@dls-button-padding-xl: 20px;
@dls-button-border-radius-xs: 4px;
@dls-button-border-radius-s: 4px;
@dls-button-border-radius-m: 4px;
@dls-button-border-radius-l: 4px;
@dls-button-border-radius-xl: 4px;
@dls-button-content-spacing: 4px;
@dls-button-font-color-normal: rgba(13, 15, 18, 0.95);
@dls-button-font-color-normal-disabled: rgba(83, 101, 138, 0.5);
@dls-button-border-color-normal: transparent;
@dls-button-border-color-normal-hover: transparent;
@dls-button-border-color-normal-active: transparent;
@dls-button-border-color-normal-disabled: transparent;
@dls-button-background-color-normal: #ebedf5;
@dls-button-background-color-normal-hover: #e2e6f0;
@dls-button-background-color-normal-focus: #e2e6f0;
@dls-button-background-color-normal-active: #d3d9e6;
@dls-button-background-color-normal-disabled: #f6f7fa;
@dls-button-font-color-basic: rgba(13, 15, 18, 0.95);
@dls-button-font-color-basic-disabled: rgba(83, 101, 138, 0.5);
@dls-button-border-color-basic: #e2e6f0;
@dls-button-border-color-basic-hover: #d3d9e6;
@dls-button-border-color-basic-active: #d3d9e6;
@dls-button-border-color-basic-disabled: #e2e6f0;
@dls-button-background-color-basic: #fff;
@dls-button-background-color-basic-hover: #f6f7fa;
@dls-button-background-color-basic-focus: #f6f7fa;
@dls-button-background-color-basic-active: #e2e6f0;
@dls-button-background-color-basic-disabled: #f6f7fa;
@dls-button-font-color-strong: #0054e6;
@dls-button-font-color-strong-disabled: #95bcff;
@dls-button-border-color-strong: #0054e6;
@dls-button-border-color-strong-hover: #0054e6;
@dls-button-border-color-strong-active: #0054e6;
@dls-button-border-color-strong-disabled: #bfd7ff;
@dls-button-background-color-strong: #fff;
@dls-button-background-color-strong-hover: #ebf2ff;
@dls-button-background-color-strong-focus: #ebf2ff;
@dls-button-background-color-strong-active: #dce9ff;
@dls-button-background-color-strong-disabled: #ebf2ff;
@dls-button-font-color-primary: #fff;
@dls-button-font-color-primary-disabled: #fff;
@dls-button-border-color-primary: transparent;
@dls-button-border-color-primary-hover: transparent;
@dls-button-border-color-primary-active: transparent;
@dls-button-border-color-primary-disabled: transparent;
@dls-button-background-color-primary: #0054e6;
@dls-button-background-color-primary-hover: #1a6eff;
@dls-button-background-color-primary-focus: #1a6eff;
@dls-button-background-color-primary-active: #0047c4;
@dls-button-background-color-primary-disabled: #dce9ff;
@dls-button-font-color-translucent: #fff;
@dls-button-font-color-translucent-disabled: rgba(255, 255, 255, 0.6);
@dls-button-border-color-translucent: transparent;
@dls-button-border-color-translucent-hover: transparent;
@dls-button-border-color-translucent-active: transparent;
@dls-button-border-color-translucent-disabled: transparent;
@dls-button-background-color-translucent: rgba(0, 0, 0, 0.6);
@dls-button-background-color-translucent-hover: rgba(0, 0, 0, 0.5);
@dls-button-background-color-translucent-focus: rgba(0, 0, 0, 0.5);
@dls-button-background-color-translucent-active: rgba(0, 0, 0, 0.7);
@dls-button-background-color-translucent-disabled: rgba(0, 0, 0, 0.2);
@dls-button-font-color-text: rgba(13, 15, 18, 0.95);
@dls-button-font-color-text-hover: rgba(46, 52, 64, 0.9);
@dls-button-font-color-text-focus: rgba(13, 15, 18, 0.95);
@dls-button-font-color-text-active: #000;
@dls-button-font-color-text-disabled: rgba(83, 101, 138, 0.5);
@dls-button-font-color-text-strong: #0054e6;
@dls-button-font-color-text-strong-hover: #1a6eff;
@dls-button-font-color-text-strong-focus: #0054e6;
@dls-button-font-color-text-strong-active: #0047c4;
@dls-button-font-color-text-strong-disabled: #95bcff;
@dls-button-font-color-text-aux: rgba(73, 86, 107, 0.8);
@dls-button-font-color-text-aux-hover: rgba(46, 52, 64, 0.9);
@dls-button-font-color-text-aux-focus: rgba(73, 86, 107, 0.8);
@dls-button-font-color-text-aux-active: rgba(13, 15, 18, 0.95);
@dls-button-font-color-text-aux-disabled: rgba(90, 119, 168, 0.3);
@dls-button-font-color-text-subtle: rgba(90, 119, 168, 0.3);
@dls-button-font-color-text-subtle-hover: rgba(83, 101, 138, 0.5);
@dls-button-font-color-text-subtle-focus: rgba(90, 119, 168, 0.3);
@dls-button-font-color-text-subtle-active: rgba(73, 86, 107, 0.8);
@dls-button-font-color-text-subtle-disabled: rgba(102, 146, 222, 0.15);
@dls-button-background-color-text: transparent;
@dls-button-background-color-text-hover: transparent;
@dls-button-background-color-text-focus: transparent;
@dls-button-background-color-text-active: transparent;
@dls-button-background-color-text-disabled: transparent;
@dls-button-padding-text: 2px;
@dls-button-font-color-ghost: rgba(13, 15, 18, 0.95);
@dls-button-font-color-ghost-disabled: rgba(83, 101, 138, 0.5);
@dls-button-border-color-ghost: transparent;
@dls-button-border-color-ghost-disabled: transparent;
@dls-button-background-color-ghost: transparent;
@dls-button-background-color-ghost-hover: #f6f7fa;
@dls-button-background-color-ghost-focus: #f6f7fa;
@dls-button-background-color-ghost-active: #e2e6f0;
@dls-button-background-color-ghost-disabled: transparent;
@dls-button-font-color-ghost-strong: #0054e6;
@dls-button-font-color-ghost-strong-disabled: #95bcff;
@dls-button-border-color-ghost-strong: transparent;
@dls-button-border-color-ghost-strong-disabled: transparent;
@dls-button-background-color-ghost-strong: transparent;
@dls-button-background-color-ghost-strong-hover: #ebf2ff;
@dls-button-background-color-ghost-strong-focus: #ebf2ff;
@dls-button-background-color-ghost-strong-active: #dce9ff;
@dls-button-background-color-ghost-strong-disabled: transparent;
@dls-button-font-color-ghost-aux: rgba(73, 86, 107, 0.8);
@dls-button-font-color-ghost-aux-disabled: rgba(90, 119, 168, 0.3);
@dls-button-border-color-ghost-aux: transparent;
@dls-button-border-color-ghost-aux-disabled: transparent;
@dls-button-background-color-ghost-aux: transparent;
@dls-button-background-color-ghost-aux-hover: #f6f7fa;
@dls-button-background-color-ghost-aux-focus: #f6f7fa;
@dls-button-background-color-ghost-aux-active: #e2e6f0;
@dls-button-background-color-ghost-aux-disabled: transparent;
@dls-button-font-color-ghost-reverse: #fff;
@dls-button-font-color-ghost-reverse-disabled: rgba(255, 255, 255, 0.5);
@dls-button-border-color-ghost-reverse: transparent;
@dls-button-border-color-ghost-reverse-disabled: transparent;
@dls-button-background-color-ghost-reverse: transparent;
@dls-button-background-color-ghost-reverse-hover: rgba(255, 255, 255, 0.15);
@dls-button-background-color-ghost-reverse-focus: rgba(255, 255, 255, 0.15);
@dls-button-background-color-ghost-reverse-active: rgba(255, 255, 255, 0.25);
@dls-button-background-color-ghost-reverse-disabled: transparent;
@dls-button-background-color-checked: #ebf2ff;
@dls-button-background-color-checked-hover: #dce9ff;
@dls-button-background-color-checked-focus: #dce9ff;
@dls-button-background-color-checked-active: #bfd7ff;
@dls-button-background-color-checked-disabled: #ebf2ff;
@dls-button-border-color-checked: #0054e6;
@dls-button-border-color-checked-disabled: #bfd7ff;
@dls-button-foreground-color-checked: #0054e6;
@dls-button-border-color-focus: #0054e6;
@dls-button-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-button-group-separator-opacity: 0.15;
@dls-button-font-color-selected: #0054e6;
@dls-button-font-color-selected-disabled: #95bcff;
@dls-button-border-color-selected: #0054e6;
@dls-button-border-color-selected-disabled: #bfd7ff;
@dls-button-background-color-selected: #ebf2ff;
@dls-button-background-color-selected-hover: #dce9ff;
@dls-button-background-color-selected-focus: #dce9ff;
@dls-button-background-color-selected-active: #bfd7ff;
@dls-button-background-color-selected-disabled: #ebf2ff;
@dls-button-min-width-stable-s: calc(24px + 4em);
@dls-button-min-width-stable-m: calc(32px + 4em);
@dls-link-font-size-s: 12px;
@dls-link-font-size-m: 14px;
@dls-link-text-decoration: none;
@dls-link-text-decoration-hover: none;
@dls-link-text-decoration-focus: underline;
@dls-link-text-decoration-active: none;
@dls-link-font-color-normal: rgba(13, 15, 18, 0.95);
@dls-link-font-color-normal-hover: rgba(46, 52, 64, 0.9);
@dls-link-font-color-normal-focus: rgba(46, 52, 64, 0.9);
@dls-link-font-color-normal-active: #000;
@dls-link-font-color-normal-disabled: rgba(83, 101, 138, 0.5);
@dls-link-font-color-strong: #0054e6;
@dls-link-font-color-strong-hover: #1a6eff;
@dls-link-font-color-strong-focus: #1a6eff;
@dls-link-font-color-strong-active: #0047c4;
@dls-link-font-color-strong-disabled: #95bcff;
@dls-radio-font-size-s: 12px;
@dls-radio-font-size-m: 14px;
@dls-radio-font-color: rgba(13, 15, 18, 0.95);
@dls-radio-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-radio-size-s: 14px;
@dls-radio-size-m: 16px;
@dls-radio-dot-size-s: 6px;
@dls-radio-dot-size-m: 6px;
@dls-radio-spacing: 8px;
@dls-radio-border-color: #d3d9e6;
@dls-radio-border-color-hover: #a8b0bf;
@dls-radio-border-color-focus: #0054e6;
@dls-radio-border-color-active: #a8b0bf;
@dls-radio-border-color-disabled: #e2e6f0;
@dls-radio-border-color-checked: transparent;
@dls-radio-border-color-checked-hover: transparent;
@dls-radio-border-color-checked-focus: #0054e6;
@dls-radio-border-color-checked-active: transparent;
@dls-radio-border-color-checked-disabled: transparent;
@dls-radio-background-color: #fff;
@dls-radio-background-color-hover: #ebedf5;
@dls-radio-background-color-focus: #ebedf5;
@dls-radio-background-color-active: #d3d9e6;
@dls-radio-background-color-disabled: #f6f7fa;
@dls-radio-background-color-checked: #0054e6;
@dls-radio-background-color-checked-hover: #1a6eff;
@dls-radio-background-color-checked-focus: #1a6eff;
@dls-radio-background-color-checked-active: #0047c4;
@dls-radio-background-color-checked-disabled: #dce9ff;
@dls-radio-dot-color: #fff;
@dls-radio-dot-color-hover: #fff;
@dls-radio-dot-color-focus: #fff;
@dls-radio-dot-color-active: #fff;
@dls-radio-dot-color-disabled: #fff;
@dls-radio-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-radio-group-spacing: 24px;
@dls-radio-group-spacing-simple: 8px;
@dls-radio-group-line-spacing: 8px;
@dls-checkbox-font-size-s: 12px;
@dls-checkbox-font-size-m: 14px;
@dls-checkbox-font-color: rgba(13, 15, 18, 0.95);
@dls-checkbox-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-checkbox-size-s: 14px;
@dls-checkbox-size-m: 16px;
@dls-checkbox-icon-min-size: 8px;
@dls-checkbox-icon-size: 1em;
@dls-checkbox-border-radius: 4px;
@dls-checkbox-spacing: 8px;
@dls-checkbox-border-color: #d3d9e6;
@dls-checkbox-border-color-hover: #a8b0bf;
@dls-checkbox-border-color-focus: #0054e6;
@dls-checkbox-border-color-active: #a8b0bf;
@dls-checkbox-border-color-disabled: #e2e6f0;
@dls-checkbox-border-color-checked: transparent;
@dls-checkbox-border-color-checked-hover: transparent;
@dls-checkbox-border-color-checked-focus: #0054e6;
@dls-checkbox-border-color-checked-active: transparent;
@dls-checkbox-border-color-checked-disabled: transparent;
@dls-checkbox-background-color: #fff;
@dls-checkbox-background-color-hover: #ebedf5;
@dls-checkbox-background-color-focus: #ebedf5;
@dls-checkbox-background-color-active: #d3d9e6;
@dls-checkbox-background-color-disabled: #f6f7fa;
@dls-checkbox-background-color-checked: #0054e6;
@dls-checkbox-background-color-checked-hover: #1a6eff;
@dls-checkbox-background-color-checked-focus: #1a6eff;
@dls-checkbox-background-color-checked-active: #0047c4;
@dls-checkbox-background-color-checked-disabled: #dce9ff;
@dls-checkbox-foreground-color: #fff;
@dls-checkbox-foreground-color-hover: #fff;
@dls-checkbox-foreground-color-focus: #fff;
@dls-checkbox-foreground-color-active: #fff;
@dls-checkbox-foreground-color-disabled: #fff;
@dls-checkbox-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-checkbox-group-spacing: 24px;
@dls-checkbox-group-spacing-simple: 8px;
@dls-checkbox-group-line-spacing: 8px;
@dls-checkbox-icon-size-strong: 6px;
@dls-checkbox-icon-spacing-strong: 3px;
@dls-checkbox-icon-color-strong: #d3d9e6;
@dls-checkbox-icon-color-strong-disabled: #e2e6f0;
@dls-checkbox-icon-color-strong-checked: #0054e6;
@dls-checkbox-icon-color-strong-checked-disabled: #bfd7ff;
@dls-switch-width-xs: 20px;
@dls-switch-width-s: 26px;
@dls-switch-width-m: 32px;
@dls-switch-height-xs: 12px;
@dls-switch-height-s: 16px;
@dls-switch-height-m: 20px;
@dls-switch-thumb-size-xs: 8px;
@dls-switch-thumb-size-s: 12px;
@dls-switch-thumb-size-m: 14px;
@dls-switch-padding-xs: 2px;
@dls-switch-padding-s: 2px;
@dls-switch-padding-m: 3px;
@dls-switch-track-color-on: #0054e6;
@dls-switch-track-color-on-hover: #1a6eff;
@dls-switch-track-color-on-focus: #1a6eff;
@dls-switch-track-color-on-active: #0047c4;
@dls-switch-track-color-on-disabled: #dce9ff;
@dls-switch-track-color-off: #a8b0bf;
@dls-switch-track-color-off-hover: #848b99;
@dls-switch-track-color-off-focus: #848b99;
@dls-switch-track-color-off-active: #545b66;
@dls-switch-track-color-off-disabled: #e2e6f0;
@dls-switch-thumb-color-on: #fff;
@dls-switch-thumb-color-on-hover: #fff;
@dls-switch-thumb-color-on-focus: #fff;
@dls-switch-thumb-color-on-active: #fff;
@dls-switch-thumb-color-on-disabled: #fff;
@dls-switch-thumb-color-off: #fff;
@dls-switch-thumb-color-off-hover: #fff;
@dls-switch-thumb-color-off-focus: #fff;
@dls-switch-thumb-color-off-active: #fff;
@dls-switch-thumb-color-off-disabled: #fff;
@dls-switch-shadow-on-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-switch-shadow-off-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-input-font-size-xs: 12px;
@dls-input-font-size-s: 12px;
@dls-input-font-size-m: 14px;
@dls-input-font-size-l: 16px;
@dls-input-height-xs: 24px;
@dls-input-height-s: 28px;
@dls-input-height-m: 32px;
@dls-input-height-l: 36px;
@dls-input-width: 300px;
@dls-input-border-radius-xs: 4px;
@dls-input-border-radius-s: 4px;
@dls-input-border-radius-m: 4px;
@dls-input-border-radius-l: 4px;
@dls-input-padding: 12px;
@dls-input-content-spacing: 8px;
@dls-input-border-color: #d3d9e6;
@dls-input-border-color-hover: #a8b0bf;
@dls-input-border-color-focus: #0054e6;
@dls-input-border-color-error: #d9150b;
@dls-input-border-color-error-hover: #d9150b;
@dls-input-border-color-error-focus: #d9150b;
@dls-input-border-color-read-only: #d3d9e6;
@dls-input-border-color-read-only-hover: #a8b0bf;
@dls-input-border-color-read-only-focus: #0054e6;
@dls-input-border-color-disabled: #e2e6f0;
@dls-input-background-color: #fff;
@dls-input-background-color-read-only: #f6f7fa;
@dls-input-background-color-disabled: #f6f7fa;
@dls-input-font-color: rgba(13, 15, 18, 0.95);
@dls-input-font-color-error: rgba(13, 15, 18, 0.95);
@dls-input-font-color-read-only: rgba(73, 86, 107, 0.8);
@dls-input-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-input-placeholder-color: rgba(73, 86, 107, 0.8);
@dls-input-count-color: rgba(73, 86, 107, 0.8);
@dls-input-count-color-error: #d9150b;
@dls-input-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-input-shadow-inline-focus: 0 1px 0 0 #1a6eff;
@dls-input-shadow-error-focus: 0 0 0 2px rgba(255, 43, 32, 0.2);
@dls-input-shadow-inline-error-focus: 0 1px 0 0 #ff2b20;
@dls-input-icon-size: calc(1em + 2px);
@dls-input-icon-color: rgba(73, 86, 107, 0.8);
@dls-input-icon-color-disabled: rgba(83, 101, 138, 0.5);
@dls-textarea-font-size-s: 12px;
@dls-textarea-font-size-m: 14px;
@dls-textarea-line-height: 1.4;
@dls-textarea-padding-x: 12px;
@dls-textarea-padding-y: 8px;
@dls-textarea-width: 300px;
@dls-textarea-rows: 3;
@dls-textarea-height-s: 68.4px;
@dls-textarea-height-m: 76.8px;
@dls-textarea-count-height: 16px;
@dls-textarea-count-padding: 4px;
@dls-textarea-count-font-size: 12px;
@dls-textarea-count-font-color: #fff;
@dls-textarea-count-font-color-error: #fff;
@dls-textarea-count-background-color: rgba(0, 0, 0, 0.6);
@dls-textarea-count-background-color-error: rgba(217, 21, 11, 0.6);
@dls-textarea-count-border-radius: 4px;
@dls-number-input-height-xs: 24px;
@dls-number-input-height-s: 28px;
@dls-number-input-height-m: 32px;
@dls-number-input-spin-icon-size-normal: 0.85em;
@dls-number-input-spin-button-min-width-normal: 18px;
@dls-number-input-spin-button-width-normal-xs: 18px;
@dls-number-input-spin-button-width-normal-s: 18px;
@dls-number-input-spin-button-width-normal-m: 18px;
@dls-number-input-digits-normal: 6;
@dls-number-input-width-normal-xs: calc(6ch + 43px);
@dls-number-input-width-normal-s: calc(6ch + 43px);
@dls-number-input-width-normal-m: calc(6ch + 43px);
@dls-number-input-spin-icon-size-strong: 1em;
@dls-number-input-digits-strong: 6;
@dls-number-input-width-strong-xs: calc(6ch + 72px);
@dls-number-input-width-strong-s: calc(6ch + 80px);
@dls-number-input-width-strong-m: calc(6ch + 88px);
@dls-number-input-spin-icon-color: rgba(73, 86, 107, 0.8);
@dls-number-input-spin-icon-color-disabled: rgba(90, 119, 168, 0.3);
@dls-option-font-size-xs: 12px;
@dls-option-font-size-s: 12px;
@dls-option-font-size-m: 14px;
@dls-option-font-size-l: 16px;
@dls-option-height-xs: 24px;
@dls-option-height-s: 28px;
@dls-option-height-m: 32px;
@dls-option-height-l: 36px;
@dls-option-padding-xs: 16px;
@dls-option-padding-s: 16px;
@dls-option-padding-m: 16px;
@dls-option-padding-l: 16px;
@dls-option-max-width-xs: calc(40em + 32px);
@dls-option-max-width-s: calc(40em + 32px);
@dls-option-max-width-m: calc(40em + 32px);
@dls-option-max-width-l: calc(40em + 32px);
@dls-option-icon-size-aux: calc(1em + 2px);
@dls-option-label-spacing-before: 8px;
@dls-option-label-spacing-after: 12px;
@dls-option-font-color: rgba(13, 15, 18, 0.95);
@dls-option-font-color-hover: rgba(13, 15, 18, 0.95);
@dls-option-font-color-focus: rgba(13, 15, 18, 0.95);
@dls-option-font-color-active: rgba(13, 15, 18, 0.95);
@dls-option-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-option-font-color-highlighted: #f27318;
@dls-option-icon-color-aux: rgba(73, 86, 107, 0.8);
@dls-option-icon-color-aux-disabled: rgba(83, 101, 138, 0.5);
@dls-option-font-color-selected: #0054e6;
@dls-option-font-color-selected-hover: #1a6eff;
@dls-option-font-color-selected-focus: #1a6eff;
@dls-option-font-color-selected-active: #0047c4;
@dls-option-background-color: #fff;
@dls-option-background-color-hover: #f6f7fa;
@dls-option-background-color-focus: #dce9ff;
@dls-option-background-color-active: #e2e6f0;
@dls-option-background-color-selected-parent: #f6f7fa;
@dls-option-font-weight-selected-parent: 400;
@dls-option-font-weight-selected: 400;
@dls-option-group-label-line-height: 1.4;
@dls-option-group-label-font-color: rgba(73, 86, 107, 0.8);
@dls-option-group-label-padding-y: 4px;
@dls-option-group-padding-y: 4px;
@dls-option-group-separator-color: #e2e6f0;
@dls-time-picker-width: 150px;
@dls-time-picker-dropdown-min-width: 150px;
@dls-time-picker-option-content-min-width: 2ch;
@dls-time-picker-icon-color: rgba(73, 86, 107, 0.8);
@dls-time-picker-icon-color-disabled: rgba(83, 101, 138, 0.5);
@dls-pagination-font-size-xs: 12px;
@dls-pagination-font-size-s: 12px;
@dls-pagination-font-size-m: 14px;
@dls-pagination-page-item-min-width-xs: 24px;
@dls-pagination-page-item-min-width-s: 28px;
@dls-pagination-page-item-min-width-m: 32px;
@dls-pagination-page-item-padding-x: 4px;
@dls-pagination-page-item-spacing: 4px;
@dls-pagination-part-spacing: 24px;
@dls-pagination-content-spacing: 8px;
@dls-pagination-goto-input-padding-x: 8px;
@dls-pagination-goto-input-digits: 3;
@dls-pagination-goto-input-width: calc(3ch + 18px);
@dls-pagination-page-item-font-color: rgba(13, 15, 18, 0.95);
@dls-pagination-page-item-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-pagination-page-item-background-color: #fff;
@dls-pagination-page-item-background-color-hover: #f6f7fa;
@dls-pagination-page-item-background-color-focus: #f6f7fa;
@dls-pagination-page-item-background-color-active: #e2e6f0;
@dls-pagination-page-item-background-color-disabled: #fff;
@dls-pagination-page-item-font-color-current: #0054e6;
@dls-pagination-page-item-background-color-current: #ebf2ff;
@dls-pagination-page-item-background-color-current-hover: #dce9ff;
@dls-pagination-page-item-background-color-current-focus: #dce9ff;
@dls-pagination-page-item-background-color-current-active: #bfd7ff;
@dls-badge-font-size: 12px;
@dls-badge-dot-size: 8px;
@dls-badge-label-height: 16px;
@dls-badge-label-min-width: 16px;
@dls-badge-label-padding-x: 4px;
@dls-badge-label-spacing-status: 8px;
@dls-badge-background-color-info: #0054e6;
@dls-badge-background-color-success: #009940;
@dls-badge-background-color-warning: #ff9448;
@dls-badge-background-color-error: #d9150b;
@dls-badge-background-color-aux: #a8b0bf;
@dls-badge-font-color: #fff;
@dls-breadcrumb-font-size-s: 12px;
@dls-breadcrumb-font-size-m: 14px;
@dls-breadcrumb-separator-icon-size: calc(1em + 2px);
@dls-breadcrumb-separator-color: rgba(73, 86, 107, 0.8);
@dls-breadcrumb-separator-spacing: 8px;
@dls-breadcrumb-item-current-font-color: rgba(13, 15, 18, 0.95);
@dls-breadcrumb-item-current-font-weight: 500;
@dls-steps-title-font-size-s: 12px;
@dls-steps-title-font-size-m: 14px;
@dls-steps-desc-font-size-s: 12px;
@dls-steps-desc-font-size-m: 12px;
@dls-steps-marker-font-size-s: 16px;
@dls-steps-marker-font-size-m: 16px;
@dls-steps-title-font-weight: 500;
@dls-steps-title-font-color: rgba(13, 15, 18, 0.95);
@dls-steps-title-font-color-hover: rgba(13, 15, 18, 0.95);
@dls-steps-title-font-color-focus: rgba(13, 15, 18, 0.95);
@dls-steps-title-font-color-active: rgba(13, 15, 18, 0.95);
@dls-steps-desc-font-color: rgba(73, 86, 107, 0.8);
@dls-steps-title-font-color-incomplete: rgba(73, 86, 107, 0.8);
@dls-steps-desc-font-color-incomplete: rgba(73, 86, 107, 0.8);
@dls-steps-marker-size-s: 28px;
@dls-steps-marker-size-m: 28px;
@dls-steps-marker-size-dot-s: 10px;
@dls-steps-marker-size-dot-m: 10px;
@dls-steps-marker-ring-width-dot-s: 2px;
@dls-steps-marker-ring-width-dot-m: 2px;
@dls-steps-marker-icon-size: 16px;
@dls-steps-title-max-width: 10em;
@dls-steps-desc-max-width: 12em;
@dls-steps-marker-spacing: 8px;
@dls-steps-title-spacing: 4px;
@dls-steps-connector-spacing-horizontal: 8px;
@dls-steps-connector-spacing-vertical: 8px;
@dls-steps-connector-min-length: 40px;
@dls-steps-marker-background-color-incomplete: #ebedf5;
@dls-steps-marker-background-color-incomplete-hover: #e2e6f0;
@dls-steps-marker-background-color-incomplete-focus: #e2e6f0;
@dls-steps-marker-background-color-incomplete-active: #d3d9e6;
@dls-steps-marker-border-color-incomplete: transparent;
@dls-steps-marker-background-color-dot-incomplete: #a8b0bf;
@dls-steps-marker-background-color-dot-incomplete-hover: #848b99;
@dls-steps-marker-background-color-dot-incomplete-focus: #848b99;
@dls-steps-marker-background-color-dot-incomplete-active: #545b66;
@dls-steps-marker-border-color-dot-incomplete: transparent;
@dls-steps-marker-foreground-color-incomplete: rgba(73, 86, 107, 0.8);
@dls-steps-connector-color-incomplete: #d3d9e6;
@dls-steps-marker-background-color-completed: #ebf2ff;
@dls-steps-marker-background-color-completed-hover: #dce9ff;
@dls-steps-marker-background-color-completed-focus: #dce9ff;
@dls-steps-marker-background-color-completed-active: #bfd7ff;
@dls-steps-marker-border-color-completed: transparent;
@dls-steps-marker-background-color-dot-completed: #0054e6;
@dls-steps-marker-background-color-dot-completed-hover: #1a6eff;
@dls-steps-marker-background-color-dot-completed-focus: #1a6eff;
@dls-steps-marker-background-color-dot-completed-active: #0047c4;
@dls-steps-marker-border-color-dot-completed: transparent;
@dls-steps-marker-foreground-color-completed: #0054e6;
@dls-steps-connector-color-completed: #0054e6;
@dls-steps-marker-background-color-error: #ffeceb;
@dls-steps-marker-background-color-error-hover: #ffdedc;
@dls-steps-marker-background-color-error-focus: #ffdedc;
@dls-steps-marker-background-color-error-active: #ffc4c0;
@dls-steps-marker-border-color-error: transparent;
@dls-steps-marker-background-color-dot-error: #d9150b;
@dls-steps-marker-background-color-dot-error-hover: #ff2b20;
@dls-steps-marker-background-color-dot-error-focus: #ff2b20;
@dls-steps-marker-background-color-dot-error-active: #b80900;
@dls-steps-marker-border-color-dot-error: transparent;
@dls-steps-marker-foreground-color-error: #d9150b;
@dls-steps-connector-color-error: #d9150b;
@dls-steps-marker-background-color-current: #0054e6;
@dls-steps-marker-background-color-current-hover: #1a6eff;
@dls-steps-marker-background-color-current-focus: #1a6eff;
@dls-steps-marker-background-color-current-active: #0047c4;
@dls-steps-marker-border-color-current: transparent;
@dls-steps-marker-background-color-dot-current: #0054e6;
@dls-steps-marker-background-color-dot-current-hover: #1a6eff;
@dls-steps-marker-background-color-dot-current-focus: #1a6eff;
@dls-steps-marker-background-color-dot-current-active: #0047c4;
@dls-steps-marker-border-color-dot-current: transparent;
@dls-steps-marker-foreground-color-current: #fff;
@dls-steps-connector-color-current: #0054e6;
@dls-steps-marker-background-color-error-current: #d9150b;
@dls-steps-marker-background-color-error-current-hover: #ff2b20;
@dls-steps-marker-background-color-error-current-focus: #ff2b20;
@dls-steps-marker-background-color-error-current-active: #b80900;
@dls-steps-marker-border-color-error-current: transparent;
@dls-steps-marker-background-color-dot-error-current: #d9150b;
@dls-steps-marker-background-color-dot-error-current-hover: #ff2b20;
@dls-steps-marker-background-color-dot-error-current-focus: #ff2b20;
@dls-steps-marker-background-color-dot-error-current-active: #b80900;
@dls-steps-marker-border-color-dot-error-current: transparent;
@dls-steps-marker-foreground-color-error-current: #fff;
@dls-steps-connector-color-error-current: #d9150b;
@dls-steps-marker-background-color-stateless: #ebf2ff;
@dls-steps-marker-border-color-stateless: transparent;
@dls-steps-marker-background-color-dot-stateless: #0054e6;
@dls-steps-marker-border-color-dot-stateless: transparent;
@dls-steps-marker-foreground-color-stateless: #0054e6;
@dls-steps-connector-color-stateless: #d3d9e6;
@dls-steps-marker-border-color-focus: #0054e6;
@dls-steps-marker-border-color-error-focus: #d9150b;
@dls-steps-marker-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
@dls-steps-marker-shadow-error-focus: 0 0 0 2px rgba(255, 43, 32, 0.2);
@dls-tag-height-xs: 20px;
@dls-tag-height-s: 24px;
@dls-tag-height-m: 28px;
@dls-tag-border-radius-xs: 2px;
@dls-tag-border-radius-s: 4px;
@dls-tag-border-radius-m: 4px;
@dls-tag-border-width: 1px;
@dls-tag-border-width-xs: 0.5px;
@dls-tag-border-width-s: 1px;
@dls-tag-border-width-m: 1px;
@dls-tag-padding: 8px;
@dls-tag-padding-xs: 4px;
@dls-tag-padding-s: 4px;
@dls-tag-padding-m: 4px;
@dls-tag-content-spacing: 8px;
@dls-tag-list-spacing: 4px;
@dls-tag-font-size-xs: 12px;
@dls-tag-font-size-s: 12px;
@dls-tag-font-size-m: 14px;
@dls-tag-icon-size-aux: calc(1em - 2px);
@dls-tag-color: rgba(46, 52, 64, 0.9);
@dls-tag-color-selected: #0054e6;
@dls-tag-color-default: #848b99;
@dls-tag-color-default-selected: #0054e6;
@dls-tag-color-info: #0054e6;
@dls-tag-color-success: #009940;
@dls-tag-color-warning: #ff9448;
@dls-tag-color-error: #d9150b;
@dls-tag-font-color-default: rgba(13, 15, 18, 0.95);
@dls-tag-font-color-selected: #fff;
@dls-tag-font-color-reverse: #fff;
@dls-tag-color-turquoise: #4db2b2;
@dls-tag-color-violet: #5e1ae5;
@dls-tag-color-green: #4bac3a;
@dls-tag-font-opacity-disabled: 0.3;
@dls-tag-font-opacity-selected-disabled: 1;
@dls-tag-font-opacity-reverse-disabled: 1;
@dls-tag-background-opacity: 0.08;
@dls-tag-background-opacity-hover: 0.2;
@dls-tag-background-opacity-active: 0.3;
@dls-tag-background-opacity-disabled: 0.1;
@dls-tag-background-opacity-selected: 1;
@dls-tag-background-opacity-selected-hover: 0.6;
@dls-tag-background-opacity-selected-active: 0.8;
@dls-tag-background-opacity-selected-disabled: 0.1;
@dls-tag-background-opacity-reverse: 1;
@dls-tag-background-opacity-reverse-hover: 0.6;
@dls-tag-background-opacity-reverse-active: 0.8;
@dls-tag-background-opacity-reverse-disabled: 0.1;
@dls-tag-border-opacity: 0.1;
@dls-tag-border-opacity-disabled: 0.1;
@dls-anchor-padding-x: 16px;
@dls-anchor-item-spacing: 12px;
@dls-anchor-level-indent: 16px;
@dls-anchor-track-color: #e2e6f0;
@dls-anchor-track-width: 1px;
@dls-anchor-indicator-width: 2px;
@dls-anchor-indicator-color: #0054e6;
@dls-anchor-indicator-color-hover: #1a6eff;
@dls-anchor-indicator-color-focus: #1a6eff;
@dls-anchor-indicator-color-active: #0047c4;
@dls-loading-font-size-s: 12px;
@dls-loading-font-size-m: 14px;
@dls-loading-font-size-l: 16px;
@dls-loading-line-height: 1.4;
@dls-loading-size-s: calc(1em + 2px);
@dls-loading-size-m: calc(1em + 2px);
@dls-loading-size-l: 24px;
@dls-loading-content-spacing-s: 4px;
@dls-loading-content-spacing-m: 4px;
@dls-loading-content-spacing-l: 8px;
@dls-loading-font-color-normal: rgba(13, 15, 18, 0.95);
@dls-loading-font-color-strong: rgba(13, 15, 18, 0.95);
@dls-loading-font-color-reverse: #fff;
@dls-loading-color-normal: rgba(73, 86, 107, 0.8);
@dls-loading-color-strong: #0054e6;
@dls-loading-color-reverse: #fff;
@dls-loading-background-color: rgba(255, 255, 255, 0.8);
@dls-loading-background-color-reverse: rgba(0, 0, 0, 0.6);
@dls-progress-width-bar-xs: 160px;
@dls-progress-width-bar-s: 200px;
@dls-progress-width-bar-m: 300px;
@dls-progress-size-circular-xs: 60px;
@dls-progress-size-circular-s: 80px;
@dls-progress-size-circular-m: 100px;
@dls-progress-font-size-xs: 12px;
@dls-progress-font-size-s: 12px;
@dls-progress-font-size-m: 14px;
@dls-progress-font-size-circular-xs: 12px;
@dls-progress-font-size-circular-s: 14px;
@dls-progress-font-size-circular-m: 16px;
@dls-progress-font-color: rgba(46, 52, 64, 0.9);
@dls-progress-icon-size-bar: calc(1em + 2px);
@dls-progress-icon-size-circular-xs: 16px;
@dls-progress-icon-size-circular-s: 24px;
@dls-progress-icon-size-circular-m: 32px;
@dls-progress-track-width-xs: 2px;
@dls-progress-track-width-s: 4px;
@dls-progress-track-width-m: 6px;
@dls-progress-border-radius-xs: 1px;
@dls-progress-border-radius-s: 2px;
@dls-progress-border-radius-m: 3px;
@dls-progress-track-spacing-bar: 8px;
@dls-progress-icon-spacing-bar: 8px;
@dls-progress-track-color: #d3d9e6;
@dls-progress-indicator-color: #0054e6;
@dls-progress-indicator-color-success: #009940;
@dls-progress-indicator-color-error: #d9150b;
@dls-progress-icon-color-success: #009940;
@dls-progress-icon-color-error: #d9150b;
@dls-tree-node-height-s: 28px;
@dls-tree-node-height-m: 32px;
@dls-tree-font-size-s: 12px;
@dls-tree-font-size-m: 14px;
@dls-tree-icon-size: calc(1em + 2px);
@dls-tree-icon-size-aux: calc(1em + 2px);
@dls-tree-padding-x: 16px;
@dls-tree-node-content-spacing: 8px;
@dls-tree-icon-color-aux: rgba(73, 86, 107, 0.8);
@dls-tree-icon-color-aux-disabled: rgba(83, 101, 138, 0.5);
@dls-tree-node-font-color: rgba(13, 15, 18, 0.95);
@dls-tree-node-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-tree-node-font-color-selected: #0054e6;
@dls-tree-node-font-color-selected-hover: #1a6eff;
@dls-tree-node-font-color-selected-focus: #1a6eff;
@dls-tree-node-font-color-selected-active: #0047c4;
@dls-tree-node-font-color-highlighted: #f27318;
@dls-tree-node-background-color: #fff;
@dls-tree-node-background-color-hover: #f6f7fa;
@dls-tree-node-background-color-focus: #f6f7fa;
@dls-tree-node-background-color-active: #e2e6f0;
@dls-tree-node-background-color-selected: #ebf2ff;
@dls-tree-node-background-color-selected-hover: #dce9ff;
@dls-tree-node-background-color-selected-focus: #dce9ff;
@dls-tree-node-background-color-selected-active: #bfd7ff;
@dls-tree-node-font-weight-selected: 400;
@dls-transfer-font-size-s: 12px;
@dls-transfer-font-size-m: 14px;
@dls-transfer-border-radius-s: 4px;
@dls-transfer-border-radius-m: 4px;
@dls-transfer-padding-x: 12px;
@dls-transfer-header-content-spacing-1: 4px;
@dls-transfer-header-content-spacing-2: 8px;
@dls-transfer-content-padding-y: 4px;
@dls-transfer-item-height-s: 28px;
@dls-transfer-item-height-m: 32px;
@dls-transfer-item-content-spacing: 8px;
@dls-transfer-content-min-height-s: 288px;
@dls-transfer-content-min-height-m: 328px;
@dls-transfer-panel-width-s: 228px;
@dls-transfer-panel-width-m: 260px;
@dls-transfer-panel-spacing: 12px;
@dls-transfer-header-height-s: 32px;
@dls-transfer-header-height-m: 36px;
@dls-transfer-header-background-color: #f6f7fa;
@dls-transfer-header-font-color: rgba(13, 15, 18, 0.95);
@dls-transfer-header-font-weight: 400;
@dls-transfer-header-button-font-weight: 500;
@dls-transfer-border-color: #d3d9e6;
@dls-transfer-item-background-color: #fff;
@dls-transfer-item-background-color-hover: #f6f7fa;
@dls-transfer-item-background-color-focus: #f6f7fa;
@dls-transfer-item-background-color-active: #e2e6f0;
@dls-transfer-item-background-color-disabled: transparent;
@dls-transfer-item-font-color: rgba(13, 15, 18, 0.95);
@dls-transfer-item-font-color-hover: rgba(13, 15, 18, 0.95);
@dls-transfer-item-font-color-focus: rgba(13, 15, 18, 0.95);
@dls-transfer-item-font-color-active: rgba(13, 15, 18, 0.95);
@dls-transfer-item-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-tab-height-s: 40px;
@dls-tab-height-m: 44px;
@dls-tab-height-l: 48px;
@dls-tab-max-width-normal-s: calc(10em + 12px);
@dls-tab-max-width-normal-m: calc(10em + 12px);
@dls-tab-max-width-normal-l: calc(10em + 12px);
@dls-tab-max-width-simple-s: calc(10em + 12px);
@dls-tab-max-width-simple-m: calc(10em + 12px);
@dls-tab-max-width-simple-l: calc(10em + 12px);
@dls-tab-max-width-strong-m: calc(10em + 60px);
@dls-tab-min-width-normal-s: 2em;
@dls-tab-min-width-normal-m: 2em;
@dls-tab-min-width-normal-l: 2em;
@dls-tab-min-width-simple-s: 2em;
@dls-tab-min-width-simple-m: 2em;
@dls-tab-min-width-simple-l: 2em;
@dls-tab-padding-normal-s: 0;
@dls-tab-padding-normal-m: 0;
@dls-tab-padding-normal-l: 0;
@dls-tab-padding-simple-s: 0;
@dls-tab-padding-simple-m: 0;
@dls-tab-padding-simple-l: 0;
@dls-tab-padding-strong-m: 24px;
@dls-tab-spacing-normal-s: 24px;
@dls-tab-spacing-normal-m: 32px;
@dls-tab-spacing-normal-l: 48px;
@dls-tab-spacing-simple-s: 32px;
@dls-tab-spacing-simple-m: 40px;
@dls-tab-spacing-simple-l: 48px;
@dls-tab-spacing-strong-m: 0;
@dls-tab-menu-padding-normal: var(--dls-tab-menu-spacing-around);
@dls-tab-content-spacing: 4px;
@dls-tab-remove-spacing: 2px;
@dls-tab-nav-spacing-normal-s: 12px;
@dls-tab-nav-spacing-normal-m: 16px;
@dls-tab-nav-spacing-normal-l: 24px;
@dls-tab-nav-spacing-simple-s: 16px;
@dls-tab-nav-spacing-simple-m: 20px;
@dls-tab-nav-spacing-simple-l: 24px;
@dls-tab-nav-spacing-strong-m: 12px;
@dls-tab-font-size-s: 12px;
@dls-tab-font-size-m: 14px;
@dls-tab-font-size-l: 16px;
@dls-tab-font-color: rgba(13, 15, 18, 0.95);
@dls-tab-font-color-hover: rgba(46, 52, 64, 0.9);
@dls-tab-font-color-focus: rgba(46, 52, 64, 0.9);
@dls-tab-font-color-active: #000;
@dls-tab-font-color-disabled: rgba(83, 101, 138, 0.5);
@dls-tab-font-color-current: #0054e6;
@dls-tab-font-color-current-hover: #1a6eff;
@dls-tab-font-color-current-focus: #1a6eff;
@dls-tab-font-color-current-active: #0047c4;
@dls-tab-background-color-focus: #dce9ff;
@dls-tab-font-weight-current: 400;
@dls-tab-container-separator-color: #d3d9e6;
@dls-tab-container-border-width: 1px;
@dls-tab-panel-padding-top: 16px;
@dls-tab-overflow-shadow-right: 0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02);
@dls-tab-overflow-shadow-left: 0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02);
@dls-tab-indicator-color: #0054e6;
@dls-tab-indicator-width: 2px;
@dls-tab-icon-size: calc(1em + 2px);
@dls-tab-icon-size-aux: calc(1em - 2px);
@dls-tab-separator-height-simple: 1em;
@dls-tab-se