/** [GENERATED] pnpm generate:legacyTokens */

:root,
:host {
  --effect-box-shadow-shadow-down: 0px 3px 7px 0px #00000014;
  --effect-box-shadow-shadow-up: 0px -3px 7px 0px #00000014;
  --effect-box-shadow-shadow-focus: 0px 0px 2px 0px #0eb4f3;
  --colors-forms-background: #fff;
  --colors-forms-border: #d6d6d6;
  --colors-forms-activated: #0eb4f3;
  --colors-forms-shadow: #0eb4f3;
  --colors-forms-critical: #f00004;
  --colors-forms-disabled: #eee;
  --colors-forms-warning: #fe9b15;
  --colors-surface-primary: #eee;
  --colors-surface-secondary: #fff;
  --colors-surface-tertiary: #fff;
  --colors-surface-overlay: #00000080;
  --colors-surface-light-gray: #f7f7f7;
  --colors-surface-light-blue: #eef9ff;
  --colors-surface-inverted: #343434;
  --colors-foregrounds-headlines-primary: #0eb4f3;
  --colors-foregrounds-headlines-secondary: #000;
  --colors-foregrounds-headlines-tertiary: #689902;
  --colors-foregrounds-content-primary: #000;
  --colors-foregrounds-content-secondary: #797979;
  --colors-foregrounds-content-tertiary: #979797;
  --colors-foregrounds-content-inverted: #fff;
  --colors-foregrounds-icons-primary: #000;
  --colors-foregrounds-icons-secondary: #979797;
  --colors-foregrounds-icons-tertiary: #fff;
  --colors-foregrounds-borders-primary: #eee;
  --colors-foregrounds-borders-secondary: #dedede;
  --colors-interactive-primary-enabled: #0eb4f3;
  --colors-interactive-primary-hover: #009bd3;
  --colors-interactive-primary-disabled: #979797;
  --colors-interactive-action-enabled: #94ca47;
  --colors-interactive-action-hover: #6fa116;
  --colors-interactive-action-disabled: #979797;
  --colors-interactive-links-enabled: #0052c6;
  --colors-interactive-links-hover: #0065f1;
  --colors-interactive-links-disabled: #0052c60d;
  --colors-interactive-destructive-enabled: #f00004;
  --colors-interactive-destructive-hover: #c90002;
  --colors-interactive-destructive-disabled: #979797;
  --colors-interactive-secondary-enabled: #979797;
  --colors-interactive-secondary-hover: #000;
  --colors-interactive-secondary-disabled: #979797;
  --colors-interactive-secondary-activated: #0eb4f3;
  --colors-interactive-tabs-background-enabled: #eee;
  --colors-interactive-tabs-background-selected: #fff;
  --colors-interactive-tabs-border: #b6b6b6;
  --colors-interactive-tabs-selected-indicator: #94ca47;
  --colors-interactive-tabs-background-hover: #0eb4f3;
  --colors-interactive-ghost-enabled: #fff;
  --colors-interactive-ghost-hover: #eee;
  --colors-interactive-ghost-activated: #0eb4f3;
  --colors-interactive-ghost-subtle: #cbecff;
  --colors-interactive-ghost-subtle-hover: #a5dfff;
  --colors-interactive-ghost-activated-hover: #009bd3;
  --colors-interactive-superadmin-enabled: #9455ef;
  --colors-interactive-superadmin-hover: #7d3dd4;
  --colors-interactive-superadmin-activated: #7d3dd4;
  --colors-interactive-content-primary: #fff;
  --colors-interactive-content-secondary: #000;
  --colors-interactive-focus-primary: #008bbe;
  --colors-interactive-tertiary-enabled: #000;
  --colors-interactive-tertiary-hover: #4e4e4e;
  --colors-interactive-tertiary-disabled: #00000080;
  --colors-interactive-tertiary-activated: #0eb4f3;
  --colors-interactive-loader-light-foregrounds: #0eb4f3;
  --colors-interactive-loader-light-background: #cbecff;
  --colors-interactive-loader-dark-foregrounds: #fff;
  --colors-interactive-loader-dark-background: #ffffff0d;
  --colors-tables-backgrounds-primary: #fff;
  --colors-tables-backgrounds-secondary: #f7f7f7;
  --colors-tables-backgrounds-tertiary: #eee;
  --colors-tables-border-primary: #e6e6e6;
  --colors-tables-border-secondary: #0eb4f3;
  --colors-tables-states-success: #e6f4da;
  --colors-tables-states-warning: #ffedc0;
  --colors-tables-states-critical: #ffa9c0;
  --colors-tables-states-notice: #e7efff;
  --colors-states-primary-default: #636363;
  --colors-states-primary-notice: #10b4f3;
  --colors-states-primary-success: #369900;
  --colors-states-primary-alert: #fe9b15;
  --colors-states-primary-error: #f00004;
  --colors-states-primary-informative: #1139d7;
  --colors-states-secondary-default: #d6d6d6;
  --colors-states-secondary-notice: #e7efff;
  --colors-states-secondary-success: #f2faec;
  --colors-states-secondary-alert: #fff6e0;
  --colors-states-secondary-error: #fee8ed;
  --colors-states-secondary-informative: #dbe6ff;
  --colors-sidebar-backgrounds-enabled: #fff;
  --colors-sidebar-backgrounds-hover: #eee;
  --colors-sidebar-backgrounds-activated: #ddf2ff;
  --colors-sidebar-content-enabled: #000;
  --colors-sidebar-content-activated: #0eb4f3;
  --colors-sidebar-content-disabled: #979797;
  --colors-header-background: #0eb4f3;
  --colors-header-hover: #00000026;
  --colors-header-shop: #0000004d;
  --colors-lists-background-enabled: #fff;
  --colors-lists-background-hover: #eee;
  --colors-lists-background-activated: #ddf2ff;
  --colors-lists-content-enabled: #000;
  --colors-lists-content-activated: #0eb4f3;
  --colors-lists-content-disabled: #979797;
  --colors-code-snippet-background: #f3f7ff;
  --colors-code-snippet-border: #92b4ff;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-xxl: 48px;
  --spacing-xl: 24px;
  --spacing-lg: 16px;
  --spacing-md: 12px;
  --spacing-sm: 8px;
  --spacing-xl-32: 32px;
  --border-radius-border-radius-0: 0px;
  --border-radius-border-radius-4: 4px;
  --border-radius-border-radius-8: 8px;
  --border-radius-border-radius-16: 16px;
  --border-radius-border-radius-24: 24px;
  --border-radius-border-radius-32: 32px;
  --typography-headlines-headline-1-font-size: 36px;
  --typography-headlines-headline-1-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-1-font-weight: 400;
  --typography-headlines-headline-1-letter-spacing: 0px;
  --typography-headlines-headline-1-line-height: 46px;
  --typography-headlines-headline-2-font-size: 22px;
  --typography-headlines-headline-2-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-2-font-weight: 400;
  --typography-headlines-headline-2-letter-spacing: 0px;
  --typography-headlines-headline-2-line-height: 28px;
  --typography-headlines-headline-3-font-size: 18px;
  --typography-headlines-headline-3-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-3-font-weight: 400;
  --typography-headlines-headline-3-letter-spacing: 0px;
  --typography-headlines-headline-3-line-height: 24px;
  --typography-headlines-headline-4-font-size: 16px;
  --typography-headlines-headline-4-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-4-font-weight: 400;
  --typography-headlines-headline-4-letter-spacing: 0px;
  --typography-headlines-headline-4-line-height: 24px;
  --typography-headlines-headline-5-font-size: 12px;
  --typography-headlines-headline-5-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-5-font-weight: 400;
  --typography-headlines-headline-5-letter-spacing: 0px;
  --typography-headlines-headline-5-line-height: 14px;
  --typography-body-copy-l-font-size: 14px;
  --typography-body-copy-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-l-font-weight: 400;
  --typography-body-copy-l-letter-spacing: 0.16px;
  --typography-body-copy-l-line-height: 22px;
  --typography-body-copy-lb-font-size: 14px;
  --typography-body-copy-lb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-lb-font-weight: 700;
  --typography-body-copy-lb-letter-spacing: 0.16px;
  --typography-body-copy-lb-line-height: 22px;
  --typography-body-copy-m-font-size: 12px;
  --typography-body-copy-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-m-font-weight: 400;
  --typography-body-copy-m-letter-spacing: 0.1px;
  --typography-body-copy-m-line-height: 18px;
  --typography-body-copy-mb-font-size: 12px;
  --typography-body-copy-mb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-mb-font-weight: 700;
  --typography-body-copy-mb-letter-spacing: 0.1px;
  --typography-body-copy-mb-line-height: 18px;
  --typography-body-copy-s-font-size: 10px;
  --typography-body-copy-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-s-font-weight: 400;
  --typography-body-copy-s-letter-spacing: 0.06px;
  --typography-body-copy-s-line-height: 16px;
  --typography-body-copy-sb-font-size: 10px;
  --typography-body-copy-sb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-sb-font-weight: 700;
  --typography-body-copy-sb-letter-spacing: 0.06px;
  --typography-body-copy-sb-line-height: 16px;
  --typography-interactive-buttons-l-font-size: 16px;
  --typography-interactive-buttons-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-l-font-weight: 400;
  --typography-interactive-buttons-l-letter-spacing: 0.4px;
  --typography-interactive-buttons-l-line-height: 24px;
  --typography-interactive-buttons-m-font-size: 12px;
  --typography-interactive-buttons-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-m-font-weight: 400;
  --typography-interactive-buttons-m-letter-spacing: 0.4px;
  --typography-interactive-buttons-m-line-height: 24px;
  --typography-interactive-buttons-s-font-size: 12px;
  --typography-interactive-buttons-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-s-font-weight: 400;
  --typography-interactive-buttons-s-letter-spacing: 0.4px;
  --typography-interactive-buttons-s-line-height: 16px;
  --typography-interactive-menu-enabled-font-size: 14px;
  --typography-interactive-menu-enabled-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-menu-enabled-font-weight: 400;
  --typography-interactive-menu-enabled-letter-spacing: 0.1px;
  --typography-interactive-menu-enabled-line-height: 20px;
  --typography-interactive-menu-selected-font-size: 14px;
  --typography-interactive-menu-selected-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-menu-selected-font-weight: 700;
  --typography-interactive-menu-selected-letter-spacing: 0.1px;
  --typography-interactive-menu-selected-line-height: 20px;
  --typography-forms-helper-text-font-size: 12px;
  --typography-forms-helper-text-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-helper-text-font-weight: 400;
  --typography-forms-helper-text-letter-spacing: 0.1px;
  --typography-forms-helper-text-line-height: 16px;
  --typography-forms-label-font-size: 12px;
  --typography-forms-label-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-label-font-weight: 400;
  --typography-forms-label-letter-spacing: 0.1px;
  --typography-forms-label-line-height: 18px;
  --typography-forms-text-font-size: 12px;
  --typography-forms-text-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-text-font-weight: 400;
  --typography-forms-text-letter-spacing: 0.1px;
  --typography-forms-text-line-height: 16px;
  --typography-numbers-l-font-size: 60px;
  --typography-numbers-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-l-font-weight: 700;
  --typography-numbers-l-letter-spacing: 0px;
  --typography-numbers-l-line-height: 72px;
  --typography-numbers-m-font-size: 36px;
  --typography-numbers-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-m-font-weight: 700;
  --typography-numbers-m-letter-spacing: 0px;
  --typography-numbers-m-line-height: 44px;
  --typography-numbers-s-font-size: 24px;
  --typography-numbers-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-s-font-weight: 400;
  --typography-numbers-s-letter-spacing: 0px;
  --typography-numbers-s-line-height: 28px;
  --typography-responsive-headlines-headline-1-font-size: 26px;
  --typography-responsive-headlines-headline-1-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-responsive-headlines-headline-1-font-weight: 400;
  --typography-responsive-headlines-headline-1-letter-spacing: 0px;
  --typography-responsive-headlines-headline-1-line-height: 32px;
  --typography-numbers-mono-l-font-size: 14px;
  --typography-numbers-mono-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-l-font-weight: 400;
  --typography-numbers-mono-l-letter-spacing: -0.28px;
  --typography-numbers-mono-l-line-height: 22px;
  --typography-numbers-mono-lb-font-size: 14px;
  --typography-numbers-mono-lb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-lb-font-weight: 700;
  --typography-numbers-mono-lb-letter-spacing: -0.28px;
  --typography-numbers-mono-lb-line-height: 22px;
  --typography-numbers-mono-m-font-size: 12px;
  --typography-numbers-mono-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-m-font-weight: 400;
  --typography-numbers-mono-m-letter-spacing: -0.24px;
  --typography-numbers-mono-m-line-height: 18px;
  --typography-numbers-mono-mb-font-size: 12px;
  --typography-numbers-mono-mb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-mb-font-weight: 700;
  --typography-numbers-mono-mb-letter-spacing: -0.24px;
  --typography-numbers-mono-mb-line-height: 18px;
  --typography-numbers-mono-s-font-size: 10px;
  --typography-numbers-mono-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-s-font-weight: 400;
  --typography-numbers-mono-s-letter-spacing: -0.2px;
  --typography-numbers-mono-s-line-height: 16px;
  --typography-numbers-mono-sb-font-size: 10px;
  --typography-numbers-mono-sb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-sb-font-weight: 700;
  --typography-numbers-mono-sb-letter-spacing: -0.2px;
  --typography-numbers-mono-sb-line-height: 16px;
  --breakpoints-sm: 576px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 992px;
  --breakpoints-xl: 1024px;
  --breakpoints-xxl: 1400px;
  --elevations-default: 1;
  --elevations-overlay: 999;
  --elevations-sidebar: 1003;
  --elevations-header: 1100;
  --elevations-modal: 11000;
  --elevations-loader: 12000;
}
/** [GENERATED] pnpm generate:tokens */

:root,
:host {
  --background--blue-low-default--light: 221 242 255;
  --background--controls-low-default--light: 221 242 255;
  --background--controls-low-hovered--light: 165 223 255;
  --background--controls-medium-default--light: 14 180 243;
  --background--controls-medium-hovered--light: 0 155 211;
  --background--controls-medium-selected--light: 14 180 243;
  --background--main-medium-default--light: 132 186 52;
  --background--main-medium-hovered--light: 111 161 22;
  --background--main-medium-selected--light: 132 186 52;
  --background--neutral-full-default--light: 0 0 0;
  --background--neutral-strong-default--light: 52 52 52;
  --background--neutral-xHigh-default--light: 106 106 106;
  --background--neutral-xHigh-hovered--light: 72 72 72;
  --background--neutral-high-default--light: 151 151 151;
  --background--neutral-low-default--light: 238 238 238;
  --background--neutral-low-hovered--light: 214 214 214;
  --background--neutral-base-default--light: 255 255 255;
  --background--notice-medium-default--light: 16 180 243;
  --background--notice-high-default--light: 0 164 222;
  --background--notice-high-hovered--light: 0 116 158;
  --background--informative-low-default--light: 231 239 255;
  --background--informative-high-default--light: 98 145 255;
  --background--informative-xHigh-default--light: 53 105 252;
  --background--informative-strong-default--light: 53 105 252;
  --background--success-low-default--light: 230 244 218;
  --background--success-high-default--light: 95 174 44;
  --background--success-xHigh-hovered--light: 27 86 0;
  --background--warning-low-default--light: 255 237 192;
  --background--warning-medium-default--light: 234 141 0;
  --background--warning-high-default--light: 213 128 0;
  --background--warning-high-hovered--light: 152 89 0;
  --background--critical-low-default--light: 254 232 237;
  --background--critical-high-default--light: 255 79 79;
  --background--critical-high-hovered--light: 201 0 2;
  --background--critical-xHigh-default--light: 227 0 3;
  --background--critical-xHigh-hovered--light: 139 0 1;
  --foreground--blue-medium-default--light: 14 180 243;
  --foreground--green-medium-default--light: 136 184 70;
  --foreground--controls-medium-default--light: 14 180 243;
  --foreground--controls-medium-hovered--light: 0 139 190;
  --foreground--controls-medium-selected--light: 14 180 243;
  --foreground--notice-medium-default--light: 16 180 243;
  --foreground--warning-medium-default--light: 234 141 0;
  --foreground--main-medium-default--light: 132 186 52;
  --foreground--main-medium-hovered--light: 98 145 0;
  --foreground--critical-high-default--light: 240 0 4;
  --foreground--critical-high-hovered--light: 201 0 2;
  --foreground--success-high-default--light: 54 153 0;
  --foreground--superadmin-high-default--light: 148 85 239;
  --foreground--superadmin-high-hovered--light: 125 61 212;
  --foreground--links-strong-default--light: 0 82 198;
  --foreground--links-strong-hovered--light: 0 101 241;
  --foreground--neutral-low-default--light: 214 214 214;
  --foreground--neutral-medium-default--light: 166 166 166;
  --foreground--neutral-high-default--light: 128 128 128;
  --foreground--neutral-full-default--light: 0 0 0;
  --foreground--neutral-full-hovered--light: 78 78 78;
  --foreground--informative-strong-default--light: 23 67 223;
  --border--controls-low-default--light: 165 223 255;
  --border--controls-medium-default--light: 14 180 243;
  --border--controls-medium-hovered--light: 0 139 190;
  --border--controls-medium-selected--light: 14 180 243;
  --border--success-high-default--light: 54 153 0;
  --border--main-medium-default--light: 132 186 52;
  --border--main-medium-hovered--light: 98 145 0;
  --border--neutral-low-default--light: 214 214 214;
  --border--neutral-medium-default--light: 166 166 166;
  --border--neutral-high-default--light: 128 128 128;
  --border--neutral-full-hovered--light: 78 78 78;
  --border--notice-medium-default--light: 16 180 243;
  --border--blue-medium-default--light: 14 180 243;
  --border--warning-medium-default--light: 234 141 0;
  --border--critical-high-default--light: 240 0 4;
  --border--critical-high-hovered--light: 201 0 2;
  --border--links-strong-default--light: 0 82 198;
  --border--informative-strong-default--light: 23 67 223;
  --shadow--focus--light: 0px 0px 2px 0px rgb(14 180 243);
  --shadow--high-soft--light: 0px 12px 32px 0px rgb(0 0 0 / 15%);
  --shadow--high-sharp--light: 0px 4px 10px 0px rgb(0 0 0 / 5%);
  --shadow--medium-soft--light: 0px 3px 7px 0px rgb(0 0 0 / 10%);
  --shadow--medium-sharp--light: 0px -3px 7px 0px rgb(0 0 0 / 10%);
  --shadow--low-soft--light: 0px 2px 6px 0px rgb(0 0 0 / 5%);
  --shadow--low-sharp--light: 0px 1px 2px 0px rgb(0 0 0 / 5%);
  --blend--solid--light: 1;
  --blend--low--light: 0.7;
  --blend--medium--light: 0.6;
  --blend--high--light: 0.3;
  --blend--strong--light: 0.1;
  --blend--full--light: 0;
  --background--blue-low-default--dark: 0 0 1;
  --background--controls-low-default--dark: 0 0 1;
  --background--controls-low-hovered--dark: 0 8 15;
  --background--controls-medium-default--dark: 0 44 63;
  --background--controls-medium-hovered--dark: 0 64 90;
  --background--controls-medium-selected--dark: 0 44 63;
  --background--main-medium-default--dark: 28 46 0;
  --background--main-medium-hovered--dark: 43 67 0;
  --background--main-medium-selected--dark: 28 46 0;
  --background--neutral-full-default--dark: 255 255 255;
  --background--neutral-strong-default--dark: 151 151 151;
  --background--neutral-xHigh-default--dark: 106 106 106;
  --background--neutral-high-default--dark: 52 52 52;
  --background--neutral-low-default--dark: 0 0 0;
  --background--neutral-low-hovered--dark: 6 6 6;
  --background--neutral-base-default--dark: 0 0 0;
  --background--notice-medium-default--dark: 0 44 63;
  --background--notice-high-default--dark: 0 57 81;
  --background--informative-low-default--dark: 0 0 4;
  --background--informative-high-default--dark: 5 0 163;
  --background--informative-xHigh-default--dark: 13 47 206;
  --background--success-low-default--dark: 0 1 0;
  --background--success-high-default--dark: 18 63 0;
  --background--warning-low-default--dark: 1 0 0;
  --background--warning-medium-default--dark: 60 32 0;
  --background--warning-high-default--dark: 77 43 0;
  --background--critical-low-default--dark: 2 0 0;
  --background--critical-high-default--dark: 104 0 1;
  --background--critical-high-hovered--dark: 176 0 2;
  --background--critical-xHigh-default--dark: 151 0 1;
  --foreground--blue-medium-default--dark: 0 44 63;
  --foreground--green-medium-default--dark: 28 46 0;
  --foreground--controls-medium-default--dark: 0 44 63;
  --foreground--controls-medium-hovered--dark: 0 78 109;
  --foreground--controls-medium-selected--dark: 0 44 63;
  --foreground--notice-medium-default--dark: 0 44 63;
  --foreground--warning-medium-default--dark: 60 32 0;
  --foreground--main-medium-default--dark: 28 46 0;
  --foreground--main-medium-hovered--dark: 53 82 0;
  --foreground--critical-high-default--dark: 139 0 1;
  --foreground--critical-high-hovered--dark: 176 0 2;
  --foreground--success-high-default--dark: 27 86 0;
  --foreground--superadmin-high-default--dark: 89 23 160;
  --foreground--superadmin-high-hovered--dark: 111 46 192;
  --foreground--links-strong-default--dark: 0 95 226;
  --foreground--links-strong-hovered--dark: 0 76 184;
  --foreground--neutral-low-default--dark: 6 6 6;
  --foreground--neutral-medium-default--dark: 40 40 40;
  --foreground--neutral-high-default--dark: 72 72 72;
  --foreground--neutral-full-default--dark: 255 255 255;
  --foreground--neutral-full-hovered--dark: 121 121 121;
  --foreground--informative-strong-default--dark: 37 86 239;
  --border--controls-low-default--dark: 0 8 15;
  --border--controls-medium-default--dark: 0 44 63;
  --border--controls-medium-hovered--dark: 0 78 109;
  --border--controls-medium-selected--dark: 0 44 63;
  --border--success-high-default--dark: 27 86 0;
  --border--main-medium-default--dark: 28 46 0;
  --border--main-medium-hovered--dark: 53 82 0;
  --border--neutral-low-default--dark: 6 6 6;
  --border--neutral-medium-default--dark: 40 40 40;
  --border--neutral-high-default--dark: 72 72 72;
  --border--neutral-full-hovered--dark: 121 121 121;
  --border--notice-medium-default--dark: 0 44 63;
  --border--blue-medium-default--dark: 0 44 63;
  --border--warning-medium-default--dark: 60 32 0;
  --border--critical-high-default--dark: 139 0 1;
  --border--critical-high-hovered--dark: 176 0 2;
  --border--links-strong-default--dark: 0 95 226;
  --border--informative-strong-default--dark: 37 86 239;
  --shadow--down--dark: 0px 3px 7px 0px rgb(255 255 255 / 10%);
  --shadow--focus--dark: 0px 0px 2px 0px rgb(0 44 63);
  --shadow--up--dark: 0px -3px 7px 0px rgb(255 255 255 / 10%);
  --shadow--high-primary--dark: 0px 12px 32px 0px rgb(255 255 255 / 15%);
  --shadow--high-secondary--dark: 0px 4px 10px 0px rgb(255 255 255 / 5%);
  --shadow--low-primary--dark: 0px 2px 6px 0px rgb(255 255 255 / 5%);
  --shadow--low-secondary--dark: 0px 1px 2px 0px rgb(255 255 255 / 5%);
  --blend--solid--dark: 1;
  --blend--low--dark: 0.7;
  --blend--medium--dark: 0.5;
  --blend--high--dark: 0.3;
  --blend--strong--dark: 0.1;
  --blend--full--dark: 0;
  --screen--width-default: 0px;
  --screen--width-sm: 576px;
  --screen--width-md: 768px;
  --screen--width-lg: 992px;
  --screen--width-xl: 1024px;
  --screen--width-xxl: 1400px;
  --tweak--0: 0px;
  --tweak--100: 0.1px;
  --tweak--125: 0.125px;
  --tweak--200: 0.2px;
  --tweak--250: 0.25px;
  --tweak--300: 0.3px;
  --tweak--333: 0.3333px;
  --tweak--400: 0.4px;
  --tweak--500: 0.5px;
  --tweak--600: 0.6px;
  --tweak--666: 0.6667px;
  --tweak--700: 0.7px;
  --tweak--750: 0.75px;
  --tweak--800: 0.8px;
  --tweak--900: 0.9px;
  --tweak--1000: 1px;
  --tweak--2000: 2px;
  --tweak--3000: 3px;
  --tweak--4000: 4px;
  --tweak--5000: 5px;
  --tweak--6000: 6px;
  --tweak--7000: 7px;
  --tweak--neg7000: -7px;
  --tweak--neg6000: -6px;
  --tweak--neg5000: -5px;
  --tweak--neg4000: -4px;
  --tweak--neg3000: -3px;
  --tweak--neg2000: -2px;
  --tweak--neg1000: -1px;
  --tweak--neg900: -0.9px;
  --tweak--neg800: -0.8px;
  --tweak--neg750: -0.75px;
  --tweak--neg700: -0.7px;
  --tweak--neg666: -0.6667px;
  --tweak--neg600: -0.6px;
  --tweak--neg500: -0.5px;
  --tweak--neg400: -0.4px;
  --tweak--neg333: -0.3333px;
  --tweak--neg300: -0.3px;
  --tweak--neg250: -0.25px;
  --tweak--neg200: -0.2px;
  --tweak--neg125: -0.125px;
  --tweak--neg100: -0.1px;
  --gap--none: 0px;
  --gap--line: 1px;
  --gap--xxs: 2px;
  --gap--xs: 4px;
  --gap--sm: 8px;
  --gap--md: 12px;
  --gap--lg: 16px;
  --gap--xl: 24px;
  --gap--2xl: 32px;
  --gap--3xl: 40px;
  --gap--4xl: 48px;
  --padding--none: 0px;
  --padding--line: 1px;
  --padding--xxs: 2px;
  --padding--xs: 4px;
  --padding--sm: 8px;
  --padding--md: 12px;
  --padding--lg: 16px;
  --padding--xl: 24px;
  --padding--2xl: 32px;
  --padding--3xl: 40px;
  --padding--4xl: 48px;
  --margin--none: 0px;
  --margin--line: 1px;
  --margin--xxs: 2px;
  --margin--xs: 4px;
  --margin--sm: 8px;
  --margin--md: 12px;
  --margin--lg: 16px;
  --margin--xl: 24px;
  --margin--2xl: 32px;
  --margin--3xl: 40px;
  --margin--4xl: 48px;
  --borderRadius--none: 0px;
  --borderRadius--line: 1px;
  --borderRadius--xxs: 2px;
  --borderRadius--xs: 4px;
  --borderRadius--sm: 8px;
  --borderRadius--md: 12px;
  --borderRadius--lg: 16px;
  --borderRadius--xl: 24px;
  --borderRadius--2xl: 32px;
  --borderRadius--3xl: 40px;
  --borderRadius--4xl: 48px;
  --borderRadius--button: 0px;
  --borderRadius--formField: 0px;
  --borderRadius--checkboxField: 3px;
  --borderWidth--none: 0px;
  --borderWidth--line: 1px;
  --borderWidth--xxs: 2px;
  --borderWidth--xs: 4px;
  --borderWidth--sm: 8px;
  --borderWidth--md: 12px;
  --borderWidth--lg: 16px;
  --borderWidth--xl: 24px;
  --borderWidth--2xl: 32px;
  --borderWidth--3xl: 40px;
  --borderWidth--4xl: 48px;
  --offset--none: 0px;
  --offset--line: 1px;
  --offset--xxs: 2px;
  --offset--xs: 4px;
  --offset--sm: 8px;
  --offset--md: 12px;
  --offset--lg: 16px;
  --offset--xl: 24px;
  --offset--2xl: 32px;
  --offset--3xl: 40px;
  --offset--4xl: 48px;
  --size--none: 0px;
  --size--line: 1px;
  --size--xxs: 2px;
  --size--xs: 4px;
  --size--sm: 8px;
  --size--md: 12px;
  --size--lg: 16px;
  --size--xl: 24px;
  --size--2xl: 32px;
  --size--3xl: 40px;
  --size--4xl: 48px;
  --size--formField: 24px;
  --elevation--default: 1;
  --elevation--overlay: 999;
  --elevation--sidebar: 1003;
  --elevation--header: 1100;
  --elevation--modal: 11000;
  --elevation--loader: 12000;
  --fontFamily--icons: 'shp';
  --fontFamily--numbers: 'Inter', 'Arial', sans-serif;
  --fontFamily--display: 'Inter Display', 'Arial', sans-serif;
  --fontFamily--headline: 'Inter Display', 'Arial', sans-serif;
  --fontFamily--title: 'Inter Display', 'Arial', sans-serif;
  --fontFamily--body: 'Inter', 'Arial', sans-serif;
  --fontFamily--strong: 'Inter', 'Arial', sans-serif;
  --fontFamily--label: 'Inter', 'Arial', sans-serif;
  --fontFamily--controls: 'Inter', 'Arial', sans-serif;
  --fontFamily--navigation: 'Inter', 'Arial', sans-serif;
  --fontFamily--caption: 'Inter', 'Arial', sans-serif;
  --fontFamily--monospace: 'JetBrains Mono', 'Inter', 'Arial', sans-serif;
  --fontSize--numbers-large: 60px;
  --fontSize--numbers-medium: 36px;
  --fontSize--numbers-small: 24px;
  --fontSize--display-large: 56px;
  --fontSize--display-medium: 48px;
  --fontSize--display-small: 40px;
  --fontSize--headline-h1: 26px;
  --fontSize--headline-h2: 22px;
  --fontSize--headline-h3: 18px;
  --fontSize--headline-h4: 16px;
  --fontSize--headline-h5: 12px;
  --fontSize--title-large: 16px;
  --fontSize--title-medium: 14px;
  --fontSize--title-small: 12px;
  --fontSize--label-large: 16px;
  --fontSize--label-medium: 14px;
  --fontSize--label-small: 12px;
  --fontSize--controls-large: 16px;
  --fontSize--controls-medium: 12px;
  --fontSize--controls-small: 12px;
  --fontSize--navigation-large: 16px;
  --fontSize--navigation-medium: 14px;
  --fontSize--navigation-small: 12px;
  --fontSize--body-large: 14px;
  --fontSize--body-medium: 12px;
  --fontSize--body-small: 10px;
  --fontSize--strong-large: 14px;
  --fontSize--strong-medium: 12px;
  --fontSize--strong-small: 10px;
  --fontSize--caption-large: 16px;
  --fontSize--caption-medium: 14px;
  --fontSize--caption-small: 12px;
  --fontSize--monospace-large: 16px;
  --fontSize--monospace-medium: 14px;
  --fontSize--monospace-small: 12px;
  --lineHeight--numbers-large: 72px;
  --lineHeight--numbers-medium: 42px;
  --lineHeight--numbers-small: 28px;
  --lineHeight--display-large: 56px;
  --lineHeight--display-medium: 48px;
  --lineHeight--display-small: 40px;
  --lineHeight--headline-h1: 32px;
  --lineHeight--headline-h2: 28px;
  --lineHeight--headline-h3: 24px;
  --lineHeight--headline-h4: 24px;
  --lineHeight--headline-h5: 14px;
  --lineHeight--title-large: 24px;
  --lineHeight--title-medium: 20px;
  --lineHeight--title-small: 16px;
  --lineHeight--label-large: 24px;
  --lineHeight--label-medium: 20px;
  --lineHeight--label-small: 18px;
  --lineHeight--controls-large: 24px;
  --lineHeight--controls-medium: 24px;
  --lineHeight--controls-small: 16px;
  --lineHeight--navigation-large: 24px;
  --lineHeight--navigation-medium: 20px;
  --lineHeight--navigation-small: 16px;
  --lineHeight--body-large: 22px;
  --lineHeight--body-medium: 18px;
  --lineHeight--body-small: 16px;
  --lineHeight--strong-large: 22px;
  --lineHeight--strong-medium: 18px;
  --lineHeight--strong-small: 16px;
  --lineHeight--caption-large: 24px;
  --lineHeight--caption-medium: 20px;
  --lineHeight--caption-small: 16px;
  --lineHeight--monospace-large: 24px;
  --lineHeight--monospace-medium: 20px;
  --lineHeight--monospace-small: 16px;
  --fontWeight--numbers-large: 700;
  --fontWeight--numbers-medium: 700;
  --fontWeight--numbers-small: 400;
  --fontWeight--display-large: 500;
  --fontWeight--display-medium: 500;
  --fontWeight--display-small: 500;
  --fontWeight--headline-h1: 400;
  --fontWeight--headline-h2: 400;
  --fontWeight--headline-h3: 400;
  --fontWeight--headline-h4: 400;
  --fontWeight--headline-h5: 400;
  --fontWeight--title-large: 700;
  --fontWeight--title-medium: 700;
  --fontWeight--title-small: 700;
  --fontWeight--label-large: 400;
  --fontWeight--label-medium: 400;
  --fontWeight--label-small: 400;
  --fontWeight--controls-large: 400;
  --fontWeight--controls-medium: 400;
  --fontWeight--controls-small: 400;
  --fontWeight--navigation-large-default: 400;
  --fontWeight--navigation-large-selected: 700;
  --fontWeight--navigation-medium-default: 400;
  --fontWeight--navigation-medium-selected: 700;
  --fontWeight--navigation-small-default: 400;
  --fontWeight--navigation-small-selected: 700;
  --fontWeight--body-large: 400;
  --fontWeight--body-medium: 400;
  --fontWeight--body-small: 400;
  --fontWeight--strong-large: 700;
  --fontWeight--strong-medium: 700;
  --fontWeight--strong-small: 700;
  --fontWeight--caption-large: 400;
  --fontWeight--caption-medium: 400;
  --fontWeight--caption-small: 400;
  --fontWeight--monospace-large: 400;
  --fontWeight--monospace-medium: 400;
  --fontWeight--monospace-small: 400;
  --letterSpacing--numbers-large: 0px;
  --letterSpacing--numbers-medium: 0px;
  --letterSpacing--numbers-small: 0px;
  --letterSpacing--display-large: 0px;
  --letterSpacing--display-medium: 0px;
  --letterSpacing--display-small: 0px;
  --letterSpacing--headline-h1: 0px;
  --letterSpacing--headline-h2: 0px;
  --letterSpacing--headline-h3: 0px;
  --letterSpacing--headline-h4: 0px;
  --letterSpacing--headline-h5: 0px;
  --letterSpacing--title-large: 0px;
  --letterSpacing--title-medium: 0px;
  --letterSpacing--title-small: 0px;
  --letterSpacing--label-large: 0.1px;
  --letterSpacing--label-medium: 0.1px;
  --letterSpacing--label-small: 0.1px;
  --letterSpacing--controls-large: 0.4px;
  --letterSpacing--controls-medium: 0.4px;
  --letterSpacing--controls-small: 0.4px;
  --letterSpacing--navigation-large: 0.1px;
  --letterSpacing--navigation-medium: 0.1px;
  --letterSpacing--navigation-small: 0.1px;
  --letterSpacing--body-large: 0.16px;
  --letterSpacing--body-medium: 0.1px;
  --letterSpacing--body-small: 0.06px;
  --letterSpacing--strong-large: 0.16px;
  --letterSpacing--strong-medium: 0.1px;
  --letterSpacing--strong-small: 0.06px;
  --letterSpacing--caption-large: 0.1px;
  --letterSpacing--caption-medium: 0.1px;
  --letterSpacing--caption-small: 0.1px;
  --letterSpacing--monospace-large: 0px;
  --letterSpacing--monospace-medium: 0px;
  --letterSpacing--monospace-small: 0px;
  --fontStyle--italic: italic;
  --fontStyle--normal: normal;
  --fontSize--headline-h1--sm: 36px;
  --lineHeight--headline-h1--sm: 46px;
  --fontWeight--headline-h1--sm: 400;
  --letterSpacing--headline-h1--sm: 0px;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-Thin'), url('./assets/JetBrainsMono-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-ThinItalic'), url('./assets/JetBrainsMono-ThinItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-ExtraLight'), url('./assets/JetBrainsMono-ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-ExtraLightItalic'), url('./assets/JetBrainsMono-ExtraLightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-Light'), url('./assets/JetBrainsMono-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-LightItalic'), url('./assets/JetBrainsMono-LightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-Regular'), url('./assets/JetBrainsMono-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-Italic'), url('./assets/JetBrainsMono-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-Medium'), url('./assets/JetBrainsMono-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-MediumItalic'), url('./assets/JetBrainsMono-MediumItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-SemiBold'), url('./assets/JetBrainsMono-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-SemiBoldItalic'), url('./assets/JetBrainsMono-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-Bold'), url('./assets/JetBrainsMono-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-BoldItalic'), url('./assets/JetBrainsMono-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('JetBrainsMono-ExtraBold'), url('./assets/JetBrainsMono-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: local('JetBrainsMono-ExtraBoldItalic'), url('./assets/JetBrainsMono-ExtraBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Display';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('InterDisplay'), local('InterDisplay-Regular'), url('./assets/InterDisplay-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Display';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Display Bold'), local('InterDisplay-Bold'), url('./assets/InterDisplay-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-latin-ext-400.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-latin-ext-700.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-greek-400.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-greek-700.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-greek-ext-400.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-greek-ext-700.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-vietnamese-400.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-vietnamese-700.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-cyrillic-400.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-cyrillic-700.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url('./assets/inter-cyrillic-ext-400.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url('./assets/inter-cyrillic-ext-700.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'shp';
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url('./assets/shp.woff2') format('woff2'), url('./assets/shp.woff') format('woff'), url('./assets/shp.ttf') format('truetype'), url('./assets/shp.svg') format('svg');
}
/** [GENERATED] pnpm generate:tokens */
*,
*::before,
*::after {
  box-sizing: border-box;
}
*::-ms-backdrop {
  display: block;
}
html {
  height: 100%;
  font-size: 16px;
}
body {
  height: 100%;
  margin: 0;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  letter-spacing: var(--letterSpacing--body-medium);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body b,
body strong {
  font-weight: var(--fontWeight--strong-medium);
}
main {
  display: block;
}
p {
  margin-top: 1em;
  margin-bottom: 1.5em;
}
a {
  color: rgb(var(--foreground--links-strong-default--light));
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(var(--foreground--links-strong-hovered--light));
  text-decoration: underline;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.625rem;
}
ul,
ol {
  margin-top: 1em;
  margin-bottom: 1.2em;
}
table {
  border-collapse: collapse;
}
caption {
  padding-bottom: 0.1em;
  font-weight: 700;
  text-align: left;
}
hr {
  height: 0;
  border: none;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
button,
input,
select,
textarea {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
}
button {
  font-family: inherit;
}
textarea {
  overflow: auto;
}
fieldset {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  padding: 0;
  border: 0;
}
object,
param {
  position: relative;
  z-index: var(--elevation--default);
}
iframe {
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
body > iframe {
  position: absolute;
  border: 0;
}
:where(figure) {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  clear: both;
  margin: 0 0 0.834em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h1);
  font-weight: var(--fontWeight--headline-h1);
  line-height: var(--lineHeight--headline-h1);
  color: rgb(var(--foreground--blue-medium-default--light));
  letter-spacing: var(--letterSpacing--headline-h1);
}
h1 strong {
  font-weight: var(--fontWeight--headline-h1);
  color: rgb(var(--foreground--green-medium-default--light));
}
h1:nth-child(n+2) {
  margin-top: 0.834em;
}
@media only screen and (min-width: 576px) {
  h1 {
    font-family: var(--fontFamily--headline);
    font-size: var(--fontSize--headline-h1--sm);
    font-weight: var(--fontWeight--headline-h1--sm);
    line-height: var(--lineHeight--headline-h1--sm);
    letter-spacing: var(--letterSpacing--headline-h1--sm);
  }
}
h2 {
  overflow: hidden;
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h2);
  font-weight: var(--fontWeight--headline-h2);
  line-height: var(--lineHeight--headline-h2);
  color: rgb(var(--foreground--blue-medium-default--light));
  letter-spacing: var(--letterSpacing--headline-h2);
}
h2::after {
  content: "";
  display: inline-block;
  width: 100%;
  margin-right: -100%;
  margin-left: 15px;
  vertical-align: middle;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
h2:nth-child(n+2) {
  margin-top: 1.5em;
}
h3 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h3);
  font-weight: var(--fontWeight--headline-h3);
  line-height: var(--lineHeight--headline-h3);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h3);
}
h3:nth-child(n+2) {
  margin-top: 1.7em;
}
h4 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h4);
  font-weight: var(--fontWeight--headline-h4);
  line-height: var(--lineHeight--headline-h4);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h4);
}
h4:nth-child(n+2) {
  margin-top: 0.834em;
}
h5,
h6 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h5);
  font-weight: var(--fontWeight--headline-h5);
  line-height: var(--lineHeight--headline-h5);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h5);
}
h5:nth-child(n+2),
h6:nth-child(n+2) {
  margin-top: 1em;
}
.card {
  --borderRadius: var(--borderRadius--none);
  overflow: hidden;
  border-radius: var(--borderRadius);
  /**
    * Clear the line after the title
  */
}
.card h2.card__title {
  margin: 0;
}
.card h2::after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.card .card__header {
  padding: var(--padding--sm);
  background-color: rgb(var(--background--neutral-low-default--light));
  border-radius: var(--borderRadius);
}
.card .card__content {
  padding: var(--padding--lg);
  color: rgb(var(--foreground--neutral-full-default--light));
}
.card .card__footer {
  margin-inline: var(--margin--lg);
  padding-block: var(--padding--sm);
  border-top: 1px solid rgb(var(--border--neutral-low-default--light));
}
.card--bordered {
  border: solid 1px rgb(var(--border--neutral-low-default--light));
}
.card--bordered .card__header {
  border-bottom-right-radius: var(--borderRadius--none);
  border-bottom-left-radius: var(--borderRadius--none);
}
.v2FormField {
  pointer-events: none;
  display: flex;
  gap: var(--gap--xs);
  align-items: flex-start;
  max-width: 100%;
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  margin: var(--margin--xs) 0;
}
.v2FormField.js-validated-element-wrapper {
  align-items: flex-start;
}
.v2FormField .v2FormField__label {
  flex-shrink: 0;
  padding: var(--padding--xs) var(--padding--md) var(--padding--xs) 0;
  font-family: var(--fontFamily--label);
  font-size: var(--fontSize--label-small);
  font-weight: var(--fontWeight--label-small);
  line-height: var(--lineHeight--label-small);
  letter-spacing: var(--letterSpacing--label-small);
}
.v2FormField .v2FormField__label--justify {
  margin-right: auto;
}
.v2FormField .v2FormField__labelAfter {
  margin-top: var(--margin--xs);
  margin-bottom: var(--margin--xs);
  margin-left: var(--margin--xs);
  font-family: var(--fontFamily--label);
  font-size: var(--fontSize--label-small);
  font-weight: var(--fontWeight--label-small);
  line-height: var(--lineHeight--label-small);
  letter-spacing: var(--letterSpacing--label-small);
}
.v2FormField .v2FormField__label + .switch {
  margin-top: var(--margin--xxs);
}
.v2FormField .v2FormField__checkbox,
.v2FormField .v2FormField__radio,
.v2FormField .v2FormField__codeEditor,
.v2FormField .v2FormField__wysiwyg,
.v2FormField .v2FormField__file,
.v2FormField .v2FormField__input,
.v2FormField .v2FormField__select,
.v2FormField .v2FormField__multiSelect,
.v2FormField .v2FormField__singleSelect,
.v2FormField .v2FormField__static {
  pointer-events: all;
  min-width: 0;
}
.v2FormField .v2formRow__label:not(:has(.v2FormField__labelText)),
.v2FormField .v2FormField__labelText,
.v2FormField .v2FormField__labelAfter,
.v2FormField .show-tooltip,
.v2FormField select,
.v2FormField button,
.v2FormField input {
  pointer-events: all;
}
.v2FormField .v2FormField__static:not(:has(.btn)) {
  margin-top: var(--margin--xs);
}
.v2FormField .v2FormField__static .btn {
  margin-top: 0;
}
.toggle-register .v2FormField .v2FormField__static {
  margin-top: var(--margin--sm);
}
.v2FormField .v2FormField__codeEditor,
.v2FormField .v2FormField__wysiwyg {
  width: 100%;
}
.v2FormField .v2FormField__input > .btn {
  margin-top: 0;
}
.v2FormField .v2FormField__phone {
  display: flex;
  align-items: center;
}
.v2FormField .numberField {
  text-align: right;
}
.v2FormField input::-webkit-datetime-edit {
  display: block;
  margin-top: -1px;
  padding: 0;
}
.v2FormField input[type='file'].std-fileinput {
  position: absolute;
}
td .v2FormField {
  display: inline-flex;
  margin: 0;
  vertical-align: top;
}
.v2FormField.full {
  width: 100%;
}
.v2FormField.full .v2FormField__input,
.v2FormField.full .v2FormField__select,
.v2FormField.full .v2FormField__multiSelect,
.v2FormField.full .v2FormField__singleSelect {
  width: 100%;
}
.v2FormField .country-flags-inner {
  top: 0;
}
.tree .v2FormField {
  margin: 0 0 0 20px;
}
.v2FormField ul.token-input-list li {
  display: block;
  width: 440px;
  max-width: 100%;
}
.v2FormField.full ul.token-input-list li {
  width: 100%;
}
.v2FormField .unsupported {
  margin-top: var(--margin--xs);
}
.v2FormField__error,
.v2FormField__warning,
.v2FormField__hint {
  display: block;
  max-width: 220px;
  padding: var(--padding--xs) 0 0 0;
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  text-align: left;
  letter-spacing: var(--letterSpacing--caption-small);
}
@media only screen and (min-width: 640px) {
  .v2FormField__error,
  .v2FormField__warning,
  .v2FormField__hint {
    max-width: 1px;
    white-space: nowrap;
  }
}
.v2FormField.required .v2FormField__label::after,
.v2FormField__label--required::after {
  content: '*';
  padding-left: var(--padding--xxs);
  color: rgb(var(--foreground--critical-high-default--light));
}
.v2FormField__error {
  color: rgb(var(--foreground--critical-high-default--light));
}
.v2FormField__warning {
  color: rgb(var(--foreground--warning-medium-default--light));
}
.v2FormField__hint {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.v2FormField__input,
.v2FormField__singleSelect {
  position: relative;
}
.v2FormField__input .loader,
.v2FormField__singleSelect .loader {
  position: absolute;
  top: calc((var(--size--formField) + 2 * var(--borderWidth--line) - var(--loader-size)) / 2);
  transform: translateX(calc(-1 * (var(--loader-size) + 4px)));
}
.v2FormField__input button:has(~ .loader),
.v2FormField__singleSelect button:has(~ .loader),
.v2FormField__input input:has( ~ .loader:not(.hidden)),
.v2FormField__singleSelect input:has( ~ .loader:not(.hidden)) {
  padding-right: 24px;
}
.v2FormField__select,
.v2FormField__multiSelect {
  position: relative;
}
.v2FormField__select .loader,
.v2FormField__multiSelect .loader {
  position: absolute;
  top: calc((var(--size--formField) + 2 * var(--borderWidth--line) - var(--loader-size)) / 2);
  transform: translateX(calc(-1 * (var(--loader-size) + 26px)));
}
.v2FormField__select button:has(~ .loader),
.v2FormField__multiSelect button:has(~ .loader) {
  padding-right: 44px;
}
.v2FormField__singleSelect--modePicker .loader {
  transform: translateX(calc(-1 * (var(--loader-size) + 26px)));
}
.v2MultipleBox {
  overflow: auto;
  max-width: 100%;
  max-height: 226px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.v2MultipleBox.xxs {
  width: 35px;
}
.v2MultipleBox.xs {
  width: 65px;
}
.v2MultipleBox.sm {
  width: 130px;
}
.v2MultipleBox.md {
  width: 220px;
}
.v2MultipleBox.lg {
  width: 440px;
}
.v2MultipleBox li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.v2MultipleBox li .v2FormField__checkbox {
  padding: 0;
}
.v2MultipleBox li > label {
  margin: 0;
  padding: var(--padding--xxs) var(--padding--xs);
}
.v2MultipleBox li > label > span {
  margin-top: var(--margin--xs);
}
.v2FormField__inputInner {
  position: relative;
  display: inline-block;
}
.v2FormField--phoneField fieldset.v2FormField__input {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.v2FormField--phoneField .v2FormField__input {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap--sm);
  align-items: center;
}
.v2FormField--phoneField .v2FormField__input .phoneField {
  max-width: 124px;
}
.v2FormField--phoneField .v2FormField__input.fontPolyfill select {
  font-family: 'Twemoji Country Flags', var(--fontFamily--body);
}
.v2FormField--phoneField .v2FormField__input .loader {
  position: unset;
  transform: translateX(-4px);
  margin-left: calc(-1 * (var(--loader-size) + var(--margin--sm)));
}
.v2FormField--phoneField .singleSelectField__inputTrigger.md,
.v2FormField--phoneField select {
  width: 44px;
}
.v2FormField--phoneField .dialCode {
  width: 36px;
  text-align: right;
}
.v2form {
  display: flex;
  flex-flow: column;
}
.v2form:not(:last-child) {
  margin-bottom: var(--margin--md);
}
.v2form .v2FormField__label {
  width: min(340px, 30vw);
  text-align: right;
}
.std-modal .v2form .v2FormField__label {
  width: min(140px, 20vw);
}
.v2form .btn {
  margin: var(--margin--xs) 0 0 auto;
}
.v2form .v2formRow .btn {
  margin-left: 0;
}
.v2form > .tree {
  margin-left: min(340px, 30vw);
  padding-left: calc(var(--padding--md) + var(--padding--xs));
}
.std-modal .v2form > .tree {
  margin-left: min(140px, 20vw);
}
.v2form .tree dt {
  max-width: 100%;
}
.v2formRow {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: var(--gap--xs);
  align-items: flex-start;
  margin: var(--margin--xs) 0;
}
.v2formRow .v2formRow__label {
  margin: var(--margin--xs) 0;
}
.v2formRow .v2formRow,
.v2formRow .v2FormField,
.v2formRow .btn {
  margin: 0;
}
.v2formRow > *:nth-child(n + 2) .v2FormField__label {
  width: auto;
  padding-inline: var(--padding--xs);
}
.v2formRow > a:not(.btn, .shoptet-icon),
.v2formRow .open-modal:not(.with-icon),
.v2formRow em:not([class]),
.v2formRow span:not([class]) {
  margin: var(--margin--xs) 0;
}
.v2formRow .v2FormField > .show-tooltip.tooltip-icon {
  margin-top: 0;
}
.v2formButtons {
  display: flex;
  gap: var(--gap--xs);
  justify-content: flex-end;
}
.std-modal .v2formButtons {
  margin-right: 0;
  margin-left: auto;
}
.text-center .v2FormField__checkbox,
.text-center .v2FormField__radio,
.text-center input {
  margin-inline: auto;
}
.v2form.v2form--compact {
  max-width: 87vw;
}
.v2form.v2form--compact .v2FormField__label {
  width: min(140px, 20vw);
}
.v2form.v2form--compact .v2formRow {
  flex-wrap: nowrap;
}
.v2form.v2form--compact .v2formRow .v2FormField {
  overflow: hidden;
  flex-shrink: 1;
}
.grid {
  --gap: var(--gap--lg);
  --maxWidth: min-content;
  --paddingBottom: 0px;
  --paddingLeft: 0px;
  --paddingRight: 0px;
  --paddingTop: 0px;
  display: grid;
  gap: var(--gap);
  width: min(var(--maxWidth), calc(100% - var(--paddingLeft) - var(--paddingRight)));
  padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
}
.grid--2columns.grid--notResponsive {
  grid-template-columns: 1fr 1fr;
}
.grid--3columns.grid--notResponsive {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid--4columns.grid--notResponsive {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid--maxWidthFit,
.grid--maxWidthMedium,
.grid--maxWidthLarge {
  margin-right: auto;
  margin-left: auto;
}
.grid--maxWidthLarge {
  --maxWidth: 1150px;
}
.grid--maxWidthMedium {
  --maxWidth: 826px;
}
.grid--noGap {
  --gap: 0px;
}
.grid--gap4xl {
  --gap: var(--gap--4xl);
}
.grid--gap3xl {
  --gap: var(--gap--3xl);
}
.grid--gapXxl {
  --gap: var(--gap--2xl);
}
.grid--gapXl {
  --gap: var(--gap--xl);
}
.grid--gap,
.grid--gapLg {
  --gap: var(--gap--lg);
}
.grid--gapMd {
  --gap: var(--gap--md);
}
.grid--gapSm {
  --gap: var(--gap--sm);
}
.grid--gapXs {
  --gap: var(--gap--xs);
}
.grid--gapXxs {
  --gap: var(--gap--xxs);
}
.grid--noPadding {
  --paddingBottom: 0px;
  --paddingLeft: 0px;
  --paddingRight: 0px;
  --paddingTop: 0px;
}
.grid--padding {
  --paddingBottom: var(--padding--xl);
  --paddingLeft: var(--padding--xl);
  --paddingRight: var(--padding--xl);
  --paddingTop: var(--padding--xl);
}
.grid--paddingVertical {
  --paddingBottom: var(--padding--xl);
  --paddingTop: var(--padding--xl);
}
.grid--paddingHorizontal {
  --paddingLeft: var(--padding--xl);
  --paddingRight: var(--padding--xl);
}
.grid > .typography {
  margin-top: unset;
  margin-bottom: unset;
}
.grid--gap-sm {
  gap: var(--gap--sm);
}
.grid--gap-xs {
  gap: var(--gap--xs);
}
.grid--v2form {
  gap: var(--gap--md) 40px;
}
.grid__v2formCol {
  display: flex;
  flex-flow: column;
  gap: var(--gap--sm);
}
@media only screen and (min-width: 768px) {
  .grid--2columns.grid--responsive {
    grid-template-columns: 1fr 1fr;
  }
  .grid--3columns.grid--responsive {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid--4columns.grid--responsive {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .grid--4columns.grid--responsive {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .grid--2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) {
  .grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid--4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .grid--4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.filter {
  position: relative;
}
@media only screen and (min-width: 576px) {
  .filter #filter {
    padding-bottom: 26px;
  }
}
.filter__toggle {
  cursor: pointer;
  float: left;
}
@media only screen and (min-width: 576px) {
  .filter__toggle {
    float: right;
  }
}
.filter__actions {
  display: flex;
  gap: var(--gap--sm);
  justify-content: flex-end;
  padding-top: var(--padding--md);
}
.filter__gridContainer {
  --maxItems: 6;
  display: grid;
  grid-column-gap: var(--gap--md);
  grid-row-gap: var(--gap--sm);
  grid-template-columns: repeat(auto-fill, minmax(min(170px, 100%), 1fr));
}
@media only screen and (min-width: 1400px) {
  .filter__gridContainer {
    grid-template-columns: repeat(var(--maxItems), 1fr);
  }
}
.filter__gridContainer--2-columns {
  --maxItems: 2;
}
.filter__gridContainer--3-columns {
  --maxItems: 3;
}
.filter__gridContainer--4-columns {
  --maxItems: 4;
}
.filter__gridContainer--5-columns {
  --maxItems: 5;
}
.filter__gridContainer--6-columns {
  --maxItems: 6;
}
.filter__gridItem {
  align-self: stretch;
}
.filter__gridItem .v2FormField {
  display: grid;
  grid-template-areas: "label extras" "input input";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  row-gap: 0;
  -moz-column-gap: var(--gap--xs);
       column-gap: var(--gap--xs);
  margin: unset;
}
.filter__gridItem .v2FormField > *:nth-child(n+3) {
  grid-area: extras;
}
.filter__gridItem .v2FormField__label {
  grid-area: label;
  margin-bottom: 0.2em;
  padding: unset;
  color: rgb(var(--foreground--neutral-high-default--light));
}
.filter__gridItem .iconButton:has(.shp-info) {
  width: 16px;
  height: 16px;
}
.filter__gridItem .iconButton:has(.shp-info) .icon {
  width: inherit;
  height: inherit;
}
.filter__gridItem .iconButton:has(.shp-info) .icon::before {
  font-size: 16px;
}
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) {
  grid-area: input;
}
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) .xxs,
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) .xs,
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) .sm,
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) .md,
.filter__gridItem [class*="v2FormField__"]:not(.v2FormField__label) .lg {
  width: 100%;
}
.v2MultipleBox input[type="checkbox"],
.checkboxField {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  padding: 0;
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--checkboxField);
}
.v2MultipleBox input[type="checkbox"][data-checked="true"]::before,
.checkboxField[data-checked="true"]::before,
.v2MultipleBox input[type="checkbox"]:checked::before,
.checkboxField:checked::before {
  content: "\e939";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-family: var(--fontFamily--icons);
  font-size: var(--size--xl);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgb(var(--foreground--neutral-low-default--light));
}
.v2MultipleBox input[type="checkbox"]:focus,
.checkboxField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.v2MultipleBox input[type="checkbox"]:disabled,
.checkboxField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
  border-color: rgb(var(--border--neutral-low-default--light));
}
.v2MultipleBox input[type="checkbox"][data-checked="true"],
.checkboxField[data-checked="true"],
.v2MultipleBox input[type="checkbox"]:checked,
.checkboxField:checked {
  background: rgb(var(--background--controls-medium-selected--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  /* stylelint-disable -- Unexpected duplicate selector, first used at line 18 */
  /* FIXME */
  /* stylelint-enable */
}
.v2MultipleBox input[type="checkbox"][data-checked="true"]::before,
.checkboxField[data-checked="true"]::before,
.v2MultipleBox input[type="checkbox"]:checked::before,
.checkboxField:checked::before {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.v2MultipleBox input[type="checkbox"][data-checked="true"]:disabled,
.checkboxField[data-checked="true"]:disabled,
.v2MultipleBox input[type="checkbox"]:checked:disabled,
.checkboxField:checked:disabled {
  background: rgb(var(--background--neutral-low-default--light));
  border-color: rgb(var(--border--neutral-low-default--light));
}
.v2MultipleBox input[type="checkbox"]:disabled + span,
.checkboxField:disabled + span {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.v2MultipleBox input[type="checkbox"].warning-field,
.checkboxField.warning-field,
.v2MultipleBox input[type="checkbox"].warning-field:focus,
.checkboxField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.v2MultipleBox input[type="checkbox"].error-field,
.checkboxField.error-field,
.v2MultipleBox input[type="checkbox"].error-field:focus,
.checkboxField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.checkboxField--indeterminate:focus,
.checkboxField--indeterminate:focus[data-checked="true"],
.checkboxField--indeterminate:checked,
.checkboxField--indeterminate {
  background: rgb(var(--background--controls-medium-selected--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
}
.checkboxField--indeterminate:focus::before,
.checkboxField--indeterminate:focus[data-checked="true"]::before,
.checkboxField--indeterminate:checked::before,
.checkboxField--indeterminate::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 12px;
  height: 2px;
  font-family: unset;
  font-size: unset;
  background-color: rgb(var(--background--neutral-base-default--light));
  border-radius: 99999px;
}
.checkboxField--indeterminate:focus:disabled,
.checkboxField--indeterminate:focus[data-checked="true"]:disabled,
.checkboxField--indeterminate:checked:disabled,
.checkboxField--indeterminate:disabled {
  background: rgb(var(--background--neutral-low-default--light));
  border-color: rgb(var(--border--neutral-low-default--light));
}
.v2FormField__checkbox {
  display: grid;
  grid-auto-flow: row;
  grid-template-areas: "input label" "error error";
  grid-template-columns: 24px 1fr;
  grid-template-rows: min-content 1fr;
  gap: 0;
  padding: var(--padding--xs) 0;
}
.v2FormField__checkbox .checkboxField {
  grid-area: input;
  margin: -2px 0;
}
.v2FormField__checkbox .v2FormField__error,
.v2FormField__checkbox .v2FormField__warning,
.v2FormField__checkbox .v2FormField__hint {
  grid-area: error;
}
.v2FormField__checkbox .v2FormField__labelAfter {
  grid-area: label;
  margin-top: 0;
}
.counterInput {
  display: inline-flex;
  flex-direction: row;
  gap: var(--gap--xs);
  align-items: center;
}
.counterInput__control {
  overflow: hidden;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.counterInput__control:focus-within {
  border-color: rgb(var(--border--controls-medium-selected--light));
  box-shadow: var(--shadow--focus--light);
}
.counterInput__control--error,
.counterInput__control--error:focus-within {
  border-color: rgb(var(--border--critical-high-default--light));
}
.counterInput__control--warning,
.counterInput__control--warning:focus-within {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.counterInput__control--disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.counterInput__control .numberField {
  height: 24px;
  text-align: center;
  background: transparent;
  border: none;
  box-shadow: none;
}
.counterInput__control .numberField:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.colorField {
  width: 65px;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  margin-right: var(--margin--xs);
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.colorField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.colorField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.colorField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.colorField.warning-field,
.colorField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.colorField.error-field,
.colorField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.singleSelectField__combobox {
  display: contents;
}
.singleSelectField__popover {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-width: var(--trigger-width);
  max-width: calc(100vw - 2 * var(--size--lg));
  max-width: calc(100dvw - 2 * var(--size--lg));
  max-height: 360px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.singleSelectField__popover .dataList {
  flex: 1;
}
.singleSelectField__emptyState {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: var(--padding--xs);
}
.singleSelectField__checkedIndicator {
  color: transparent;
}
.singleSelectField__checkedPlaceholder {
  width: var(--size--xl);
}
:where([role='option'][data-hovered='true']) > .singleSelectField__checkedIndicator,
:where([role='option'][data-focused='true']) > .singleSelectField__checkedIndicator,
:where([role='option'][data-active='true']) > .singleSelectField__checkedIndicator {
  color: rgb(var(--foreground--neutral-low-default--light));
}
:where([role='option'][aria-selected='true']) > .singleSelectField__checkedIndicator {
  color: rgb(var(--foreground--controls-medium-selected--light));
}
.singleSelectField__inputTrigger {
  overflow: hidden;
  display: inline-flex;
}
.searchField.singleSelectField__inputTrigger--picker {
  padding-right: var(--padding--xl);
  background-image: url('./assets/shp-down.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) center;
  background-size: 18px;
}
.v2FormField__singleSelect:has(.loader) .searchField {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.v2FormField__singleSelect:has(.loader) .searchField::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.colorFieldPicker {
  width: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: 3px;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.colorFieldPicker::-webkit-color-swatch-wrapper {
  padding: 0;
}
.colorFieldPicker:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorFieldPicker:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.colorFieldPicker.warning-field,
.colorFieldPicker.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.colorFieldPicker.error-field,
.colorFieldPicker.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.dateField {
  display: inline-flex;
  width: 106px;
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.dateField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.dateField::placeholder,
.dateField [data-placeholder="true"] {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.dateField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.dateField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.dateField.warning-field,
.dateField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.dateField.error-field,
.dateField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.dateField__container {
  width: 132px;
}
.dateField__container.sm {
  width: 132px;
}
.dateField__container.md {
  width: 220px;
}
.dateField__containerInner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.dateField__containerInner > .dateField {
  flex: 1;
}
.dateField__segment:focus,
.dateField__containerInner[data-all-selected='true'] .dateField__segment {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--controls-medium-selected--light));
  border-radius: var(--borderRadius--xxs);
  outline: 0;
}
.dateField__dialog {
  overflow-y: auto;
  max-height: inherit;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.dateField__calendar {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--gap--xl);
  aspect-ratio: 0.8739;
  min-height: 357px;
  padding: var(--padding--lg);
}
.dateField__calendarHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dateField__calendarHeader > [slot='previous'] {
  order: -1;
}
.dateField__calendarHeader > [slot='next'] {
  order: 1;
}
.dateField__calendarHeaderTitle {
  margin: 0 !important;
}
.dateField__calendarGrid td {
  padding: 0;
}
.dateField__calendarGridHeaderCell {
  height: 28px;
  padding: 0.7em 0.3em;
  font-weight: var(--fontWeight--body-small);
  color: rgb(var(--foreground--neutral-high-default--light));
  text-align: center;
}
.dateField__calendarGridCell {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  min-width: 40px;
  min-height: 40px;
  color: rgb(var(--foreground--neutral-full-default--light));
}
.dateField__calendarGridCell--outsideMonth {
  cursor: default;
  color: rgb(var(--foreground--neutral-high-default--light));
}
.dateField__calendarGridCell--unavailable {
  cursor: not-allowed;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.dateField__calendarGridCell--focused {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--controls-medium-selected--light));
  outline: 0;
}
.dateField__calendarGridCell--hovered {
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.emailField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.emailField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.emailField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.emailField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.emailField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.emailField.warning-field,
.emailField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.emailField.error-field,
.emailField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.emailField.md {
  width: 220px;
}
.emailField.lg {
  width: 440px;
}
.inputDialog {
  --animationDuration: 300ms;
  --modalAnimationDelay: 100ms;
  --maxWidth: auto;
  position: fixed;
  z-index: var(--elevation--modal);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--background--neutral-full-default--light) / var(--blend--medium--light));
}
@media (prefers-reduced-motion: reduce) {
  .inputDialog {
    --animationDuration: 0ms;
  }
}
.inputDialog--maxWidthSm {
  --maxWidth: var(--screen--width-sm);
}
.inputDialog--maxWidthMd {
  --maxWidth: var(--screen--width-md);
}
.inputDialog--maxWidthLg {
  --maxWidth: var(--screen--width-lg);
}
.inputDialog--maxWidthXl {
  --maxWidth: var(--screen--width-xl);
}
.inputDialog--maxWidthXxl {
  --maxWidth: var(--screen--width-xxl);
}
@keyframes input-dialog--modal-overlay-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes input-dialog--presentation-sheet {
  from {
    transform: translateY(100%);
    opacity: var(--blend--full--light);
  }
  to {
    transform: translateY(0);
    opacity: var(--blend--solid--light);
  }
}
.inputDialog--presentationSheet {
  --animationName: input-dialog--presentation-sheet;
  justify-content: flex-end;
}
@keyframes input-dialog--presentation-prompt {
  from {
    transform: scale(0.98) translateY(10%);
    opacity: var(--blend--full--light);
  }
  to {
    transform: scale(1) translateY(0);
    opacity: var(--blend--solid--light);
  }
}
.inputDialog--presentationPrompt {
  --animationName: input-dialog--presentation-prompt;
}
.inputDialog--presentationPrompt:not(.inputDialog--sizeFullScreen) {
  padding: var(--padding--lg);
}
.inputDialog[data-entering] {
  animation-name: input-dialog--modal-overlay-fade;
  animation-duration: var(--animationDuration);
  animation-timing-function: ease;
}
.inputDialog[data-exiting] {
  animation-name: input-dialog--modal-overlay-fade;
  animation-duration: var(--animationDuration);
  animation-timing-function: ease;
  animation-direction: reverse;
}
.inputDialog__modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 100vw;
  max-width: 100dvw;
  max-height: 100vh;
  max-height: 100dvh;
  padding-bottom: calc(100vh - var(--visual-viewport-height, 0px));
  padding-bottom: calc(100dvh - var(--visual-viewport-height, 0px));
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
  animation-duration: var(--animationDuration);
  animation-timing-function: ease;
}
.inputDialog__modal[data-entering] {
  animation-name: var(--animationName);
}
.inputDialog__modal[data-exiting] {
  animation-name: var(--animationName);
  animation-direction: reverse;
}
:where(.inputDialog--presentationSheet) .inputDialog__modal {
  width: 100vw;
  width: 100dvw;
}
:where(.inputDialog--presentationPrompt.inputDialog--sizeFitContent) .inputDialog__modal {
  width: 100%;
  max-width: var(--maxWidth);
  margin: auto;
}
:where(.inputDialog--sizeFullScreen) .inputDialog__modal {
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
}
.inputDialog__dialog {
  --padding: var(--padding--md);
  --gap: var(--gap--sm);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--gap);
  align-items: stretch;
  min-height: 0;
  padding: var(--padding);
}
.inputDialog__header,
.inputDialog__input,
.inputDialog__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inputDialog__headerInner,
.inputDialog__bodyInner {
  display: flex;
  flex: 1 1 100%;
  gap: var(--gap--xs);
  width: 100%;
  min-width: 0;
  max-width: var(--maxWidth);
}
.inputDialog__headerInner {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.inputDialog__headerTitle .typography {
  margin: 0;
}
.inputDialog__inputInner {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  max-width: var(--maxWidth);
}
.inputDialog__body {
  overflow-y: auto;
  overscroll-behavior: contain;
  flex: 1 1 100%;
  align-items: stretch;
  margin-top: calc(-1 * var(--gap));
  margin-right: calc(-1 * var(--padding));
  margin-bottom: calc(-1 * var(--padding));
  margin-left: calc(-1 * var(--padding));
}
.inputDialog__bodyInner {
  flex-direction: column;
  align-self: center;
  max-width: calc(var(--maxWidth) + 2 * var(--padding));
  padding-right: var(--padding);
  padding-bottom: var(--padding);
  padding-left: var(--padding);
}
.inputDialog__divider {
  width: 100%;
  max-width: var(--maxWidth);
  margin: auto;
}
.inputDialog__divider::before {
  content: '';
  display: block;
  min-width: 1px;
  min-height: 1px;
  margin: -0.5px;
  background-color: rgb(var(--border--neutral-low-default--light));
}
.fileField {
  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
  align-items: flex-start;
}
.fileField__item {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap--xs);
  align-items: flex-start;
}
.fileField__item .btn {
  margin: 0;
}
.fileField__itemButton {
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.fileField__itemButtonContainer {
  display: block;
}
.fileField__preview {
  cursor: pointer;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  width: 220px;
  margin-top: var(--margin--xs);
  padding: 0;
  line-height: 0;
  background-color: rgb(var(--background--neutral-base-default--light));
  background-image: linear-gradient(45deg, #ebebeb 25%, transparent 25%), linear-gradient(-45deg, #ebebeb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ebebeb 75%), linear-gradient(-45deg, transparent 75%, #ebebeb 75%);
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.fileField__preview.warning-field {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.fileField__preview.error-field {
  border-color: rgb(var(--border--critical-high-default--light));
}
.fileField__preview.sm {
  width: 130px;
}
.fileField__preview.lg {
  width: 440px;
}
.fileField__button {
  display: flex;
  gap: var(--gap--xs);
}
.multiSelectField {
  overflow: hidden;
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  padding-right: var(--padding--xl);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-align: left;
  text-overflow: ellipsis;
  letter-spacing: var(--letterSpacing--caption-small);
  white-space: nowrap;
  background-color: rgb(var(--background--neutral-base-default--light));
  background-image: url('./assets/shp-down.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) center;
  background-size: 18px;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.multiSelectField::-ms-expand {
  display: none;
}
.multiSelectField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.multiSelectField:disabled {
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--neutral-low-default--light));
}
.multiSelectField.warning-field,
.multiSelectField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.multiSelectField.error-field,
.multiSelectField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.multiSelectField[multiple] {
  height: auto;
}
.multiSelectField.xs {
  width: 65px;
}
.multiSelectField.sm {
  width: 130px;
}
.multiSelectField.md {
  width: 220px;
}
.multiSelectField.lg {
  width: 440px;
}
.multiSelectField.full {
  width: 100%;
}
.multiSelectField__value--muted {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.multiSelectField__content.xs {
  width: 65px;
}
.multiSelectField__content.sm {
  width: 130px;
}
.multiSelectField__content.md {
  width: 220px;
}
.multiSelectField__content.lg {
  width: 440px;
}
.multiSelectField__content.full {
  width: 100%;
}
.multiSelectField__popover {
  will-change: transform;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.multiSelectField__popover[data-placement^='top'] {
  margin-bottom: 5px;
}
.multiSelectField__popover[data-placement^='bottom'] {
  margin-top: 5px;
}
.multiSelectField__dialog {
  display: flex;
  flex-direction: column;
  max-height: 360px;
}
.multiSelectField__dialogSearch {
  padding: var(--padding--sm);
}
.multiSelectField__inputDialogSearch {
  padding: var(--padding--sm) 0;
}
.multiSelectField__scroll {
  overflow-y: auto;
  min-height: 0;
}
.multiSelectField__selectAll {
  color: rgb(var(--foreground--neutral-full-default--light));
  background: none;
  border: none;
}
.multiSelectField__selectAll .typography {
  margin: 0;
}
.multiSelectField__divider {
  border-top: 1px solid rgb(var(--border--neutral-low-default--light));
}
input[type="number"],
.numberField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
input[type="number"]::-moz-placeholder, .numberField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
input[type="number"]::placeholder,
.numberField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
input[type="number"]:focus,
.numberField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
input[type="number"]:disabled,
.numberField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
input[type="number"].warning-field,
.numberField.warning-field,
input[type="number"].warning-field:focus,
.numberField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
input[type="number"].error-field,
.numberField.error-field,
input[type="number"].error-field:focus,
.numberField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
input[type="number"].xxs,
.numberField.xxs {
  width: 35px;
}
input[type="number"].xs,
.numberField.xs {
  width: 65px;
}
input[type="number"].sm,
.numberField.sm {
  width: 130px;
}
input[type="number"].md,
.numberField.md {
  width: 220px;
}
input[type="number"].lg,
.numberField.lg {
  width: 440px;
}
input[type="number"].full,
.numberField.full {
  /* not in DS */
  width: 100%;
}
.passwordField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.passwordField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.passwordField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.passwordField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.passwordField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.passwordField.warning-field,
.passwordField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.passwordField.error-field,
.passwordField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.passwordField.md {
  width: 220px;
}
.passwordField.lg {
  width: 440px;
}
.passwordField__strengthIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
.passwordField__control {
  display: flex;
  gap: var(--gap--xs);
  align-items: flex-start;
}
.passwordField__control .v2FormField__inputInner {
  flex: 1 1 auto;
  min-width: 0;
}
.passwordField__overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  border: 1px solid transparent;
}
.phoneField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.phoneField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.phoneField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.phoneField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.phoneField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.phoneField.warning-field,
.phoneField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.phoneField.error-field,
.phoneField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.phoneField.md {
  width: 220px;
}
.phoneField.lg {
  width: 440px;
}
.rangeInput {
  display: flex;
  flex-direction: row;
  gap: var(--gap--xs);
  align-items: center;
}
.rangeInput .loader {
  position: unset;
  transform: translateX(calc(-1 * var(--offset--xs)));
  margin-left: calc(-1 * var(--loader-size) - var(--margin--xs));
}
.radioField {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  padding: 0;
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: 50%;
}
.radioField:checked {
  border-color: rgb(var(--border--controls-medium-selected--light));
}
.radioField:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 14px;
  height: 14px;
  background-color: rgb(var(--background--controls-medium-selected--light));
  border-radius: 50%;
}
.radioField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.radioField:disabled {
  cursor: not-allowed;
  background-color: rgb(var(--background--neutral-low-default--light));
}
.radioField.warning-field,
.radioField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.radioField.error-field,
.radioField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
/**
 * Legacy support for smarty Radio
 */
.v2FormField__radio:not([data-version='radio-option-react']) {
  display: grid;
  grid-auto-flow: row;
  grid-template-areas: "input label" "error error";
  grid-template-columns: 24px 1fr;
  grid-template-rows: min-content 1fr;
  gap: 0;
  padding: var(--padding--xs) 0;
}
.v2FormField__radio:not([data-version='radio-option-react']) .radioField {
  grid-area: input;
  margin: -2px 0;
}
.v2FormField__radio:not([data-version='radio-option-react']) .v2FormField__error,
.v2FormField__radio:not([data-version='radio-option-react']) .v2FormField__warning,
.v2FormField__radio:not([data-version='radio-option-react']) .v2FormField__hint {
  grid-area: error;
}
.v2FormField__radio:not([data-version='radio-option-react']) .v2FormField__labelAfter {
  cursor: pointer;
  grid-area: label;
  margin-top: 0;
}
/**
  * Css class for new version of radio field (radio-option) in react component
*/
.v2FormField__radio[data-version='radio-option-react'] {
  display: flex;
  flex-direction: column;
}
.v2FormField__radio[data-version='radio-option-react'] .radioRow {
  display: flex;
  gap: var(--gap--sm);
  align-items: center;
}
.v2FormField__radio[data-version='radio-option-react'] .radioField {
  margin-block: var(--margin--xxs);
}
.v2FormField__radio[data-version='radio-option-react'] .v2FormField__error,
.v2FormField__radio[data-version='radio-option-react'] .v2FormField__warning,
.v2FormField__radio[data-version='radio-option-react'] .v2FormField__hint {
  grid-area: error;
}
.v2FormField__radio[data-version='radio-option-react'] label {
  cursor: pointer;
  display: flex;
  gap: var(--gap--sm);
  align-items: center;
}
select,
.selectField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  padding-right: var(--padding--xl);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  background-image: url('./assets/shp-down.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) center;
  background-size: 18px;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
select::-ms-expand,
.selectField::-ms-expand {
  display: none;
}
select:focus,
.selectField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
select:disabled,
.selectField:disabled {
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--neutral-low-default--light));
}
select.warning-field,
.selectField.warning-field,
select.warning-field:focus,
.selectField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
select.error-field,
.selectField.error-field,
select.error-field:focus,
.selectField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
select[multiple],
.selectField[multiple] {
  height: auto;
}
select.xs,
.selectField.xs {
  width: 65px;
}
select.sm,
.selectField.sm {
  width: 130px;
}
select.md,
.selectField.md {
  width: 220px;
}
select.lg,
.selectField.lg {
  width: 440px;
}
select.full,
.selectField.full {
  width: 100%;
}
select ~ .input-select,
.selectField ~ .input-select,
select ~ .iconButton,
.selectField ~ .iconButton {
  margin-left: var(--margin--xs);
}
.staticField {
  min-width: 35px;
  max-width: 100%;
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
/* TODO: replace textarea selector in Smarty will be done in https://shoptet.atlassian.net/browse/FRONTEND-2163 */
textarea,
.textareaField {
  min-width: 35px;
  max-width: 100%;
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
textarea::-moz-placeholder, .textareaField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
textarea::placeholder,
.textareaField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
textarea:focus,
.textareaField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
textarea:disabled,
.textareaField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
textarea.warning-field,
.textareaField.warning-field,
textarea.warning-field:focus,
.textareaField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
textarea.error-field,
.textareaField.error-field,
textarea.error-field:focus,
.textareaField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
textarea.sm,
.textareaField.sm {
  width: 130px;
}
textarea.md,
.textareaField.md {
  width: 220px;
}
textarea.lg,
.textareaField.lg {
  width: 440px;
}
textarea.full,
.textareaField.full {
  /* not in DS */
  width: 100%;
}
input[type="text"],
.textField {
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
input[type="text"]::-moz-placeholder, .textField::-moz-placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
input[type="text"]::placeholder,
.textField::placeholder {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
input[type="text"]:focus,
.textField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
input[type="text"]:disabled,
.textField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
input[type="text"].warning-field,
.textField.warning-field,
input[type="text"].warning-field:focus,
.textField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
input[type="text"].error-field,
.textField.error-field,
input[type="text"].error-field:focus,
.textField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
input[type="text"].xxs,
.textField.xxs {
  width: 35px;
}
input[type="text"].xs,
.textField.xs {
  width: 65px;
}
input[type="text"].sm,
.textField.sm {
  width: 130px;
}
input[type="text"].md,
.textField.md {
  width: 220px;
}
input[type="text"].lg,
.textField.lg {
  width: 440px;
}
input[type="text"].full,
.textField.full {
  width: 100%;
}
.searchField {
  display: inline-flex;
  min-width: 35px;
  max-width: 100%;
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-align: left;
  letter-spacing: var(--letterSpacing--caption-small);
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.searchField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.searchField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.searchField.warning-field,
.searchField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.searchField.error-field,
.searchField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.searchField.xs {
  width: 65px;
}
.searchField.sm {
  width: 130px;
}
.searchField.md {
  width: 220px;
}
.searchField.lg {
  width: 440px;
}
.searchField.full {
  width: 100%;
}
.searchField::-moz-placeholder {
  overflow: hidden;
  color: rgb(var(--foreground--neutral-medium-default--light));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchField__placeholder,
.searchField::placeholder {
  overflow: hidden;
  color: rgb(var(--foreground--neutral-medium-default--light));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchField--icon {
  padding-left: var(--padding--xl);
  background-image: url('./assets/shp-search.svg');
  background-repeat: no-repeat;
  background-position: calc(4px) center;
  background-size: 16px;
}
.searchField .typography {
  margin: 0;
}
.toggleField {
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  font-weight: var(--fontWeight--caption-small);
  line-height: var(--lineHeight--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--caption-small);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
.toggleField:focus {
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.toggleField:disabled {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.toggleField.warning-field,
.toggleField.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.toggleField.error-field,
.toggleField.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.massAction__wrap {
  float: left;
}
.massAction__wrap::after {
  content: '';
  clear: both;
  display: table;
}
.massAction {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap--sm);
  align-items: flex-start;
}
.massAction__item {
  display: inline-block;
}
.massAction__item .v2FormField {
  margin: 0;
}
.massAction__item ul {
  position: absolute;
  z-index: 2;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: solid 1px rgb(var(--border--neutral-low-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.massAction__item ul ul {
  top: -1px;
  left: 100%;
}
.massAction__item ul a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 6px;
  color: rgb(var(--foreground--neutral-full-default--light));
  text-indent: 0;
}
.massAction__item ul a:hover {
  text-decoration: none;
  background: rgb(var(--background--neutral-low-hovered--light));
}
.massAction__item li {
  position: relative;
  line-height: 23px;
  text-indent: 6px;
  list-style-type: none;
}
.massAction__submenuHeader {
  position: relative;
  padding-right: var(--padding--lg);
}
.massAction__submenuHeader::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid rgb(var(--border--neutral-high-default--light));
}
.massAction__submenuHeader,
.massAction__item ul a {
  display: block;
  min-width: 70px;
  white-space: nowrap;
  background-color: rgb(var(--background--neutral-base-default--light));
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.massAction__submenuTrigger:hover > .massAction__submenuHeader {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.massAction--scrollable {
  overflow-x: hidden;
  height: auto;
  max-height: 300px;
}
.checkbox-table {
  clear: both;
}
/*
Structure:
    .pagination
        .pagination__founds
        .pagination__content
            .pagination__limits
                .formListing
            .pagination__pages
            .pagination__jump
                .pagination__jumpForm
*/
.pagination {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .pagination {
    text-align: left;
  }
}
.pagination__founds {
  margin: 0.5rem 0;
}
@media only screen and (min-width: 992px) {
  .pagination__founds {
    margin: 0;
  }
}
.pagination__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .pagination__content {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.pagination__limits {
  width: 100%;
}
.pagination__limits label,
.pagination__limits .formListing {
  display: flex;
  gap: var(--gap--sm);
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .pagination__limits label,
  .pagination__limits .formListing {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 576px) {
  .pagination__limits {
    width: 50%;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .pagination__limits {
    order: 1;
    width: auto;
  }
}
.pagination__pages {
  display: flex;
  gap: var(--gap--xs);
  justify-content: center;
  order: -1;
  width: 100%;
  margin: var(--margin--xs) 0;
}
.pagination__pages a,
.pagination__pages strong {
  padding: var(--padding--xs) var(--padding--sm);
}
.pagination__pages strong {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--controls-medium-selected--light));
}
@media only screen and (min-width: 992px) {
  .pagination__pages {
    order: 2;
    width: auto;
  }
}
.pagination__jump {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .pagination__jump {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .pagination__jump {
    order: 3;
    width: auto;
  }
}
.pagination__jumpForm {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap--sm);
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .pagination__jumpForm {
    justify-content: flex-end;
  }
}
.perexBox {
  display: flex;
  flex-direction: column;
  gap: var(--gap--lg);
  align-items: flex-start;
  width: 100%;
  margin-bottom: var(--margin--lg);
  padding: var(--padding--xl) var(--padding--lg);
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: 1.5;
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-medium);
  background-color: rgb(var(--background--blue-low-default--light));
}
.perexBox .perexBox__content {
  width: 100%;
}
.perexBox .perexBox__image {
  flex-shrink: 1;
  max-width: 120px;
  max-height: 45px;
}
.perexBox .perexBox__image img {
  width: auto;
  max-width: 120px;
  height: 45px;
  max-height: 45px;
  -o-object-fit: contain;
     object-fit: contain;
}
.stack > .perexBox {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .perexBox {
    flex-direction: row;
    gap: var(--gap--4xl);
    align-items: center;
    justify-content: space-between;
  }
}
.statsCard {
  --borderRadius: var(--borderRadius--none);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: var(--padding--lg);
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius);
}
@media only screen and (min-width: 1024px) {
  .statsCard {
    padding-top: 20px;
  }
}
.statsCard__flexRow {
  display: flex;
  gap: var(--gap--sm);
  align-items: center;
  width: 100%;
}
.statsCard__icon {
  position: absolute;
  top: 0;
  left: 10px;
  transform: translateY(-50%);
  padding: 0 8px;
  line-height: 1;
  background: white;
}
@media only screen and (min-width: 1024px) {
  .statsCard__icon > .icon--md {
    width: 32px;
    height: 32px;
  }
  .statsCard__icon > .icon--md::before {
    font-size: 32px;
  }
}
.statsCard__title {
  width: 100%;
  margin: 0;
  font-size: var(--fontSize--body-large);
  color: rgb(var(--foreground--neutral-full-default--light));
}
.statsCard__description {
  margin: 0;
  color: rgb(var(--foreground--neutral-high-default--light));
}
.statsCard__value {
  width: 100%;
  margin-top: var(--margin--xs);
  margin-bottom: var(--margin--xs);
  font-size: var(--fontSize--headline-h3);
  line-height: var(--lineHeight--headline-h3);
  color: rgb(var(--foreground--blue-medium-default--light));
}
@media only screen and (min-width: 1024px) {
  .statsCard__value {
    font-size: var(--fontSize--headline-h2);
    line-height: var(--lineHeight--headline-h2);
  }
}
.status-indicator {
  --si-box: 16px;
  display: inline-flex;
  flex: none;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  color: inherit;
}
.status-indicator--medium {
  --si-box: 20px;
}
.status-indicator--interactive {
  cursor: pointer;
}
.status-indicator--critical {
  --si-color: var(--background--critical-high-default--light);
  --si-color-hover: var(--background--critical-xHigh-hovered--light);
}
.status-indicator--warning {
  --si-color: var(--background--warning-high-default--light);
  --si-color-hover: var(--background--warning-high-hovered--light);
}
.status-indicator--positive {
  --si-color: var(--background--success-high-default--light);
  --si-color-hover: var(--background--success-xHigh-hovered--light);
}
.status-indicator--informative {
  --si-color: var(--background--informative-high-default--light);
  --si-color-hover: var(--background--informative-strong-default--light);
}
.status-indicator--notice {
  --si-color: var(--background--notice-high-default--light);
  --si-color-hover: var(--background--notice-high-hovered--light);
}
.status-indicator--neutral {
  --si-color: var(--background--neutral-xHigh-default--light);
  --si-color-hover: var(--background--neutral-xHigh-hovered--light);
}
.status-indicator__shape {
  display: block;
  flex: none;
  width: var(--si-box);
  height: var(--si-box);
  font-style: initial;
}
.status-indicator--full .status-indicator__geometry {
  fill: rgb(var(--si-color));
  stroke: none;
}
.status-indicator--full .status-indicator__symbol {
  fill: rgb(var(--background--neutral-base-default--light));
}
.status-indicator--outlined .status-indicator__geometry {
  fill: rgb(var(--background--neutral-base-default--light));
  stroke: rgb(var(--si-color));
  stroke-width: 2;
}
.status-indicator--outlined .status-indicator__symbol {
  fill: rgb(var(--si-color));
}
.status-indicator__symbol {
  font-family: var(--fontFamily--icons);
  font-size: 20px;
  stroke: none;
}
.status-indicator__label {
  margin-left: 0.5rem;
}
.status-indicator .status-indicator__label > * {
  margin-block: 0;
}
.status-indicator--interactive:hover,
.status-indicator--interactive:focus-within {
  --si-color: var(--si-color-hover);
}
.breadcrumbNav ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gap--md);
  margin: 0;
  padding-left: 0;
  line-height: 16px;
  color: rgb(var(--foreground--neutral-medium-default--light));
  list-style: none;
}
.breadcrumbNav__item {
  display: flex;
  gap: 0 var(--gap--md);
}
.breadcrumbNav__item:not(:first-child)::before {
  content: "\e944";
  speak: never;
  font-family: var(--fontFamily--icons);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: 16px;
}
.breadcrumbNav__link {
  font-weight: var(--fontWeight--strong-medium);
  color: rgb(var(--foreground--neutral-high-default--light));
}
.breadcrumbNav__link:hover {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.breadcrumbNav__itemRoot::before {
  content: "\e992";
  speak: never;
  font-family: var(--fontFamily--icons);
  font-size: var(--size--lg);
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 15px;
}
.breadcrumbNav__itemRoot:hover {
  text-decoration: none;
}
.btn {
  --transitionDuration: 300ms;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: inline-flex;
  gap: var(--gap--sm);
  align-items: center;
  justify-content: center;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--borderRadius--button);
  transition-timing-function: ease-out;
  transition-duration: var(--transitionDuration);
  transition-property: background-color, border-color, color;
}
.btn > .btn--content {
  display: inherit;
  gap: inherit;
  align-items: inherit;
  justify-content: inherit;
  transition: opacity var(--transitionDuration) ease-out;
}
.btn > .loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    --transitionDuration: 0ms;
  }
}
.btn--isLoading > .btn--content {
  opacity: var(--blend--full--light);
}
.btn:hover {
  text-decoration: none;
}
.btn-lg {
  padding: calc(var(--padding--md) - 1px);
  font-family: var(--fontFamily--controls);
  font-size: var(--fontSize--controls-large);
  font-weight: var(--fontWeight--controls-large);
  line-height: var(--lineHeight--controls-large);
  letter-spacing: var(--letterSpacing--controls-large);
}
.btn-lg::before {
  font-size: var(--lineHeight--controls-large);
}
.btn-md {
  padding: calc(var(--padding--xs) - 1px) calc(var(--padding--md) - 1px);
  font-family: var(--fontFamily--controls);
  font-size: var(--fontSize--controls-medium);
  font-weight: var(--fontWeight--controls-medium);
  line-height: var(--lineHeight--controls-medium);
  letter-spacing: var(--letterSpacing--controls-medium);
}
.btn-md::before {
  font-size: var(--lineHeight--controls-medium);
}
.btn-sm {
  padding: var(--padding--xs) calc(var(--padding--sm) - 1px);
  font-family: var(--fontFamily--controls);
  font-size: var(--fontSize--controls-small);
  font-weight: var(--fontWeight--controls-small);
  line-height: var(--lineHeight--controls-small);
  letter-spacing: var(--letterSpacing--controls-small);
}
.btn-sm::before {
  font-size: var(--lineHeight--controls-small);
}
.btn-min {
  min-width: 52px;
  margin: 2px;
}
.btn-fullsize {
  padding-right: 0;
  padding-left: 0;
}
.btn-md.btn--iconLeft {
  padding-left: calc(var(--padding--sm) - 1px);
}
.btn-md.btn--iconRight {
  padding-right: calc(var(--padding--sm) - 1px);
}
.btn-md.btn-combobox,
.btn-lg.btn-combobox {
  padding-left: 25px;
}
.btn-primary {
  color: rgb(var(--foreground--neutral-full-default--dark)) !important;
  background-color: rgb(var(--background--controls-medium-default--light));
}
.btn-primary:hover {
  color: rgb(var(--foreground--neutral-full-hovered--dark)) !important;
  background-color: rgb(var(--background--controls-medium-hovered--light));
}
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.btn-disabled,
.btn-primary:disabled:hover,
.btn-primary.disabled:hover,
.btn-primary.btn-disabled:hover {
  background-color: rgb(var(--background--neutral-high-default--light));
}
.btn-action {
  color: rgb(var(--foreground--neutral-full-default--dark)) !important;
  background-color: rgb(var(--background--main-medium-default--light));
}
.btn-action:hover {
  background-color: rgb(var(--background--main-medium-hovered--light));
}
.btn-action:disabled,
.btn-action.disabled,
.btn-action.btn-disabled,
.btn-action:disabled:hover,
.btn-action.disabled:hover,
.btn-action.btn-disabled:hover {
  background-color: rgb(var(--background--neutral-high-default--light));
}
.btn-secondary {
  color: rgb(var(--foreground--neutral-full-default--light)) !important;
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.btn-secondary:hover {
  color: rgb(var(--foreground--neutral-full-hovered--light)) !important;
  border-color: rgb(var(--border--neutral-full-hovered--light));
}
.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary.btn-disabled,
.btn-secondary:disabled:hover,
.btn-secondary.disabled:hover,
.btn-secondary.btn-disabled:hover {
  color: rgb(var(--foreground--neutral-full-default--dark)) !important;
  background-color: rgb(var(--background--neutral-high-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.btn-secondary:active {
  border-color: rgb(var(--border--controls-medium-selected--light));
}
.btn-destructive {
  color: rgb(var(--foreground--neutral-full-default--dark)) !important;
  background-color: rgb(var(--background--critical-xHigh-default--light));
}
.btn-destructive:hover {
  background-color: rgb(var(--background--critical-high-hovered--light));
}
.btn-destructive:disabled,
.btn-destructive.disabled,
.btn-destructive.btn-disabled,
.btn-destructive:disabled:hover,
.btn-destructive.disabled:hover,
.btn-destructive.btn-disabled:hover {
  background-color: rgb(var(--background--neutral-high-default--light));
}
.btn:disabled,
.btn.disabled,
.btn.disabled:hover,
.btn.btn-disabled,
.btn.btn-disabled:hover {
  pointer-events: none;
  cursor: default;
}
.btn.disabled:focus,
.btn.btn-disabled:focus,
.btn:disabled:focus {
  outline: none;
}
body:has(.modal) {
  overflow: hidden;
}
.modal {
  position: fixed;
  z-index: var(--elevation--modal);
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  /* The #modal-in wrapper below is there only because of the old css.
     * Also the #modal-controller-name and #h1-modal ids.
     * It should be removed after the admin redesign. */
}
.modal iframe {
  display: block;
  margin: 0;
  padding: 0;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 0;
}
.modal .std-table {
  margin: 0;
}
.modal #modal-in {
  padding: 0;
}
.modal #modal-controller-name {
  top: 20px;
  left: 40px;
  padding-left: 0;
}
.modal #h1-modal {
  margin-bottom: 8px;
  padding-right: var(--padding--xl);
}
.modal__overlay {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--blend--full--light);
  background-color: rgb(var(--background--neutral-full-default--light) / var(--blend--medium--light));
  transition: opacity 0.3s ease;
}
.modal__overlay.modal__overlay--open {
  animation: fadeIn 0.3s ease forwards;
}
.modal__overlay.modal__overlay--closing {
  animation: fadeOut 0.3s ease forwards;
}
.modal__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  padding: 30px 14px;
}
.modal__inner {
  position: relative;
  flex-basis: auto;
  align-self: stretch;
  min-width: min(100%, 560px);
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  opacity: var(--blend--full--light);
  transition: opacity 0.3s ease;
}
.modal__inner.modal__inner--open {
  animation: fadeIn 0.3s ease forwards;
}
.modal__inner.modal__inner--closing {
  animation: fadeOut 0.3s ease forwards;
}
.modal__inner--maxWidth {
  max-width: calc(600px + 2 * var(--borderWidth--md));
}
.modal__inner--maxWidthHug {
  max-width: -moz-max-content;
  max-width: max-content;
}
.modal__inner--maxWidthFull {
  max-width: unset;
  margin-right: unset;
  margin-left: unset;
}
.modal__body {
  width: 100%;
  height: 100%;
  background: rgb(var(--background--neutral-base-default--light));
  border: var(--borderWidth--md) solid #14b1ef66;
  border-radius: var(--borderRadius--xl);
}
.modal__body.modalSmarty {
  padding: var(--padding--xl);
}
.modal__body p {
  margin: 1em 0;
}
.modal__body p:first-child {
  margin-top: 0;
}
.modal__body p:last-child {
  margin-bottom: 0;
}
.modal__header {
  display: flex;
  padding: var(--padding--xl);
}
.modal__header .typography__headline1 {
  min-height: 32px;
  margin-bottom: 0;
  padding-right: var(--padding--4xl);
}
.modal__header .typography__headline1:nth-child(n + 2) {
  margin-top: 0;
}
.modal__titleWrapper {
  display: flex;
  flex-direction: column;
}
.modal__subheader {
  margin-top: var(--margin--xs);
  font-size: var(--fontSize--body-medium);
  line-height: var(--lineHeight--body-medium);
}
.modal__icon {
  width: 40px;
  height: 40px;
  margin-right: var(--margin--xl);
  padding: var(--padding--sm);
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--neutral-high-default--light));
  border-radius: 50%;
}
.modal__icon--level-notice {
  background-color: rgb(var(--background--notice-medium-default--light));
}
.modal__icon--level-alert {
  background-color: rgb(var(--background--warning-medium-default--light));
}
.modal__icon--level-error {
  background-color: rgb(var(--background--critical-high-default--light));
}
.modal__icon--level-success {
  background-color: rgb(var(--background--success-high-default--light));
}
.modal__close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 34px;
  right: 34px;
}
.modal__close:empty {
  cursor: pointer;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
}
.modal__close:empty.shp-cross::before {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.modal__close:empty:hover.shp-cross::before {
  color: rgb(var(--foreground--neutral-full-hovered--light));
}
.modal__content {
  padding: 0 var(--padding--xl) var(--padding--xl);
}
.modal__footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap--md);
  justify-content: flex-end;
  padding: 0 var(--padding--xl) var(--padding--xl);
}
.modal__iframeContainer {
  position: relative;
  overflow: auto;
}
@keyframes fadeIn {
  from {
    opacity: var(--blend--full--light);
  }
  to {
    opacity: var(--blend--solid--light);
  }
}
@keyframes fadeOut {
  from {
    opacity: var(--blend--solid--light);
  }
  to {
    opacity: var(--blend--full--light);
  }
}
#h1-modal {
  margin-bottom: 8px;
  padding-right: var(--padding--xl);
}
.loader,
.shoptet-icon.loader.loader {
  --loader-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--loader-size);
  height: var(--loader-size);
  vertical-align: middle;
}
.loader::before,
.shoptet-icon.loader.loader::before {
  content: '';
  display: inline-block;
  width: calc(var(--loader-size) - 4px);
  height: calc(var(--loader-size) - 4px);
  border: 2px solid rgb(var(--border--controls-low-default--light));
  border-top-color: rgb(var(--border--controls-medium-selected--light));
  border-radius: 50%;
  animation: loader-animation 0.6s linear infinite;
}
.loader--sm {
  --loader-size: 16px;
}
.loader--md {
  --loader-size: 24px;
}
.loader--lg {
  --loader-size: 48px;
}
.loaderArea--screen {
  position: fixed;
  z-index: var(--elevation--loader);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgb(var(--background--neutral-base-default--light) / var(--blend--high--light));
}
.loaderArea--screen .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table__cell--actions {
  position: relative;
  min-width: 48px;
}
/* the .loader dimensions mimics `shp-visible` icon button, because currently the icon button is not correcly aligned inside the boundary box */
.shoptet-icon.loader.loader {
  --loader-size: 24px;
}
.shoptet-icon.loader.loader::before {
  position: unset;
  transform: unset;
  background: none;
}
@keyframes loader-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* All loaders in Smarty world are hidden by default, but mostly living in DOM */
.loaderArea.hidden,
.loader.hidden {
  display: none;
}
.section {
  position: relative;
  background-color: rgb(var(--background--neutral-base-default--light));
}
@media only screen and (min-width: 1024px) {
  .section:not(.section--no-space) {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 1400px) {
  .section:not(.section--no-space) {
    padding-top: 80px;
  }
}
.section--grow {
  flex-grow: 1;
}
@media only screen and (min-width: 576px) {
  .section {
    padding: var(--padding--md);
    box-shadow: var(--shadow--medium-soft--light);
  }
}
@media only screen and (min-width: 992px) {
  .section {
    padding: var(--padding--lg);
  }
}
@media only screen and (min-width: 1400px) {
  .section {
    padding: var(--padding--xl);
  }
}
body.iframe-section {
  background-color: rgb(var(--background--neutral-base-default--light));
}
.section__header {
  margin-bottom: calc(0.834 * var(--fontSize--headline-h1--sm));
}
.section__header .section__headline {
  clear: unset;
}
.section__header .section__headline,
.section__header .section__headline:nth-child(n + 2) {
  display: inline-block;
  margin: 0;
}
.section__header:not(:first-child) {
  margin-top: var(--margin--lg);
}
.section__navigationLinks {
  float: right;
  display: inline-flex;
  flex-direction: row;
  gap: var(--gap--xs);
}
@media only screen and (min-width: 576px) {
  .section__navigationLinks {
    margin: 6px 0 var(--margin--xs) var(--margin--xs);
  }
}
.section__navigationLink {
  --color: rgb(var(--foreground--controls-medium-default--light));
  --borderRadius: ;
  position: relative;
  z-index: var(--elevation--default);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.section__navigationLink,
.section__navigationLink:hover,
.section__navigationLink:focus,
.section__navigationLink:active {
  color: var(--color);
  border: 1px solid var(--color);
  border-radius: var(--borderRadius);
}
.section__navigationLink--disabled {
  --color: rgb(var(--foreground--neutral-medium-default--light));
}
.section__controlsFooter {
  position: fixed;
  z-index: 1002;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 0;
  background: white;
  box-shadow: var(--shadow--medium-sharp--light);
  transition: max-height 0.2s;
}
.section__controlsFooterStack {
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding--lg);
  background-color: inherit;
}
.section__controlsFooterStack > * {
  width: calc(50% - 0.5rem);
  max-width: 250px;
}
.section__controlsFooterStart,
.section__controlsFooterEnd {
  display: flex;
}
.section__controlsFooterStart .btn,
.section__controlsFooterEnd .btn {
  flex-grow: 1;
}
.section__controlsHelp {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .section__controlsHelp {
    display: inline-block;
    margin-left: 15px;
  }
}
.section__controlsHeader {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: unset;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 1px;
  justify-content: flex-end;
  padding: var(--padding--lg);
}
.section__controlsHeader .btn-sm {
  padding: calc(var(--padding--xs) - 1px) calc(var(--padding--md) - 1px);
  font-family: var(--fontFamily--controls);
  font-size: var(--fontSize--controls-medium);
  font-weight: var(--fontWeight--controls-medium);
  line-height: var(--lineHeight--controls-medium);
  letter-spacing: var(--letterSpacing--controls-medium);
}
.section__controlsHeader .btn-sm.btn--iconLeft {
  padding-left: calc(var(--padding--sm) - 1px);
}
.section__controlsHeader .btn-sm.btn--iconRight {
  padding-right: calc(var(--padding--sm) - 1px);
}
.section__controlsHeader .icon--sm {
  width: 24px;
  height: 24px;
}
.section__controlsHeader .icon--sm::before {
  font-size: 24px;
}
@media only screen and (min-width: 1024px) {
  .section__controlsHeader {
    padding-right: var(--padding--lg);
    padding-left: var(--padding--lg);
  }
}
@media only screen and (min-width: 1400px) {
  .section__controlsHeader {
    padding-right: var(--padding--xl);
    padding-left: var(--padding--xl);
  }
}
.section__controlsHeader--isFloating {
  position: fixed;
  z-index: 9999;
  top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
@media only screen and (min-width: 1024px) {
  .section__controlsHeader--isFloating {
    padding-right: clamp(calc(var(--padding--lg) + var(--padding--lg)), calc(50vw - 684px), 90000px);
    padding-left: var(--padding--lg);
  }
}
@media only screen and (min-width: 1400px) {
  .section__controlsHeader--isFloating {
    padding-right: clamp(calc(var(--padding--lg) + var(--padding--xl)), calc(50vw - 672px), 90000px);
    padding-left: var(--padding--xl);
  }
}
.systemMessage__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap--md);
}
@media only screen and (min-width: 1024px) {
  .systemMessage__wrapper {
    gap: var(--gap--lg);
  }
}
.systemMessage--error {
  --message-color: rgb(var(--foreground--critical-high-default--light));
  --message-icon: "\e911";
}
.systemMessage--alert {
  --message-color: rgb(var(--foreground--warning-medium-default--light));
  --message-icon: "\e984";
}
.systemMessage--success {
  --message-color: rgb(var(--foreground--success-high-default--light));
  --message-icon: "\e939";
}
.systemMessage--notice {
  --message-color: rgb(var(--foreground--notice-medium-default--light));
  --message-icon: "\e912";
}
.systemMessage {
  --systemMessageAnimationDuration: 200ms;
  --systemMessageAnimationOrigin: translateY(var(--offset--sm));
  position: relative;
  margin: var(--margin--md) 0;
  padding: var(--padding--md) var(--padding--4xl) var(--padding--md) var(--padding--md);
  font-size: var(--fontSize--body-large);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 2px solid var(--message-color);
  border-radius: var(--borderRadius--sm);
}
.message-hidden .systemMessage {
  display: none;
}
.systemMessage__wrapper .systemMessage {
  margin: 0;
}
.systemMessage a {
  color: rgb(var(--foreground--links-strong-default--light));
}
@media (hover: hover) {
  .systemMessage a:hover {
    color: rgb(var(--foreground--links-strong-hovered--light));
    text-decoration: underline;
  }
}
.systemMessage[data-state='opened'] {
  animation: systemMessageSlideIn var(--systemMessageAnimationDuration) forwards;
}
.systemMessage[data-state='closed'] {
  animation: systemMessageSlideOut var(--systemMessageAnimationDuration) ease-in forwards;
}
@media only screen and (min-width: 768px) {
  .systemMessage {
    padding: var(--padding--lg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .systemMessage {
    --systemMessageAnimationDuration: 0ms;
  }
}
@keyframes systemMessageSlideIn {
  from {
    transform: var(--systemMessageAnimationOrigin);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes systemMessageSlideOut {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    transform: var(--systemMessageAnimationOrigin);
    opacity: 0;
  }
}
.systemMessage__content {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gap--sm);
}
.systemMessage__content::before {
  content: var(--message-icon);
  transform: translateZ(0);
  font-family: var(--fontFamily--icons);
  font-size: var(--size--xl);
  color: var(--message-color);
}
.systemMessage__content h2,
.systemMessage__content h3,
.systemMessage__content h4,
.systemMessage__content h5,
.systemMessage__content h6,
.systemMessage__content .typography {
  font-family: var(--fontFamily--body);
}
.systemMessage__content h2,
.systemMessage__content .typography__headline2 {
  margin-bottom: var(--margin--xs);
  font-size: var(--fontSize--strong-large);
  font-weight: var(--fontWeight--strong-large);
  line-height: var(--lineHeight--strong-large);
  color: var(--message-color);
  text-transform: uppercase;
  letter-spacing: var(--letterSpacing--strong-large);
}
@media only screen and (min-width: 768px) {
  .systemMessage__content {
    flex-wrap: nowrap;
  }
}
.systemMessage__text {
  transform: translateZ(0);
  align-self: center;
  width: calc(100% - 32px);
}
.systemMessage__text > h2:only-child,
.systemMessage__text > .typography__headline2:only-child {
  margin-bottom: 0;
}
.systemMessage__text p {
  margin: 0 0 var(--margin--sm);
}
.systemMessage__text p:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .systemMessage__text {
    max-width: 1024px;
    margin-right: auto;
  }
}
.systemMessage__textDescription {
  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
}
.systemMessage__textDescription > p {
  margin: 0;
}
.systemMessage__buttons {
  display: flex;
  gap: var(--gap--sm);
  align-items: flex-start;
  margin-left: 32px;
}
.systemMessage__buttons a:hover {
  text-decoration: none;
}
.systemMessage__buttons > :not(.systemMessage__close) {
  transform: translateZ(0);
  margin-top: var(--margin--sm);
}
@media only screen and (min-width: 768px) {
  .systemMessage__buttons > :not(.systemMessage__close) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .systemMessage__buttons {
    flex-shrink: 0;
    max-width: 50%;
    margin-left: 8px;
  }
}
.systemMessage__close {
  position: absolute;
  top: var(--offset--md);
  right: var(--offset--md);
  width: 24px;
  height: 24px;
}
.systemMessage__close::before {
  content: "\e93c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--fontFamily--icons);
  font-size: var(--size--xl);
  color: rgb(var(--foreground--neutral-medium-default--light));
  transition: color 0.2s ease-out;
}
@media (hover: hover) {
  .systemMessage__close:hover::before {
    color: rgb(var(--foreground--neutral-full-hovered--light));
    transition: color 0.2s ease-out;
  }
}
@media only screen and (min-width: 768px) {
  .systemMessage__close {
    position: relative;
    top: auto;
    right: auto;
    margin-left: var(--margin--sm);
  }
}
.systemMessage__proformaInvoice {
  transform: translateZ(0);
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gap--4xl);
}
@media only screen and (min-width: 768px) {
  .systemMessage__proformaInvoice {
    margin-right: var(--margin--xl);
  }
}
.proformaInvoice__headline {
  flex-basis: 100%;
}
.proformaInvoice__note {
  flex-basis: 100%;
  color: rgb(var(--foreground--neutral-high-default--light));
}
/* another feedback messages solution that is populated by calling $.notifier (see jquery.notifier.js) */
/* Also used by Notification react component (legacy class-driven) */
.systemMessage__notification > ul {
  margin: 0;
  padding: 0;
}
.systemMessage__notification > ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.systemMessage__notification,
.js-notifier.systemMessage {
  position: fixed;
  z-index: var(--elevation--modal);
  right: var(--offset--md);
  bottom: var(--offset--xl);
  left: var(--offset--md);
  max-width: 1150px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .systemMessage__notification--right,
  .js-notifier.systemMessage {
    right: var(--offset--lg);
    left: calc(250px + var(--offset--lg));
  }
}
@media only screen and (min-width: 1400px) {
  .systemMessage__notification--right,
  .js-notifier.systemMessage {
    right: var(--offset--xl);
    left: calc(250px + var(--offset--xl));
  }
}
.tableWrapper {
  overflow: auto hidden;
  width: 100%;
}
.table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: var(--margin--md);
}
.table thead {
  background-color: rgb(var(--background--neutral-low-default--light));
  border-bottom: 3px solid rgb(var(--border--blue-medium-default--light));
}
.table tfoot {
  background-color: rgb(var(--background--neutral-low-default--light));
  border-top: 3px solid rgb(var(--border--blue-medium-default--light));
}
.table td,
.table th {
  padding: var(--padding--sm);
  text-align: left;
  background-clip: padding-box;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.table th {
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: rgb(var(--background--neutral-low-default--light));
}
.table th:hover {
  color: rgb(var(--foreground--neutral-full-hovered--light));
}
.table th .iconButton {
  margin: -0.125em;
}
.table .th__overLineWrapper {
  display: flex;
  flex-flow: column;
}
.table .th__overline {
  font-weight: 400;
}
.table tbody td {
  background-color: rgb(var(--background--neutral-base-default--light));
}
.table tr:nth-child(2n) td:where(:not([style*='background-color'])) {
  background-color: rgb(var(--background--neutral-base-default--light));
  background-image: linear-gradient(90deg, rgb(var(--background--neutral-low-default--light) / var(--blend--medium--light)) 0%, rgb(var(--background--neutral-low-default--light) / var(--blend--medium--light)) 100%);
}
.table .table__hideOnMouseOut {
  visibility: hidden;
}
.table tr:hover .hide-on-mouseout,
.table tr:hover .table__hideOnMouseOut,
.table tr:focus-within .hide-on-mouseout,
.table tr:focus-within .table__hideOnMouseOut {
  visibility: visible;
}
.table .tDnD_whileDrag {
  position: relative;
  z-index: var(--elevation--default);
  display: table-row;
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.table .tDnD_whileDrag td,
.table .tDnD_whileDrag:nth-child(2n) td {
  background-color: rgb(var(--background--blue-low-default--light));
}
.table tr.table__row--hidden,
.table tr.table__row--muted {
  font-style: italic;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.table tr.table__row--hidden a,
.table tr.table__row--muted a {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.table tr.table__row--dragging {
  position: relative;
  z-index: var(--elevation--default);
  display: table-row;
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.table tr.table__row--dragging td,
.table tr.table__row--dragging:nth-child(2n) td {
  background-color: rgb(var(--background--blue-low-default--light));
}
.table tr.table__row--attention td {
  font-weight: bold;
  background: rgb(var(--background--informative-low-default--light));
}
.table tr.table__row--success td {
  background: rgb(var(--background--success-low-default--light));
}
.table tr.table__row--alert td {
  background: rgb(var(--background--warning-low-default--light));
}
.table tr.table__row--error td {
  background: rgb(var(--background--critical-low-default--light));
}
.table .table__cell--sorting {
  position: relative;
  padding-right: calc(var(--padding--sm) * 2 + 6px);
}
.table .table__cell--sorting .sorting {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin: 0;
}
.table .table__cell--massAction,
.table .table__cell--actions,
.table .table__cell--calloutActions,
.table .table__cell--preview {
  width: 1%;
  text-align: center;
}
.table .table__cell--price,
.table .table__cell--pricePrimary {
  width: 10%;
  text-align: right;
}
.table .table__cell--number,
.table .table__cell--datetime {
  text-align: right;
}
.table .table__cell--balance {
  font-weight: 700;
  text-align: right;
}
.table .table__cell--headline {
  font-weight: bold;
  text-align: center;
  background: rgb(var(--background--neutral-low-default--light));
}
.table .table__cell--image,
.table .table__cell--imageBig {
  width: 30px;
}
.table .table__cell--image img,
.table .table__cell--imageBig img {
  width: inherit;
  max-width: unset;
}
@media only screen and (min-width: 576px) {
  .table .table__cell--imageBig {
    width: 170px;
  }
}
.table .table__cell--small {
  width: 10%;
}
.table .table__cell--medium {
  width: 20%;
}
.table .table__cell--large {
  width: 50%;
}
.table .table__cell--attention,
.table tr:nth-child(2n) .table__cell--attention {
  background-color: rgb(var(--background--informative-low-default--light));
}
.table td.table__cell--massAction,
.table td.table__cell--actions,
.table td.table__cell--calloutActions,
.table td.table__cell--preview,
.table td.table__cell--price,
.table td.table__cell--pricePrimary,
.table td.table__cell--summary {
  white-space: nowrap;
}
.table td.table__cell--pricePrimary {
  font-weight: 700;
}
.table td.table__cell--summary {
  font-weight: 700;
}
.table td.table__cell--balanceNegative {
  color: rgb(var(--foreground--critical-high-default--light));
}
.table .table__detailLink {
  display: block;
  text-decoration: none;
}
.table .table__detailLink * {
  text-decoration: none;
}
.table label.std-control-label,
.table #filter-form label.std-control-label {
  margin: 0;
}
.table .imagePreview {
  display: inline-block;
  width: 30px;
}
.table .imagePreview[data-zoomed-image] {
  touch-action: none;
  cursor: zoom-in;
}
.table .information-bubble-wrap {
  white-space: normal;
}
.table__cell--stickyStart,
.table__cell--stickyEnd {
  position: sticky;
  z-index: 1;
}
.table__cell--stickyStart {
  left: 0;
}
.table__cell--stickyEnd {
  right: 0;
}
.table__cell--stickyStart::after,
.table__cell--stickyEnd::after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  border-right: 1px solid rgb(var(--border--neutral-low-default--light));
  border-left: 1px solid rgb(var(--border--neutral-low-default--light));
}
.table__filterCollapsible {
  display: flex;
  flex-direction: column;
  gap: var(--gap--md);
  margin-bottom: var(--margin--sm);
}
.table__filterCollapsibleToggle {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.table__filterCollapsible--open {
  float: none;
}
.table__filterCollapsible--closed {
  float: right;
}
.table__empty {
  padding-top: 8rem;
  padding-bottom: 8rem;
  font-size: 1.25rem;
  color: rgb(var(--foreground--neutral-medium-default--light));
  text-align: center;
}
.bool-property.muted {
  cursor: default;
  opacity: var(--blend--medium--light);
}
.toggle {
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.toggle--secondary {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.toggle--success {
  color: rgb(var(--foreground--success-high-default--light));
}
.toggle--ghost {
  box-shadow: none;
}
.toggle--disabled {
  cursor: default;
}
.avatar {
  --transitionDuration: 300ms;
  display: inline-flex;
  gap: var(--gap--md);
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .avatar {
    --transitionDuration: 0ms;
  }
}
.avatar__image {
  position: relative;
  display: inline-flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  max-width: 36px;
  min-height: 36px;
  max-height: 36px;
}
.avatar__imageImg,
.avatar__abbreviation {
  overflow: hidden;
  display: inline-flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: 50%;
}
.avatar__abbreviation {
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-large);
  font-weight: var(--fontWeight--body-large);
  font-style: normal;
  line-height: var(--lineHeight--body-large);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-align: center;
  text-decoration: none;
  letter-spacing: var(--letterSpacing--body-large);
  background: rgb(var(--background--neutral-low-default--light));
}
.avatar__imageImg {
  position: absolute;
  opacity: var(--blend--solid--light);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  transition: opacity var(--transitionDuration) ease-in-out;
}
.avatar__text {
  display: inline-flex;
  flex-direction: column;
}
.avatar__textName {
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--strong-medium);
  font-style: normal;
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-medium);
}
.avatar__textDescription {
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  font-style: normal;
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-high-default--light));
  letter-spacing: var(--letterSpacing--body-medium);
}
.accordion {
  --accordionTriggerPaddingVertical: var(--padding--lg);
  --accordionTriggerPaddingHorizontal: var(--padding--lg);
  --accordionContentPadding: var(--padding--lg);
  --accordionTitleFontSize: var(--fontSize--headline-h3);
  --accordionTitleFontWeight: var(--fontWeight--headline-h3);
  --accordionTitleLineHeight: var(--lineHeight--headline-h3);
  --accordionTitleLetterSpacing: var(--letterSpacing--headline-h3);
}
.accordion--dense {
  --accordionTriggerPaddingVertical: var(--padding--sm);
  --accordionTitleFontSize: var(--fontSize--headline-h5);
  --accordionTitleFontWeight: var(--fontWeight--headline-h5);
  --accordionTitleLineHeight: var(--lineHeight--headline-h5);
  --accordionTitleLetterSpacing: var(--letterSpacing--headline-h5);
}
.accordion__title {
  font-family: var(--fontFamily--headline);
  font-size: var(--accordionTitleFontSize);
  font-weight: var(--accordionTitleFontWeight);
  line-height: var(--accordionTitleLineHeight);
  letter-spacing: var(--accordionTitleLetterSpacing);
}
.accordion__content {
  display: none;
  padding: var(--accordionContentPadding);
}
.accordion__content--open {
  display: block;
}
.accordion__trigger {
  cursor: pointer;
  z-index: var(--elevation--default);
  display: block;
  width: 100%;
  padding: var(--accordionTriggerPaddingVertical) var(--accordionTriggerPaddingHorizontal);
  text-align: left;
  background: rgb(var(--background--neutral-base-default--light));
  border: none;
  box-shadow: none;
}
.accordion__trigger__inner {
  position: relative;
  display: flex;
  gap: var(--gap--xl);
  align-items: center;
  justify-content: space-between;
}
.accordion--withBackground .accordion__trigger {
  background: rgb(var(--background--neutral-low-default--light));
}
.accordion--dividerTop .accordion__item {
  border-top: 1px solid rgb(var(--border--neutral-low-default--light));
}
.accordion--dividerBottom .accordion__item {
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.accordion--dividerTopBottom .accordion__item {
  border-top: 1px solid rgb(var(--border--neutral-low-default--light));
}
.accordion--dividerTopBottom .accordion__item:last-child {
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.accordion__item--open .accordion__trigger .icon {
  transform: rotate(180deg);
}
.code-snippet {
  position: relative;
  padding: var(--padding--lg);
  padding-right: var(--padding--4xl);
  background-color: rgb(var(--background--informative-low-default--light));
  border: 1px dashed rgb(var(--border--informative-strong-default--light));
}
.code-snippet__content {
  position: relative;
  margin: 0;
  font-family: var(--fontFamily--monospace);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-medium);
  word-break: break-all;
  white-space: pre-wrap;
}
.code-snippet__content--url {
  font-family: var(--fontFamily--body);
  color: rgb(var(--foreground--links-strong-default--light));
}
.code-snippet__content--collapsed {
  overflow: hidden;
}
.code-snippet__copy {
  position: absolute;
  top: var(--offset--md);
  right: var(--offset--md);
}
.code-snippet__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: var(--margin--xs);
  padding: var(--padding--lg);
}
.code-snippet__footer--collapsed {
  background: linear-gradient(to bottom, transparent 0%, rgb(var(--background--informative-low-default--light)) 100%);
}
.actionCard {
  --borderRadius: var(--borderRadius--none);
  --gap: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: var(--padding--xl);
  background-color: rgb(var(--background--neutral-low-default--light));
  border-radius: var(--borderRadius);
}
.actionCard .typography {
  margin-bottom: 0;
}
.actionCard__header {
  --gap: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-content: stretch;
  justify-content: space-between;
}
.actionCard__tags {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--gap);
  align-self: flex-end;
  justify-content: flex-end;
  min-height: 22px;
}
.actionCard__title {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 32px;
}
.actionCard__title img {
  max-height: 32px;
}
.actionCard__content {
  flex: 1 1 0px;
}
.actionCard__buttons {
  --gap: 12px;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--gap);
  justify-content: flex-start;
}
@media only screen and (min-width: 576px) {
  .actionCard--responsive .actionCard__tags {
    align-self: flex-start;
  }
  .actionCard--responsive .actionCard__header:has(.actionCard__tags) {
    flex-direction: row-reverse;
  }
}
.colorPalettePreview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  max-width: 46px;
  margin: auto 0;
}
.colorPalettePreview__ColorBrick {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}
.colorPalette {
  display: flex;
  flex-direction: column;
  gap: var(--size--sm);
  width: 100%;
  padding-bottom: var(--size--sm);
  background-color: rgb(var(--background--neutral-base-default--light));
}
.colorPalette__title {
  padding: var(--size--sm) var(--size--lg);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.colorPalette__group {
  display: flex;
  flex-direction: column;
  gap: var(--size--sm);
  padding: 0 var(--size--lg);
}
.colorPalette__groupHeader {
  display: flex;
  gap: var(--size--xs);
  align-items: center;
  justify-content: space-between;
  min-height: 26px;
}
.colorPalette__groupLabel {
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
}
.colorPalette__groupAction {
  cursor: pointer;
  padding: var(--size--xxs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  line-height: var(--lineHeight--controls-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-transform: uppercase;
  letter-spacing: var(--letterSpacing--controls-small);
  background: none;
  border: 0;
}
.colorPalette__groupAction:focus-visible {
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorPalette__groupAction:disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.colorPalette__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size--xs);
}
.colorPalette__swatch {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  padding: 3px;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.colorPalette__swatch:hover {
  border-color: rgb(var(--border--controls-medium-selected--light));
}
.colorPalette__swatch:focus-visible {
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorPalette__swatch:active {
  border-color: rgb(var(--border--controls-medium-selected--light));
  box-shadow: var(--shadow--focus--light);
}
.colorPalette__swatch.colorPalette__swatch--selected {
  padding: 2px;
  border-color: rgb(var(--border--controls-medium-selected--light));
  border-width: 2px;
}
.colorPalette__swatch.colorPalette__swatch--selected:hover {
  border-color: rgb(var(--border--controls-medium-hovered--light));
}
.colorPalette__swatch.colorPalette__swatch--warning,
.colorPalette__swatch.colorPalette__swatch--warning:hover,
.colorPalette__swatch.colorPalette__swatch--warning:focus-visible,
.colorPalette__swatch.colorPalette__swatch--warning:active {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.colorPalette__swatch.colorPalette__swatch--warning:focus-visible,
.colorPalette__swatch.colorPalette__swatch--warning:active {
  /* No warning focus-shadow token exists yet; mirrors --shadow--focus--light with the warning border color. */
  box-shadow: 0 0 2px 0 rgb(var(--border--warning-medium-default--light));
}
.colorPalette__swatch.colorPalette__swatch--error,
.colorPalette__swatch.colorPalette__swatch--error:hover,
.colorPalette__swatch.colorPalette__swatch--error:focus-visible,
.colorPalette__swatch.colorPalette__swatch--error:active {
  border-color: rgb(var(--border--critical-high-default--light));
}
.colorPalette__swatch.colorPalette__swatch--error:focus-visible,
.colorPalette__swatch.colorPalette__swatch--error:active {
  /* No error focus-shadow token exists yet; mirrors --shadow--focus--light with the error border color. */
  box-shadow: 0 0 2px 0 rgb(var(--border--critical-high-default--light));
}
.colorPalette__swatch:disabled {
  cursor: default;
  background-color: rgb(var(--background--neutral-low-default--light));
  border-color: rgb(var(--border--neutral-low-default--light));
  box-shadow: none;
}
.colorPalette__swatch:disabled .colorPalette__swatchFill {
  opacity: 0.5;
}
.colorPalette__swatchFill {
  display: block;
  width: 100%;
  height: 100%;
}
.colorPalette__swatchFill--lightBorder {
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.colorPalette__swatchCheck {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.colorPalette__swatchCheck--dark {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.colorPalette__rows {
  display: flex;
  flex-direction: column;
  gap: var(--size--xs);
}
.colorPalette__row {
  display: flex;
  gap: var(--size--sm);
  align-items: center;
}
.colorPalette__hexInput {
  flex: 1;
  min-width: 0;
  height: 26px;
  padding: var(--padding--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: 0;
}
.colorPalette__hexInput:focus {
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorPalette__hexInput.colorPalette__hexInput--invalid,
.colorPalette__hexInput.colorPalette__hexInput--invalid:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
.colorPalette__removeButton {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size--xxs);
  color: rgb(var(--foreground--neutral-full-default--light));
  background: none;
  border: 0;
}
.colorPalette__removeButton:focus-visible {
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorPalette__addButton {
  cursor: pointer;
  display: flex;
  gap: var(--size--xs);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  padding: var(--size--xs);
  font-family: var(--fontFamily--caption);
  font-size: var(--fontSize--caption-small);
  line-height: var(--lineHeight--controls-large);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-transform: uppercase;
  letter-spacing: var(--letterSpacing--controls-large);
  background: none;
  border: 1px solid rgb(var(--border--neutral-medium-default--light));
}
.colorPalette__addButton:focus-visible {
  border-color: rgb(var(--border--controls-medium-selected--light));
  outline: 0;
  box-shadow: var(--shadow--focus--light);
}
.colorSelect__popover {
  overflow: hidden;
  width: 208px;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.contextMenu__popover {
  will-change: transform;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.contextMenu__popover[data-placement^="top"] {
  margin-bottom: var(--margin--sm);
}
.contextMenu__popover[data-placement^="bottom"] {
  margin-top: var(--margin--sm);
}
.contextMenu__popover[data-placement^="left"] {
  margin-right: var(--margin--sm);
}
.contextMenu__popover[data-placement^="right"] {
  margin-left: var(--margin--sm);
}
.contextMenu__popover--submenu[data-placement^="top"] {
  margin-bottom: 0;
}
.contextMenu__popover--submenu[data-placement^="bottom"] {
  margin-top: 0;
}
.contextMenu__popover--submenu[data-placement^="left"] {
  margin-right: 0;
}
.contextMenu__popover--submenu[data-placement^="right"] {
  margin-left: 0;
}
.menu__popover {
  will-change: transform;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: var(--padding--lg);
  background-color: rgb(var(--background--neutral-base-default--light));
}
.menu__popover[data-placement^="top"] {
  margin-bottom: var(--margin--sm);
}
.menu__popover[data-placement^="bottom"] {
  margin-top: var(--margin--sm);
}
.menu__popover[data-placement^="left"] {
  margin-right: var(--margin--sm);
}
.menu__popover[data-placement^="right"] {
  margin-left: var(--margin--sm);
}
.menu__popover [data-focused][data-focus-visible="true"] > .dataList__item {
  outline: none;
}
.menu__popover [data-hovered="true"] > .dataList__item {
  background-color: unset;
}
.menu__popover .dataList__item {
  padding: var(--padding--sm);
}
.menu__popover [role="menuitem"]:focus-visible {
  outline: none;
}
.menu__popover [role="menuitem"][data-submenu-open="true"]:not([data-focused="true"]) .dataList__item {
  background-color: rgb(var(--background--neutral-low-default--light));
}
.menu__popover [role="menuitem"][data-focused="true"] .dataList__item {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.menu__popover [role="menuitem"][data-focused="true"] .dataList__item--destructive:not([data-disabled="true"]) {
  background-color: rgb(var(--background--critical-low-default--light));
}
.menu__popover [role="menuitem"] .dataList__item--destructive:not([data-disabled="true"]) {
  color: rgb(var(--foreground--critical-high-default--light));
}
.menu__popover [role="menuitem"] .dataList__item--destructive:not([data-disabled="true"]) .typography {
  color: inherit;
}
.menu__popover--compact,
.menu__popover--submenu.menu__popover--compact {
  padding: var(--padding--xs) 0;
}
.menu__popover--submenu[data-placement^="top"] {
  margin-bottom: 0;
}
.menu__popover--submenu[data-placement^="bottom"] {
  margin-top: 0;
}
.menu__popover--submenu[data-placement^="left"] {
  margin-right: 0;
}
.menu__popover--submenu[data-placement^="right"] {
  margin-left: 0;
}
.menu__divider {
  margin-block: var(--margin--sm);
}
.categoryFilter {
  display: inline-flex;
}
.categoryFilter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gap--xs);
  margin: 0;
  padding: 0;
  color: rgb(var(--foreground--neutral-high-default--light));
  background: rgb(var(--background--neutral-low-default--light));
}
.categoryFilter__item {
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  font-weight: var(--fontWeight--body-medium);
  color: inherit;
}
.categoryFilter__item--active {
  font-weight: var(--fontWeight--strong-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
}
.categoryFilter__itemLabel {
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  padding: var(--padding--xs);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.categoryFilter__itemLabel--button {
  cursor: pointer;
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  padding: var(--padding--xs);
  color: inherit;
  background: transparent;
  border: 0;
}
.categoryFilter__itemLabel--button .typography__bodyCopyM {
  margin: 0;
}
.categoryFilter__itemLabel--button:hover,
.categoryFilter__itemLabel--button:focus-visible {
  color: inherit;
  background: rgb(var(--background--neutral-low-hovered--light));
}
.categoryFilter__item a {
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  padding: var(--padding--xs);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.categoryFilter__item a .typography__bodyCopyM {
  margin: 0;
}
.categoryFilter__item a:hover,
.categoryFilter__item a:focus-visible {
  color: inherit;
  text-decoration: none;
  background: rgb(var(--background--neutral-low-hovered--light));
}
.categoryFilter__separatorButton {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding--xs);
  color: rgb(var(--foreground--neutral-full-default--light));
  background: transparent;
  border: 0;
}
.categoryFilter__separatorButton:hover {
  color: rgb(var(--foreground--neutral-full-default--light));
  background: rgb(var(--background--neutral-low-hovered--light));
}
.categoryFilter__separatorButton:focus-visible {
  outline: none;
}
.categoryFilter__separatorButton[data-focus-visible='true'] {
  outline: revert;
}
.dataList {
  --dataListGap: ;
  --dataListItemMinHeight: 44px;
  display: flex;
  flex-direction: column;
  gap: var(--dataListGap);
  margin: 0;
  padding: 0;
}
.dataList .typography {
  margin: unset;
}
.dataList--dense {
  --dataListItemMinHeight: auto;
}
.dataList--inset {
  margin-right: calc(-2 * var(--margin--xs));
  margin-left: calc(-2 * var(--margin--xs));
}
.dataList--inset:first-child {
  margin-top: calc(-2 * var(--margin--xs));
}
.dataList--inset:last-child {
  margin-bottom: calc(-2 * var(--margin--xs));
}
.dataList--noGap {
  --dataListGap: 0px;
}
.dataList--gapXxs {
  --dataListGap: var(--gap--xxs);
}
.dataList--gap,
.dataList--gapXs {
  --dataListGap: var(--gap--xs);
}
.dataList--gapSm {
  --dataListGap: var(--gap--sm);
}
.dataList--gapMd {
  --dataListGap: var(--gap--md);
}
.dataList__item,
.dataList__sectionHeader {
  --dataListItemGap: ;
  --dataListItemMinHeight: ;
  display: flex;
  flex-direction: row;
  gap: var(--dataListItemGap);
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  min-height: var(--dataListItemMinHeight);
  padding: var(--padding--xs);
}
.dataList,
.dataList__item {
  outline: none;
}
.dataList[disabled],
.dataList__item[disabled],
.dataList[aria-disabled="true"],
.dataList__item[aria-disabled="true"],
.dataList[data-disabled="true"],
.dataList__item[data-disabled="true"] {
  pointer-events: none;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.dataList[disabled] .dataList__item,
.dataList__item[disabled] .dataList__item,
.dataList[aria-disabled="true"] .dataList__item,
.dataList__item[aria-disabled="true"] .dataList__item,
.dataList[data-disabled="true"] .dataList__item,
.dataList__item[data-disabled="true"] .dataList__item {
  background-color: unset;
}
.dataList[disabled] a:not([href]),
.dataList__item[disabled] a:not([href]),
.dataList[aria-disabled="true"] a:not([href]),
.dataList__item[aria-disabled="true"] a:not([href]),
.dataList[data-disabled="true"] a:not([href]),
.dataList__item[data-disabled="true"] a:not([href]),
.dataList[disabled] .typography,
.dataList__item[disabled] .typography,
.dataList[aria-disabled="true"] .typography,
.dataList__item[aria-disabled="true"] .typography,
.dataList[data-disabled="true"] .typography,
.dataList__item[data-disabled="true"] .typography {
  color: inherit;
}
.dataList[data-focused][data-focus-visible="true"],
.dataList__item[data-focused][data-focus-visible="true"],
[data-focused][data-focus-visible="true"] > .dataList__item {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.dataList__item[data-hovered="true"],
.dataList__item[data-focused="true"][data-focus-visible="true"],
.dataList__item[data-active="true"],
[data-hovered="true"] > .dataList__item,
[data-focused="true"][data-focus-visible="true"] > .dataList__item {
  cursor: pointer;
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.dataList__item[data-hovered="true"] .typography,
.dataList__item[data-focused="true"][data-focus-visible="true"] .typography,
.dataList__item[data-active="true"] .typography,
[data-hovered="true"] > .dataList__item .typography,
[data-focused="true"][data-focus-visible="true"] > .dataList__item .typography {
  color: inherit;
}
.dataList__item[data-selected="true"] {
  background-color: rgb(var(--background--controls-low-default--light));
}
.dataList__item[data-selected="true"] a,
.dataList__item[data-selected="true"] .typography {
  color: inherit;
}
.dataList__item[data-selected="true"][data-focused="true"],
.dataList__item[data-selected="true"][data-hovered="true"],
.dataList__item[data-selected="true"][data-active="true"],
[data-focused="true"] > .dataList__item[data-selected="true"],
[data-hovered="true"] > .dataList__item[data-selected="true"] {
  background-color: rgb(var(--background--controls-low-hovered--light));
}
.dataList__item[data-selected="true"][data-focused="true"] .typography,
.dataList__item[data-selected="true"][data-hovered="true"] .typography,
.dataList__item[data-selected="true"][data-active="true"] .typography,
[data-focused="true"] > .dataList__item[data-selected="true"] .typography,
[data-hovered="true"] > .dataList__item[data-selected="true"] .typography {
  color: inherit;
}
.dataList__item {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: unset;
  border: unset;
}
.dataList__item--noMinHeight {
  --dataListItemMinHeight: auto;
}
.dataList__item--noGap {
  --dataListItemGap: 0px;
}
.dataList__item--hasDivider::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -0.5px;
  left: 0;
  display: block;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.dataList--inset .dataList__item--hasDivider::after {
  right: calc(2 * var(--offset--xs));
  left: calc(2 * var(--offset--xs));
}
.dataList__itemCell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  justify-content: center;
  padding: var(--padding--xs);
}
.dataList__itemCell.typography {
  padding-top: 0;
  padding-bottom: 0;
}
.dataList__itemCell--grow {
  flex-grow: 1;
}
.dataList__itemCell--shrink {
  flex-shrink: 1;
  min-width: 0;
}
a.dataList__item .typography,
.dataList__item[data-selected="true"] .typography {
  color: inherit;
}
.dataList__section {
  display: flex;
  flex-direction: column;
}
.dataList__sectionHeader {
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-small);
  font-weight: var(--fontWeight--body-small);
  font-style: normal;
  line-height: var(--lineHeight--body-small);
  color: rgb(var(--foreground--neutral-high-default--light));
  letter-spacing: var(--letterSpacing--body-small);
}
.dataList__sectionHeader .typography {
  color: inherit;
}
.dataList__item--gapXxs,
.dataList__sectionHeader--gapXxs {
  --dataListItemGap: var(--gap--xxs);
}
.dataList__item--gap,
.dataList__item--gapXs,
.dataList__sectionHeader--gap,
.dataList__sectionHeader--gapXs {
  --dataListItemGap: var(--gap--xs);
}
.dataList__item--gapSm,
.dataList__sectionHeader--gapSm {
  --dataListItemGap: var(--gap--sm);
}
.dataList__item--gapMd,
.dataList__sectionHeader--gapMd {
  --dataListItemGap: var(--gap--md);
}
.divider {
  --divider-color: rgb(var(--border--neutral-low-default--light) / var(--blend--medium--light));
  --divider-thickness: 1px;
  flex-shrink: 0;
  inline-size: 100%;
  block-size: var(--divider-thickness);
  margin: 0;
  background-color: var(--divider-color);
  border: none;
}
.divider--vertical {
  align-self: stretch;
  inline-size: var(--divider-thickness);
  block-size: auto;
  min-block-size: 100%;
}
.dropdownButton__trigger:focus-visible {
  outline: none;
}
.dropdownButton__trigger[data-focus-visible="true"] {
  outline: revert;
}
.dropdownButton__modalMenuOverlay {
  position: fixed;
  z-index: var(--elevation--overlay);
  inset: 0;
  background-color: rgb(var(--background--neutral-full-default--light) / var(--blend--medium--light));
  backdrop-filter: blur(2px);
}
.dropdownButton__modalMenuOverlay--fadeIn {
  animation: dropdownUnderlayFadeIn 0.3s;
}
@keyframes dropdownUnderlayFadeIn {
  from {
    opacity: var(--blend--full--light);
  }
  to {
    opacity: var(--blend--solid--light);
  }
}
.dropdownButton__modalMenuOverlay--fadeOut {
  animation: dropdownUnderlayFadeOut 0.3s;
}
@keyframes dropdownUnderlayFadeOut {
  from {
    opacity: var(--blend--solid--light);
  }
  to {
    opacity: var(--blend--full--light);
  }
}
.dropdownButton__modalMenu {
  pointer-events: none;
  position: fixed;
  z-index: var(--elevation--sidebar);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dropdownButton__modalMenu--fadeIn {
  animation: dropdownListContainerFadeIn 0.3s;
}
@keyframes dropdownListContainerFadeIn {
  from {
    max-height: 0;
  }
  to {
    max-height: 65vh;
  }
}
.dropdownButton__modalSubmenu {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  max-height: 65vh;
  padding: 0 1rem;
  background-color: rgb(var(--background--neutral-base-default--light));
}
.dropdownButton__modalSubmenu:has( ~ .dropdownButton__modalSubmenu),
.dropdownButton__modalSubmenu:has( ~ * .dropdownButton__modalSubmenu) {
  position: absolute;
  transform: translate(-150vw, 0);
}
.dropdownButton__modalSubmenu--popover {
  position: relative !important;
  top: unset !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
}
.dropdownButton__modalSubmenu--fadeOut {
  animation: dropdownListContainerFadeOut 0.3s;
}
@keyframes dropdownListContainerFadeOut {
  from {
    max-height: 65vh;
  }
  to {
    max-height: 0;
  }
}
.dropdownButton__modalSubmenuInner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.dropdownButton__modalSubmenuHeader {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: var(--margin--lg);
  padding: var(--padding--xs) var(--padding--sm);
  background: transparent;
  border: none;
}
.dropdownButton__modalSubmenuHeader:hover,
.dropdownButton__modalSubmenuHeader:focus-visible {
  outline: none;
}
.dropdownButton__modalSubmenuHeader > span:last-child {
  width: 100%;
  margin: 0;
}
.dropdownButton__list {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 32px);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.dropdownButton__list:hover,
.dropdownButton__list:focus-visible {
  outline: none;
}
.dropdownButton__list--mobileView {
  gap: var(--gap--sm);
  background: rgb(var(--background--neutral-base-default--light));
  border: none;
  box-shadow: var(--shadow--medium-soft--light);
}
.dropdownButton__listItem {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  min-width: 70px;
  color: rgb(var(--foreground--neutral-high-default--light));
  white-space: nowrap;
  background: rgb(var(--background--neutral-base-default--light));
}
.dropdownButton__listItem:not(:last-child) {
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.dropdownButton__listItem:hover {
  color: rgb(var(--foreground--neutral-high-default--light));
  text-decoration: none;
}
.dropdownButton__listItem:focus,
.dropdownButton__listItem:focus-visible {
  outline: none;
}
.dropdownButton__listItem[data-hovered="true"],
.dropdownButton__listItem[data-focused="true"] {
  text-decoration: none;
  background: rgb(var(--background--neutral-low-hovered--light));
  outline: none;
}
.dropdownButton__listItem[data-focus-visible="true"] {
  outline: revert;
}
.dropdownButton__listItem--mobileView {
  padding: 3px var(--padding--sm);
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.dropdownButton__listItem--action {
  background-color: rgb(var(--background--main-medium-default--light));
}
.dropdownButton__listItemLabel {
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  margin-right: auto;
  padding: var(--padding--xs);
}
.dropdownButton__listItemLabel > .typography {
  margin: 0;
}
.dropdownButton__listItemLabel > .typography + .typography {
  color: rgb(var(--foreground--neutral-high-default--light));
}
.dropdownButton__listItemLabel--action > .typography {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.dropdownButton__listItemLabel--action > .typography + .typography {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.dropdownButton__listItemLabel--mobileView {
  margin-left: auto;
}
.dropdownButton__listItemSubmenuIndicator {
  display: flex;
}
.dropdownButton__listItemSubmenuIndicator--mobileView {
  position: absolute;
  right: 6px;
}
.icon {
  --size: ;
  position: relative;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  width: var(--size);
  height: var(--size);
  font-size: 0;
  text-decoration: none;
  vertical-align: middle;
}
.icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: var(--fontFamily--icons);
  font-size: var(--size);
  -webkit-font-smoothing: antialiased;
  line-height: var(--size);
  text-align: center;
}
.icon--default::before {
  color: inherit;
}
.icon--primary::before {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.icon--secondary::before {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.icon--tertiary::before {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.icon--sm {
  --size: var(--size--lg);
}
.icon--md {
  --size: var(--size--xl);
}
.icon--lg {
  --size: var(--size--2xl);
}
.shp-add-user::before {
  content: '\e930';
}
.shp-add-user-full::before {
  content: '\e91d';
}
.shp-address::before {
  content: '\e950';
}
.shp-ai::before {
  content: '\f108';
}
.shp-alert::before {
  content: '\e911';
}
.shp-arrow::before {
  content: '\e935';
}
.shp-arrow-down::before {
  content: '\e919';
}
.shp-arrow-down-2::before {
  content: '\e91e';
}
.shp-arrow-left::before {
  content: '\e988';
}
.shp-arrow-right::before {
  content: '\e989';
}
.shp-arrow-up::before {
  content: '\e921';
}
.shp-arrow-up-2::before {
  content: '\e91f';
}
.shp-ascending::before {
  content: '\e981';
}
.shp-attachment::before {
  content: '\e937';
}
.shp-back::before {
  content: '\e974';
}
.shp-bullet::before {
  content: '\e929';
}
.shp-calendar::before {
  content: '\e92a';
}
.shp-calendar-check::before {
  content: '\f109';
}
.shp-capital::before {
  content: '\e9a4';
}
.shp-cart::before {
  content: '\e92e';
}
.shp-cart-full::before {
  content: '\e91c';
}
.shp-cashdesk::before {
  content: '\e904';
}
.shp-cashdesk-category::before {
  content: '\e927';
}
.shp-catalog3::before {
  content: '\e913';
}
.shp-catalog4::before {
  content: '\e934';
}
.shp-checkmark::before {
  content: '\e939';
}
.shp-clipboard::before {
  content: '\e965';
}
.shp-code::before {
  content: '\e9ac';
}
.shp-color-picker::before {
  content: '\f101';
}
.shp-comment::before {
  content: '\e953';
}
.shp-comment-help::before {
  content: '\e92d';
}
.shp-comment-notification::before {
  content: '\e932';
}
.shp-connections::before {
  content: '\e907';
}
.shp-credit-card::before {
  content: '\e991';
}
.shp-critical-status-symbol::before {
  content: '\f10e';
}
.shp-cross::before {
  content: '\e93c';
}
.shp-crown::before {
  content: '\e994';
}
.shp-csv::before {
  content: '\e9b4';
}
.shp-customers::before {
  content: '\e903';
}
.shp-delete::before {
  content: '\e940';
}
.shp-descending::before {
  content: '\e980';
}
.shp-description::before {
  content: '\e95a';
}
.shp-design::before {
  content: '\e905';
}
.shp-desktop::before {
  content: '\e996';
}
.shp-disabled::before {
  content: '\e926';
}
.shp-document::before {
  content: '\e960';
}
.shp-document-add::before {
  content: '\e961';
}
.shp-down::before {
  content: '\e978';
}
.shp-download::before {
  content: '\e920';
}
.shp-drag::before {
  content: '\e9ad';
}
.shp-edit-icon::before {
  content: '\e9a0';
}
.shp-education::before {
  content: '\e967';
}
.shp-education-outline::before {
  content: '\e995';
}
.shp-envelope::before {
  content: '\e94c';
}
.shp-external-link::before {
  content: '\e964';
}
.shp-face-negative::before {
  content: '\e918';
}
.shp-face-neutral::before {
  content: '\e963';
}
.shp-face-positive::before {
  content: '\e917';
}
.shp-folder::before {
  content: '\e95e';
}
.shp-folder-open::before {
  content: '\e928';
}
.shp-fullscreen::before {
  content: '\e92c';
}
.shp-fullscreen_exit::before {
  content: '\f104';
}
.shp-gallery::before {
  content: '\f10d';
}
.shp-group::before {
  content: '\e94f';
}
.shp-heart::before {
  content: '\e943';
}
.shp-helpdesk::before {
  content: '\e90a';
}
.shp-helpdesk-outline::before {
  content: '\e990';
}
.shp-hidden::before {
  content: '\e925';
}
.shp-house::before {
  content: '\e900';
}
.shp-house-full::before {
  content: '\e992';
}
.shp-house-store::before {
  content: '\e993';
}
.shp-indeterminate::before {
  content: '\f102';
}
.shp-info::before {
  content: '\e912';
}
.shp-info-small::before {
  content: '\e977';
}
.shp-informative-status-symbol::before {
  content: '\f10f';
}
.shp-inspect::before {
  content: '\e9ae';
}
.shp-isdoc::before {
  content: '\e9b5';
}
.shp-key::before {
  content: '\e94d';
}
.shp-layout::before {
  content: '\e9af';
}
.shp-link-off::before {
  content: '\e9b3';
}
.shp-link-on::before {
  content: '\e9b2';
}
.shp-list::before {
  content: '\e91a';
}
.shp-listImage::before {
  content: '\e936';
}
.shp-lock::before {
  content: '\e947';
}
.shp-logo::before {
  content: '\e93f';
}
.shp-logout::before {
  content: '\e9b0';
}
.shp-loop::before {
  content: '\e973';
}
.shp-marketing::before {
  content: '\e906';
}
.shp-menu::before {
  content: '\e945';
}
.shp-minus::before {
  content: '\e941';
}
.shp-mobile::before {
  content: '\e997';
}
.shp-money::before {
  content: '\e957';
}
.shp-more::before {
  content: '\e962';
}
.shp-move::before {
  content: '\e93d';
}
.shp-multishop::before {
  content: '\e9b1';
}
.shp-new-ui::before {
  content: '\f111';
}
.shp-next::before {
  content: '\e944';
}
.shp-notification::before {
  content: '\e90e';
}
.shp-number::before {
  content: '\e95c';
}
.shp-orders::before {
  content: '\e901';
}
.shp-parcels::before {
  content: '\e951';
}
.shp-pause::before {
  content: '\e972';
}
.shp-payment-QR::before {
  content: '\e9a2';
}
.shp-payment-cod::before {
  content: '\e9a1';
}
.shp-payment-wiretransfer::before {
  content: '\e9a3';
}
.shp-pdf::before {
  content: '\e942';
}
.shp-phone::before {
  content: '\e958';
}
.shp-placeholder::before {
  content: '\f103';
}
.shp-plus::before {
  content: '\e916';
}
.shp-plus-small::before {
  content: '\f10c';
}
.shp-preview::before {
  content: '\e90f';
}
.shp-preview-off::before {
  content: '\e938';
}
.shp-print::before {
  content: '\e914';
}
.shp-products::before {
  content: '\e902';
}
.shp-redo::before {
  content: '\e9aa';
}
.shp-remove::before {
  content: '\e915';
}
.shp-run-all::before {
  content: '\e956';
}
.shp-run-single::before {
  content: '\e90d';
}
.shp-sales-channels::before {
  content: '\f10a';
}
.shp-search::before {
  content: '\e90c';
}
.shp-settings::before {
  content: '\e909';
}
.shp-shoptet-love::before {
  content: '\e999';
}
.shp-shoptet-symbol::before {
  content: '\e9ab';
}
.shp-shoptet-text::before {
  content: '\e93e';
}
.shp-shoptetpay::before {
  content: '\e90b';
}
.shp-spinner::before {
  content: '\e93a';
}
.shp-split::before {
  content: '\e986';
}
.shp-square-x::before {
  content: '\f10b';
}
.shp-star-empty::before {
  content: '\e922';
}
.shp-star-full::before {
  content: '\e910';
}
.shp-star-half::before {
  content: '\e923';
}
.shp-statistics::before {
  content: '\e908';
}
.shp-success-status-symbol::before {
  content: '\f110';
}
.shp-superadmin::before {
  content: '\e954';
}
.shp-template::before {
  content: '\f107';
}
.shp-time::before {
  content: '\f105';
}
.shp-tip::before {
  content: '\e984';
}
.shp-toggle::before {
  content: '\e949';
}
.shp-toggle-up::before {
  content: '\e987';
}
.shp-transport::before {
  content: '\e955';
}
.shp-tree-close::before {
  content: '\e983';
}
.shp-tree-open::before {
  content: '\e982';
}
.shp-treemenu::before {
  content: '\e95f';
}
.shp-trending-up::before {
  content: '\e959';
}
.shp-undo::before {
  content: '\e9a9';
}
.shp-up::before {
  content: '\e979';
}
.shp-update::before {
  content: '\e931';
}
.shp-upload::before {
  content: '\f106';
}
.shp-user-full::before {
  content: '\e91b';
}
.shp-viewport-desktop::before {
  content: '\e9a5';
}
.shp-viewport-fullscreen::before {
  content: '\e9a8';
}
.shp-viewport-mobile::before {
  content: '\e9a7';
}
.shp-viewport-tablet::before {
  content: '\e9a6';
}
.shp-visible::before {
  content: '\e924';
}
.iconButton {
  --transitionDuration: 300ms;
  cursor: pointer;
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 1px solid transparent;
}
.iconButton--sm {
  width: 26px;
  height: 26px;
}
.iconButton--md {
  width: 32px;
  height: 32px;
}
.iconButton--lg {
  width: 48px;
  height: 48px;
}
.iconButton--primary {
  color: rgb(var(--foreground--controls-medium-default--light));
  border-color: rgb(var(--border--controls-medium-default--light));
}
.iconButton--primary:hover {
  color: rgb(var(--foreground--controls-medium-hovered--light));
  border-color: rgb(var(--border--controls-medium-hovered--light));
}
.iconButton--primary--disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.iconButton--secondary {
  color: rgb(var(--foreground--neutral-full-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.iconButton--secondary:hover {
  color: rgb(var(--foreground--neutral-full-hovered--light));
  border-color: rgb(var(--border--neutral-full-hovered--light));
}
.iconButton--secondary--disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.iconButton--action {
  color: rgb(var(--foreground--main-medium-default--light));
  border-color: rgb(var(--border--main-medium-default--light));
}
.iconButton--action:hover {
  color: rgb(var(--foreground--main-medium-hovered--light));
  border-color: rgb(var(--border--main-medium-hovered--light));
}
.iconButton--action--disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.iconButton--destructive {
  color: rgb(var(--foreground--critical-high-default--light));
  border-color: rgb(var(--border--critical-high-default--light));
}
.iconButton--destructive:hover {
  color: rgb(var(--foreground--critical-high-hovered--light));
  border-color: rgb(var(--border--critical-high-hovered--light));
}
.iconButton--destructive--disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
  border-color: rgb(var(--border--neutral-high-default--light));
}
.iconButton--ghost,
.iconButton--ghost:hover {
  border-color: transparent;
}
.iconButton > .loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (prefers-reduced-motion: reduce) {
  .iconButton {
    --transitionDuration: 0ms;
  }
}
.iconButton > .icon {
  transition-timing-function: ease-out;
  transition-duration: var(--transitionDuration);
  transition-property: opacity;
}
.iconButton--isLoading > .icon {
  opacity: var(--blend--full--light);
}
.v2image {
  position: relative;
  overflow: hidden;
  display: block;
  aspect-ratio: var(--image-aspect-ratio, 3 / 2);
  width: 100%;
}
.v2image .typography {
  margin-bottom: 0;
}
.v2image--responsive {
  aspect-ratio: auto;
}
.v2image--sm {
  width: 130px;
}
.v2image--md {
  width: 220px;
}
.v2image--lg {
  width: 440px;
}
.v2image--full {
  width: 100%;
}
.v2image__img {
  display: block;
  width: 100%;
  height: 100%;
}
.v2image__img--contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.v2image__img--cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.v2image__fallback {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap--xxs);
  align-items: center;
  justify-content: center;
}
.imageSelect {
  display: flex;
  flex-direction: column;
  gap: var(--gap--xs);
}
.imageSelect__preview {
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.imageSelect__preview--warning {
  border-color: rgb(var(--border--warning-medium-default--light));
}
.imageSelect__preview--error {
  border-color: rgb(var(--border--critical-high-default--light));
}
.imageSelect__action {
  display: flex;
  flex-direction: row;
  gap: var(--gap--xs);
  justify-content: center;
}
.imageSelect--width-sm {
  width: 130px;
}
.imageSelect--width-md {
  width: 220px;
}
.imageSelect--width-lg {
  width: 440px;
}
.imageSelect--width-full {
  width: 100%;
}
.imageSelect__modalBody {
  display: flex;
  flex-direction: column;
  gap: var(--gap--xl);
}
.imageSelect__modalBody p {
  margin: 0;
}
.v2form .imageSelect__action .btn {
  margin: unset;
}
.image-crop .advanced-cropper {
  background-color: #e0e0e0;
  background-image: linear-gradient(45deg, #b0b0b0 25%, transparent 25%), linear-gradient(-45deg, #b0b0b0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #b0b0b0 75%), linear-gradient(-45deg, transparent 75%, #b0b0b0 75%);
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
}
.image-crop .advanced-cropper-simple-handler {
  width: 6px;
  height: 6px;
  border: 1px solid rgb(var(--border--controls-medium-default--light));
}
.image-crop .advanced-cropper-simple-line {
  border-color: rgb(var(--border--controls-medium-default--light));
}
.landingPage {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap--xl);
  align-items: stretch;
  justify-content: start;
  background-color: rgb(var(--background--neutral-base-default--light));
}
@media only screen and (min-width: 576px) {
  .landingPage {
    padding: var(--padding--md);
    box-shadow: var(--shadow--medium-soft--light);
  }
}
@media only screen and (min-width: 992px) {
  .landingPage {
    padding: var(--padding--lg);
  }
}
@media only screen and (min-width: 1400px) {
  .landingPage {
    padding: var(--padding--xl);
  }
}
.landingPage__section {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  justify-content: start;
  width: 100%;
  padding: 0;
}
.landingPage__section-header {
  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
  align-items: stretch;
  justify-content: start;
  max-width: 826px;
  margin: 0 auto;
  padding: var(--padding--xl) 0;
}
.landingPage__section-header > .v2form,
.landingPage__section-header > .typography,
.landingPage__section-header > .systemMessage {
  margin-top: unset;
  margin-bottom: unset;
}
.landingPage__section-content {
  --maxWidth: min-content;
  --paddingHorizontal: 0px;
  display: flex;
  flex-direction: column;
  gap: var(--gap--xl);
  align-items: stretch;
  justify-content: start;
  width: min(var(--maxWidth), calc(100% - (2 * var(--paddingHorizontal))));
  padding: var(--padding--xl) var(--paddingHorizontal);
}
.landingPage__section-content > .v2form,
.landingPage__section-content > .typography,
.landingPage__section-content > .systemMessage {
  margin-top: unset;
  margin-bottom: unset;
}
.landingPage__section-content--maxWidthFit,
.landingPage__section-content--maxWidthLarge,
.landingPage__section-content--maxWidthMedium {
  margin: 0 auto;
}
.landingPage__section-content--maxWidthLarge {
  --maxWidth: 1150px;
  --paddingHorizontal: var(--padding--xl);
}
.landingPage__section-content--maxWidthMedium {
  --maxWidth: 826px;
}
.landingPage__section-content video {
  width: 100%;
}
.landingPage__section-actions {
  --maxWidth: min-content;
  display: grid;
  gap: var(--gap--lg);
  width: min(var(--maxWidth), calc(100%));
  margin: 0 auto;
  padding: var(--padding--xl) 0;
}
@media only screen and (min-width: 768px) {
  .landingPage__section-actions--2columns {
    grid-template-columns: repeat(2, 1fr);
  }
  .landingPage__section-actions--3columns {
    grid-template-columns: repeat(3, 1fr);
  }
  .landingPage__section-actions--4columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .landingPage__section-actions--4columns {
    grid-template-columns: repeat(4, 1fr);
  }
}
.list {
  --border-color: transparent;
  position: relative;
  margin: unset;
  padding: unset;
  list-style: none;
}
.list .icon,
.list .typography {
  margin-bottom: 0;
}
.list--columns {
  -moz-columns: 320px;
       columns: 320px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.list--columns-dense {
  -moz-columns: 160px;
       columns: 160px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.list__item {
  --gap: 8px;
  --min-height: 44px;
  --align-items: flex-start;
  display: flex;
  gap: var(--gap);
  align-items: var(--align-items);
  min-height: var(--min-height);
  padding-top: 4px;
  padding-bottom: 3px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}
.list__basicItem {
  display: list-item;
  margin-left: 1.75em;
  text-align: left;
  list-style-type: disc;
}
.list__item--divider {
  --border-color: rgb(var(--border--neutral-low-default--light));
}
.list__itemIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-bottom: var(--margin--xxs);
}
.list__itemIcon .icon {
  flex-shrink: 0;
}
.list__itemContent {
  overflow: hidden;
  display: flex;
  flex: 1 1 0px;
  flex-direction: column;
}
.list__itemValue {
  display: flex;
  flex: 0;
  gap: 4px;
}
.list__itemValue .list__itemValueContent {
  flex: 1 1 0px;
}
.list__item--ellipsis .typography,
.list__item--ellipsis .list__itemValueContent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list__item--dense {
  --min-height: auto;
}
.list__item--alignTop {
  --align-items: flex-start;
}
.list__item--alignCenter {
  --align-items: center;
}
.list__item--alignBottom {
  --align-items: flex-end;
}
.nestedNavigation {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  background-color: rgb(var(--background--neutral-base-default--light));
}
.nestedNavigationContent {
  overflow-y: auto;
  flex: 1;
  padding: var(--padding--lg);
  outline: none;
}
.nestedNavigationHeader {
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--background--neutral-base-default--light));
}
.nestedNavigationHeader__row {
  display: flex;
  align-items: center;
  padding: var(--padding--sm);
}
.nestedNavigationHeader__row--top {
  gap: var(--gap--lg);
}
.nestedNavigationHeader__row--child {
  gap: var(--gap--sm);
}
.nestedNavigationHeader__title {
  overflow: hidden;
  flex: 1;
  padding: var(--padding--xs) 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nestedNavigationHeader h1.nestedNavigationHeader__title,
.nestedNavigationHeader h2.nestedNavigationHeader__title,
.nestedNavigationHeader h3.nestedNavigationHeader__title,
.nestedNavigationHeader h4.nestedNavigationHeader__title,
.nestedNavigationHeader h5.nestedNavigationHeader__title,
.nestedNavigationHeader h6.nestedNavigationHeader__title {
  margin: 0;
}
.nestedNavigationHeader__title--indented {
  padding-left: var(--padding--sm);
}
.nestedNavigationItem {
  list-style: none;
}
.nestedNavigationItem > button {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--padding--xs) 0;
  color: rgb(var(--foreground--neutral-full-default--light));
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
}
.nestedNavigationItem > button[data-focused]:not(:disabled) {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.nestedNavigationItem > button:disabled {
  cursor: not-allowed;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.nestedNavigationItem > button[data-focused]:not(:disabled) .nestedNavigationItem__chevron .icon--secondary::before {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.nestedNavigationItem > button:disabled .nestedNavigationItem__icon .icon--primary::before,
.nestedNavigationItem > button:disabled .nestedNavigationItem__chevron .icon--secondary::before {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.nestedNavigationItem__row {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--padding--sm);
}
.nestedNavigationItem__labelGroup {
  display: flex;
  gap: var(--gap--sm);
  align-items: center;
}
.nestedNavigationItem__icon {
  display: flex;
}
.nestedNavigationItem__label {
  overflow: hidden;
  font-size: var(--fontSize--body-large);
  font-weight: var(--fontWeight--body-large);
  line-height: var(--lineHeight--body-large);
  text-overflow: ellipsis;
  letter-spacing: var(--letterSpacing--body-large);
  white-space: nowrap;
}
.nestedNavigationItem__chevron {
  display: flex;
  margin-left: var(--margin--sm);
}
.nestedNavigationList {
  overflow-y: auto;
  flex: 1;
  margin: 0;
  padding: var(--padding--sm);
  list-style: none;
  outline: none;
}
.popover {
  will-change: transform;
  background-color: rgb(var(--background--neutral-base-default--light));
  outline: none;
}
.popover--elevation-high {
  box-shadow: var(--shadow--high-soft--light), var(--shadow--high-sharp--light);
}
.popover--elevation-medium {
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}
.popover--elevation-low {
  box-shadow: var(--shadow--low-soft--light), var(--shadow--low-sharp--light);
}
.popover--padding-xxs {
  padding: var(--padding--xxs);
}
.popover--padding-xs {
  padding: var(--padding--xs);
}
.popover--padding-sm {
  padding: var(--padding--sm);
}
.popover--padding-md {
  padding: var(--padding--md);
}
.popover--padding-lg {
  padding: var(--padding--lg);
}
.popover--padding-xl {
  padding: var(--padding--xl);
}
.popover--padding-xxl {
  padding: var(--padding--2xl);
}
.popover--padding-3xl {
  padding: var(--padding--3xl);
}
.popover--padding-4xl {
  padding: var(--padding--4xl);
}
.preview {
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.preview[data-entering] {
  animation: previewSlide 200ms;
}
.preview[data-exiting] {
  animation: previewSlide 200ms reverse ease-in;
}
@keyframes previewSlide {
  from {
    opacity: var(--blend--full--light);
  }
  to {
    opacity: var(--blend--solid--light);
  }
}
.preview__image {
  cursor: zoom-out;
  max-height: inherit;
}
.preview__thumbnail {
  cursor: zoom-in;
  max-width: unset;
}
.printPosition {
  --transitionDuration: 300ms;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
  align-items: center;
  justify-content: flex-end;
  min-width: 80px;
  height: 110px;
  padding: var(--padding--sm);
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: transparent;
  border-color: rgb(var(--border--neutral-high-default--light));
  border-style: solid;
  border-width: 1px;
  outline: none;
  transition-timing-function: ease-out;
  transition-duration: var(--transitionDuration);
  transition-property: border-color;
}
.printPosition:focus-visible,
.printPosition:hover:not(:disabled) {
  border-color: rgb(var(--border--neutral-full-hovered--light));
}
.printPosition:disabled {
  cursor: default;
  background-color: rgb(var(--background--neutral-high-default--light));
}
.printPosition__position {
  font-family: var(--fontFamily--controls);
  font-size: var(--fontSize--controls-large);
  font-weight: var(--fontWeight--controls-large);
  line-height: var(--lineHeight--controls-large);
  letter-spacing: var(--letterSpacing--controls-large);
}
.printPosition__position:where(.printPosition:disabled > .printPosition__position) {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.printPosition__position:last-child {
  margin: auto 0;
}
.printPosition__label {
  visibility: hidden;
}
.printPosition__label:where(.printPosition:focus-visible > .printPosition__label),
.printPosition__label:where(.printPosition:hover:not(:disabled) > .printPosition__label) {
  visibility: visible;
}
.spacer {
  --size: var(--size--lg);
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: var(--size);
  min-height: var(--size);
}
.spacer--grow {
  flex-grow: 1;
}
.spacer--noGrow {
  flex-grow: 0;
}
.spacer--noSize {
  --size: 0px;
}
.spacer--size4xl {
  --size: var(--size--4xl);
}
.spacer--size3xl {
  --size: var(--size--3xl);
}
.spacer--sizeXxl {
  --size: var(--size--2xl);
}
.spacer--sizeXl {
  --size: var(--size--xl);
}
.spacer--size,
.spacer--sizeLg {
  --size: var(--size--lg);
}
.spacer--sizeMd {
  --size: var(--size--md);
}
.spacer--sizeSm {
  --size: var(--size--sm);
}
.spacer--sizeXs {
  --size: var(--size--xs);
}
.spacer--sizeXxs {
  --size: var(--size--xxs);
}
.stack {
  --alignItems: start;
  --gap: var(--gap--lg);
  --justifyContent: start;
  --maxWidth: min-content;
  --paddingBottom: 0px;
  --paddingLeft: 0px;
  --paddingRight: 0px;
  --paddingTop: 0px;
  display: flex;
  flex-direction: var(--flexDirection);
  flex-grow: var(--flexGrow);
  flex-shrink: var(--flexShrink);
  flex-wrap: var(--flexWrap);
  gap: var(--gap);
  align-items: var(--alignItems);
  justify-content: var(--justifyContent);
  width: min(var(--maxWidth), calc(100% - var(--paddingLeft) - var(--paddingRight)));
  padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
}
.stack--alignItemsStart {
  --alignItems: start;
}
.stack--alignItemsCenter {
  --alignItems: center;
}
.stack--alignItemsEnd {
  --alignItems: end;
}
.stack--alignItemsStretch {
  --alignItems: stretch;
}
.stack--flexDirectionColumn {
  --flexDirection: column;
}
.stack--flexDirectionColumnReverse {
  --flexDirection: column-reverse;
}
.stack--flexDirectionRow {
  --flexDirection: row;
}
.stack--flexDirectionRowReverse {
  --flexDirection: row-reverse;
}
.stack--justifyContentStart {
  --justifyContent: start;
}
.stack--justifyContentCenter {
  --justifyContent: center;
}
.stack--justifyContentEnd {
  --justifyContent: end;
}
.stack--justifyContentSpaceBetween {
  --justifyContent: space-between;
}
.stack--justifyContentSpaceAround {
  --justifyContent: space-around;
}
.stack--justifyContentSpaceEvenly {
  --justifyContent: space-evenly;
}
.stack--noGap {
  --gap: 0px;
}
.stack--gap4xl {
  --gap: var(--gap--4xl);
}
.stack--gap3xl {
  --gap: var(--gap--3xl);
}
.stack--gapXxl {
  --gap: var(--gap--2xl);
}
.stack--gapXl {
  --gap: var(--gap--xl);
}
.stack--gap,
.stack--gapLg {
  --gap: var(--gap--lg);
}
.stack--gapMd {
  --gap: var(--gap--md);
}
.stack--gapSm {
  --gap: var(--gap--sm);
}
.stack--gapXs {
  --gap: var(--gap--xs);
}
.stack--gapXxs {
  --gap: var(--gap--xxs);
}
.stack--grow {
  --flexGrow: 1;
}
.stack--noGrow {
  --flexGrow: 0;
}
.stack--maxWidthFit,
.stack--maxWidthMedium,
.stack--maxWidthLarge {
  margin-right: auto;
  margin-left: auto;
}
.stack--maxWidthLarge {
  --maxWidth: 1150px;
}
.stack--maxWidthMedium {
  --maxWidth: 826px;
}
.stack--noPadding {
  --paddingBottom: 0px;
  --paddingLeft: 0px;
  --paddingRight: 0px;
  --paddingTop: 0px;
}
.stack--padding {
  --paddingBottom: var(--padding--xl);
  --paddingLeft: var(--padding--xl);
  --paddingRight: var(--padding--xl);
  --paddingTop: var(--padding--xl);
}
.stack--paddingVertical {
  --paddingBottom: var(--padding--xl);
  --paddingTop: var(--padding--xl);
}
.stack--paddingHorizontal {
  --paddingLeft: var(--padding--xl);
  --paddingRight: var(--padding--xl);
}
.stack--shrink {
  --flexShrink: 1;
}
.stack--noShrink {
  --flexShrink: 0;
}
.stack--wrap {
  --flexWrap: wrap;
}
.stack--noWrap {
  --flexWrap: nowrap;
}
.stack > .v2form,
.stack > .typography,
.stack > .systemMessage,
.stack > .tableWrapper > .table {
  margin-top: unset;
  margin-bottom: unset;
}
.v2tabs > ul {
  position: relative;
  z-index: 8;
  overflow: hidden;
  height: 37px;
  margin: 0;
  padding: 3px 0 0;
  list-style: none;
  border-bottom: 1px solid rgb(var(--border--neutral-medium-default--light));
}
.v2tabs > ul.dropdown-ready {
  overflow: visible;
}
.v2tabs > ul::after {
  content: '';
  clear: both;
  display: table;
}
.v2tabs > ul > li {
  position: relative;
  float: left;
  margin-right: -1px;
  white-space: nowrap;
}
.v2tabs > ul > li.active {
  z-index: 2;
}
.v2tabs > ul > li > a,
.v2tabs > ul > li > button {
  display: block;
  height: 33px;
  padding: 8px 18px 0;
  font-size: 0.75rem;
  color: rgb(var(--foreground--neutral-full-default--light));
  text-decoration: none;
  white-space: nowrap;
  background-color: rgb(var(--background--neutral-low-default--light));
  border: 1px solid rgb(var(--border--neutral-medium-default--light));
  border-bottom: none;
}
.v2tabs > ul > li.v2tabs__tab--overflowed {
  position: absolute;
  visibility: hidden;
}
.v2tabs > ul > li:not(.active, .ui-tabs-active) > a:hover {
  color: rgb(var(--foreground--neutral-full-hovered--light));
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.v2tabs > ul > li.element-admin-only a {
  font-style: italic;
  color: rgb(var(--foreground--superadmin-high-default--light));
}
.v2tabs > ul > li.element-admin-only:not(.active, .ui-tabs-active) a:hover {
  color: rgb(var(--foreground--superadmin-high-hovered--light));
}
.v2tabs > ul > li.active::before,
.v2tabs > ul > li.ui-tabs-active::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgb(var(--background--main-medium-selected--light));
}
.v2tabs > ul .ui-tabs-validation-error::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgb(var(--background--critical-high-default--light));
}
.v2tabs > ul .ui-tabs-validation-error.ui-tabs-active::before {
  background: rgb(var(--background--critical-high-default--light));
}
.v2tabs > ul .ui-tabs-validation-error a::after {
  content: ' !';
  font-weight: 900;
  color: rgb(var(--foreground--critical-high-default--light));
}
.v2tabs > ul > li.active > a,
.v2tabs > ul > li.active > button,
.v2tabs > ul > li.ui-tabs-active > a,
.v2tabs > ul > li.ui-tabs-active > button {
  height: 34px;
  background-color: rgb(var(--background--neutral-base-default--light));
}
.v2tabs > .ui-tabs-panel {
  position: relative;
  display: block;
  min-height: 252px;
  padding: 18px 0 0;
}
/*
 * Show cursor pointer for non-active tabs even the <a> does not contain the [href] attribute.
 *
 * Note:
 * The pointer cursor is inherited if the tab link has an [href] attribute, regardless of whether the tab is selected or not
 */
.v2tabs ul li:not(.active) > a {
  cursor: pointer;
}
.ui-tabs-panel--hidden {
  display: none;
}
.v2tabs__dropdownList {
  position: absolute;
  z-index: 10;
  top: 33px;
  right: 0;
  display: block;
  max-height: 252px;
  /* [future] why hard-coded value? */
  margin: 0;
  margin-top: -3px;
  padding: 0;
  list-style-type: none;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  box-shadow: var(--shadow--medium-soft--light);
}
.v2tabs__dropdownListItem > a {
  position: relative;
  display: block;
  padding: 0.75rem 18px;
  font-size: 0.75rem;
  line-height: 1.25;
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: rgb(var(--background--neutral-base-default--light));
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.v2tabs__dropdownListItem > a:hover {
  text-decoration: none;
  background: rgb(var(--background--neutral-low-hovered--light));
}
.v2tabs__dropdownListItem--active > a {
  top: 0;
  margin-top: 0;
  margin-right: 0;
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--controls-medium-selected--light));
  border-right-style: none;
}
.v2tabs__dropdownListItem--active > a:hover {
  background-color: rgb(var(--background--controls-medium-hovered--light));
}
.v2tabs__dropdownListItem--last {
  border-bottom: none;
}
.toolbar {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  gap: var(--gap--sm);
  align-items: center;
  padding: 0 var(--padding--sm);
}
.toolbar--vertical {
  overflow-x: unset;
  overflow-y: auto;
  flex-direction: column;
  gap: 0;
  padding: var(--padding--sm) 0;
}
.toolbarGroup {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
}
input[type='checkbox'].switch {
  position: relative;
  width: 36px;
  height: 20px;
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--size--lg);
  transition: background-color 0.2s ease-in-out, left 0.2s ease-in-out;
}
input[type='checkbox'].switch::before {
  content: '' !important;
}
input[type='checkbox'].switch::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: var(--size--lg);
  height: var(--size--lg);
  opacity: var(--blend--solid--light);
  background-color: rgb(var(--background--controls-medium-default--light));
  border-radius: var(--size--lg);
  box-shadow: 0 1px 2px rgb(var(--background--neutral-strong-default--light) / var(--blend--strong--light));
  transition: all 0.2s ease-in-out;
}
input[type='checkbox'].switch:hover:not(:disabled)::after {
  background-color: rgb(var(--background--controls-medium-hovered--light));
}
input[type='checkbox'].switch:checked {
  background-color: rgb(var(--background--controls-medium-selected--light));
}
input[type='checkbox'].switch:checked::after {
  left: calc(var(--size--lg) + var(--tweak--1000));
  background-color: rgb(var(--background--neutral-base-default--light));
}
input[type='checkbox'].switch:checked:hover:not(:disabled) {
  background-color: rgb(var(--background--controls-medium-hovered--light));
}
input[type='checkbox'].switch:checked:hover:not(:disabled)::after {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
input[type='checkbox'].switch:disabled {
  opacity: var(--blend--medium--light);
}
input[type='checkbox'].switch.warning-field,
input[type='checkbox'].switch.warning-field:focus {
  border-color: rgb(var(--border--warning-medium-default--light));
}
input[type='checkbox'].switch.error-field,
input[type='checkbox'].switch.error-field:focus {
  border-color: rgb(var(--border--critical-high-default--light));
}
input[type='checkbox'].switch--sm {
  width: 28px;
  height: 16px;
}
input[type='checkbox'].switch--sm::after {
  left: 1px;
  width: 12px;
  height: 12px;
}
input[type='checkbox'].switch--sm:checked::after {
  left: 13px;
}
.tooltip__trigger {
  cursor: help;
  display: inline-block;
  border-bottom: 1px dashed rgb(var(--border--links-strong-default--light));
}
.tooltip__trigger:hover {
  color: rgb(var(--foreground--links-strong-hovered--light));
  border-bottom-color: currentColor;
}
.tooltip {
  --tooltipPadding: var(--padding--md);
  --tooltipAnimationDuration: 200ms;
  --tooltipAnimationOrigin: translateY(var(--offset--sm));
  cursor: help;
  transform: rotate(0deg);
  max-width: 300px;
  padding: var(--tooltipPadding);
  color: rgb(var(--foreground--neutral-full-default--dark));
  text-align: center;
  word-wrap: break-word;
  background-color: rgb(var(--background--neutral-strong-default--light));
  outline: none;
  fill: rgb(var(--background--neutral-strong-default--light));
}
.tooltip[data-placement='bottom'] {
  --tooltipAnimationOrigin: translateY(calc(-1 * var(--offset--sm)));
}
.tooltip[data-placement='left'] {
  --tooltipAnimationOrigin: translateX(var(--offset--sm));
}
.tooltip[data-placement='right'] {
  --tooltipAnimationOrigin: translateX(calc(-1 * var(--offset--sm)));
}
.tooltip[data-placement='bottom'] .tooltip__arrow > svg {
  transform: rotate(180deg);
}
.tooltip[data-placement='right'] .tooltip__arrow > svg {
  transform: rotate(90deg);
}
.tooltip[data-placement='left'] .tooltip__arrow > svg {
  transform: rotate(-90deg);
}
.tooltip .tooltip__arrow svg {
  display: block;
}
.tooltip[data-state='opened'] {
  animation: tooltipSlideIn var(--tooltipAnimationDuration) forwards;
}
.tooltip[data-state='closed'] {
  animation: tooltipSlideOut var(--tooltipAnimationDuration) ease-in forwards;
}
.tooltip a {
  color: inherit;
  text-decoration: underline;
}
.tooltip .typography {
  color: inherit;
}
.tooltip .typography strong {
  color: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .tooltip {
    --tooltipAnimationDuration: 0ms;
  }
}
@keyframes tooltipSlideIn {
  from {
    transform: var(--tooltipAnimationOrigin);
    opacity: var(--blend--full--light);
  }
  to {
    transform: translate(0, 0);
    opacity: var(--blend--solid--light);
  }
}
@keyframes tooltipSlideOut {
  from {
    transform: translate(0, 0);
    opacity: var(--blend--solid--light);
  }
  to {
    transform: var(--tooltipAnimationOrigin);
    opacity: var(--blend--full--light);
  }
}
.typography::after {
  content: none;
}
.typography__headline1 {
  margin: 0 0 0.834em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h1);
  font-weight: var(--fontWeight--headline-h1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--lineHeight--headline-h1);
  color: rgb(var(--foreground--blue-medium-default--light));
  letter-spacing: var(--letterSpacing--headline-h1);
}
.typography__headline1:nth-child(n + 2) {
  margin-top: 0.834em;
}
.typography__headline1 strong {
  font-weight: var(--fontWeight--headline-h1);
  color: rgb(var(--foreground--green-medium-default--light));
}
@media only screen and (min-width: 576px) {
  .typography__headline1 {
    font-family: var(--fontFamily--headline);
    font-size: var(--fontSize--headline-h1--sm);
    font-weight: var(--fontWeight--headline-h1--sm);
    line-height: var(--lineHeight--headline-h1--sm);
    letter-spacing: var(--letterSpacing--headline-h1--sm);
  }
}
.typography__headline2 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h2);
  font-weight: var(--fontWeight--headline-h2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--lineHeight--headline-h2);
  color: rgb(var(--foreground--blue-medium-default--light));
  letter-spacing: var(--letterSpacing--headline-h2);
}
.typography__headline2::after {
  visibility: hidden;
}
.typography__headline2:nth-child(n + 2) {
  margin-top: 1.5em;
}
.typography__headline2 strong {
  font-weight: var(--fontWeight--headline-h2);
  color: rgb(var(--foreground--green-medium-default--light));
}
.typography__headline3 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h3);
  font-weight: var(--fontWeight--headline-h3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--lineHeight--headline-h3);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h3);
}
.typography__headline3:nth-child(n + 2) {
  margin-top: 1.7em;
}
.typography__headline3 strong {
  font-weight: var(--fontWeight--headline-h3);
  color: rgb(var(--foreground--green-medium-default--light));
}
.typography__headline4 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h4);
  font-weight: var(--fontWeight--headline-h4);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--lineHeight--headline-h4);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h4);
}
.typography__headline4:nth-child(n + 2) {
  margin-top: 0.834em;
}
.typography__headline4 strong {
  font-weight: var(--fontWeight--headline-h4);
  color: rgb(var(--foreground--green-medium-default--light));
}
.typography__headline5 {
  margin: 0 0 0.5em;
  font-family: var(--fontFamily--headline);
  font-size: var(--fontSize--headline-h5);
  font-weight: var(--fontWeight--headline-h5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--lineHeight--headline-h5);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--headline-h5);
}
.typography__headline5:nth-child(n + 2) {
  margin-top: 1em;
}
.typography__headline5 strong {
  font-weight: var(--fontWeight--headline-h5);
  color: rgb(var(--foreground--green-medium-default--light));
}
.typography__bodyCopyS {
  max-width: 826px;
  margin: 0 0 1.5em;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-small);
  font-weight: var(--fontWeight--body-small);
  line-height: var(--lineHeight--body-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-small);
}
.typography__bodyCopyS strong,
.typography__bodyCopySB {
  max-width: 826px;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--strong-small);
  font-weight: var(--fontWeight--strong-small);
  line-height: var(--lineHeight--strong-small);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--strong-small);
}
.typography__bodyCopyM {
  max-width: 826px;
  margin: 0 0 1.5em;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-medium);
}
.typography__bodyCopyM strong,
.typography__bodyCopyMB {
  max-width: 826px;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--strong-medium);
  font-weight: var(--fontWeight--strong-medium);
  line-height: var(--lineHeight--strong-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--strong-medium);
}
.typography__bodyCopyL {
  max-width: 826px;
  margin: 0 0 1.5em;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-large);
  font-weight: var(--fontWeight--body-large);
  line-height: var(--lineHeight--body-large);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--body-large);
}
.typography__bodyCopyL strong,
.typography__bodyCopyLB {
  max-width: 826px;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--strong-large);
  font-weight: var(--fontWeight--strong-large);
  line-height: var(--lineHeight--strong-large);
  color: rgb(var(--foreground--neutral-full-default--light));
  letter-spacing: var(--letterSpacing--strong-large);
}
.typography--left {
  text-align: left;
}
.typography--center {
  text-align: center;
}
.typography--right {
  text-align: right;
}
.typography--primary {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.typography--secondary {
  color: rgb(var(--foreground--neutral-high-default--light));
}
.typography--tertiary {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.typography--inverted {
  color: rgb(var(--foreground--neutral-full-default--dark));
}
.typography--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.typography--divider {
  overflow: hidden;
}
.typography--divider::after {
  content: '';
  display: inline-block;
  width: 100%;
  margin-right: -100%;
  margin-left: 15px;
  vertical-align: middle;
  visibility: inherit;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
.promoHero {
  display: flex;
  min-height: 400px;
  background-color: rgb(var(--background--blue-low-default--light) / var(--blend--medium--light));
}
.promoHero .promoHero__content {
  overflow: hidden;
  display: flex;
  flex-basis: 55%;
  flex-direction: column;
  justify-content: center;
  padding: 48px;
}
.promoHero .promoHero__content h1,
.promoHero .promoHero__content .typography__headline1 {
  overflow: hidden;
  margin-bottom: 16px;
}
.promoHero .promoHero__content p {
  overflow: hidden;
  margin-bottom: 24px;
}
.promoHero .promoHero__image {
  display: flex;
  flex-basis: 45%;
}
.promoHero .promoHero__image > img,
.promoHero .promoHero__image > svg {
  width: 100%;
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.promoHero .promoHero__image--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.promoHero .promoHero__image--cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .promoHero {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .promoHero .promoHero__content {
    padding: 48px 24px;
  }
  .promoHero .promoHero__image img,
  .promoHero .promoHero__image svg {
    max-height: 300px;
  }
}
.uspCard {
  --uspCard-content-gap-16: var(--gap--lg);
  --uspCard-content-gap-48: var(--gap--4xl);
  --uspCard-content-padding-48: var(--padding--4xl);
  --uspCard-image-size: 300px;
  display: flex;
  flex-direction: column;
  gap: var(--uspCard-content-gap-16);
}
.uspCard .typography {
  margin: 0;
}
.uspCard.uspCard--noImage {
  padding-top: var(--padding--lg);
  padding-right: var(--padding--xl);
  padding-bottom: var(--padding--lg);
  padding-left: var(--padding--xl);
}
.uspCard__image {
  min-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.uspCard__image--contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.uspCard__image--cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.uspCard__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--uspCard-content-gap-16);
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  .uspCard.uspCard--hasImage {
    padding-right: 0;
    padding-left: 0;
  }
  .uspCard.uspCard--hasNoImage {
    padding-right: var(--uspCard-content-padding-48);
    padding-left: var(--uspCard-content-padding-48);
  }
  .uspCard.uspCard--isResponsive,
  .uspCard.uspCard--isResponsiveReversed {
    gap: var(--uspCard-content-gap-48);
  }
  .uspCard.uspCard--isResponsive {
    flex-direction: row;
  }
  .uspCard.uspCard--isResponsiveReversed {
    flex-direction: row-reverse;
  }
  :where(.uspCard--isResponsive) > .uspCard__image,
  :where(.uspCard--isResponsiveReversed) > .uspCard__image {
    width: 33%;
    min-width: var(--uspCard-image-size);
    max-height: var(--uspCard-image-size);
  }
  :where(.uspCard--hasImage.uspCard--isResponsive) > .uspCard__content,
  :where(.uspCard--hasImage.uspCard--isResponsiveReversed) > .uspCard__content {
    padding-top: var(--uspCard-content-padding-48);
    padding-bottom: var(--uspCard-content-padding-48);
  }
}
.ctaBanner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  padding-top: var(--padding--4xl);
  padding-right: var(--padding--xl);
  padding-bottom: var(--padding--4xl);
  padding-left: var(--padding--xl);
  text-decoration: none;
  background: rgb(var(--background--blue-low-default--light));
}
.ctaBanner .typography {
  max-inline-size: 520px;
  margin: 0 auto;
  text-align: center;
  text-wrap: balance;
}
@media only screen and (min-width: 576px) {
  .ctaBanner {
    padding-right: var(--padding--4xl);
    padding-left: var(--padding--4xl);
  }
}
.ctaBanner__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.radioGroup--flex {
  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
}
.radioGroup--flexHorizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--gap--sm);
  -moz-column-gap: var(--gap--xl);
       column-gap: var(--gap--xl);
}
.radioGroup--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--radioGroup-min-column-width, 160px), 1fr));
  row-gap: var(--gap--md);
  -moz-column-gap: var(--gap--md);
       column-gap: var(--gap--md);
}
.radioGroup--gapSm {
  row-gap: var(--gap--sm);
  -moz-column-gap: var(--gap--sm);
       column-gap: var(--gap--sm);
}
.radioGroup--gapMd {
  row-gap: var(--gap--md);
  -moz-column-gap: var(--gap--md);
       column-gap: var(--gap--md);
}
.radioGroup--gapLg {
  row-gap: var(--gap--lg);
  -moz-column-gap: var(--gap--lg);
       column-gap: var(--gap--lg);
}
.radioGroup--gapXl {
  row-gap: var(--gap--xl);
  -moz-column-gap: var(--gap--xl);
       column-gap: var(--gap--xl);
}
.radioGroup__imageOption {
  cursor: pointer;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
}
.radioGroup__imageOption:focus-within {
  outline: 2px solid rgb(var(--border--controls-medium-selected--light));
  outline-offset: -2px;
  box-shadow: var(--shadow--focus--light);
}
.radioGroup__imageOption > * {
  z-index: -1;
}
.radioGroup__imageOption__label {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.radioGroup__imageOption--checked {
  outline: 2px solid rgb(var(--border--controls-medium-selected--light));
  outline-offset: -2px;
}
.radioGroup__imageOption--disabled {
  cursor: not-allowed;
  opacity: var(--blend--medium--light);
}
.radioGroup__imageOption--error {
  border: 1px solid rgb(var(--border--critical-high-default--light));
  outline: none;
}
.radioGroup__imageOption--error:focus-within {
  outline: none;
}
.radioGroup__imageOption--warning {
  border: 1px solid rgb(var(--border--warning-medium-default--light));
  outline: none;
}
.radioGroup__imageOption--warning:focus-within {
  outline: none;
}
.radioGroup__imageOptionCheckmark {
  position: absolute;
  top: var(--offset--xs);
  right: var(--offset--xs);
  color: rgb(var(--foreground--controls-medium-selected--light));
}
.radioGroup__imageOptionCheckmarkEmpty {
  display: block;
  width: calc(var(--size--xl) - 4px);
  height: calc(var(--size--xl) - 4px);
  margin: 2px;
  background-color: rgb(var(--background--neutral-base-default--light));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: 50%;
}
.ratingsOverview--sentimentPositive::before {
  color: rgb(var(--foreground--success-high-default--light));
}
.ratingsOverview--sentimentNeutral::before {
  color: rgb(var(--foreground--warning-medium-default--light));
}
.ratingsOverview--sentimentNegative::before {
  color: rgb(var(--foreground--critical-high-default--light));
}
.ratingsOverview--button {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
}
.reorderableListing {
  display: flex;
  flex-direction: column;
  gap: var(--gap--md);
  background: transparent;
}
.reorderableListing__list {
  display: flex;
  flex-direction: column;
  /* Breathing room for the 1px drop-indicator outline at the first/last gap. */
  padding-top: var(--padding--line);
  padding-bottom: var(--padding--line);
}
.reorderableListing__row {
  display: flex;
  flex-direction: column;
  outline: none;
}
.reorderableListing__dropIndicator[data-drop-target='true'] {
  outline: 1px solid rgb(var(--border--controls-medium-selected--light));
}
.reorderableListing__item {
  display: flex;
  flex-direction: row;
  gap: var(--gap--md);
  align-items: center;
  height: 48px;
  padding-top: var(--padding--sm);
  padding-right: var(--padding--sm);
  padding-bottom: var(--padding--sm);
  background-color: transparent;
}
.reorderableListing__row:hover .reorderableListing__item,
.reorderableListing__row[data-focus-visible='true'] .reorderableListing__item,
.reorderableListing__row:focus-within .reorderableListing__item {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.reorderableListing__item--subitem {
  padding-left: var(--padding--lg);
}
.reorderableListing__item--hover {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.reorderableListing__item--dragging,
.reorderableListing__row[data-dragging='true'] .reorderableListing__item {
  background-color: rgb(var(--background--controls-low-hovered--light));
}
.reorderableListing__item--disabled .reorderableListing__labelText,
.reorderableListing__item--hidden .reorderableListing__labelText,
.reorderableListing__item--disabled .reorderableListing__icon,
.reorderableListing__item--hidden .reorderableListing__icon,
.reorderableListing__item--disabled .reorderableListing__handle,
.reorderableListing__item--hidden .reorderableListing__handle {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.reorderableListing__item--hidden .reorderableListing__actions .iconButton {
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.reorderableListing__item--hidden .reorderableListing__actions .iconButton:hover {
  color: rgb(var(--foreground--neutral-full-default--light));
}
.reorderableListing__handle {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: rgb(var(--foreground--neutral-full-default--light));
}
.reorderableListing__dragHandle {
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}
.reorderableListing__dragHandle[data-focus-visible='true'] {
  outline: 2px solid rgb(var(--border--controls-medium-selected--light));
  outline-offset: 2px;
}
.reorderableListing__dragHandle[data-dragging='true'] {
  cursor: grabbing;
}
.reorderableListing__dragHandle:disabled {
  cursor: default;
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.reorderableListing__marker {
  transform: translateY(-3px);
  color: rgb(var(--foreground--neutral-medium-default--light));
}
.reorderableListing__label {
  overflow: hidden;
  display: flex;
  flex: 1 0 0;
  gap: var(--gap--md);
  align-items: center;
  min-width: 0;
  height: 100%;
}
.reorderableListing__icon {
  flex-shrink: 0;
}
.reorderableListing__media {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.reorderableListing__labelText {
  overflow: hidden;
  flex: 1 0 0;
  min-width: 0;
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-large);
  line-height: var(--lineHeight--body-large);
  text-overflow: ellipsis;
  letter-spacing: var(--letterSpacing--body-large);
  white-space: nowrap;
}
.reorderableListing__actions {
  pointer-events: none;
  display: flex;
  flex-shrink: 0;
  gap: var(--gap--sm);
  align-items: center;
  margin-left: auto;
  opacity: 0;
}
.reorderableListing__row:hover .reorderableListing__actions,
.reorderableListing__row[data-focus-visible='true'] .reorderableListing__actions,
.reorderableListing__row:focus-within .reorderableListing__actions {
  pointer-events: auto;
  opacity: 1;
}
.reorderableListing__item--hidden .reorderableListing__actions,
.reorderableListing__item--hover .reorderableListing__actions {
  pointer-events: auto;
  opacity: 1;
}
.reorderableListing__item--dragging .reorderableListing__actions,
.reorderableListing__row[data-dragging='true'] .reorderableListing__actions {
  pointer-events: none;
  opacity: 0;
}
.reorderableListing__footer {
  display: flex;
  align-items: center;
  width: 100%;
}
.reviewCard {
  --borderRadius: var(--borderRadius--none);
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius);
}
.reviewCard__header,
.reviewCard__content,
.reviewCard__footer {
  position: relative;
  padding-right: var(--padding--md);
  padding-left: var(--padding--md);
}
.reviewCard__header .typography,
.reviewCard__content .typography,
.reviewCard__footer .typography {
  margin: unset;
}
.reviewCard__header {
  display: flex;
  flex-direction: column;
  gap: var(--gap--xl);
  align-items: stretch;
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}
.reviewCard__content {
  flex-grow: 1;
  padding-top: var(--padding--lg);
  padding-bottom: var(--padding--lg);
}
.reviewCard__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}
.reviewCard__footer::before {
  content: '';
  position: absolute;
  top: 0;
  right: var(--offset--md);
  left: var(--offset--md);
  display: block;
  border-top: 1px solid rgb(var(--border--neutral-low-default--light));
}
.segmentedControl {
  display: inline-flex;
  gap: var(--gap--xxs);
  align-items: stretch;
  padding: var(--padding--xxs);
  background-color: rgb(var(--background--neutral-low-default--light));
  border-radius: 0;
}
.segmentedControl--lg {
  font-size: var(--fontSize--body-large);
  line-height: var(--lineHeight--body-large);
}
.segmentedControl--lg .segmentedControl__segment {
  padding: calc(var(--padding--md) - var(--tweak--2000)) calc(var(--padding--lg) - var(--tweak--2000));
}
.segmentedControl--lg.segmentedControl--iconOnly .segmentedControl__segment {
  padding: calc(var(--padding--md) - var(--tweak--2000));
}
.segmentedControl--md {
  font-size: var(--fontSize--body-medium);
  line-height: var(--lineHeight--body-medium);
}
.segmentedControl--md .segmentedControl__segment {
  padding: calc(var(--padding--xs) - var(--tweak--2000)) var(--padding--md);
}
.segmentedControl--md.segmentedControl--iconOnly .segmentedControl__segment {
  padding: calc(var(--padding--xs) - var(--tweak--2000));
}
.segmentedControl--sm {
  font-size: var(--fontSize--body-medium);
  line-height: var(--lineHeight--body-medium);
}
.segmentedControl--sm .segmentedControl__segment {
  padding: calc(var(--padding--xs) - var(--tweak--2000)) calc(var(--padding--md) - var(--tweak--2000));
}
.segmentedControl__segment {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: inline-flex;
  gap: var(--gap--xs);
  align-items: center;
  justify-content: center;
  color: rgb(var(--foreground--neutral-full-default--light));
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0;
}
.segmentedControl__segment .segmentedControl__segment-input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  opacity: 0;
  clip-path: inset(50%);
  border: 0;
}
.segmentedControl__segment:focus-within {
  outline: none;
  box-shadow: var(--shadow--focus--light);
}
.segmentedControl__segment:not(.segmentedControl__segment--selected):not(.segmentedControl__segment--disabled):hover {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.segmentedControl__segment--selected {
  cursor: default;
  background-color: rgb(var(--background--neutral-base-default--light));
}
.segmentedControl__segment--disabled {
  cursor: not-allowed;
  color: rgb(var(--foreground--neutral-high-default--light));
  opacity: 0.5;
}
.segmentedControl--iconOnly .segmentedControl__segment {
  aspect-ratio: 1;
  padding: 0;
}
.segmentedControl__segment-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--size-xl);
  height: var(--size-xl);
}
.segmentedControl__segment-suffix {
  display: inline-flex;
  align-items: center;
}
.stepper {
  --stepper-dimensions: 32px;
  --stepper-width: 100%;
  --stepper-gap: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--stepper-gap);
}
.stepper__steps {
  display: flex;
  gap: var(--stepper-gap);
  align-items: stretch;
}
.stepper__summary {
  display: flex;
  gap: 4px;
}
.stepper__separator {
  flex: 1 1 0px;
  align-self: center;
  height: 1px;
  background: rgb(var(--border--neutral-low-default--light));
}
.stepper .typography {
  margin-bottom: 0;
  text-wrap: nowrap;
}
.stepper__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--stepper-gap);
  align-items: center;
}
.stepper__item .icon {
  color: transparent;
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: 9999px;
}
.stepper__icon {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  min-width: var(--stepper-dimensions);
  min-height: var(--stepper-dimensions);
  border-radius: 9999px;
}
.stepper__item--completed .icon {
  color: rgb(var(--foreground--controls-medium-selected--light));
  background: rgb(var(--background--controls-low-default--light));
}
.stepper__item--active .stepper__icon {
  border: 1px solid rgb(var(--border--controls-medium-selected--light));
}
.stepper__item--active .icon {
  background: rgb(var(--background--controls-medium-selected--light));
  border-radius: 9999px;
}
.stepper__item .stepper__label {
  display: none;
}
.stepper__label .typography {
  flex-grow: 1;
  text-wrap: balance;
}
.stepper__labelPrefix .typography {
  color: rgb(var(--foreground--neutral-high-default--light));
}
@media only screen and (min-width: 992px) {
  .stepper {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .stepper__summary {
    pointer-events: none;
    visibility: hidden;
    opacity: var(--blend--full--light);
  }
  .stepper__item {
    flex: 1 1 0px;
  }
  .stepper__item:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + var(--stepper-dimensions) - var(--stepper-gap));
    display: block;
    width: calc(100% - var(--stepper-dimensions));
    height: 1px;
    margin-top: calc(var(--stepper-dimensions) / 2);
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-color: rgb(var(--border--neutral-low-default--light));
  }
  .stepper__separator {
    flex: 0;
  }
  .stepper__item .stepper__label {
    display: unset;
    text-align: center;
  }
  .stepper__item .stepper__label .typography {
    text-align: center;
  }
  .stepper__labelPrefix {
    display: none;
  }
}
.tag {
  /**
    * To ensure pill-like appearance
    * The height of the tag is calculated based on the vertical padding and the font size.
    * The padding is set to `var(--padding--xxs)` (1px in small variant) on the top and bottom,
    * and the font size is taken from the typography settings.
    * The line height is also considered to ensure proper vertical alignment.
    */
  --component-height: calc(var(--size--xxs) + var(--size--xxs) + (var(--fontSize--body-medium) + var(--lineHeight--body-medium)));
  display: inline-block;
  padding: var(--padding--xxs) var(--padding--sm);
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: var(--lineHeight--body-medium);
  letter-spacing: var(--letterSpacing--body-medium);
  white-space: nowrap;
  border-radius: calc(var(--component-height) / 2);
}
.tag.tag--sm {
  /**
      * 2px represents the top and bottom padding (1px each)
      */
  --component-height: calc(2px + var(--lineHeight--body-small));
  padding: 1px var(--padding--xs);
  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-small);
  font-weight: var(--fontWeight--body-small);
  line-height: var(--lineHeight--body-small);
  letter-spacing: var(--letterSpacing--body-small);
}
.tag.tag--primary {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--neutral-high-default--light));
}
.tag.tag--primary.tag--notice {
  background-color: rgb(var(--background--notice-medium-default--light));
}
.tag.tag--primary.tag--success {
  background-color: rgb(var(--background--success-high-default--light));
}
.tag.tag--primary.tag--alert {
  background-color: rgb(var(--background--warning-medium-default--light));
}
.tag.tag--primary.tag--error {
  background-color: rgb(var(--background--critical-high-default--light));
}
.tag.tag--secondary {
  --shadow-color: rgb(var(--border--neutral-high-default--light));
  --shadow: inset 0 0 0 1px var(--shadow-color);
  color: rgb(var(--foreground--neutral-full-default--light));
  box-shadow: var(--shadow);
}
.tag.tag--secondary.tag--notice {
  --shadow-color: rgb(var(--border--notice-medium-default--light));
}
.tag.tag--secondary.tag--success {
  --shadow-color: rgb(var(--border--success-high-default--light));
}
.tag.tag--secondary.tag--alert {
  --shadow-color: rgb(var(--border--warning-medium-default--light));
}
.tag.tag--secondary.tag--error {
  --shadow-color: rgb(var(--border--critical-high-default--light));
}
.tag.tag--numeric {
  font-variant-numeric: tabular-nums;
}
.v2Tree {
  display: flex;
  flex-direction: column;
  gap: var(--gap--xl);
}
.v2Tree__listContainer {
  overflow-x: auto;
  padding-top: 1px;
  padding-bottom: 1px;
}
.v2Tree__list {
  --checkbox-width: 0px;
  --drag-handle-width: 0px;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.v2Tree__list[data-selection-mode='multiple'] {
  --checkbox-width: 22px;
}
.v2Tree__list[data-allows-dragging='true'] {
  --drag-handle-width: 26px;
}
.v2Tree__list .v2Tree__dropIndicator[data-drop-target='true'] {
  margin-left: calc((var(--tree-item-level) - 1) * (var(--margin--xl) + var(--margin--xxs)) + var(--checkbox-width) + var(--drag-handle-width));
  outline: 1px solid rgb(var(--border--controls-medium-selected--light));
}
.v2Tree__listItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
  background-color: rgb(var(--background--neutral-base-default--light));
  outline: none;
}
.v2Tree__listItem[data-focus-visible='true'],
.v2Tree__listItem:focus-within,
.v2Tree__listItem:hover {
  background-color: rgb(var(--background--neutral-low-hovered--light));
}
.v2Tree__listItem[aria-expanded] {
  cursor: pointer;
}
.v2Tree__listItem[data-drop-target='true'] {
  box-shadow: inset 0 0 0 1px rgb(var(--border--controls-medium-selected--light));
}
.v2Tree__listItem[data-dragging='true'] {
  background-color: #6263641a;
}
.v2Tree__listItem[data-dragging='true'] * {
  opacity: var(--blend--medium--light);
}
.v2Tree__listItem .checkboxField {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .v2Tree__listItem {
    padding-top: var(--padding--xs);
    padding-bottom: var(--padding--xs);
  }
}
.v2Tree__listItemSpacer {
  flex-shrink: 0;
  width: calc(var(--size--xl) + var(--size--xxs));
}
.v2Tree__listItemIndent {
  flex-shrink: 0;
  width: calc((var(--tree-item-level) - 1) * (var(--size--xl) + var(--size--xxs)));
}
.v2Tree__listItemLabel {
  margin: 0;
  padding: var(--padding--xs);
}
.v2Tree__listItemDescription {
  margin: 0;
  padding: var(--padding--xs);
}
.v2Tree__listItemActions {
  display: flex;
  flex-direction: row;
  gap: var(--gap--xs);
  margin-left: auto;
  padding-right: var(--padding--xs);
  padding-left: var(--padding--xs);
  opacity: var(--blend--full--light);
}
.v2Tree__listItemActions.v2Tree__listItemActions--alwaysVisible,
.v2Tree__listItem:hover .v2Tree__listItemActions,
.v2Tree__listItem[data-focus-visible='true'] .v2Tree__listItemActions,
.v2Tree__listItem:focus-within .v2Tree__listItemActions {
  opacity: var(--blend--solid--light);
}
body.theme-brand {
  --colors-interactive-primary-enabled: #0065f1;
  --colors-interactive-primary-hover: #0058d4;
  --colors-interactive-primary-disabled: #918f89;
  --colors-interactive-focus-primary: #0065f1;
  --colors-interactive-action-enabled: #0065f1;
  --colors-interactive-action-hover: #0058d4;
  --colors-interactive-action-disabled: #918f89;
  --colors-interactive-content-secondary: #292824;
  --colors-interactive-secondary-enabled: #65635e;
  --colors-interactive-secondary-hover: #292824;
  --colors-interactive-secondary-activated: #0065f1;
  --colors-interactive-secondary-disabled: #918f89;
  --colors-interactive-tertiary-enabled: #292824;
  --colors-interactive-tertiary-hover: #161513;
  --colors-interactive-tertiary-activated: #0065f1;
  --colors-interactive-ghost-hover: #efeeed;
  --colors-interactive-ghost-activated: #292824;
  --colors-interactive-ghost-activated-hover: #161513;
  --colors-interactive-ghost-subtle: #e5efff;
  --colors-interactive-ghost-subtle-hover: #c9ddfa;
  --colors-interactive-destructive-enabled: #cd1900;
  --colors-interactive-destructive-hover: #a81400;
  --colors-interactive-destructive-disabled: #918f89;
  --colors-interactive-links-enabled: #0058d4;
  --colors-interactive-links-hover: #0b4ba8;
  --colors-interactive-links-disabled: #0065f10d;
  --colors-interactive-tabs-border: transparent;
  --colors-interactive-tabs-background-enabled: #efeeed;
  --colors-interactive-tabs-background-hover: #0065f1;
  --colors-interactive-tabs-selected-indicator: #0065f1;
  --colors-interactive-tabs-strip: #ebf3ff;
  --colors-interactive-loader-light-background: #e5efff;
  --colors-interactive-loader-light-foregrounds: #0065f1;
  --colors-surface-primary: #fafafa;
  --colors-surface-light-gray: #efeeed;
  --colors-surface-light-blue: #f2f7ff;
  --colors-surface-inverted: #292824;
  --colors-tables-backgrounds-secondary: #f7f7f6;
  --colors-tables-backgrounds-tertiary: #efeeed;
  --colors-tables-border-primary: #e7e6e4;
  --colors-tables-border-secondary: #0065f1;
  --colors-tables-states-success: #d5eed8;
  --colors-tables-states-warning: #ffd898;
  --colors-tables-states-critical: #fbd5cf;
  --colors-tables-states-notice: #f2f7ff;
  --colors-sidebar-backgrounds-enabled: #efeeed;
  --colors-sidebar-backgrounds-hover: #dfdedb;
  --colors-sidebar-backgrounds-activated: #edeae8;
  --colors-sidebar-content-enabled: #292824;
  --colors-sidebar-content-activated: #292824;
  --colors-sidebar-content-disabled: #918f89;
  --colors-lists-background-hover: #efeeed;
  --colors-lists-background-activated: #e5efff;
  --colors-lists-content-enabled: #292824;
  --colors-lists-content-activated: #0065f1;
  --colors-lists-content-disabled: #918f89;
  --colors-foregrounds-content-primary: #292824;
  --colors-foregrounds-content-secondary: #65635e;
  --colors-foregrounds-content-tertiary: #82807a;
  --colors-foregrounds-headlines-primary: #161513;
  --colors-foregrounds-headlines-secondary: #292824;
  --colors-foregrounds-headlines-tertiary: #292824;
  --colors-foregrounds-icons-primary: #292824;
  --colors-foregrounds-icons-secondary: #82807a;
  --colors-foregrounds-borders-primary: #efeeed;
  --colors-foregrounds-borders-secondary: #dfdedb;
  --colors-forms-border: #dfdedb;
  --colors-forms-activated: #0065f1;
  --colors-forms-shadow: #0065f1;
  --colors-forms-critical: #cd1900;
  --colors-forms-warning: #ffb719;
  --colors-forms-disabled: #efeeed;
  --colors-states-primary-success: #01782e;
  --colors-states-primary-alert: #ffb719;
  --colors-states-primary-error: #cd1900;
  --colors-states-primary-notice: #0068cc;
  --colors-states-primary-informative: #0b4ba8;
  --colors-states-primary-default: #65635e;
  --colors-states-secondary-success: #e4f4e6;
  --colors-states-secondary-alert: #fff3dc;
  --colors-states-secondary-error: #fdf1ef;
  --colors-states-secondary-notice: #f2f7ff;
  --colors-states-secondary-informative: #e5efff;
  --colors-states-secondary-default: #dfdedb;
  --colors-code-snippet-background: #f0f5f9;
  --colors-code-snippet-border: #c9ddfa;
  --effect-box-shadow-shadow-focus: 0 0 0 3px rgba(0, 101, 241, 0.35);
  --effect-box-shadow-shadow-down: 0 2px 16px 0 rgba(35, 32, 26, 0.12);
  --background--controls-medium-default--light: 0 101 241;
  --background--controls-medium-hovered--light: 0 88 212;
  --background--controls-medium-selected--light: 0 101 241;
  --background--controls-low-default--light: 229 239 255;
  --background--controls-low-hovered--light: 201 221 250;
  --background--blue-low-default--light: 242 247 255;
  --background--main-medium-default--light: 0 101 241;
  --background--main-medium-hovered--light: 0 88 212;
  --background--main-medium-selected--light: 0 101 241;
  --background--neutral-low-default--light: 239 238 237;
  --background--neutral-low-hovered--light: 223 222 219;
  --background--neutral-high-default--light: 137 136 130;
  --background--neutral-strong-default--light: 41 40 36;
  --background--neutral-full-default--light: 22 21 19;
  --background--success-low-default--light: 228 244 230;
  --background--success-high-default--light: 0 165 0;
  --background--warning-low-default--light: 255 243 220;
  --background--warning-medium-default--light: 255 183 25;
  --background--critical-low-default--light: 253 241 239;
  --background--critical-high-default--light: 227 45 25;
  --background--critical-high-hovered--light: 168 20 0;
  --background--critical-xHigh-default--light: 205 25 0;
  --background--informative-low-default--light: 242 247 255;
  --background--informative-xHigh-default--light: 11 75 168;
  --background--notice-medium-default--light: 0 104 204;
  --foreground--neutral-full-default--light: 41 40 36;
  --foreground--neutral-full-hovered--light: 22 21 19;
  --foreground--neutral-high-default--light: 101 99 94;
  --foreground--neutral-medium-default--light: 130 128 122;
  --foreground--neutral-low-default--light: 145 143 137;
  --foreground--blue-medium-default--light: 41 40 36;
  --foreground--controls-medium-default--light: 0 101 241;
  --foreground--controls-medium-hovered--light: 0 88 212;
  --foreground--controls-medium-selected--light: 0 101 241;
  --foreground--links-strong-default--light: 0 88 212;
  --foreground--links-strong-hovered--light: 11 75 168;
  --foreground--green-medium-default--light: 41 40 36;
  --foreground--main-medium-default--light: 0 88 212;
  --foreground--main-medium-hovered--light: 11 75 168;
  --foreground--success-high-default--light: 0 117 43;
  --foreground--warning-medium-default--light: 165 90 0;
  --foreground--notice-medium-default--light: 0 110 196;
  --foreground--critical-high-default--light: 205 25 0;
  --foreground--critical-high-hovered--light: 168 20 0;
  --foreground--informative-strong-default--light: 11 75 168;
  --border--neutral-low-default--light: 223 222 219;
  --border--neutral-medium-default--light: 145 143 137;
  --border--neutral-high-default--light: 223 222 219;
  --border--neutral-full-hovered--light: 41 40 36;
  --border--controls-low-default--light: 201 221 250;
  --border--controls-medium-default--light: 0 101 241;
  --border--controls-medium-hovered--light: 0 88 212;
  --border--controls-medium-selected--light: 0 101 241;
  --border--blue-medium-default--light: 0 101 241;
  --border--links-strong-default--light: 0 101 241;
  --border--main-medium-default--light: 0 101 241;
  --border--main-medium-hovered--light: 0 88 212;
  --border--success-high-default--light: 1 120 46;
  --border--warning-medium-default--light: 255 183 25;
  --border--critical-high-default--light: 205 25 0;
  --border--critical-high-hovered--light: 168 20 0;
  --border--informative-strong-default--light: 11 75 168;
  --border--notice-medium-default--light: 0 143 255;
  --shadow--focus--light: 0 0 0 3px rgba(0, 101, 241, 0.35);
  --shadow--high-sharp--light: 0 2px 16px 0 rgba(35, 32, 26, 0.12);
  --fontWeight--headline-h1: 700;
  --fontWeight--headline-h2: 700;
  --fontWeight--headline-h3: 700;
  --fontWeight--headline-h4: 700;
  --fontWeight--headline-h5: 700;
  --fontWeight--headline-h1--sm: 700;
  --fontWeight--title-large: 700;
  --fontWeight--title-medium: 700;
  --fontWeight--title-small: 700;
  --fontWeight--controls-large: 500;
  --fontWeight--controls-medium: 500;
  --fontWeight--controls-small: 500;
  --fontSize--headline-h1: 22px;
  --fontSize--headline-h1--sm: 28px;
  --fontSize--headline-h2: 20px;
  --fontSize--headline-h3: 16px;
  --fontSize--headline-h4: 14px;
  --lineHeight--headline-h1: 28px;
  --lineHeight--headline-h1--sm: 36px;
  --lineHeight--headline-h2: 26px;
  --lineHeight--headline-h3: 22px;
  --lineHeight--headline-h4: 20px;
  --borderRadius--xs: 4px;
  --borderRadius--sm: 8px;
  --borderRadius--md: 12px;
  --borderRadius--button: var(--borderRadius--sm);
  --borderRadius--formField: var(--borderRadius--sm);
  --borderRadius--checkboxField: var(--borderRadius--xs);
  --size--formField: 30px;
  --brand-header-fill: #fff;
  --brand-table-hairline: 219 218 215;
  --brand-field-frame: 145 143 137;
  --brand-field-frame-hover: 145 143 137;
  --brand-ghost-activated-ink: #fff;
  --brand-card-fill: 243 242 241;
  --brand-perex-fill: 235 243 255;
  --brand-btn-quiet-frame: 223 222 219;
  --brand-btn-tinted-fill: 229 239 255;
  --brand-btn-tinted-fill-hovered: 201 221 250;
  --brand-btn-tinted-ink: 0 88 212;
  --brand-btn-tinted-ink-hovered: 0 61 166;
  --brand-overlay-row-hover: 22 21 19 / 4%;
  --brand-overlay-page-hover: 22 21 19 / 6%;
  --brand-shop-pill-fill: 0 0 0 / 10%;
  --brand-img-ink: brightness(0);
  --brand-caret: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.00011 7.93933L12.0001 15.9393L20.0001 7.93933L21.0608 8.99999L12.0001 18.0607L2.93945 8.99999L4.00011 7.93933Z' fill='%23292824'/%3E%3C/svg%3E");
  --brand-bar-shadow-up: 0 -1px 0 rgba(22, 21, 19, 0.06), 0 -8px 24px rgb(0 0 0 / 6%);
  --brand-search-fill: 255 255 255;
  --brand-control-ink: 41 40 36;
}
body.theme-brand h1:has(strong),
body.theme-brand .h1:has(strong) {
  font-weight: var(--fontWeight--display-medium);
}
body.theme-brand .systemMessage__content h2,
body.theme-brand .systemMessage__content .typography__headline2 {
  text-transform: none;
}
body.theme-brand .systemMessage {
  font-size: var(--fontSize--body-large);
  line-height: var(--lineHeight--body-large);
}
body.theme-brand .modal__body {
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  box-shadow: var(--shadow--high-soft--light);
}
body.theme-brand .modal__close {
  top: 24px;
  right: 24px;
}
body.theme-brand .modal #modal-controller-name {
  top: 10px;
  left: 24px;
}
body.theme-brand .btn:focus-visible,
body.theme-brand a:focus-visible {
  outline: 2px solid rgb(var(--border--controls-medium-default--light));
  outline-offset: 2px;
}
body.theme-brand .table td,
body.theme-brand .table th {
  --border--neutral-low-default--light: var(--brand-table-hairline);
  padding: var(--padding--md);
  border-right-width: 0;
  border-left-width: 0;
}
body.theme-brand .table .table__cell--sorting {
  padding-right: calc(var(--padding--md) * 2 + 6px);
}
body.theme-brand .table thead tr:first-child > *:first-child,
body.theme-brand .table tfoot td:first-child {
  border-top-left-radius: var(--borderRadius--sm);
}
body.theme-brand .table thead tr:first-child > *:last-child,
body.theme-brand .table tfoot td:last-child {
  border-top-right-radius: var(--borderRadius--sm);
}
body.theme-brand .table thead:has(tr:only-child) th:first-child,
body.theme-brand .table tfoot td:first-child {
  border-bottom-left-radius: var(--borderRadius--sm);
}
body.theme-brand .table thead:has(tr:only-child) th:last-child,
body.theme-brand .table tfoot td:last-child {
  border-bottom-right-radius: var(--borderRadius--sm);
}
body.theme-brand .table th {
  padding-top: 6px;
  padding-bottom: 6px;
  border-top-width: 0;
  border-bottom-width: 0;
}
body.theme-brand .table td {
  border-top-width: 0;
}
body.theme-brand .table thead {
  border-bottom-width: 0;
}
body.theme-brand .table tfoot {
  background-color: transparent;
  border-top-width: 0;
}
body.theme-brand .table tfoot td,
body.theme-brand .table tfoot th {
  background-color: rgb(var(--background--neutral-low-default--light));
  border-bottom-width: 0;
}
body.theme-brand .table tfoot + tbody tr:last-child > *,
body.theme-brand .table tbody:has(+ tfoot) tr:last-child > * {
  border-bottom-width: 0;
}
body.theme-brand .table td .imagePreview {
  overflow: hidden;
  display: block;
  width: var(--size--3xl);
  height: var(--size--3xl);
  background-color: rgb(var(--background--neutral-low-default--light));
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .table td .imagePreview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.theme-brand .table td.table__cell--preview {
  padding-top: var(--padding--lg);
  padding-bottom: var(--padding--lg);
}
body.theme-brand .table td:first-child,
body.theme-brand .table th:first-child {
  padding-left: var(--padding--lg);
}
body.theme-brand .table td:last-child,
body.theme-brand .table th:last-child {
  padding-right: var(--padding--lg);
}
body.theme-brand .tag {
  --background--neutral-high-default--light: 114 113 113;
  --background--notice-medium-default--light: 0 101 241;
  --background--success-high-default--light: 34 135 61;
  --background--warning-medium-default--light: 189 87 0;
  --background--critical-high-default--light: 213 0 23;
  --border--neutral-high-default--light: 114 113 113;
  --border--notice-medium-default--light: 0 101 241;
  --border--success-high-default--light: 34 135 61;
  --border--warning-medium-default--light: 189 87 0;
  --border--critical-high-default--light: 213 0 23;
}
body.theme-brand .btn-primary.help-anchor,
body.theme-brand .content-buttons .btn-primary,
body.theme-brand .section__controlsHeader .btn-primary,
body.theme-brand .section__controlsFooter .btn-primary,
body.theme-brand .systemMessage .btn-primary {
  --border--neutral-low-default--light: var(--brand-field-frame);
  color: rgb(var(--foreground--neutral-full-default--light)) !important;
  background-color: rgb(var(--background--neutral-base-default--light));
  border-color: rgb(var(--border--neutral-low-default--light));
}
body.theme-brand .btn-primary.help-anchor:hover,
body.theme-brand .content-buttons .btn-primary:hover,
body.theme-brand .section__controlsHeader .btn-primary:hover,
body.theme-brand .section__controlsFooter .btn-primary:hover,
body.theme-brand .systemMessage .btn-primary:hover {
  --border--neutral-medium-default--light: var(--brand-field-frame-hover);
  background-color: rgb(var(--background--neutral-low-default--light));
  border-color: rgb(var(--border--neutral-medium-default--light));
}
body.theme-brand .btn-secondary {
  --border--neutral-high-default--light: var(--brand-field-frame);
}
body.theme-brand .btn-secondary:hover {
  --border--neutral-full-hovered--light: var(--brand-field-frame-hover);
}
body.theme-brand .btn:disabled,
body.theme-brand .btn[disabled],
body.theme-brand .btn.disabled,
body.theme-brand .btn.btn-disabled {
  --background--neutral-high-default--light: var(--background--neutral-low-default--light);
  --foreground--neutral-full-default--dark: var(--foreground--neutral-medium-default--light);
}
body.theme-brand .btn-primary {
  --background--controls-medium-default--light: var(--brand-btn-tinted-fill);
  --background--controls-medium-hovered--light: var(--brand-btn-tinted-fill-hovered);
  --foreground--neutral-full-default--dark: var(--brand-btn-tinted-ink);
  --foreground--neutral-full-hovered--dark: var(--brand-btn-tinted-ink-hovered);
}
body.theme-brand .landingPage .btn-primary:not(:disabled):not([disabled]):not(.disabled):not(.btn-disabled),
body.theme-brand .promoHero .btn-primary:not(:disabled):not([disabled]):not(.disabled):not(.btn-disabled),
body.theme-brand .ctaBanner .btn-primary:not(:disabled):not([disabled]):not(.disabled):not(.btn-disabled),
body.theme-brand .actionCard .btn-primary:not(:disabled):not([disabled]):not(.disabled):not(.btn-disabled) {
  --background--controls-medium-default--light: var(--background--main-medium-default--light);
  --background--controls-medium-hovered--light: var(--background--main-medium-hovered--light);
  --foreground--neutral-full-default--dark: 255 255 255;
  --foreground--neutral-full-hovered--dark: 255 255 255;
}
body.theme-brand .actionCard {
  background-color: rgb(var(--brand-card-fill));
}
body.theme-brand .actionCard .btn:disabled,
body.theme-brand .actionCard .btn[disabled],
body.theme-brand .actionCard .btn.disabled,
body.theme-brand .actionCard .btn.btn-disabled {
  --background--neutral-low-default--light: 223 222 219;
}
body.theme-brand .btn {
  gap: var(--gap--xs);
  min-height: 32px;
}
body.theme-brand .btn-sm {
  --padding--sm: 12px;
}
body.theme-brand .iconButton .shp-info {
  --size: 26px;
}
body.theme-brand .shoptet-icon,
body.theme-brand .tooltip-icon {
  --colors-interactive-primary-enabled: rgb(var(--foreground--controls-medium-default--light));
}
body.theme-brand .massAction .btn,
body.theme-brand .toggle-button .btn,
body.theme-brand .massAction select {
  height: 26px;
  min-height: 26px;
  padding: 2px 10px;
}
body.theme-brand .massAction .btn {
  background-color: rgb(var(--background--neutral-low-default--light));
  border-color: transparent;
}
body.theme-brand .massAction .btn:hover {
  background-color: rgb(var(--background--neutral-low-hovered--light));
  border-color: transparent;
}
body.theme-brand .iconButton {
  border-radius: var(--borderRadius--md);
}
body.theme-brand .checkboxField--indeterminate::before {
  background-color: rgb(var(--foreground--neutral-full-default--dark));
}
body.theme-brand .filter__actions .btn,
body.theme-brand .filter__actions .iconButton {
  height: 26px;
  min-height: 26px;
  padding: 2px 10px;
}
body.theme-brand #filter .btn.shp-cross,
body.theme-brand .filter__actions .btn.shp-cross,
body.theme-brand .filter__actions .iconButton {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .pagination__jumpForm .btn {
  width: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  min-height: 32px;
  padding: 0;
  border-radius: var(--borderRadius--md);
}
body.theme-brand .circled.alert {
  --colors-foregrounds-content-inverted: var(--colors-foregrounds-content-primary);
}
body.theme-brand .section {
  border-radius: var(--borderRadius--2xl);
}
body.theme-brand .section__navigationLink {
  --borderRadius: var(--borderRadius--lg);
}
body.theme-brand .landingPage {
  border-radius: var(--borderRadius--2xl);
}
body.theme-brand .promoHero,
body.theme-brand .ctaBanner,
body.theme-brand .landingPage video {
  overflow: hidden;
  border-radius: var(--borderRadius--xl);
}
body.theme-brand .table th {
  font-weight: var(--fontWeight--title-small);
  color: rgb(var(--foreground--neutral-high-default--light));
}
body.theme-brand .navigation__link {
  margin-right: var(--margin--sm);
  margin-left: var(--margin--sm);
  border-radius: var(--borderRadius--md);
}
body.theme-brand .navigation .navigation__link::before {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
body.theme-brand .navigation .navigation__link {
  min-height: 44px;
  margin-bottom: 0;
}
body.theme-brand .navigation ul ul .navigation__link {
  min-height: 36px;
  padding-left: 36px;
}
body.theme-brand .navigation ul ul .navigation__link--hasSubmenu::before {
  width: 4px;
  height: 8px;
}
body.theme-brand .navigation ul ul .navigation__link--active {
  --colors-sidebar-backgrounds-hover: var(--colors-sidebar-backgrounds-activated);
  font-weight: var(--fontWeight--navigation-medium-selected);
  background-color: var(--colors-sidebar-backgrounds-activated);
}
body.theme-brand .navigation li:has(ul .navigation__link--active) > .navigation__link--active {
  background-color: transparent;
}
body.theme-brand .header {
  --colors-header-hover: #0000000d;
  --colors-foregrounds-content-inverted: var(--colors-foregrounds-content-primary);
  background-color: var(--user-color, var(--brand-header-fill));
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}
body.theme-brand .header .header__logo {
  background-color: var(--colors-foregrounds-content-inverted);
  -webkit-mask-image: url('./assets/shoptet-logo-white.svg');
          mask-image: url('./assets/shoptet-logo-white.svg');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 92px auto;
          mask-size: 92px auto;
}
body.theme-brand .header .header__logo:has(.shoptetLogo[src*='premium']) {
  -webkit-mask-image: url('./assets/shoptet-premium-logo-white.svg');
          mask-image: url('./assets/shoptet-premium-logo-white.svg');
}
body.theme-brand .header .header__logo .shoptetLogo {
  visibility: hidden;
}
body.theme-brand .headerNavigation__item--superadmin {
  --colors-foregrounds-content-inverted: #fff;
}
body.theme-brand .headerNavigation__item--eshop {
  --colors-header-shop: rgb(var(--brand-shop-pill-fill));
}
body.theme-brand .headerNavigation__itemCounter {
  --colors-foregrounds-content-inverted: rgb(var(--foreground--neutral-full-default--dark));
}
body.theme-brand .header .searchForm__searchQuery {
  background-color: rgb(var(--brand-search-fill));
  border: 1px solid rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--formField);
}
body.theme-brand .header .searchForm__searchButton {
  --colors-forms-background: transparent;
}
body.theme-brand .header input.searchForm__searchQuery:focus {
  border: 1px solid rgb(var(--border--controls-medium-default--light));
}
body.theme-brand .table tbody tr:hover td {
  background-image: linear-gradient(rgb(var(--brand-overlay-row-hover)), rgb(var(--brand-overlay-row-hover)));
}
body.theme-brand .table tr:nth-child(2n) td:where(:not([style*='background-color'])) {
  background-image: none;
}
body.theme-brand .table td[style*='background-color'] {
  --foreground--neutral-full-default--light: 41 40 36;
  --foreground--neutral-high-default--light: 101 99 94;
  --foreground--neutral-medium-default--light: 130 128 122;
  --foreground--links-strong-default--light: 0 88 212;
  --foreground--links-strong-hovered--light: 11 75 168;
  color: rgb(var(--foreground--neutral-full-default--light));
}
body.theme-brand .table td[style*='background-color'] :is(select, input, textarea, .selectField, .multiSelectField, .singleSelectField, .btn) {
  --foreground--neutral-full-default--light: var(--brand-control-ink);
}
body.theme-brand .table th:hover {
  color: rgb(var(--foreground--neutral-full-default--light));
}
body.theme-brand #t-order-contact {
  --order-contact-heading-padding: 6px 15px;
  --order-contact-heading-borderRadius: var(--borderRadius--md) var(--borderRadius--md) 0 0;
  --order-contact-cell-padding: 0 0 var(--padding--md);
  --order-contact-cell-borderRadius: var(--borderRadius--md);
  --order-contact-modify-top: 6px;
  --order-contact-modify-right: 6px;
}
body.theme-brand #t-order-contact .btn-sm {
  min-height: unset;
}
body.theme-brand #t-order-contact td {
  --colors-foregrounds-borders-primary: rgb(var(--border--neutral-low-default--light));
}
body.theme-brand :is(body .tabs, .v2tabs) > ul {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 40px;
  padding: 2px;
  background-color: var(--colors-interactive-tabs-strip);
  border-bottom: 0;
  border-radius: var(--borderRadius--4xl);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li {
  margin-right: 0;
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li + li > :is(a, button) {
  margin-left: var(--margin--xs);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li > :is(a, button),
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:is(.active, .ui-tabs-active) > :is(a, button) {
  height: 36px;
  padding: 8px 14px;
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li > :is(a, button) {
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: transparent;
  border-color: transparent;
  border-radius: var(--borderRadius--4xl);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:is(.active, .ui-tabs-active) > :is(a, button) {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--controls-medium-default--light));
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:not(.active):not(.ui-tabs-active) > :is(a, button):hover {
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: var(--colors-interactive-ghost-subtle);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:is(.active, .ui-tabs-active)::before {
  display: none;
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li.ui-tabs-validation-error::before {
  display: none;
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li.ui-tabs-validation-error:not(.active):not(.ui-tabs-active) > :is(a, button) {
  color: rgb(var(--foreground--critical-high-default--light));
  background-color: var(--colors-states-secondary-error);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li.ui-tabs-validation-error:is(.active, .ui-tabs-active) > :is(a, button) {
  color: rgb(var(--foreground--neutral-full-default--dark));
  background-color: rgb(var(--background--critical-xHigh-default--light));
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li.ui-tabs-validation-error:is(.active, .ui-tabs-active) > :is(a, button)::after {
  color: inherit;
}
body.theme-brand .systemMessage {
  border-radius: var(--borderRadius--md);
}
body.theme-brand .systemMessage--error {
  --message-color: rgb(var(--border--critical-high-default--light));
}
body.theme-brand .systemMessage--alert {
  --message-color: rgb(var(--border--warning-medium-default--light));
}
body.theme-brand .systemMessage--success {
  --message-color: rgb(var(--border--success-high-default--light));
}
body.theme-brand .systemMessage--notice {
  --message-color: rgb(var(--border--notice-medium-default--light));
}
body.theme-brand .systemMessage__content h2,
body.theme-brand .systemMessage__content .typography__headline2 {
  color: rgb(var(--foreground--neutral-full-default--light));
}
body.theme-brand .systemMessage__content:has(> .systemMessage__buttons)::before {
  align-self: center;
}
body.theme-brand input[type='text'],
body.theme-brand input[type='number'],
body.theme-brand select,
body.theme-brand .textField,
body.theme-brand .passwordField,
body.theme-brand .emailField,
body.theme-brand .phoneField,
body.theme-brand .numberField,
body.theme-brand .searchField,
body.theme-brand .dateField,
body.theme-brand .colorField,
body.theme-brand .selectField,
body.theme-brand .multiSelectField,
body.theme-brand textarea,
body.theme-brand .textareaField,
body.theme-brand .toggleField,
body.theme-brand .checkboxField,
body.theme-brand .radioField,
body.theme-brand input[type='checkbox'].switch,
body.theme-brand .v2MultipleBox input[type='checkbox'],
body.theme-brand .v2MultipleBox input[type='radio'] {
  --border--neutral-low-default--light: var(--brand-field-frame);
}
body.theme-brand input[type='text'],
body.theme-brand input[type='number'],
body.theme-brand select,
body.theme-brand .textField,
body.theme-brand .passwordField,
body.theme-brand .emailField,
body.theme-brand .phoneField,
body.theme-brand .numberField,
body.theme-brand .searchField,
body.theme-brand .dateField,
body.theme-brand .colorField,
body.theme-brand .selectField,
body.theme-brand .multiSelectField {
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
body.theme-brand input[type='text'],
body.theme-brand input[type='number'],
body.theme-brand select,
body.theme-brand .textField,
body.theme-brand .passwordField,
body.theme-brand .emailField,
body.theme-brand .phoneField,
body.theme-brand .numberField,
body.theme-brand .searchField,
body.theme-brand .dateField,
body.theme-brand .colorField,
body.theme-brand .selectField,
body.theme-brand .multiSelectField,
body.theme-brand textarea,
body.theme-brand .textareaField {
  --padding--xs: 8px;
}
body.theme-brand .v2FormField__input:has(> .colorFieldPicker) {
  display: flex;
  align-items: center;
}
body.theme-brand .v2FormField .staticField {
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}
body.theme-brand .v2FormField .v2FormField__static:not(:has(.btn)) {
  margin-top: 0;
}
body.theme-brand .ui-datepicker-trigger {
  vertical-align: middle;
  filter: var(--brand-img-ink);
}
body.theme-brand input.selectField {
  background-image: none;
}
body.theme-brand .v2FormField__phone {
  gap: var(--gap--sm);
}
body.theme-brand .v2FormField__phone .country-flags {
  margin-right: 0;
}
body.theme-brand .v2FormField--phoneField .singleSelectField__inputTrigger,
body.theme-brand .v2FormField--phoneField select {
  --padding--xs: 4px;
}
body.theme-brand .singleSelectField__inputTrigger {
  align-items: center;
}
body.theme-brand .singleSelectField__inputTrigger--picker .typography {
  line-height: var(--lineHeight--caption-small);
}
body.theme-brand .imageSelect__action .btn-sm {
  padding-right: var(--padding--sm);
  padding-left: var(--padding--sm);
}
body.theme-brand select.xs,
body.theme-brand .selectField.xs,
body.theme-brand .textField.xs,
body.theme-brand .numberField.xs,
body.theme-brand input[type='text'].xs,
body.theme-brand input[type='number'].xs,
body.theme-brand .mce-tinymce.mce-panel {
  overflow: hidden;
  border-color: rgb(var(--brand-field-frame));
  border-radius: var(--borderRadius--formField);
}
body.theme-brand .field-pieces-wrap {
  --size: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
body.theme-brand .field-pieces-wrap .pcs {
  min-width: calc(74px + var(--size));
  padding: 0 24px;
  text-align: center;
}
body.theme-brand .field-pieces-wrap a.add-pcs,
body.theme-brand .field-pieces-wrap a.remove-pcs {
  top: 0;
  bottom: 0;
  width: var(--size);
  height: var(--size);
  line-height: var(--size--formField);
  vertical-align: middle;
  background-color: transparent;
  border-color: transparent;
}
body.theme-brand .field-pieces-wrap a.add-pcs {
  right: 0;
  left: unset;
  border-top-right-radius: var(--borderRadius--formField);
  border-bottom-right-radius: var(--borderRadius--formField);
}
body.theme-brand .field-pieces-wrap a.remove-pcs {
  right: unset;
  left: 0;
  border-top-left-radius: var(--borderRadius--formField);
  border-bottom-left-radius: var(--borderRadius--formField);
}
body.theme-brand .v2MultipleBox {
  --border--neutral-low-default--light: var(--brand-field-frame);
  border-radius: var(--borderRadius--formField);
}
body.theme-brand input[type='color'].colorFieldPicker {
  overflow: hidden;
  border-radius: var(--borderRadius--formField);
}
body.theme-brand input[type='color'].colorFieldPicker::-webkit-color-swatch-wrapper {
  padding: 0;
}
body.theme-brand input[type='color'].colorFieldPicker::-webkit-color-swatch {
  border-radius: var(--borderRadius--formField);
}
body.theme-brand input[type='color'].colorFieldPicker::-moz-color-swatch {
  border-radius: var(--borderRadius--formField);
}
body.theme-brand input.colorField {
  --padding--xs: 4px;
}
body.theme-brand .v2FormField {
  --fontSize--label-small: 14px;
  --lineHeight--label-small: 20px;
}
body.theme-brand .v2FormField .v2FormField__label {
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}
body.theme-brand .filter__grid .v2FormField,
body.theme-brand .filter__gridContainer .v2FormField {
  --fontSize--label-small: 12px;
  --lineHeight--label-small: 18px;
}
body.theme-brand select,
body.theme-brand .selectField,
body.theme-brand .multiSelectField,
body.theme-brand .searchField.singleSelectField__inputTrigger--picker {
  background-image: var(--brand-caret);
  background-position: calc(100% - 4px) center;
  background-size: 20px;
}
body.theme-brand .table td {
  --size--formField: 30px;
}
body.theme-brand .table td select,
body.theme-brand .table td .selectField {
  padding-top: 5px;
  padding-right: 32px;
  padding-bottom: 5px;
  background-position: calc(100% - 8px) center;
}
body.theme-brand .table td select.sm {
  width: auto;
  min-width: 130px;
}
body.theme-brand .multi-add > .multi-add-icon {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
body.theme-brand .section .section {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.theme-brand .chosen-container {
  --colors-foregrounds-borders-secondary: rgb(var(--foreground--neutral-low-default--light));
  --chosen-borderRadius: var(--borderRadius--sm);
  --chosen-open-borderRadius: var(--borderRadius--sm) var(--borderRadius--sm) 0 0;
  --chosen-drop-borderRadius: 0 0 var(--borderRadius--xs) var(--borderRadius--xs);
}
body.theme-brand .chosen-container-active {
  --colors-foregrounds-borders-secondary: var(--colors-forms-activated);
}
body.theme-brand .chosen-container-single .chosen-single {
  height: 32px;
  line-height: 32px;
  color: rgb(var(--foreground--neutral-full-default--light));
  border-color: rgb(var(--brand-field-frame)) !important;
}
body.theme-brand .chosen-container-multi .chosen-choices {
  min-height: 32px;
  color: rgb(var(--foreground--neutral-full-default--light));
  background-color: var(--colors-forms-background);
  background-image: none;
  border-color: rgb(var(--brand-field-frame)) !important;
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .chosen-drop {
  --colors-foregrounds-borders-secondary: rgb(var(--foreground--neutral-medium-default--light));
}
body.theme-brand .chosen-container .chosen-results li.highlighted {
  color: var(--colors-interactive-links-enabled);
  background: var(--colors-interactive-ghost-subtle);
}
body.theme-brand .chosen-container .chosen-drop {
  color: var(--colors-foregrounds-content-primary);
  background: var(--colors-forms-background);
}
body.theme-brand .chosen-container .chosen-search input[type='text'] {
  color: var(--colors-foregrounds-content-primary);
  background-color: var(--colors-forms-background);
  border-color: rgb(var(--brand-field-frame));
}
body.theme-brand .chosen-container-single .chosen-default {
  color: var(--colors-foregrounds-content-tertiary);
}
body.theme-brand .chosen-container .chosen-results li.disabled-result {
  color: var(--colors-foregrounds-content-tertiary);
}
body.theme-brand .chosen-container .chosen-results li.no-results {
  background: var(--colors-surface-light-gray);
}
body.theme-brand .open-menu ul,
body.theme-brand .dropdown-list {
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .dropdownButton__list,
body.theme-brand .singleSelectField__popover,
body.theme-brand .multiSelectField__popover,
body.theme-brand .menu__popover,
body.theme-brand .contextMenu__popover,
body.theme-brand .colorSelect__popover {
  border-radius: var(--borderRadius--sm);
  box-shadow: var(--shadow--high-sharp--light);
}
body.theme-brand .open-menu {
  --menu-item-padding: 8px 12px;
  --menu-item-lineHeight: 20px;
}
body.theme-brand .dropdownButton__listItem:not(:last-child) {
  border-bottom-width: 0;
}
body.theme-brand .dropdownButton__listItemLabel {
  padding: var(--padding--sm) var(--padding--md);
  line-height: 20px;
}
body.theme-brand .headerDropdown__showMoreBtn {
  font-size: var(--fontSize--controls-small);
  font-weight: var(--fontWeight--controls-small);
  line-height: var(--lineHeight--controls-small);
}
body.theme-brand .massAction ul {
  padding: var(--padding--xs) 0;
  border-color: rgb(var(--border--neutral-low-default--light));
  border-radius: var(--borderRadius--sm);
  box-shadow: var(--shadow--high-sharp--light);
}
body.theme-brand .massAction ul > li > a,
body.theme-brand .massAction ul > li > .massAction__submenuHeader {
  padding: var(--padding--sm) var(--padding--md);
  line-height: var(--lineHeight--body-medium);
  text-indent: 0;
  border-bottom-width: 0;
}
body.theme-brand img:not([class]) {
  border-radius: min(var(--borderRadius--sm), 12.5%);
}
body.theme-brand .articleList__content {
  overflow: hidden;
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .perexBox {
  --background--blue-low-default--light: var(--brand-perex-fill);
  border-radius: var(--borderRadius--md);
}
body.theme-brand #category-nav {
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .categoryFilter__list {
  overflow: hidden;
  border-radius: var(--borderRadius--sm);
}
body.theme-brand #category-nav > .item > a,
body.theme-brand #category-nav .item .category-nav__toggle,
body.theme-brand .categoryFilter__itemLabel,
body.theme-brand .categoryFilter__itemLabel--button,
body.theme-brand .categoryFilter__item a,
body.theme-brand .categoryFilter__separatorButton {
  border-radius: var(--borderRadius--xs);
}
body.theme-brand #category-nav .item > .category-nav__subitems ul {
  padding: var(--padding--xs) 0;
  border-radius: var(--borderRadius--sm);
  box-shadow: var(--shadow--high-sharp--light);
}
body.theme-brand #category-nav .item > .category-nav__subitems ul li a {
  padding: var(--padding--sm) var(--padding--md);
}
body.theme-brand #category-nav .item > .category-nav__subitems ul li:not(:last-child) {
  border-bottom-width: 0;
}
body.theme-brand .list-order-box-active label,
body.theme-brand .ui-datepicker td a.ui-state-active,
body.theme-brand .step-bar li.active .step-box,
body.theme-brand .country-flags.active .country-flag.selected .shp-flag-label {
  color: var(--brand-ghost-activated-ink);
}
body.theme-brand .dropdown-list {
  --colors-interactive-ghost-activated: var(--colors-interactive-ghost-subtle);
  --colors-interactive-ghost-activated-hover: var(--colors-interactive-ghost-subtle-hover);
  --colors-interactive-content-primary: var(--colors-interactive-links-enabled);
}
body.theme-brand .btn-primary.dropdown-trigger {
  --colors-foregrounds-icons-tertiary: rgb(var(--brand-btn-tinted-ink));
}
body.theme-brand .btn-combobox,
body.theme-brand .content-buttons .btn-primary,
body.theme-brand .systemMessage .btn-primary {
  --colors-foregrounds-icons-tertiary: var(--colors-foregrounds-content-secondary);
}
body.theme-brand .flag-order::before {
  border-radius: var(--borderRadius--4xl);
}
body.theme-brand #item-preview {
  border-radius: var(--borderRadius--lg);
}
body.theme-brand .headerNavigation__submenu {
  border-radius: var(--borderRadius--md);
}
body.theme-brand .ui-datepicker {
  border-radius: var(--borderRadius--md);
}
body.theme-brand .headerDropdown {
  overflow: hidden;
  border-radius: var(--borderRadius--md);
  box-shadow: var(--shadow--high-sharp--light);
}
body.theme-brand .tooltip {
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .tooltip--enhanced .tooltip-content,
body.theme-brand .tooltip:has(.tooltip-footer) .tooltip-content {
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .card,
body.theme-brand .actionCard,
body.theme-brand .reviewCard,
body.theme-brand .statsCard {
  --borderRadius: var(--borderRadius--md);
}
body.theme-brand .tabs-dashboard.std-tabs > ul::before {
  content: '';
  position: absolute;
  inset: 12px 0 0;
  display: block;
  width: auto;
  height: auto;
  background-color: var(--colors-interactive-tabs-background-enabled);
  border-top: 0;
  border-radius: var(--borderRadius--md);
}
body.theme-brand .tabs-dashboard.std-tabs > ul > li:not(.ui-tabs-active):not(.ui-state-active) > a {
  background-color: transparent;
}
body.theme-brand .tabs-dashboard.std-tabs > ul > li:not(.ui-tabs-active):not(.ui-state-active) > a:hover {
  color: var(--colors-foregrounds-content-inverted);
  background-color: var(--colors-interactive-tabs-background-hover);
  border-color: transparent;
}
body.theme-brand .tabs-dashboard.std-tabs > ul > li:first-child > a {
  border-top-left-radius: var(--borderRadius--md);
  border-bottom-left-radius: var(--borderRadius--md);
}
body.theme-brand .tabs-dashboard.std-tabs > ul > li:last-child > a {
  border-top-right-radius: var(--borderRadius--md);
  border-bottom-right-radius: var(--borderRadius--md);
}
body.theme-brand .list-statistics-outer {
  border-radius: var(--borderRadius--md);
}
body.theme-brand .table .hide-on-mouseout {
  visibility: visible;
}
body.theme-brand .table td.table__cell--actions > span + span {
  margin-left: var(--gap--sm);
}
body.theme-brand .pagination__pages {
  align-items: center;
}
body.theme-brand .pagination__pages a,
body.theme-brand .pagination__pages strong,
body.theme-brand .pagination__pages button {
  min-width: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  padding: var(--padding--xs) var(--padding--xs);
  border-radius: var(--borderRadius--formField);
}
body.theme-brand .pagination__pages a:hover {
  background-color: rgb(var(--brand-overlay-page-hover));
}
body.theme-brand .table th:has(.show-tooltip, .iconButton) {
  white-space: nowrap;
}
body.theme-brand .content-header {
  --effect-box-shadow-shadow-up: var(--brand-bar-shadow-up);
}
body.theme-brand .section__controlsHeader,
body.theme-brand .section__controlsFooter {
  gap: var(--gap--sm);
}
body.theme-brand .section__controlsFooter {
  background: rgb(var(--background--neutral-base-default--light));
}
body.theme-brand .statsCard__icon {
  background: rgb(var(--background--neutral-base-default--light));
}
body.theme-brand .content-header-floating {
  border-radius: 0 0 var(--borderRadius--md) var(--borderRadius--md);
}
body.theme-brand .checkboxField,
body.theme-brand .v2MultipleBox input[type='checkbox'],
body.theme-brand .radioField {
  margin-top: 0;
}
body.theme-brand .v2FormField__checkbox,
body.theme-brand .v2FormField__radio:not([data-version='radio-option-react']) {
  align-items: center;
}
body.theme-brand .v2FormField__checkbox > .v2FormField__labelAfter,
body.theme-brand .v2FormField__radio:not([data-version='radio-option-react']) > .v2FormField__labelAfter {
  margin-top: var(--margin--xs);
}
body.theme-brand .v2FormField > .unsupported {
  align-self: center;
  margin-block: 0;
}
body.theme-brand .tree li span.node,
body.theme-brand .tree li span.node-closed,
body.theme-brand .tree li span.node-opened {
  top: 50%;
  transform: translateY(-50%);
}
body.theme-brand .v2FormField:has(
    > .v2FormField__checkbox,
    > .v2FormField__radio,
    > .checkboxField,
    > .radioField,
    > .switch,
    > .toggleField
  ) {
  align-items: center;
}
body.theme-brand .v2FormField:has(
      > .v2FormField__checkbox,
      > .v2FormField__radio,
      > .checkboxField,
      > .radioField,
      > .switch,
      > .toggleField
    ) > :is(.show-tooltip, .iconButton) {
  align-self: center;
  min-height: 0;
}
body.theme-brand .table td .v2FormField {
  min-height: 0;
}
body.theme-brand .v2FormField > .show-tooltip,
body.theme-brand .v2FormField > .iconButton {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
body.theme-brand .v2formRow > .v2formRow__label,
body.theme-brand .v2formRow > .show-tooltip,
body.theme-brand .v2formRow > .iconButton,
body.theme-brand .v2formRow > a:not(.btn),
body.theme-brand .v2formRow > em:not([class]),
body.theme-brand .v2formRow > span:not([class]) {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
  margin-block: 0;
}
body.theme-brand .v2FormField > .v2FormField__labelAfter {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--padding--sm);
  padding-bottom: var(--padding--sm);
}
body.theme-brand .v2FormField :is(.v2FormField__input, .v2FormField__select, .v2FormField__singleSelect, .v2FormField__multiSelect) > .v2FormField__labelAfter {
  margin-block: 0;
  padding-block: 0;
  vertical-align: middle;
}
body.theme-brand .v2FormField > .show-tooltip.tooltip-icon {
  height: calc(var(--size--formField) + 2 * var(--borderWidth--line));
}
body.theme-brand .filter__grid .v2FormField > .show-tooltip.tooltip-icon,
body.theme-brand .filter__grid .v2FormField > .iconButton,
body.theme-brand .grid--v2form .v2FormField > .show-tooltip.tooltip-icon,
body.theme-brand .grid--v2form .v2FormField > .iconButton {
  height: auto;
  min-height: 0;
}
body.theme-brand .filter__grid .v2FormField > .v2FormField__label {
  flex: 1 1 0;
  min-width: 0;
}
body.theme-brand .filter__grid .v2FormField > :is(
      .v2FormField__input,
      .v2FormField__select,
      .v2FormField__singleSelect,
      .v2FormField__multiSelect,
      .v2FormField__static
    ) {
  flex: 0 0 100%;
}
body.theme-brand .filter__grid .v2FormField .v2FormField__label,
body.theme-brand .filter__gridContainer .v2FormField .v2FormField__label,
body.theme-brand .grid--v2form .v2FormField .v2FormField__label {
  padding-top: 0;
  padding-bottom: 0;
}
body.theme-brand .preventEmail__icon {
  margin-bottom: calc((var(--size--formField) + 2 * var(--borderWidth--line) - 26px) / 2);
}
body.theme-brand .v2MultipleBox {
  max-height: 252px;
}
body.theme-brand .massAction,
body.theme-brand .massAction__wrap {
  align-items: center;
}
body.theme-brand .btn:active:not(:disabled):not(.disabled):not(.btn-disabled) {
  transform: translateY(1px);
}
body.theme-brand .box-variant-3 {
  border-radius: var(--borderRadius--sm);
}
body.theme-brand .box-variant-3:has(+ .tableWrapper) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.theme-brand .box-variant-3 + .tableWrapper .table thead tr:first-child > *:first-child {
  border-top-left-radius: 0;
}
body.theme-brand .box-variant-3 + .tableWrapper .table thead tr:first-child > *:last-child {
  border-top-right-radius: 0;
}
@media only screen and (min-width: 1024px) {
  body.theme-brand .section {
    padding-right: var(--padding--xl);
    padding-bottom: var(--padding--xl);
    padding-left: var(--padding--xl);
    box-shadow: var(--shadow--high-sharp--light);
  }
}
@media only screen and (min-width: 1400px) {
  body.theme-brand .headerNavigation__item--eshop > .headerNavigation__link {
    padding: var(--spacing-lg);
  }
}
@media only screen and (min-width: 1024px) {
  body.theme-brand .pageGrid {
    grid-template-columns: 228px 1fr;
  }
  body.theme-brand .header {
    height: 44px;
    margin: var(--margin--md) var(--margin--md) 0;
    border-bottom-width: 0;
    border-radius: var(--borderRadius--4xl);
    box-shadow: var(--shadow--high-sharp--light);
  }
  body.theme-brand .pageGrid__content {
    gap: var(--gap--lg);
    padding-top: var(--spacing-lg);
  }
  body.theme-brand .headerNavigation__item--university > .headerNavigation__link,
  body.theme-brand .headerNavigation__item--notifications > .headerNavigation__link,
  body.theme-brand .headerNavigation__item--helpdesk > .headerNavigation__link,
  body.theme-brand .headerNavigation__item--design > .headerNavigation__link {
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: var(--margin--xs) var(--margin--xxs);
    padding: 0;
    border-radius: var(--borderRadius--4xl);
  }
  body.theme-brand .headerNavigation__itemCounter {
    top: -2px;
    right: -2px;
    min-width: var(--size--lg);
    height: var(--size--lg);
    padding: 0 var(--padding--xs);
    font-size: 10px;
    line-height: 1;
    border-radius: var(--borderRadius--4xl);
    box-shadow: 0 0 0 2px var(--user-color, var(--brand-header-fill));
  }
  body.theme-brand .headerNavigation__item--eshop,
  body.theme-brand .headerNavigation__item--superadmin {
    margin: var(--margin--xs) var(--margin--xs) var(--margin--xs) 0;
    border-radius: var(--borderRadius--4xl);
  }
  body.theme-brand .headerNavigation__item--eshop > .headerNavigation__link,
  body.theme-brand .headerNavigation__item--superadmin > .headerNavigation__link {
    border-radius: inherit;
  }
  body.theme-brand .headerNavigation__item--user {
    margin: var(--margin--xs) var(--margin--sm) var(--margin--xs) 0;
    border-radius: var(--borderRadius--4xl);
  }
  body.theme-brand .headerNavigation__item--user > .headerNavigation__link {
    padding: var(--padding--xs) var(--padding--md);
    border-radius: inherit;
  }
  body.theme-brand .header__logo {
    margin-right: calc(228px - 92px - 2 * var(--spacing-xl) + var(--spacing-lg));
  }
  body.theme-brand .sidebar {
    background-color: transparent;
    box-shadow: none;
  }
  body.theme-brand .navigation {
    padding-right: var(--padding--xs);
    padding-left: var(--padding--xs);
  }
  body.theme-brand .systemMessage__notification--right,
  body.theme-brand .js-notifier.systemMessage {
    left: calc(228px + var(--offset--lg));
  }
  body.theme-brand .pageGrid__content,
  body.theme-brand.page-124 .pageGrid__content {
    gap: var(--gap--lg);
    justify-self: center;
    max-width: 1440px;
    padding-right: 0;
    padding-left: 0;
  }
  body.theme-brand .pageGrid__content--fullWidth {
    justify-self: stretch;
    max-width: none;
  }
  body.theme-brand .pageGrid__content--fullWidth .content-header.content-header-floating {
    padding-right: var(--spacing-xl);
  }
  body.theme-brand .pageGrid__content--fullWidth .section {
    border-radius: var(--borderRadius--2xl) 0 0 var(--borderRadius--2xl);
  }
  body.theme-brand .pageGrid__content > :not(.section) {
    margin-right: var(--margin--xl);
    margin-left: var(--margin--xl);
  }
  body.theme-brand .content-header.content-header-floating,
  body.theme-brand.page-124 .pageGrid__content .content-header.content-header-floating {
    padding-right: clamp(var(--spacing-xl), calc(50vw - 810px), 90000px);
  }
  body.theme-brand .section__controlsHeader--isFloating {
    padding-right: clamp(var(--spacing-xl), calc(50vw - 810px), 90000px);
  }
  body.theme-brand .pageGrid__content--fullWidth .section__controlsHeader--isFloating {
    padding-right: var(--spacing-xl);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1668px) {
  body.theme-brand .section {
    border-radius: var(--borderRadius--2xl) 0 0 var(--borderRadius--2xl);
  }
}
@media only screen and (min-width: 1400px) {
  body.theme-brand .header__logo {
    margin-right: calc(228px - 92px - 2 * var(--spacing-xl) + var(--spacing-xl));
  }
  body.theme-brand .systemMessage__notification--right,
  body.theme-brand .js-notifier.systemMessage {
    left: calc(228px + var(--offset--xl));
  }
}
@media only screen and (max-width: 1023.89px) {
  body.theme-brand .content-buttons .open-menu ul {
    box-shadow: none;
  }
}
@media only screen and (min-width: 1024px) {
  body.theme-brand .content-header .btn-sm.help-anchor {
    display: inline-flex;
    gap: var(--gap--sm);
    align-items: center;
    padding-right: var(--padding--sm) !important;
  }
  body.theme-brand .content-header .btn-sm.help-anchor::before {
    position: static;
    transform: none;
    order: 1;
  }
}
@media only screen and (min-width: 1024px) {
  body.theme-brand .content-buttons {
    gap: var(--gap--sm);
  }
}
@supports (color: oklch(from red calc(l * infinity) 0 0)) {
  body.theme-brand .header {
    --colors-foregrounds-content-inverted: oklch(from var(--user-color, var(--brand-header-fill)) calc((0.71 - l) * infinity) 0 0);
    --colors-header-hover: oklch(from var(--user-color, var(--brand-header-fill)) calc((0.71 - l) * infinity) 0 0 / 8%);
  }
}
body.theme-dark {
  --colors-interactive-primary-enabled: #006bff;
  --colors-interactive-primary-hover: #2a80ff;
  --colors-interactive-primary-disabled: #6f6b67;
  --colors-interactive-focus-primary: #006bff;
  --colors-interactive-action-enabled: #006bff;
  --colors-interactive-action-hover: #2a80ff;
  --colors-interactive-action-disabled: #6f6b67;
  --colors-interactive-content-primary: #ffffff;
  --colors-interactive-content-secondary: #f1f0ee;
  --colors-interactive-secondary-enabled: #aaa49c;
  --colors-interactive-secondary-hover: #f1f0ee;
  --colors-interactive-secondary-activated: #3d8afe;
  --colors-interactive-secondary-disabled: #6f6b67;
  --colors-interactive-tertiary-enabled: #f1f0ee;
  --colors-interactive-tertiary-hover: #ffffff;
  --colors-interactive-tertiary-activated: #3d8afe;
  --colors-interactive-tertiary-disabled: #ffffff80;
  --colors-interactive-ghost-enabled: #201f1d;
  --colors-interactive-ghost-hover: #2a2927;
  --colors-interactive-ghost-activated: #f1f0ee;
  --colors-interactive-ghost-activated-hover: #ffffff;
  --colors-interactive-ghost-subtle: #1a2e4a;
  --colors-interactive-ghost-subtle-hover: #0d4ca6;
  --colors-interactive-destructive-enabled: #e5453a;
  --colors-interactive-destructive-hover: #c8362c;
  --colors-interactive-destructive-disabled: #6f6b67;
  --colors-interactive-links-enabled: #3d8afe;
  --colors-interactive-links-hover: #6ca7ff;
  --colors-interactive-links-disabled: #579dff26;
  --colors-interactive-tabs-border: transparent;
  --colors-interactive-tabs-background-enabled: #10100e;
  --colors-interactive-tabs-background-hover: #006bff;
  --colors-interactive-tabs-background-selected: #006bff;
  --colors-interactive-tabs-selected-indicator: #006bff;
  --colors-interactive-tabs-strip: #10100e;
  --colors-interactive-loader-light-background: #1a2e4a;
  --colors-interactive-loader-light-foregrounds: #3d8afe;
  --colors-interactive-loader-dark-background: #ffffff0d;
  --colors-interactive-loader-dark-foregrounds: #f1f0ee;
  --colors-interactive-superadmin-enabled: #b283ff;
  --colors-interactive-superadmin-hover: #9d68f5;
  --colors-interactive-superadmin-activated: #9d68f5;
  --colors-surface-primary: #151412;
  --colors-surface-secondary: #201f1d;
  --colors-surface-tertiary: #201f1d;
  --colors-surface-light-gray: #363330;
  --colors-surface-light-blue: #101c2b;
  --colors-surface-inverted: #363330;
  --colors-surface-overlay: #0009;
  --colors-tables-backgrounds-primary: #201f1d;
  --colors-tables-backgrounds-secondary: #201f1d;
  --colors-tables-backgrounds-tertiary: #363330;
  --colors-tables-border-primary: #3a3937;
  --colors-tables-border-secondary: #006bff;
  --colors-tables-states-success: #193725;
  --colors-tables-states-warning: #332608;
  --colors-tables-states-critical: #33130d;
  --colors-tables-states-notice: #101c2b;
  --colors-sidebar-backgrounds-enabled: #161513;
  --colors-sidebar-backgrounds-hover: #2a2927;
  --colors-sidebar-backgrounds-activated: #302f2c;
  --colors-sidebar-content-enabled: #f1f0ee;
  --colors-sidebar-content-activated: #f1f0ee;
  --colors-sidebar-content-disabled: #6f6b67;
  --colors-header-background: #201f1d;
  --colors-lists-background-enabled: #201f1d;
  --colors-lists-background-hover: #2a2927;
  --colors-lists-background-activated: #1a2e4a;
  --colors-lists-content-enabled: #f1f0ee;
  --colors-lists-content-activated: #3d8afe;
  --colors-lists-content-disabled: #6f6b67;
  --colors-foregrounds-content-primary: #f1f0ee;
  --colors-foregrounds-content-secondary: #aaa49c;
  --colors-foregrounds-content-tertiary: #958c83;
  --colors-foregrounds-content-inverted: #ffffff;
  --colors-foregrounds-headlines-primary: #ffffff;
  --colors-foregrounds-headlines-secondary: #f1f0ee;
  --colors-foregrounds-headlines-tertiary: #f1f0ee;
  --colors-foregrounds-icons-primary: #f1f0ee;
  --colors-foregrounds-icons-secondary: #958c83;
  --colors-foregrounds-icons-tertiary: #ffffff;
  --colors-foregrounds-borders-primary: #3a3937;
  --colors-foregrounds-borders-secondary: #58574f;
  --colors-forms-background: #201f1d;
  --colors-forms-border: #58574f;
  --colors-forms-activated: #006bff;
  --colors-forms-shadow: #006bff;
  --colors-forms-critical: #e5453a;
  --colors-forms-warning: #f6af00;
  --colors-forms-disabled: #2a2927;
  --colors-states-primary-success: #02b646;
  --colors-states-primary-alert: #f6af00;
  --colors-states-primary-error: #e5453a;
  --colors-states-primary-notice: #006bff;
  --colors-states-primary-informative: #0057d6;
  --colors-states-primary-default: #958c83;
  --colors-states-secondary-success: #193725;
  --colors-states-secondary-alert: #332608;
  --colors-states-secondary-error: #33130d;
  --colors-states-secondary-notice: #101c2b;
  --colors-states-secondary-informative: #1a2e4a;
  --colors-states-secondary-default: #2a2927;
  --colors-code-snippet-background: #101c2b;
  --colors-code-snippet-border: #0d4ca6;
  --effect-box-shadow-shadow-focus: 0 0 0 3px rgba(0, 107, 255, 0.45);
  --effect-box-shadow-shadow-down: 0 2px 16px 0 rgba(0, 0, 0, 0.45);
  --background--controls-medium-default--light: 0 107 255;
  --background--controls-medium-hovered--light: 42 128 255;
  --background--controls-medium-selected--light: 0 107 255;
  --background--controls-low-default--light: 26 46 74;
  --background--controls-low-hovered--light: 13 76 166;
  --background--blue-low-default--light: 16 28 43;
  --background--main-medium-default--light: 0 107 255;
  --background--main-medium-hovered--light: 42 128 255;
  --background--main-medium-selected--light: 0 107 255;
  --background--neutral-base-default--light: 32 31 29;
  --background--neutral-low-default--light: 54 51 48;
  --background--neutral-low-hovered--light: 48 47 44;
  --background--neutral-high-default--light: 42 41 39;
  --background--neutral-strong-default--light: 54 51 48;
  --background--neutral-full-default--light: 0 0 0;
  --background--success-low-default--light: 25 55 37;
  --background--success-high-default--light: 2 182 70;
  --background--warning-low-default--light: 51 38 8;
  --background--warning-medium-default--light: 246 175 0;
  --background--critical-low-default--light: 51 19 13;
  --background--critical-high-default--light: 229 69 58;
  --background--critical-high-hovered--light: 200 54 44;
  --background--critical-xHigh-default--light: 229 69 58;
  --background--informative-low-default--light: 16 28 43;
  --background--informative-xHigh-default--light: 0 87 214;
  --background--notice-medium-default--light: 0 107 255;
  --foreground--neutral-full-default--light: 241 240 238;
  --foreground--neutral-full-hovered--light: 255 255 255;
  --foreground--neutral-high-default--light: 170 164 156;
  --foreground--neutral-medium-default--light: 149 140 131;
  --foreground--neutral-low-default--light: 111 107 103;
  --foreground--blue-medium-default--light: 255 255 255;
  --foreground--green-medium-default--light: 241 240 238;
  --foreground--controls-medium-default--light: 61 138 254;
  --foreground--controls-medium-hovered--light: 108 167 255;
  --foreground--controls-medium-selected--light: 61 138 254;
  --foreground--links-strong-default--light: 61 138 254;
  --foreground--links-strong-hovered--light: 108 167 255;
  --foreground--main-medium-default--light: 61 138 254;
  --foreground--main-medium-hovered--light: 108 167 255;
  --foreground--superadmin-high-default--light: 178 131 255;
  --foreground--superadmin-high-hovered--light: 157 104 245;
  --foreground--success-high-default--light: 74 208 127;
  --foreground--warning-medium-default--light: 255 194 77;
  --foreground--notice-medium-default--light: 125 180 255;
  --foreground--critical-high-default--light: 255 143 133;
  --foreground--critical-high-hovered--light: 255 143 133;
  --foreground--informative-strong-default--light: 125 180 255;
  --border--neutral-low-default--light: 58 57 55;
  --border--neutral-medium-default--light: 88 87 79;
  --border--neutral-high-default--light: 58 57 55;
  --border--neutral-full-hovered--light: 170 164 156;
  --border--controls-low-default--light: 13 76 166;
  --border--controls-medium-default--light: 0 107 255;
  --border--controls-medium-hovered--light: 42 128 255;
  --border--controls-medium-selected--light: 0 107 255;
  --border--blue-medium-default--light: 0 107 255;
  --border--links-strong-default--light: 61 138 254;
  --border--main-medium-default--light: 0 107 255;
  --border--main-medium-hovered--light: 42 128 255;
  --border--success-high-default--light: 2 182 70;
  --border--warning-medium-default--light: 246 175 0;
  --border--critical-high-default--light: 229 69 58;
  --border--critical-high-hovered--light: 200 54 44;
  --border--informative-strong-default--light: 0 87 214;
  --border--notice-medium-default--light: 0 107 255;
  --shadow--focus--light: 0 0 0 3px rgba(0, 107, 255, 0.45);
  --shadow--high-sharp--light: 0 2px 16px 0 rgba(0, 0, 0, 0.45);
  --brand-table-hairline: 88 87 79;
  --brand-field-frame: 184 181 163;
  --brand-field-frame-hover: 203 200 178;
  --brand-ghost-activated-ink: #201f1d;
  --brand-card-fill: 42 41 39;
  --brand-perex-fill: 0 22 56;
  --brand-btn-quiet-frame: 88 87 79;
  --brand-btn-tinted-fill: 26 46 74;
  --brand-btn-tinted-fill-hovered: 13 76 166;
  --brand-btn-tinted-ink: 201 223 255;
  --brand-btn-tinted-ink-hovered: 255 255 255;
  --brand-overlay-row-hover: 255 255 255 / 6%;
  --brand-overlay-page-hover: 255 255 255 / 8%;
  --brand-shop-pill-fill: 255 255 255 / 10%;
  --brand-img-ink: brightness(0) invert(1);
  --brand-caret: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.00011 7.93933L12.0001 15.9393L20.0001 7.93933L21.0608 8.99999L12.0001 18.0607L2.93945 8.99999L4.00011 7.93933Z' fill='%23f1f0ee'/%3E%3C/svg%3E");
  --brand-bar-shadow-up: 0 -1px 0 rgba(255, 255, 255, 0.1), 0 -8px 24px rgb(0 0 0 / 50%);
  --brand-search-fill: 21 20 18;
  --brand-control-ink: 241 240 238;
  --brand-header-fill: #201f1d;
  color-scheme: dark;
}