// Auto-generated by: pnpm test:stylesheets:update
import { join } from 'node:path';

import { compileLessWithTokens } from '../../scripts/testStylesheets/compileLessWithTokens';
import { DEFAULT_LESS_PRELUDES, DEFAULT_TOKEN_CSS_FILES } from '../../scripts/testStylesheets/config';

describe('styles/shoptet-brand.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'shoptet-brand.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css.css).toMatchTokensInlineSnapshot(`
body.theme-brand {
  --colors-interactive-primary-enabled: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-primary-hover: oklch(0.4991 0.2041 260.0447);
  --colors-interactive-primary-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-interactive-focus-primary: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-action-enabled: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-action-hover: oklch(0.4991 0.2041 260.0447);
  --colors-interactive-action-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-interactive-content-secondary: oklch(0.2764 0.0073 95.3273);
  --colors-interactive-secondary-enabled: oklch(0.4999 0.0082 88.6937);
  --colors-interactive-secondary-hover: oklch(0.2764 0.0073 95.3273);
  --colors-interactive-secondary-activated: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-secondary-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-interactive-tertiary-enabled: oklch(0.2764 0.0073 95.3273);
  --colors-interactive-tertiary-hover: oklch(0.1961 0.0042 84.5908);
  --colors-interactive-tertiary-activated: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-ghost-hover: oklch(0.9496 0.0017 67.8014);
  --colors-interactive-ghost-activated: oklch(0.2764 0.0073 95.3273);
  --colors-interactive-ghost-activated-hover: oklch(0.1961 0.0042 84.5908);
  --colors-interactive-ghost-subtle: oklch(0.9494 0.0241 259.824);
  --colors-interactive-ghost-subtle-hover: oklch(0.8918 0.0455 257.6022);
  --colors-interactive-destructive-enabled: oklch(0.5403 0.2115 30.8438);
  --colors-interactive-destructive-hover: oklch(0.4668 0.1817 31.0422);
  --colors-interactive-destructive-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-interactive-links-enabled: oklch(0.4991 0.2041 260.0447);
  --colors-interactive-links-hover: oklch(0.4359 0.1616 259.3934);
  --colors-interactive-links-disabled: oklch(0.5496 0.2249 260.0592 / 0.051);
  --colors-interactive-tabs-border: transparent;
  --colors-interactive-tabs-background-enabled: oklch(0.9496 0.0017 67.8014);
  --colors-interactive-tabs-background-hover: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-tabs-selected-indicator: oklch(0.5496 0.2249 260.0592);
  --colors-interactive-tabs-strip: oklch(0.9616 0.0183 258.3527);
  --colors-interactive-loader-light-background: oklch(0.9494 0.0241 259.824);
  --colors-interactive-loader-light-foregrounds: oklch(0.5496 0.2249 260.0592);
  --colors-surface-primary: oklch(0.9851 0 none);
  --colors-surface-light-gray: oklch(0.9496 0.0017 67.8014);
  --colors-surface-light-blue: oklch(0.9747 0.0119 259.8226);
  --colors-surface-inverted: oklch(0.2764 0.0073 95.3273);
  --colors-tables-backgrounds-secondary: oklch(0.9759 0.0013 106.4241);
  --colors-tables-backgrounds-tertiary: oklch(0.9496 0.0017 67.8014);
  --colors-tables-border-primary: oklch(0.9251 0.0029 84.5594);
  --colors-tables-border-secondary: oklch(0.5496 0.2249 260.0592);
  --colors-tables-states-success: oklch(0.9248 0.0395 148.7222);
  --colors-tables-states-warning: oklch(0.9009 0.0919 79.5426);
  --colors-tables-states-critical: oklch(0.9035 0.0436 28.5172);
  --colors-tables-states-notice: oklch(0.9747 0.0119 259.8226);
  --colors-sidebar-backgrounds-enabled: oklch(0.9496 0.0017 67.8014);
  --colors-sidebar-backgrounds-hover: oklch(0.9005 0.0042 91.45);
  --colors-sidebar-backgrounds-activated: oklch(0.9388 0.0042 56.3722);
  --colors-sidebar-content-enabled: oklch(0.2764 0.0073 95.3273);
  --colors-sidebar-content-activated: oklch(0.2764 0.0073 95.3273);
  --colors-sidebar-content-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-lists-background-hover: oklch(0.9496 0.0017 67.8014);
  --colors-lists-background-activated: oklch(0.9494 0.0241 259.824);
  --colors-lists-content-enabled: oklch(0.2764 0.0073 95.3273);
  --colors-lists-content-activated: oklch(0.5496 0.2249 260.0592);
  --colors-lists-content-disabled: oklch(0.6499 0.0091 91.5273);
  --colors-foregrounds-content-primary: oklch(0.2764 0.0073 95.3273);
  --colors-foregrounds-content-secondary: oklch(0.4999 0.0082 88.6937);
  --colors-foregrounds-content-tertiary: oklch(0.5998 0.0093 91.5389);
  --colors-foregrounds-headlines-primary: oklch(0.1961 0.0042 84.5908);
  --colors-foregrounds-headlines-secondary: oklch(0.2764 0.0073 95.3273);
  --colors-foregrounds-headlines-tertiary: oklch(0.2764 0.0073 95.3273);
  --colors-foregrounds-icons-primary: oklch(0.2764 0.0073 95.3273);
  --colors-foregrounds-icons-secondary: oklch(0.5998 0.0093 91.5389);
  --colors-foregrounds-borders-primary: oklch(0.9496 0.0017 67.8014);
  --colors-foregrounds-borders-secondary: oklch(0.9005 0.0042 91.45);
  --colors-forms-border: oklch(0.9005 0.0042 91.45);
  --colors-forms-activated: oklch(0.5496 0.2249 260.0592);
  --colors-forms-shadow: oklch(0.5496 0.2249 260.0592);
  --colors-forms-critical: oklch(0.5403 0.2115 30.8438);
  --colors-forms-warning: oklch(0.8257 0.1672 79.2198);
  --colors-forms-disabled: oklch(0.9496 0.0017 67.8014);
  --colors-states-primary-success: oklch(0.4996 0.1438 148.1076);
  --colors-states-primary-alert: oklch(0.8257 0.1672 79.2198);
  --colors-states-primary-error: oklch(0.5403 0.2115 30.8438);
  --colors-states-primary-notice: oklch(0.5263 0.1747 255.2275);
  --colors-states-primary-informative: oklch(0.4359 0.1616 259.3934);
  --colors-states-primary-default: oklch(0.4999 0.0082 88.6937);
  --colors-states-secondary-success: oklch(0.9514 0.0251 149.0844);
  --colors-states-secondary-alert: oklch(0.9675 0.0328 83.7133);
  --colors-states-secondary-error: oklch(0.967 0.0133 28.8651);
  --colors-states-secondary-notice: oklch(0.9747 0.0119 259.8226);
  --colors-states-secondary-informative: oklch(0.9494 0.0241 259.824);
  --colors-states-secondary-default: oklch(0.9005 0.0042 91.45);
  --colors-code-snippet-background: oklch(0.9675 0.0076 241.6632);
  --colors-code-snippet-border: oklch(0.8918 0.0455 257.6022);
  --effect-box-shadow-shadow-focus: 0 0 0 3px oklch(0.5496 0.2249 260.0592 / 0.35);
  --effect-box-shadow-shadow-down: 0 2px 16px 0 oklch(0.2447 0.0119 84.5658 / 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 oklch(0.5496 0.2249 260.0592 / 0.35);
  --shadow--high-sharp--light: 0 2px 16px 0 oklch(0.2447 0.0119 84.5658 / 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: 8px;
  --borderRadius--formField: 8px;
  --borderRadius--checkboxField: 4px;
  --size--formField: 30px;
  --brand-header-fill: oklch(1 0 none);
  --brand-table-hairline: 219 218 215;
  --brand-field-frame: 145 143 137;
  --brand-field-frame-hover: 145 143 137;
  --brand-ghost-activated-ink: oklch(1 0 none);
  --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 oklch(0.1961 0.0042 84.5908 / 0.06), 0 -8px 24px oklch(0 0 none / 0.06);
  --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: 500;
}
body.theme-brand .systemMessage__content h2,
body.theme-brand .systemMessage__content .typography__headline2 {
  text-transform: none;
}
body.theme-brand .systemMessage {
  font-size: 14px;
  line-height: 22px;
}
body.theme-brand .modal__body {
  border: 1px solid oklch(0.8761 0 none);
  box-shadow: 0px 12px 32px 0px oklch(0 0 none / 0.15);
}
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 oklch(0.7247 0.1478 233.0429);
  outline-offset: 2px;
}
body.theme-brand .table td,
body.theme-brand .table th {
  --border--neutral-low-default--light: var(--brand-table-hairline);
  padding: 12px;
  border-right-width: 0;
  border-left-width: 0;
}
body.theme-brand .table .table__cell--sorting {
  padding-right: calc(12px * 2 + 6px);
}
body.theme-brand .table thead tr:first-child > *:first-child,
body.theme-brand .table tfoot td:first-child {
  border-top-left-radius: 8px;
}
body.theme-brand .table thead tr:first-child > *:last-child,
body.theme-brand .table tfoot td:last-child {
  border-top-right-radius: 8px;
}
body.theme-brand .table thead:has(tr:only-child) th:first-child,
body.theme-brand .table tfoot td:first-child {
  border-bottom-left-radius: 8px;
}
body.theme-brand .table thead:has(tr:only-child) th:last-child,
body.theme-brand .table tfoot td:last-child {
  border-bottom-right-radius: 8px;
}
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: oklch(0.9491 0 none);
  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: 40px;
  height: 40px;
  background-color: oklch(0.9491 0 none);
  border-radius: 8px;
}
body.theme-brand .table td .imagePreview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.theme-brand .table td.table__cell--preview {
  padding-top: 16px;
  padding-bottom: 16px;
}
body.theme-brand .table td:first-child,
body.theme-brand .table th:first-child {
  padding-left: 16px;
}
body.theme-brand .table td:last-child,
body.theme-brand .table th:last-child {
  padding-right: 16px;
}
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: oklch(0 0 none) !important;
  background-color: oklch(1 0 none);
  border-color: oklch(0.8761 0 none);
}
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: oklch(0.9491 0 none);
  border-color: oklch(0.7252 0 none);
}
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: 238 238 238;
  --foreground--neutral-full-default--dark: 166 166 166;
}
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: 132 186 52;
  --background--controls-medium-hovered--light: 111 161 22;
  --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: 4px;
  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: oklch(0.7247 0.1478 233.0429);
}
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: oklch(0.9491 0 none);
  border-color: transparent;
}
body.theme-brand .massAction .btn:hover {
  background-color: oklch(0.8761 0 none);
  border-color: transparent;
}
body.theme-brand .iconButton {
  border-radius: 12px;
}
body.theme-brand .checkboxField--indeterminate::before {
  background-color: oklch(1 0 none);
}
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: 8px;
}
body.theme-brand .pagination__jumpForm .btn {
  width: calc(24px + 2 * 1px);
  height: calc(24px + 2 * 1px);
  min-height: 32px;
  padding: 0;
  border-radius: 12px;
}
body.theme-brand .circled.alert {
  --colors-foregrounds-content-inverted: var(--colors-foregrounds-content-primary);
}
body.theme-brand .section {
  border-radius: 32px;
}
body.theme-brand .section__navigationLink {
  --borderRadius: 16px;
}
body.theme-brand .landingPage {
  border-radius: 32px;
}
body.theme-brand .promoHero,
body.theme-brand .ctaBanner,
body.theme-brand .landingPage video {
  overflow: hidden;
  border-radius: 24px;
}
body.theme-brand .table th {
  font-weight: 700;
  color: oklch(0.5999 0 none);
}
body.theme-brand .navigation__link {
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 12px;
}
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: 700;
  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: oklch(0 0 none / 0.051);
  --colors-foregrounds-content-inverted: var(--colors-foregrounds-content-primary);
  background-color: var(--brand-header-fill);
  border-bottom: 1px solid oklch(0.8761 0 none);
}
body.theme-brand .header .header__logo {
  background-color: var(--colors-foregrounds-content-inverted);
  mask-image: url('../assets/logo/shoptet-logo-white.svg');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 92px auto;
}
body.theme-brand .header .header__logo:has(.shoptetLogo[src*='premium']) {
  mask-image: url('../assets/logo/shoptet-premium-logo-white.svg');
}
body.theme-brand .header .header__logo .shoptetLogo {
  visibility: hidden;
}
body.theme-brand .headerNavigation__item--superadmin {
  --colors-foregrounds-content-inverted: oklch(1 0 none);
}
body.theme-brand .headerNavigation__item--eshop {
  --colors-header-shop: rgb(var(--brand-shop-pill-fill));
}
body.theme-brand .headerNavigation__itemCounter {
  --colors-foregrounds-content-inverted: oklch(1 0 none);
}
body.theme-brand .header .searchForm__searchQuery {
  background-color: rgb(var(--brand-search-fill));
  border: 1px solid oklch(0.8761 0 none);
  border-radius: 0px;
}
body.theme-brand .header .searchForm__searchButton {
  --colors-forms-background: transparent;
}
body.theme-brand .header input.searchForm__searchQuery:focus {
  border: 1px solid oklch(0.7247 0.1478 233.0429);
}
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: oklch(0 0 none);
}
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: oklch(0 0 none);
}
body.theme-brand #t-order-contact {
  --order-contact-heading-padding: 6px 15px;
  --order-contact-heading-borderRadius: 12px 12px 0 0;
  --order-contact-cell-padding: 0 0 12px;
  --order-contact-cell-borderRadius: 12px;
  --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: oklch(0.8761 0 none);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul {
  width: fit-content;
  max-width: 100%;
  height: 40px;
  padding: 2px;
  background-color: var(--colors-interactive-tabs-strip);
  border-bottom: 0;
  border-radius: 48px;
}
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: 4px;
}
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: oklch(0 0 none);
  background-color: transparent;
  border-color: transparent;
  border-radius: 48px;
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:is(.active, .ui-tabs-active) > :is(a, button) {
  color: oklch(1 0 none);
  background-color: oklch(0.7247 0.1478 233.0429);
}
body.theme-brand :is(body .tabs, .v2tabs) > ul > li:not(.active):not(.ui-tabs-active) > :is(a, button):hover {
  color: oklch(0 0 none);
  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: oklch(0.5999 0.246 28.9803);
  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: oklch(1 0 none);
  background-color: oklch(0.5752 0.2359 29.018);
}
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: 12px;
}
body.theme-brand .systemMessage--error {
  --message-color: oklch(0.5999 0.246 28.9803);
}
body.theme-brand .systemMessage--alert {
  --message-color: oklch(0.7251 0.1625 65.1153);
}
body.theme-brand .systemMessage--success {
  --message-color: oklch(0.6007 0.1894 139.0123);
}
body.theme-brand .systemMessage--notice {
  --message-color: oklch(0.7248 0.1476 233.1072);
}
body.theme-brand .systemMessage__content h2,
body.theme-brand .systemMessage__content .typography__headline2 {
  color: oklch(0 0 none);
}
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(24px + 2 * 1px);
}
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: 8px;
  padding-bottom: 8px;
}
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: 8px;
}
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: 16px;
}
body.theme-brand .imageSelect__action .btn-sm {
  padding-right: 8px;
  padding-left: 8px;
}
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: 0px;
}
body.theme-brand .field-pieces-wrap {
  --size: calc(24px + 2 * 1px);
}
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: 24px;
  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: 0px;
  border-bottom-right-radius: 0px;
}
body.theme-brand .field-pieces-wrap a.remove-pcs {
  right: unset;
  left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
body.theme-brand .v2MultipleBox {
  --border--neutral-low-default--light: var(--brand-field-frame);
  border-radius: 0px;
}
body.theme-brand input[type='color'].colorFieldPicker {
  overflow: hidden;
  border-radius: 0px;
}
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: 0px;
}
body.theme-brand input[type='color'].colorFieldPicker::-moz-color-swatch {
  border-radius: 0px;
}
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: 8px;
  padding-bottom: 8px;
}
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(24px + 2 * 1px);
}
body.theme-brand .section .section {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.theme-brand .chosen-container {
  --colors-foregrounds-borders-secondary: oklch(0.8761 0 none);
  --chosen-borderRadius: 8px;
  --chosen-open-borderRadius: 8px 8px 0 0;
  --chosen-drop-borderRadius: 0 0 4px 4px;
}
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: oklch(0 0 none);
  border-color: rgb(var(--brand-field-frame)) !important;
}
body.theme-brand .chosen-container-multi .chosen-choices {
  min-height: 32px;
  color: oklch(0 0 none);
  background-color: var(--colors-forms-background);
  background-image: none;
  border-color: rgb(var(--brand-field-frame)) !important;
  border-radius: 8px;
}
body.theme-brand .chosen-drop {
  --colors-foregrounds-borders-secondary: oklch(0.7252 0 none);
}
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: 8px;
}
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: 8px;
  box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
}
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: 8px 12px;
  line-height: 20px;
}
body.theme-brand .headerDropdown__showMoreBtn {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
body.theme-brand .massAction ul {
  padding: 4px 0;
  border-color: oklch(0.8761 0 none);
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
}
body.theme-brand .massAction ul > li > a,
body.theme-brand .massAction ul > li > .massAction__submenuHeader {
  padding: 8px 12px;
  line-height: 18px;
  text-indent: 0;
  border-bottom-width: 0;
}
body.theme-brand img:not([class]) {
  border-radius: min(8px, 12.5%);
}
body.theme-brand .articleList__content {
  overflow: hidden;
  border-radius: 8px;
}
body.theme-brand .perexBox {
  --background--blue-low-default--light: var(--brand-perex-fill);
  border-radius: 12px;
}
body.theme-brand #category-nav {
  border-radius: 8px;
}
body.theme-brand .categoryFilter__list {
  overflow: hidden;
  border-radius: 8px;
}
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: 4px;
}
body.theme-brand #category-nav .item > .category-nav__subitems ul {
  padding: 4px 0;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
}
body.theme-brand #category-nav .item > .category-nav__subitems ul li a {
  padding: 8px 12px;
}
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: 48px;
}
body.theme-brand #item-preview {
  border-radius: 16px;
}
body.theme-brand .headerNavigation__submenu {
  border-radius: 12px;
}
body.theme-brand .ui-datepicker {
  border-radius: 12px;
}
body.theme-brand .headerDropdown {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
}
body.theme-brand .tooltip {
  border-radius: 8px;
}
body.theme-brand .tooltip--enhanced .tooltip-content,
body.theme-brand .tooltip:has(.tooltip-footer) .tooltip-content {
  border-radius: 8px;
}
body.theme-brand .card,
body.theme-brand .actionCard,
body.theme-brand .reviewCard,
body.theme-brand .statsCard {
  --borderRadius: 12px;
}
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: 12px;
}
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: 12px;
  border-bottom-left-radius: 12px;
}
body.theme-brand .tabs-dashboard.std-tabs > ul > li:last-child > a {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
body.theme-brand .list-statistics-outer {
  border-radius: 12px;
}
body.theme-brand .table .hide-on-mouseout {
  visibility: visible;
}
body.theme-brand .table td.table__cell--actions > span + span {
  margin-left: 8px;
}
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(24px + 2 * 1px);
  min-height: calc(24px + 2 * 1px);
  padding: 4px 4px;
  border-radius: 0px;
}
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: 8px;
}
body.theme-brand .section__controlsFooter {
  background: oklch(1 0 none);
}
body.theme-brand .statsCard__icon {
  background: oklch(1 0 none);
}
body.theme-brand .content-header-floating {
  border-radius: 0 0 12px 12px;
}
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: 4px;
}
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(24px + 2 * 1px);
}
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(24px + 2 * 1px);
  margin-block: 0;
}
body.theme-brand .v2FormField > .v2FormField__labelAfter {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
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(24px + 2 * 1px);
}
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((24px + 2 * 1px - 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: 8px;
}
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: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
  }
}
@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: 12px 12px 0;
    border-bottom-width: 0;
    border-radius: 48px;
    box-shadow: 0px 4px 10px 0px oklch(0 0 none / 0.05);
  }
  body.theme-brand .pageGrid__content {
    gap: 16px;
    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: 4px 2px;
    padding: 0;
    border-radius: 48px;
  }
  body.theme-brand .headerNavigation__itemCounter {
    top: -2px;
    right: -2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
    line-height: 1;
    border-radius: 48px;
    box-shadow: 0 0 0 2px var(--brand-header-fill);
  }
  body.theme-brand .headerNavigation__item--eshop,
  body.theme-brand .headerNavigation__item--superadmin {
    margin: 4px 4px 4px 0;
    border-radius: 48px;
  }
  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: 4px 8px 4px 0;
    border-radius: 48px;
  }
  body.theme-brand .headerNavigation__item--user > .headerNavigation__link {
    padding: 4px 12px;
    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: 4px;
    padding-left: 4px;
  }
  body.theme-brand .systemMessage__notification--right,
  body.theme-brand .js-notifier.systemMessage {
    left: calc(228px + 16px);
  }
  body.theme-brand .pageGrid__content,
  body.theme-brand.page-124 .pageGrid__content {
    gap: 16px;
    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: 32px 0 0 32px;
  }
  body.theme-brand .pageGrid__content > :not(.section) {
    margin-right: 24px;
    margin-left: 24px;
  }
  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: 32px 0 0 32px;
  }
}
@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 + 24px);
  }
}
@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: 8px;
    align-items: center;
    padding-right: 8px !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: 8px;
  }
}
@supports (color: oklch(from red calc(l * infinity) 0 0)) {
  body.theme-brand .header {
    --colors-foregrounds-content-inverted: oklch(from var(--brand-header-fill) calc((0.71 - l) * infinity) 0 0);
    --colors-header-hover: oklch(from var(--brand-header-fill) calc((0.71 - l) * infinity) 0 0 / 8%);
  }
}
`);
  });
});