@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* src/styles.scss */
/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
  --ck-color-base-foreground: #fafafa;
  --ck-color-base-background: #fff;
  --ck-color-base-border: #ccced1;
  --ck-color-base-action: #53a336;
  --ck-color-base-focus: #6cb5f9;
  --ck-color-base-text: #333;
  --ck-color-base-active: #2977ff;
  --ck-color-base-active-focus: #0d65ff;
  --ck-color-base-error: #db3700;
  --ck-color-focus-border-coordinates:
    218,
    81.8%,
    56.9%;
  --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
  --ck-color-focus-outer-shadow: #cae1fc;
  --ck-color-focus-disabled-shadow: #77baf84d;
  --ck-color-focus-error-shadow: #ff401f4d;
  --ck-color-text: var(--ck-color-base-text);
  --ck-color-shadow-drop: #00000026;
  --ck-color-shadow-drop-active: #0003;
  --ck-color-shadow-inner: #0000001a;
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: #f0f0f0;
  --ck-color-button-default-active-background: #f0f0f0;
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-on-background: #f0f7ff;
  --ck-color-button-on-hover-background: #dbecff;
  --ck-color-button-on-active-background: #dbecff;
  --ck-color-button-on-disabled-background: #f0f2f4;
  --ck-color-button-on-color: #2977ff;
  --ck-color-button-action-background: var(--ck-color-base-action);
  --ck-color-button-action-hover-background: #4d9d30;
  --ck-color-button-action-active-background: #4d9d30;
  --ck-color-button-action-disabled-background: #7ec365;
  --ck-color-button-action-text: var(--ck-color-base-background);
  --ck-color-button-save: #008a00;
  --ck-color-button-cancel: #db3700;
  --ck-color-switch-button-off-background: #939393;
  --ck-color-switch-button-off-hover-background: #7d7d7d;
  --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
  --ck-color-switch-button-on-hover-background: #4d9d30;
  --ck-color-switch-button-inner-background: var(--ck-color-base-background);
  --ck-color-switch-button-inner-shadow: #0000001a;
  --ck-color-dropdown-panel-background: var(--ck-color-base-background);
  --ck-color-dropdown-panel-border: var(--ck-color-base-border);
  --ck-color-dialog-background: var(--ck-custom-background);
  --ck-color-dialog-form-header-border: var(--ck-custom-border);
  --ck-color-input-background: var(--ck-color-base-background);
  --ck-color-input-border: var(--ck-color-base-border);
  --ck-color-input-error-border: var(--ck-color-base-error);
  --ck-color-input-text: var(--ck-color-base-text);
  --ck-color-input-disabled-background: #f2f2f2;
  --ck-color-input-disabled-border: var(--ck-color-base-border);
  --ck-color-input-disabled-text: #757575;
  --ck-color-list-background: var(--ck-color-base-background);
  --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-color-list-button-on-background: var(--ck-color-button-on-color);
  --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
  --ck-color-list-button-on-text: var(--ck-color-base-background);
  --ck-color-panel-background: var(--ck-color-base-background);
  --ck-color-panel-border: var(--ck-color-base-border);
  --ck-color-toolbar-background: var(--ck-color-base-background);
  --ck-color-toolbar-border: var(--ck-color-base-border);
  --ck-color-tooltip-background: var(--ck-color-base-text);
  --ck-color-tooltip-text: var(--ck-color-base-background);
  --ck-color-engine-placeholder-text: #707070;
  --ck-color-upload-bar-background: #6cb5f9;
  --ck-color-link-default: #0000f0;
  --ck-color-link-selected-background: #1fb0ff1a;
  --ck-color-link-fake-selection: #1fb0ff4d;
  --ck-color-highlight-background: #ff0;
  --ck-color-light-red: #fcc;
  --ck-disabled-opacity: .5;
  --ck-focus-outer-shadow-geometry: 0 0 0 3px;
  --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
  --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
  --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
  --ck-font-size-base: 13px;
  --ck-line-height-base: 1.84615;
  --ck-font-face:
    Helvetica,
    Arial,
    Tahoma,
    Verdana,
    Sans-Serif;
  --ck-font-size-tiny: .7em;
  --ck-font-size-small: .75em;
  --ck-font-size-normal: 1em;
  --ck-font-size-big: 1.4em;
  --ck-font-size-large: 1.8em;
  --ck-ui-component-min-height: 2.3em;
}
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
  box-sizing: border-box;
  vertical-align: middle;
  word-wrap: break-word;
  background: none;
  border: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: none;
  position: static;
}
.ck.ck-reset_all,
.ck-reset_all :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
  border-collapse: collapse;
  font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
  color: var(--ck-color-text);
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none;
}
.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
  text-align: right;
}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
  vertical-align: inherit;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
  white-space: pre-wrap;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *) {
  cursor: text;
}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *) {
  cursor: default;
}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
  border: 2px groove #dfdee3;
  padding: 10px;
}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ck[dir=rtl],
.ck[dir=rtl] .ck {
  text-align: right;
}
:root {
  --ck-border-radius: 2px;
  --ck-rounded-corners-radius: 0;
}
.ck-rounded-corners {
  --ck-rounded-corners-radius: var(--ck-border-radius);
}
:root {
  --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
  --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
  --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
  --ck-spacing-unit: .6em;
  --ck-spacing-extra-large: calc(var(--ck-spacing-unit) * 2);
  --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
  --ck-spacing-standard: var(--ck-spacing-unit);
  --ck-spacing-medium: calc(var(--ck-spacing-unit) * .8);
  --ck-spacing-medium-small: calc(var(--ck-spacing-unit) * .667);
  --ck-spacing-small: calc(var(--ck-spacing-unit) * .5);
  --ck-spacing-tiny: calc(var(--ck-spacing-unit) * .3);
  --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * .16);
}
.ck-hidden {
  display: none !important;
}
:root {
  --ck-z-default: 1;
  --ck-z-panel: calc(var(--ck-z-default) + 999);
  --ck-z-dialog: 9999;
}
.ck-transitions-disabled,
.ck-transitions-disabled * {
  transition: none !important;
}
:root {
  --ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
  --ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -.2 / 13);
  --ck-powered-by-padding-vertical: 2px;
  --ck-powered-by-padding-horizontal: 4px;
  --ck-powered-by-text-color: #4f4f4f;
  --ck-powered-by-border-radius: var(--ck-border-radius);
  --ck-powered-by-background: #fff;
  --ck-powered-by-border-color: var(--ck-color-focus-border);
  --ck-powered-by-svg-width: 53;
  --ck-powered-by-svg-height: 10;
  --ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
  --ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
  --ck-border-radius: var(--ck-powered-by-border-radius);
  box-shadow: none;
  background: var(--ck-powered-by-background);
  min-height: unset;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
  line-height: var(--ck-powered-by-line-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
  cursor: pointer;
  opacity: 0.66;
  filter: grayscale(80%);
  line-height: var(--ck-powered-by-line-height);
  padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
  align-items: center;
  display: flex;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
  font-size: var(--ck-powered-by-font-size);
  letter-spacing: var(--ck-powered-by-letter-spacing);
  text-transform: uppercase;
  cursor: pointer;
  color: var(--ck-powered-by-text-color);
  margin-right: 4px;
  padding-left: 2px;
  font-weight: bold;
  line-height: normal;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
  cursor: pointer;
  width: var(--ck-powered-by-icon-width);
  height: var(--ck-powered-by-icon-height);
  display: block;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
  filter: grayscale(0%);
  opacity: 1;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] {
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
  border: var(--ck-focus-ring);
  border-color: var(--ck-powered-by-border-color);
}
:root {
  --ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -.2 / 13);
  --ck-evaluation-badge-padding-vertical: 2px;
  --ck-evaluation-badge-padding-horizontal: 4px;
  --ck-evaluation-badge-text-color: #4f4f4f;
  --ck-evaluation-badge-border-radius: var(--ck-border-radius);
  --ck-evaluation-badge-background: #fff;
  --ck-evaluation-badge-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
  --ck-border-radius: var(--ck-evaluation-badge-border-radius);
  box-shadow: none;
  background: var(--ck-evaluation-badge-background);
  min-height: unset;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
  line-height: var(--ck-evaluation-badge-line-height);
  padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
  font-size: var(--ck-evaluation-badge-font-size);
  letter-spacing: var(--ck-evaluation-badge-letter-spacing);
  text-transform: uppercase;
  color: var(--ck-evaluation-badge-text-color);
  padding: 0 2px;
  font-weight: bold;
  line-height: normal;
  display: block;
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_inside] {
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_border] {
  border: var(--ck-focus-ring);
  border-color: var(--ck-evaluation-badge-border-color);
}
.ck.ck-responsive-form {
  padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
  outline: none;
}
[dir=ltr] .ck.ck-responsive-form > :not(:first-child) {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-responsive-form > :not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}
@media screen and (width <= 600px) {
  .ck.ck-responsive-form {
    width: calc(0.8 * var(--ck-input-width));
    padding: 0;
  }
  .ck.ck-responsive-form .ck-labeled-field-view {
    margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
  }
  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
    width: 100%;
    min-width: 0;
  }
  .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
    white-space: normal;
  }
  .ck.ck-responsive-form > .ck-button:last-child,
  .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    padding: var(--ck-spacing-standard);
    margin-top: var(--ck-spacing-large);
    border-radius: 0;
  }
  :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)):not(:focus) {
    border-top: 1px solid var(--ck-color-base-border);
  }
  [dir=ltr] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)) {
    margin-left: 0;
  }
  [dir=rtl] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)) {
    margin-left: 0;
  }
  [dir=rtl] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)):last-of-type {
    border-right: 1px solid var(--ck-color-base-border);
  }
  .ck.ck-responsive-form .ck-button:after {
    content: "";
    z-index: 1;
    width: 0;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
  }
  .ck.ck-responsive-form .ck-button:nth-last-child(2):after {
    border-right: 1px solid var(--ck-color-base-border);
  }
  .ck.ck-responsive-form .ck-button:focus:after {
    display: none;
  }
}
.ck-vertical-form > .ck-button:nth-last-child(2):after {
  border-right: 1px solid var(--ck-color-base-border);
}
.ck-vertical-form .ck-button:after {
  content: "";
  z-index: 1;
  width: 0;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
}
.ck-vertical-form .ck-button:focus:after {
  display: none;
}
:root {
  --ck-form-default-width: 340px;
}
.ck.ck-form {
  padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form.ck-form_default-width {
  width: var(--ck-form-default-width);
}
.ck.ck-form:focus {
  outline: none;
}
.ck.ck-form .ck.ck-input-text,
.ck.ck-form .ck.ck-input-number {
  width: 0;
  min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown {
  min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
  width: 100%;
}
@media screen and (width <= 600px) {
  .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
}
@media screen and (width <= 600px) {
  .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
    margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
  }
}
@media screen and (width <= 600px) {
  .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
    justify-content: center;
  }
}
@media screen and (width <= 600px) {
  .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
    padding-bottom: var(--ck-spacing-large);
  }
}
[dir=ltr] .ck.ck-form.ck-responsive-form > :not(:first-child) {
  margin-left: 0;
}
[dir=rtl] .ck.ck-form.ck-responsive-form > :not(:last-child) {
  margin-left: 0;
}
.ck.ck-aria-live-announcer {
  position: absolute;
  top: -10000px;
  left: -10000px;
}
.ck.ck-aria-live-region-list {
  list-style-type: none;
}
:root {
  --ck-accessibility-help-dialog-max-width: 600px;
  --ck-accessibility-help-dialog-max-height: 400px;
  --ck-accessibility-help-dialog-border-color: #ccced1;
  --ck-accessibility-help-dialog-code-background-color: #ededed;
  --ck-accessibility-help-dialog-kbd-shadow-color: #9c9c9c;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
  padding: var(--ck-spacing-large);
  max-width: var(--ck-accessibility-help-dialog-max-width);
  max-height: var(--ck-accessibility-help-dialog-max-height);
  -webkit-user-select: text;
  user-select: text;
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: auto;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
  white-space: normal;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
  display: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
  font-size: 1em;
  font-weight: bold;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
  margin: 1em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
  border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
  border-bottom: none;
  grid-template-columns: 2fr 1fr;
  display: grid;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
  padding: 0.4em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
  grid-column-start: 1;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  text-align: right;
  grid-column-start: 2;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  background: var(--ck-accessibility-help-dialog-code-background-color);
  vertical-align: middle;
  text-align: center;
  border-radius: 2px;
  padding: 0.4em;
  font-size: 0.9em;
  line-height: 1;
  display: inline-block;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  font-family: monospace;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
  min-width: 1.8em;
  box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
  margin: 0 1px;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
  margin-left: 2px;
}
.ck.ck-button,
:where(a).ck.ck-button {
  --ck-button-background: var(--ck-color-button-default-background);
  --ck-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-button-active-background: var(--ck-color-button-default-active-background);
  --ck-button-disabled-background: var(--ck-color-button-default-disabled-background);
  background: var(--ck-button-background);
}
:is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-disabled):hover {
  background: var(--ck-button-hover-background);
}
:is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-disabled):active {
  background: var(--ck-button-active-background);
}
.ck.ck-button,
:where(a).ck.ck-button {
  border-radius: var(--ck-rounded-corners-radius);
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
  padding: var(--ck-spacing-tiny);
  text-align: center;
  min-width: var(--ck-ui-component-min-height);
  min-height: var(--ck-ui-component-min-height);
  line-height: 1;
  font-size: inherit;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid rgba(0, 0, 0, 0);
  align-items: center;
  transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
  display: inline-flex;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-button,
  :where(a).ck.ck-button {
    transition: none;
  }
}
:is(.ck.ck-button, :where(a).ck.ck-button):active,
:is(.ck.ck-button, :where(a).ck.ck-button):focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
}
:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__icon use,
:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__icon use * {
  color: inherit;
}
:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: inherit;
  vertical-align: middle;
}
[dir=ltr] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label) {
  text-align: left;
}
[dir=rtl] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label) {
  text-align: right;
}
:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label {
  display: none;
}
:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke {
  color: inherit;
  opacity: 0.5;
}
[dir=ltr] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke) {
  margin-left: var(--ck-spacing-large);
}
[dir=rtl] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke) {
  margin-right: var(--ck-spacing-large);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled {
  background: var(--ck-button-disabled-background);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled:active,
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__icon,
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__keystroke {
  opacity: 0.3;
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
}
[dir=ltr] :is(:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__icon) {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] :is(:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__icon) {
  margin-left: var(--ck-spacing-medium);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__label {
  display: inline-block;
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-keystroke .ck-button__label {
  flex-grow: 1;
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-on {
  --ck-button-background: var(--ck-color-button-on-background);
  --ck-button-hover-background: var(--ck-color-button-on-hover-background);
  --ck-button-active-background: var(--ck-color-button-on-active-background);
  --ck-button-disabled-background: var(--ck-color-button-on-disabled-background);
  color: var(--ck-color-button-on-color);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-button-save {
  color: var(--ck-color-button-save);
}
:is(.ck.ck-button, :where(a).ck.ck-button).ck-button-cancel {
  color: var(--ck-color-button-cancel);
}
[dir=ltr] :is(.ck.ck-button, :where(a).ck.ck-button) {
  justify-content: left;
}
[dir=rtl] :is(.ck.ck-button, :where(a).ck.ck-button) {
  justify-content: right;
}
:is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-button_with-text) {
  justify-content: center;
}
.ck.ck-button-action,
a.ck.ck-button-action {
  --ck-button-background: var(--ck-color-button-action-background);
  --ck-button-hover-background: var(--ck-color-button-action-hover-background);
  --ck-button-active-background: var(--ck-color-button-action-active-background);
  --ck-button-disabled-background: var(--ck-color-button-action-disabled-background);
  color: var(--ck-color-button-action-text);
}
.ck.ck-button-bold,
a.ck.ck-button-bold {
  font-weight: bold;
}
:root {
  --ck-switch-button-toggle-width: 2.61538em;
  --ck-switch-button-toggle-inner-size: calc(1.07692em + 1px);
  --ck-switch-button-translation: calc(var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px );
  --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
.ck.ck-button.ck-switchbutton,
.ck.ck-button.ck-switchbutton:hover,
.ck.ck-button.ck-switchbutton:focus,
.ck.ck-button.ck-switchbutton:active,
.ck.ck-button.ck-switchbutton.ck-on:hover,
.ck.ck-button.ck-switchbutton.ck-on:focus,
.ck.ck-button.ck-switchbutton.ck-on:active {
  color: inherit;
  background: none;
}
[dir=ltr] :is(.ck.ck-button.ck-switchbutton .ck-button__label) {
  margin-right: calc(2 * var(--ck-spacing-large));
}
[dir=rtl] :is(.ck.ck-button.ck-switchbutton .ck-button__label) {
  margin-left: calc(2 * var(--ck-spacing-large));
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  border-radius: var(--ck-rounded-corners-radius);
  width: var(--ck-switch-button-toggle-width);
  background: var(--ck-color-switch-button-off-background);
  border: 1px solid rgba(0, 0, 0, 0);
  transition:
    background 0.4s,
    box-shadow 0.2s ease-in-out,
    outline 0.2s ease-in-out;
}
[dir=ltr] :is(.ck.ck-button.ck-switchbutton .ck-button__toggle) {
  margin-left: auto;
}
[dir=rtl] :is(.ck.ck-button.ck-switchbutton .ck-button__toggle) {
  margin-right: auto;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  border-radius: calc(0.5 * var(--ck-rounded-corners-radius));
  width: var(--ck-switch-button-toggle-inner-size);
  height: var(--ck-switch-button-toggle-inner-size);
  background: var(--ck-color-switch-button-inner-background);
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
    transition: none;
  }
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  display: block;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-off-hover-background);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
  box-shadow: var(--ck-switch-button-inner-hover-shadow);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  display: block;
}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-switchbutton:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0);
  outline: none;
}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
  box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
  outline-offset: 1px;
  outline: var(--ck-focus-ring);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
  background: var(--ck-color-switch-button-on-background);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-on-hover-background);
}
[dir=ltr] :is(.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner) {
  transform: translateX(var(--ck-switch-button-translation));
}
[dir=rtl] :is(.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner) {
  transform: translateX(calc(-1 * var(--ck-switch-button-translation)));
}
.ck.ck-button.ck-list-item-button {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
}
.ck.ck-button.ck-list-item-button,
.ck.ck-button.ck-list-item-button.ck-on {
  background: var(--ck-color-list-background);
  color: var(--ck-color-text);
}
[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
.ck.ck-button.ck-list-item-button.ck-on:hover {
  background: var(--ck-color-list-button-hover-background);
}
:is(.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover):not(.ck-disabled) {
  color: var(--ck-color-text);
}
.ck.ck-list-item-button {
  min-height: unset;
  border-radius: 0;
  width: 100%;
}
[dir=ltr] .ck.ck-list-item-button {
  text-align: left;
}
[dir=rtl] .ck.ck-list-item-button {
  text-align: right;
}
[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-holder {
  width: 0.9em;
  height: 0.9em;
  display: inline-flex;
}
[dir=ltr] :is(.ck.ck-list-item-button .ck-list-item-button__check-holder) {
  margin-right: var(--ck-spacing-small);
}
[dir=rtl] :is(.ck.ck-list-item-button .ck-list-item-button__check-holder) {
  margin-left: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-icon {
  height: 100%;
}
:root {
  --ck-collapsible-arrow-size: calc(.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
  width: 100%;
  color: inherit;
  border-radius: 0;
  font-weight: bold;
}
.ck.ck-collapsible > .ck.ck-button:focus {
  background: none;
}
.ck.ck-collapsible > .ck.ck-button:active,
.ck.ck-collapsible > .ck.ck-button:not(:focus),
.ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
  box-shadow: none;
  background: none;
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
  margin-right: var(--ck-spacing-medium);
  width: var(--ck-collapsible-arrow-size);
}
.ck.ck-collapsible > .ck-collapsible__children {
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
  transform: rotate(-90deg);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
  display: none;
}
:root {
  --ck-color-grid-tile-size: 24px;
  --ck-color-color-grid-check-icon: #166fd4;
}
.ck.ck-color-grid {
  grid-gap: 5px;
  padding: 8px;
  display: grid;
}
.ck.ck-color-grid__tile {
  transition: box-shadow 0.2s;
}
@media (forced-colors: none) {
  .ck.ck-color-grid__tile {
    width: var(--ck-color-grid-tile-size);
    height: var(--ck-color-grid-tile-size);
    min-width: var(--ck-color-grid-tile-size);
    min-height: var(--ck-color-grid-tile-size);
    border: 0;
    padding: 0;
  }
  .ck.ck-color-grid__tile.ck-on,
  .ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    border: 0;
  }
  .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
    box-shadow: 0 0 0 1px var(--ck-color-base-border);
  }
  .ck.ck-color-grid__tile.ck-on {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
  }
  .ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  }
}
@media (forced-colors: active) {
  .ck.ck-color-grid__tile {
    width: unset;
    height: unset;
    min-width: unset;
    min-height: unset;
    padding: 0 var(--ck-spacing-small);
  }
  .ck.ck-color-grid__tile .ck-button__label {
    display: inline-block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-color-grid__tile {
    transition: none;
  }
}
.ck.ck-color-grid__tile.ck-disabled {
  cursor: unset;
  transition: unset;
}
.ck.ck-color-grid__tile .ck.ck-icon {
  color: var(--ck-color-color-grid-check-icon);
  display: none;
}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
  display: block;
}
.ck.ck-color-grid__label {
  padding: 0 var(--ck-spacing-standard);
}
.color-picker-hex-input {
  width: max-content;
}
.color-picker-hex-input .ck.ck-input {
  min-width: unset;
}
.ck.ck-color-picker__row {
  margin: var(--ck-spacing-large) 0 0;
  width: unset;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}
.ck.ck-color-picker__row .ck.ck-labeled-field-view {
  padding-top: unset;
}
.ck.ck-color-picker__row .ck.ck-input-text {
  width: unset;
}
.ck.ck-color-picker__row .ck-color-picker__hash-view {
  padding-top: var(--ck-spacing-tiny);
  padding-right: var(--ck-spacing-medium);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  align-items: center;
  width: 100%;
  display: flex;
}
[dir=rtl] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker) {
  justify-content: flex-start;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon) {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon) {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
  font-weight: unset;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
  padding: 8px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
  min-width: 180px;
  height: 100px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
  width: 15px;
  height: 15px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
  flex-direction: row;
  justify-content: space-around;
  padding: 0 8px 8px;
  display: flex;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
  flex: 1;
}
:root {
  --ck-dialog-overlay-background-color: #00000080;
  --ck-dialog-drop-shadow: 0px 0px 6px 2px #00000026;
  --ck-dialog-max-width: 100vw;
  --ck-dialog-max-height: 90vh;
  --ck-color-dialog-background: var(--ck-color-base-background);
  --ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
  background: var(--ck-dialog-overlay-background-color);
  z-index: var(--ck-z-dialog);
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
  animation: 0.3s ck-dialog-fade-in;
  position: fixed;
  inset: 0;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
  pointer-events: none;
  background: none;
  animation: none;
}
.ck.ck-dialog {
  border-radius: var(--ck-rounded-corners-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  --ck-drop-shadow: var(--ck-dialog-drop-shadow);
  background: var(--ck-color-dialog-background);
  max-height: var(--ck-dialog-max-height);
  max-width: var(--ck-dialog-max-width);
  border: 1px solid var(--ck-color-base-border);
  overscroll-behavior: contain;
  overscroll-behavior: none;
  width: fit-content;
  position: absolute;
}
.ck.ck-dialog .ck.ck-form__header {
  border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
  flex-shrink: 0;
}
.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
  cursor: grab;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
  pointer-events: all;
}
.ck-dialog-scroll-locked {
  overflow: hidden;
}
@keyframes ck-dialog-fade-in {
  0% {
    background: none;
  }
  100% {
    background: var(--ck-dialog-overlay-background-color);
  }
}
.ck.ck-dialog .ck.ck-dialog__actions {
  padding: var(--ck-spacing-large);
  display: flex;
}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
  margin-left: var(--ck-spacing-large);
}
.ck.ck-dialog .ck.ck-dialog__actions {
  justify-content: flex-end;
}
:root {
  --ck-dropdown-arrow-size: calc(.5 * var(--ck-icon-size));
  --ck-dropdown-max-width: 75vw;
}
.ck.ck-dropdown {
  font-size: inherit;
  display: inline-block;
  position: relative;
}
.ck.ck-dropdown .ck-dropdown__arrow {
  width: var(--ck-dropdown-arrow-size);
  pointer-events: none;
  z-index: var(--ck-z-default);
}
[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow {
  right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] :is(.ck.ck-dropdown .ck-button.ck-dropdown__button):not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] :is(.ck.ck-dropdown .ck-button.ck-dropdown__button):not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  text-overflow: ellipsis;
  width: 7em;
  overflow: hidden;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
  width: auto;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
  box-shadow: none;
}
:is(.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active):focus {
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button {
  width: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel {
  z-index: var(--ck-z-panel);
  max-width: var(--ck-dropdown-max-width);
  display: none;
  position: absolute;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
  display: inline-block;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
  bottom: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
  top: 100%;
  bottom: auto;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  left: 0;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  right: 0;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
  left: 50%;
  transform: translateX(-50%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
  left: 75%;
  transform: translateX(-75%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
  left: 25%;
  transform: translateX(-25%);
}
.ck.ck-dropdown__panel {
  border-radius: var(--ck-rounded-corners-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  min-width: 100%;
  bottom: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
  border-top-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown__panel:focus {
  outline: none;
}
.ck.ck-toolbar .ck-dropdown__panel {
  z-index: calc(var(--ck-z-panel) + 1);
}
:root {
  --ck-color-split-button-hover-background: #ebebeb;
  --ck-color-split-button-hover-border: #b3b3b3;
}
.ck.ck-splitbutton .ck-splitbutton__action:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
[dir=ltr] :is(.ck.ck-splitbutton:hover > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action) {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=rtl] :is(.ck.ck-splitbutton:hover > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
  min-width: unset;
}
[dir=ltr] :is(.ck.ck-splitbutton > .ck-splitbutton__arrow) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=rtl] :is(.ck.ck-splitbutton > .ck-splitbutton__arrow) {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
  width: var(--ck-dropdown-arrow-size);
}
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
  border-top-width: 0;
  border-bottom-width: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open {
  border-radius: var(--ck-rounded-corners-radius);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
  border-bottom-left-radius: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow {
  border-bottom-right-radius: 0;
}
:is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background: var(--ck-color-split-button-hover-background);
}
:is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
  content: "";
  background-color: var(--ck-color-split-button-hover-border);
  width: 1px;
  height: 100%;
  position: absolute;
}
:is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:focus:after {
  --ck-color-split-button-hover-border: var(--ck-color-focus-border);
}
[dir=ltr] :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
  left: -1px;
}
[dir=rtl] :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
  right: -1px;
}
.ck.ck-splitbutton {
  font-size: inherit;
}
.ck.ck-toolbar-dropdown .ck-toolbar {
  border: 0;
}
:root {
  --ck-toolbar-dropdown-max-width: 60vw;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
  width: max-content;
  max-width: var(--ck-toolbar-dropdown-max-width);
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
  border-radius: var(--ck-rounded-corners-radius);
  border-top-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
  border-radius: var(--ck-rounded-corners-radius);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
  border-radius: var(--ck-rounded-corners-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck.ck-dropdown-menu-list__nested-menu {
  display: block;
}
:root {
  --ck-dropdown-menu-menu-item-min-width: 18em;
}
.ck.ck-dropdown-menu-list__nested-menu__item {
  min-width: var(--ck-dropdown-menu-menu-item-min-width);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
  border-radius: 0;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
  --ck-toolbar-spinner-size: 20px;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
  margin-left: calc(-1 * var(--ck-spacing-small));
  margin-right: var(--ck-spacing-small);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
  width: 100%;
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  border-radius: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
  text-overflow: ellipsis;
  flex-grow: 1;
  overflow: hidden;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
  margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
  pointer-events: none;
  z-index: var(--ck-z-default);
}
[dir=ltr] :is(.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow) {
  right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-standard);
  margin-right: calc(-1 * var(--ck-spacing-small));
  transform: rotate(-90deg);
}
[dir=rtl] :is(.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow) {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
  margin-left: calc(-1 * var(--ck-spacing-small));
  transform: rotate(90deg);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
:root {
  --ck-dropdown-menu-menu-panel-max-width: 75vw;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  height: fit-content;
  max-width: var(--ck-dropdown-menu-menu-panel-max-width);
  max-height: 314px;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before {
  display: none;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
  border-top-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
  outline: none;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  z-index: calc(var(--ck-z-panel) + 1);
}
:root {
  --ck-color-editable-blur-selection: #d9d9d9;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border-radius: var(--ck-rounded-corners-radius);
  border: 1px solid var(--ck-color-base-border);
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
  border-bottom-width: 1px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
  border: 0;
  border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
  border: 0;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  border-radius: var(--ck-rounded-corners-radius);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
  outline: none;
}
.ck.ck-editor__editable_inline {
  padding: 0 var(--ck-spacing-standard);
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: auto;
}
.ck.ck-editor__editable_inline[dir=ltr] {
  text-align: left;
}
.ck.ck-editor__editable_inline[dir=rtl] {
  text-align: right;
}
.ck.ck-editor__editable_inline > :first-child {
  margin-top: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline > :last-child {
  margin-bottom: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline.ck-blurred ::selection {
  background: var(--ck-color-editable-blur-selection);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]:after {
  border-bottom-color: var(--ck-color-panel-background);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]:after {
  border-top-color: var(--ck-color-panel-background);
}
.ck.ck-form__row {
  padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.ck.ck-form__row.ck-form__row_large-top-padding {
  padding-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-form__row_large-bottom-padding {
  padding-bottom: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-form__row_with-submit {
  flex-wrap: nowrap;
}
.ck.ck-form__row.ck-form__row_with-submit > :not(:first-child) {
  margin-inline-start: var(--ck-spacing-standard);
}
.ck.ck-form__row > .ck.ck-form__row {
  padding: 0;
}
:root {
  --ck-form-header-height: 3.384em;
}
.ck.ck-form__header {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  height: var(--ck-form-header-height);
  line-height: var(--ck-form-header-height);
  border-bottom: 1px solid var(--ck-color-base-border);
  flex-flow: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.ck.ck-form__header > .ck-icon {
  flex-shrink: 0;
  margin-inline-end: var(--ck-spacing-medium);
}
.ck.ck-form__header .ck-form__header__label {
  --ck-font-size-base: 1.153em;
  font-weight: bold;
}
.ck.ck-form__header:has(.ck-button-back.ck-hidden) {
  padding-inline: var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
  padding-inline: var(--ck-spacing-small) var(--ck-spacing-small);
}
.ck.ck-form__header > .ck-button-back {
  margin-inline-end: var(--ck-spacing-small);
}
.ck.ck-form__header > .ck.ck-button {
  flex-shrink: 0;
}
.ck.ck-form__header h2.ck-form__header__label {
  text-overflow: ellipsis;
  flex-grow: 1;
  overflow: hidden;
}
:root {
  --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
  --ck-icon-font-size: .833335em;
}
.ck.ck-icon {
  width: var(--ck-icon-size);
  height: var(--ck-icon-size);
  font-size: var(--ck-icon-font-size);
  cursor: inherit;
}
.ck.ck-icon * {
  cursor: inherit;
}
.ck.ck-icon.ck-icon_inherit-color {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color * {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
  fill: currentColor;
}
.ck.ck-icon {
  vertical-align: middle;
}
:root {
  --ck-input-width: 18em;
  --ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
  border-radius: var(--ck-rounded-corners-radius);
  background: var(--ck-color-input-background);
  border: 1px solid var(--ck-color-input-border);
  padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
  min-width: var(--ck-input-width);
  min-height: var(--ck-ui-component-min-height);
  transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-input {
    transition: none;
  }
}
.ck.ck-input:focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
}
.ck.ck-input[readonly] {
  border: 1px solid var(--ck-color-input-disabled-border);
  background: var(--ck-color-input-disabled-background);
  color: var(--ck-color-input-disabled-text);
}
.ck.ck-input[readonly]:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-input.ck-error {
  border-color: var(--ck-color-input-error-border);
  animation: 0.3s both ck-input-shake;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-input.ck-error {
    animation: none;
  }
}
.ck.ck-input.ck-error:focus {
  box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
}
@keyframes ck-input-shake {
  20% {
    transform: translateX(-2px);
  }
  40% {
    transform: translateX(2px);
  }
  60% {
    transform: translateX(-1px);
  }
  80% {
    transform: translateX(1px);
  }
}
.ck-textarea {
  overflow-x: hidden;
}
.ck.ck-label {
  font-weight: bold;
  display: block;
}
.ck.ck-voice-label {
  display: none;
}
:root {
  --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, .24, .95);
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-y: calc(.6 * var(--ck-font-size-base));
  --ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
  border-radius: var(--ck-rounded-corners-radius);
}
.ck.ck-labeled-field-view .ck.ck-label {
  display: block;
  position: absolute;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  width: 100%;
  display: flex;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  pointer-events: none;
  background: var(--ck-color-labeled-field-label-background);
  padding: 0 calc(0.5 * var(--ck-font-size-tiny));
  line-height: initial;
  text-overflow: ellipsis;
  max-width: 100%;
  transition:
    transform var(--ck-labeled-field-view-transition),
    padding var(--ck-labeled-field-view-transition),
    background var(--ck-labeled-field-view-transition);
  font-weight: normal;
  top: 0;
  overflow: hidden;
}
[dir=ltr] :is(.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
  transform-origin: 0 0;
  transform: translate(var(--ck-spacing-medium), -6px) scale(0.75);
  left: 0;
}
[dir=rtl] :is(.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
  transform-origin: 100% 0;
  transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(0.75);
  right: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    transition: none;
  }
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  position: relative;
}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  white-space: normal;
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--ck-color-input-disabled-text);
}
[dir=ltr] :is(.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
  transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
[dir=rtl] :is(.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
  transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
  background: none;
  padding: 0;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
  background: none;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
  opacity: 0;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
}
.ck.ck-labeled-field-view.ck-labeled-field-view_full-width {
  flex-grow: 1;
}
.ck.ck-labeled-input .ck-labeled-input__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
  color: var(--ck-color-base-error);
}
.ck.ck-list {
  border-radius: var(--ck-rounded-corners-radius);
  background: var(--ck-color-list-background);
  padding: var(--ck-spacing-small) 0;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  list-style-type: none;
  display: flex;
}
.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
  display: block;
}
.ck.ck-list .ck-list__item > :focus {
  z-index: var(--ck-z-default);
  position: relative;
}
.ck.ck-list__item {
  cursor: default;
  min-width: 15em;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  min-height: unset;
  border-radius: 0;
  width: 100%;
}
[dir=ltr] :is(.ck.ck-list__item > .ck-button:not(.ck-list-item-button)) {
  text-align: left;
}
[dir=rtl] :is(.ck.ck-list__item > .ck-button:not(.ck-list-item-button)) {
  text-align: right;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
  line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on {
  background: var(--ck-color-list-button-on-background);
  color: var(--ck-color-list-button-on-text);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-on-background-focus);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:focus:not(.ck-disabled) {
  border-color: var(--ck-color-base-background);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
  background: var(--ck-color-list-background);
  color: inherit;
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
  color: inherit;
}
.ck-list .ck-list__group {
  padding-top: var(--ck-spacing-medium);
}
.ck-list .ck-list__group:first-child {
  padding-top: 0;
}
:not(.ck-hidden) ~ :is(.ck-list .ck-list__group) {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck-list .ck-list__group > .ck-label {
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
  font-size: 11px;
  font-weight: bold;
}
.ck.ck-list__separator {
  background: var(--ck-color-base-border);
  width: 100%;
  height: 1px;
  margin: var(--ck-spacing-small) 0;
}
:root {
  --ck-balloon-border-width: 1px;
  --ck-balloon-arrow-offset: 2px;
  --ck-balloon-arrow-height: 10px;
  --ck-balloon-arrow-half-width: 8px;
  --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
  --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}
.ck.ck-balloon-panel {
  border-radius: var(--ck-rounded-corners-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-panel-background);
  border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
  min-height: 15px;
  z-index: var(--ck-z-panel);
  display: none;
  position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
  content: "";
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_n]:before,
.ck.ck-balloon-panel[class*=arrow_n]:after {
  border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_n]:before {
  border-color: transparent transparent var(--ck-color-panel-border) transparent;
  margin-top: calc(-1 * var(--ck-balloon-border-width));
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_n]:after {
  border-color: transparent transparent var(--ck-color-panel-background) transparent;
  margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_s]:before,
.ck.ck-balloon-panel[class*=arrow_s]:after {
  border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_s]:before {
  border-color: var(--ck-color-panel-border) transparent transparent;
  filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
  margin-bottom: calc(-1 * var(--ck-balloon-border-width));
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_s]:after {
  border-color: var(--ck-color-panel-background) transparent transparent transparent;
  margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_e]:before,
.ck.ck-balloon-panel[class*=arrow_e]:after {
  border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
}
.ck.ck-balloon-panel[class*=arrow_e]:before {
  border-color: transparent transparent transparent var(--ck-color-panel-border);
  margin-right: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]:after {
  border-color: transparent transparent transparent var(--ck-color-panel-background);
  margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]:before,
.ck.ck-balloon-panel[class*=arrow_w]:after {
  border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
}
.ck.ck-balloon-panel[class*=arrow_w]:before {
  border-color: transparent var(--ck-color-panel-border) transparent transparent;
  margin-left: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]:after {
  border-color: transparent var(--ck-color-panel-background) transparent transparent;
  margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after {
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  left: 50%;
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after {
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  left: 50%;
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after {
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  right: 25%;
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after {
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  left: 25%;
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after {
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  right: 25%;
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after {
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  left: 25%;
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after {
  right: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after {
  left: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_visible {
  display: block;
}
.ck .ck-balloon-rotator__navigation {
  background: var(--ck-color-toolbar-background);
  border-bottom: 1px solid var(--ck-color-toolbar-border);
  padding: 0 var(--ck-spacing-small);
  align-items: center;
  display: flex;
}
.ck .ck-balloon-rotator__navigation > * {
  margin-right: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
  margin-right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation {
  justify-content: center;
}
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
  box-shadow: none;
}
.ck .ck-balloon-rotator__content .ck-toolbar {
  justify-content: center;
}
:root {
  --ck-balloon-fake-panel-offset-horizontal: 6px;
  --ck-balloon-fake-panel-offset-vertical: 6px;
}
.ck .ck-fake-panel div {
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-panel-background);
  border: 1px solid var(--ck-color-panel-border);
  border-radius: var(--ck-border-radius);
  width: 100%;
  height: 100%;
  min-height: 15px;
  position: absolute;
}
.ck .ck-fake-panel div:first-child {
  margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
  margin-top: var(--ck-balloon-fake-panel-offset-vertical);
  z-index: 2;
}
.ck .ck-fake-panel div:nth-child(2) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
  z-index: 1;
}
.ck .ck-fake-panel div:nth-child(3) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
.ck .ck-fake-panel {
  z-index: calc(var(--ck-z-panel) - 1);
  position: absolute;
}
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
  --ck-balloon-fake-panel-offset-vertical: -6px;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  box-shadow: var(--ck-drop-shadow), 0 0;
  z-index: var(--ck-z-panel);
  border-width: 0 1px 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: fixed;
  top: 0;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
  position: absolute;
  top: auto;
}
.ck.ck-autocomplete > .ck-search__results {
  border-radius: var(--ck-rounded-corners-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  min-width: auto;
  max-height: 200px;
  position: absolute;
  overflow-y: auto;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -1px;
  bottom: 100%;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  top: 100%;
  bottom: auto;
}
.ck.ck-autocomplete > .ck-search__results {
  z-index: var(--ck-z-panel);
}
.ck.ck-autocomplete {
  position: relative;
}
:root {
  --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
  width: 100%;
}
.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=ltr] :is(.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon) {
  left: var(--ck-spacing-medium);
}
[dir=rtl] :is(.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon) {
  right: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
  --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
  opacity: 0.5;
  pointer-events: none;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
  width: 100%;
}
[dir=ltr] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input) {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input):not(.ck-input-text_empty) {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
  --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  opacity: 0.5;
  background: none;
  min-width: auto;
  min-height: auto;
  padding: 0;
}
[dir=ltr] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset) {
  right: var(--ck-spacing-medium);
}
[dir=rtl] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset) {
  left: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
  opacity: 1;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
  width: 100%;
}
[dir=ltr] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input):not(.ck-input-text_empty) {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input) {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-search__results {
  min-width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info {
  width: 100%;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-search > .ck-search__results > .ck-search__info * {
  white-space: normal;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
  font-weight: bold;
  display: block;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
  margin-top: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
  display: none;
}
.ck.ck-highlighted-text mark {
  background: var(--ck-color-highlight-background);
  vertical-align: initial;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
}
.ck.ck-balloon-panel.ck-tooltip {
  --ck-balloon-border-width: 0px;
  --ck-balloon-arrow-offset: 0px;
  --ck-balloon-arrow-half-width: 4px;
  --ck-balloon-arrow-height: 4px;
  --ck-tooltip-text-padding: 4px;
  --ck-color-panel-background: var(--ck-color-tooltip-background);
  padding: 0 var(--ck-spacing-medium);
  box-shadow: none;
  -webkit-user-select: none;
  user-select: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
  color: var(--ck-color-tooltip-text);
  font-size: 0.9em;
  line-height: 1.5;
}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
  white-space: break-spaces;
  padding: var(--ck-tooltip-text-padding) 0;
  max-width: 200px;
  display: inline-block;
}
.ck.ck-balloon-panel.ck-tooltip:before {
  display: none;
}
.ck.ck-balloon-panel.ck-tooltip {
  z-index: calc(var(--ck-z-dialog) + 100);
}
:root {
  --ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  animation: 1.5s linear infinite ck-spinner-rotate;
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-spinner-container {
    animation-duration: 3s;
  }
}
.ck.ck-spinner-container {
  position: relative;
}
.ck.ck-spinner {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  border: 2px solid var(--ck-color-text);
  z-index: 1;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
@keyframes ck-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
.ck.ck-toolbar {
  border-radius: var(--ck-rounded-corners-radius);
  background: var(--ck-color-toolbar-background);
  padding: 0 var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
  -webkit-user-select: none;
  user-select: none;
  flex-flow: row;
  align-items: center;
  display: flex;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  height: var(--ck-icon-size);
  background: var(--ck-color-toolbar-border);
  width: 1px;
  min-width: 1px;
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
  display: inline-block;
}
.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
  display: none;
}
.ck.ck-toolbar .ck-toolbar__line-break {
  flex-basis: 100%;
  height: 0;
}
.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
  margin-right: var(--ck-spacing-small);
}
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
  display: none;
}
.ck.ck-toolbar > .ck-toolbar__items {
  flex-flow: wrap;
  flex-grow: 1;
  align-items: center;
  display: flex;
}
.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar.ck-toolbar_vertical {
  padding: 0;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
  border-radius: 0;
  width: 100%;
  margin: 0;
}
.ck.ck-toolbar.ck-toolbar_compact {
  padding: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
  margin: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
  padding-left: var(--ck-spacing-tiny);
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
  display: none;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
  min-width: auto;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
  width: auto;
  max-width: 7em;
}
.ck.ck-toolbar:focus {
  outline: none;
}
.ck-toolbar-container .ck.ck-toolbar {
  border: 0;
}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
  flex-direction: column;
}
.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
  flex-wrap: nowrap;
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]) > .ck-toolbar__items > .ck {
  margin-right: 0;
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]):not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
  margin-left: var(--ck-spacing-small);
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]) > .ck-toolbar__items > .ck:last-child {
  margin-left: 0;
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]).ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]).ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]) > .ck.ck-toolbar__separator,
:is([dir=rtl] .ck.ck-toolbar, .ck.ck-toolbar[dir=rtl]).ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-left: var(--ck-spacing-small);
}
:is([dir=ltr] .ck.ck-toolbar, .ck.ck-toolbar[dir=ltr]) > .ck-toolbar__items > .ck:last-child {
  margin-right: 0;
}
:is([dir=ltr] .ck.ck-toolbar, .ck.ck-toolbar[dir=ltr]).ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:is([dir=ltr] .ck.ck-toolbar, .ck.ck-toolbar[dir=ltr]).ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:is([dir=ltr] .ck.ck-toolbar, .ck.ck-toolbar[dir=ltr]) > .ck.ck-toolbar__separator,
:is([dir=ltr] .ck.ck-toolbar, .ck.ck-toolbar[dir=ltr]).ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-right: var(--ck-spacing-small);
}
:root {
  --ck-color-block-toolbar-button: var(--ck-color-text);
  --ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
  color: var(--ck-color-block-toolbar-button);
  font-size: var(--ck-block-toolbar-size);
  z-index: var(--ck-z-default);
  position: absolute;
}
.ck.ck-menu-bar {
  background: var(--ck-color-base-background);
  padding: var(--ck-spacing-small);
  justify-content: flex-start;
  gap: var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
  width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
  text-overflow: ellipsis;
  flex-grow: 1;
  overflow: hidden;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] :is(.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button):not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] :is(.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button):not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
  width: unset;
  line-height: unset;
  overflow: visible;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
  display: none;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] :is(.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow) {
  margin-left: var(--ck-spacing-standard);
  margin-right: calc(-1 * var(--ck-spacing-small));
  transform: rotate(-90deg);
}
[dir=rtl] :is(.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow) {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
  margin-left: calc(-1 * var(--ck-spacing-small));
  transform: rotate(90deg);
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
:root {
  --ck-menu-bar-menu-max-width: 75vw;
  --ck-menu-bar-nested-menu-horizontal-offset: 5px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  border-radius: var(--ck-rounded-corners-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  height: fit-content;
  z-index: var(--ck-z-panel);
  max-width: var(--ck-menu-bar-menu-max-width);
  position: absolute;
  bottom: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  border-top-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  border-top-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
  outline: none;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  bottom: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  top: 100%;
  bottom: auto;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  left: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  right: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
  top: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  bottom: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
  top: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  bottom: 0;
}
.ck.ck-menu-bar .ck-list-item-button:focus,
.ck.ck-menu-bar .ck-list-item-button:active {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
  z-index: 2;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
  position: relative;
}
.ck.ck-menu-bar__menu {
  font-size: inherit;
  display: block;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
  max-width: 100%;
}
.ck.ck-menu-bar__menu {
  position: relative;
}
:root {
  --ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
  min-width: var(--ck-menu-bar-menu-item-min-width);
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
  --ck-toolbar-spinner-size: 20px;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  font-size: var(--ck-icon-font-size);
}
[dir=ltr] :is(.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container) {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] :is(.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container) {
  margin-left: var(--ck-spacing-medium);
}
.ck-content code {
  background-color: rgba(199, 199, 199, 0.3019607843);
  border-radius: 2px;
  padding: 0.15em;
}
.ck.ck-editor__editable .ck-code_selected {
  background-color: rgba(199, 199, 199, 0.5019607843);
}
.ck-content blockquote {
  border-left: 5px solid #ccc;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-style: italic;
  overflow: hidden;
}
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: 5px solid #ccc;
}
:root {
  --ck-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
  --ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);
  --ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
  --ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
}
.ck .ck-bookmark.ck-widget {
  outline: none;
  display: inline-block;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {
  transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
}
.ck .ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {
  fill: var(--ck-bookmark-icon-hover-fill-color);
}
.ck .ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {
  fill: var(--ck-bookmark-icon-selected-fill-color);
}
.ck .ck-bookmark.ck-widget.ck-widget_selected,
.ck .ck-bookmark.ck-widget.ck-widget_selected:hover {
  outline: none;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon {
  display: block;
  position: relative;
  top: -0.1em;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {
  vertical-align: middle;
  width: auto;
  height: 1.2em;
}
.ck .ck-fake-bookmark-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-bookmark-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: 1px solid rgba(255, 255, 255, 0.5019607843);
  height: 100%;
  margin-right: -1px;
}
.ck.ck-bookmark-balloon .ck.ck-toolbar > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-bookmark-toolbar__preview {
  padding: 0 var(--ck-spacing-medium);
  max-width: var(--ck-input-width);
  text-overflow: ellipsis;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  min-width: 3em;
  font-weight: normal;
  overflow: hidden;
}
:root {
  --ck-bookmark-form-width: 340px;
}
@media screen and (width <= 600px) {
  :root {
    --ck-bookmark-form-width: 300px;
  }
}
.ck.ck-bookmark-form {
  width: var(--ck-bookmark-form-width);
}
:root {
  --ck-image-processing-highlight-color: #f9fafa;
  --ck-image-processing-background-color: #e3e5e8;
}
.ck.ck-editor__editable .image.image-processing {
  position: relative;
}
.ck.ck-editor__editable .image.image-processing:before {
  content: "";
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      var(--ck-image-processing-background-color),
      var(--ck-image-processing-highlight-color),
      var(--ck-image-processing-background-color));
  background-size: 200% 100%;
  width: 100%;
  height: 100%;
  animation: 2s linear infinite ck-image-processing-animation;
  position: absolute;
  top: 0;
  left: 0;
}
.ck.ck-editor__editable .image.image-processing img {
  height: 100%;
}
@keyframes ck-image-processing-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
:root {
  --ck-clipboard-drop-target-dot-width: 12px;
  --ck-clipboard-drop-target-dot-height: 8px;
  --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  bottom: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  margin-left: -1px;
  position: absolute;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
  content: "";
  width: 0;
  height: 0;
  left: 50%;
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
  border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(0.5 * var(--ck-clipboard-drop-target-dot-width));
  border-style: solid;
  display: block;
  position: absolute;
  transform: translateX(-50%);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  width: 0;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
  pointer-events: none;
  display: inline;
  position: relative;
}
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag {
  zoom: 0.6;
  outline: none !important;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle,
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
  display: none;
}
.ck.ck-clipboard-drop-target-line {
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  height: 0;
  z-index: var(--ck-z-default);
  margin-top: -1px;
  position: absolute;
}
.ck.ck-clipboard-drop-target-line:before {
  content: "";
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-width));
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}
.ck.ck-clipboard-drop-target-line {
  pointer-events: none;
}
[dir=ltr] .ck.ck-clipboard-drop-target-line:before {
  border-width: calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
  border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
  left: -1px;
}
[dir=rtl] .ck.ck-clipboard-drop-target-line:before {
  border-width: calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
  border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
  right: -1px;
}
:root {
  --ck-color-code-block-label-background: #757575;
}
.ck.ck-editor__editable pre[data-language]:after {
  content: attr(data-language);
  background: var(--ck-color-code-block-label-background);
  font-size: 10px;
  font-family: var(--ck-font-face);
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
  color: #fff;
  white-space: nowrap;
  line-height: 16px;
  position: absolute;
  top: -1px;
  right: 10px;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow: hidden auto;
}
.ck-content pre {
  color: #353535;
  text-align: left;
  tab-size: 4;
  white-space: pre-wrap;
  direction: ltr;
  background: rgba(199, 199, 199, 0.3019607843);
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  min-width: 200px;
  margin: 0.9em 0;
  padding: 1em;
  font-style: normal;
}
.ck-content pre code {
  background: unset;
  border-radius: 0;
  padding: 0;
}
.ck.ck-editor__editable pre {
  position: relative;
}
:root {
  --ck-content-font-family:
    Helvetica,
    Arial,
    Tahoma,
    Verdana,
    Sans-Serif;
  --ck-content-font-size: medium;
  --ck-content-font-color: #000;
  --ck-content-line-height: 1.5;
  --ck-content-word-break: normal;
  --ck-content-overflow-wrap: break-word;
}
.ck-content {
  font-family: var(--ck-content-font-family);
  font-size: var(--ck-content-font-size);
  color: var(--ck-content-font-color);
  line-height: var(--ck-content-line-height);
  word-break: var(--ck-content-word-break);
  overflow-wrap: var(--ck-content-overflow-wrap);
}
.ck.ck-editor__main > .ck-editor__editable {
  background: var(--ck-color-base-background);
  border-radius: var(--ck-rounded-corners-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: var(--ck-color-base-border);
}
.ck.ck-editor {
  position: relative;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
  z-index: var(--ck-z-panel);
}
.ck.ck-menu-bar {
  border: none;
  border-bottom: 1px solid var(--ck-color-toolbar-border);
}
.ck.ck-emoji {
  width: 320px;
}
.ck .ck.ck-emoji__search {
  padding: var(--ck-spacing-large);
  padding-bottom: var(--ck-spacing-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.ck .ck.ck-emoji__search > .ck.ck-search {
  flex: 1;
}
.ck .ck-fake-emoji-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-emoji-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: 1px solid rgba(255, 255, 255, 0.5019607843);
  height: 100%;
  margin-right: -1px;
}
div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
  z-index: calc(var(--ck-z-dialog) + 1);
}
.ck.ck-emoji__categories-list {
  margin: 0 var(--ck-spacing-large);
  justify-content: space-between;
  display: flex;
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
  font-size: var(--ck-font-size-big);
  min-width: var(--ck-font-size-big);
  min-height: var(--ck-font-size-big);
  border-width: 0 0 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0);
  padding: 0;
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
  border-bottom-color: var(--ck-color-base-active);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
  margin: auto;
}
:root {
  --ck-emoji-grid-tile-size: 27px;
}
.ck.ck-emoji .ck.ck-emoji__tiles {
  border-top: 1px solid var(--ck-color-base-border);
  max-width: 100%;
  max-height: min(265px, 40vh);
  overflow: hidden auto;
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
  grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap: var(--ck-spacing-small);
  display: grid;
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
  width: var(--ck-emoji-grid-tile-size);
  height: var(--ck-emoji-grid-tile-size);
  min-width: var(--ck-emoji-grid-tile-size);
  min-height: var(--ck-emoji-grid-tile-size);
  border: 0;
  padding: 0;
  font-size: 1.5em;
  transition: box-shadow 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
    transition: none;
  }
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled),
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  border: 0;
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
  line-height: var(--ck-emoji-grid-tile-size);
  text-align: center;
  width: 100%;
}
.ck.ck-form.ck-emoji-picker-form {
  padding-bottom: 0;
}
.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border-color: rgba(0, 0, 0, 0);
}
.ck.ck-emoji__skin-tone {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
  min-width: 1em;
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: initial;
}
.ck.ck-placeholder,
.ck .ck-placeholder {
  position: relative;
}
@media (forced-colors: active) {
  .ck.ck-placeholder,
  .ck .ck-placeholder {
    forced-color-adjust: preserve-parent-color;
  }
}
:is(.ck.ck-placeholder, .ck .ck-placeholder):before {
  content: attr(data-placeholder);
  cursor: text;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
}
@media (forced-colors: none) {
  :is(.ck.ck-placeholder, .ck .ck-placeholder):before {
    color: var(--ck-color-engine-placeholder-text);
  }
}
@media (forced-colors: active) {
  :is(.ck.ck-placeholder, .ck .ck-placeholder):before {
    margin-left: 1px;
    font-style: italic;
  }
}
.ck.ck-read-only .ck-placeholder:before {
  display: none;
}
.ck.ck-reset_all .ck-placeholder {
  position: relative;
}
.ck.ck-editor__editable span[data-ck-unsafe-element] {
  display: none;
}
.ck-find-result {
  background: var(--ck-color-highlight-background);
  color: var(--ck-color-text);
}
.ck-find-result_selected {
  background: #ff9633;
}
.ck.ck-find-and-replace-form {
  width: 400px;
  max-width: 100%;
}
.ck.ck-find-and-replace-form:focus {
  outline: none;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  padding: var(--ck-spacing-large);
  flex-flow: wrap;
  flex: auto;
  align-content: stretch;
  align-items: center;
  margin: 0;
  display: flex;
}
:is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions) > .ck-button {
  flex: none;
}
[dir=ltr] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions) > * + * {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions) > * + * {
  margin-right: var(--ck-spacing-standard);
}
:is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions) .ck-labeled-field-view {
  flex: auto;
}
:is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions) .ck-labeled-field-view .ck-input {
  width: 100%;
  min-width: 50px;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
  align-items: flex-start;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
  transform: rotate(90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
  transform: rotate(-90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  color: var(--ck-color-base-border);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=ltr] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter) {
  right: var(--ck-spacing-standard);
}
[dir=rtl] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter) {
  left: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  padding-top: var(--ck-spacing-standard);
  flex: 0 0 100%;
}
[dir=ltr] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace) {
  margin-left: 0;
}
[dir=rtl] :is(.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace) {
  margin-right: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  margin-top: calc(-1 * var(--ck-spacing-large));
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
  font-weight: bold;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
  padding-left: var(--ck-spacing-large);
  padding-right: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-switchbutton {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
@media screen and (width <= 600px) {
  .ck.ck-find-and-replace-form {
    width: 300px;
    max-width: 100%;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
    flex-wrap: wrap;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
    width: 100%;
    margin-bottom: var(--ck-spacing-standard);
    flex: 1 0 auto;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
    text-align: center;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    flex: auto;
  }
  [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-right: 0;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
    text-align: center;
    width: 100%;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
    flex-wrap: wrap;
    flex: auto;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
    text-align: center;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    flex: auto;
  }
  [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-right: 0;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
    text-align: center;
    width: 100%;
  }
}
:root {
  --ck-content-font-size-tiny: .7em;
  --ck-content-font-size-small: .85em;
  --ck-content-font-size-big: 1.4em;
  --ck-content-font-size-huge: 1.8em;
}
.ck-content .text-tiny {
  font-size: var(--ck-content-font-size-tiny);
}
.ck-content .text-small {
  font-size: var(--ck-content-font-size-small);
}
.ck-content .text-big {
  font-size: var(--ck-content-font-size-big);
}
.ck-content .text-huge {
  font-size: var(--ck-content-font-size-huge);
}
html.ck-fullscreen,
body.ck-fullscreen {
  --ck-z-fullscreen: 10000;
  --ck-z-default: calc(var(--ck-z-fullscreen) + 1);
  --ck-z-panel: calc(var(--ck-z-default) + 999);
  --ck-z-dialog: 100000;
  overflow: hidden;
}
:is(html.ck-fullscreen, body.ck-fullscreen) .ckbox:not(#n) {
  --ckbox-z-index-root: calc(var(--ck-z-dialog) + 1);
  position: absolute;
}
:is(html.ck-fullscreen, body.ck-fullscreen) .ckbox:not(#n) .ckbox-img-editor {
  --ckbox-z-index-preview: calc(var(--ck-z-dialog) + 1);
}
:is(html.ck-fullscreen, body.ck-fullscreen) .ck-pagination-view-line {
  z-index: calc(var(--ck-z-fullscreen) + 1);
}
:is(html.ck-fullscreen, body.ck-fullscreen) .page-break__label {
  z-index: calc(var(--ck-z-fullscreen) + 2);
}
.ck.ck-fullscreen__main-wrapper {
  width: 100%;
  height: 100%;
  z-index: var(--ck-z-fullscreen);
  background: var(--ck-color-base-foreground);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
.ck.ck-fullscreen__main-wrapper .ck.ck-revision-history-ui__changes-navigation {
  margin-top: 0;
  margin-bottom: 0;
}
:not(body > .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper {
  position: absolute;
}
:not(body > .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper .ck-fullscreen__top-wrapper {
  border-top: 1px solid var(--ck-color-base-border);
  border-left: 1px solid var(--ck-color-base-border);
  border-right: 1px solid var(--ck-color-base-border);
  border-radius: var(--ck-border-radius) 0;
}
.ck-fullscreen__menu-bar .ck.ck-menu-bar {
  border: none;
}
.ck.ck-fullscreen__toolbar .ck-toolbar {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper {
  --ck-fullscreen-editor-top-margin: 28px;
  --ck-fullscreen-editor-bottom-margin: 28px;
  justify-content: flex-start;
  max-height: 100%;
  display: flex;
  overflow: auto;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable {
  margin-top: var(--ck-fullscreen-editor-top-margin);
  height: 100%;
  margin-left: auto;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable:after {
  content: "";
  height: var(--ck-fullscreen-editor-bottom-margin);
  display: block;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  box-sizing: border-box;
  border: 1px var(--ck-color-base-border) solid;
  background: #fff;
  width: 795.701px;
  max-width: 795.701px;
  height: fit-content;
  min-height: 297mm;
  margin: 0;
  padding: 20mm 12mm;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0784313725);
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck-source-editing-area {
  width: 795.701px;
}
.ck-fullscreen__sidebar {
  width: 270px;
  margin-top: var(--ck-fullscreen-editor-top-margin);
  margin-left: 10px;
}
.ck-fullscreen__left-sidebar {
  --ck-user-avatar-size: 28px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-self: flex-start;
  height: 100%;
  margin-top: 0;
  margin-right: 10px;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}
.ck-fullscreen__left-sidebar .ck-button.ck-fullscreen__left-sidebar-toggle-button {
  --ck-icon-size: 20px;
  --ck-ui-component-min-height: 0px;
  margin-top: var(--ck-fullscreen-editor-top-margin);
  margin-bottom: var(--ck-spacing-large);
  opacity: 0.5;
  border-radius: 100%;
  align-self: flex-start;
  padding-top: 0;
}
.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky {
  min-width: 270px;
}
.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky:first-child {
  padding-top: var(--ck-fullscreen-editor-top-margin);
}
.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed {
  width: 65px;
}
.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed > :not(.ck-fullscreen__left-sidebar-toggle-button) {
  display: none;
}
.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed {
  --ck-user-avatar-size: 32px;
}
.ck-fullscreen__left-sidebar .ck-user,
.ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text {
  font-size: 0.85em;
}
.ck-fullscreen__left-sidebar-item {
  padding: var(--ck-spacing-medium);
  margin-bottom: var(--ck-spacing-medium);
}
.ck-fullscreen__left-sidebar-item:first-child {
  padding-top: 0;
}
.ck-fullscreen__left-sidebar-item:last-child {
  margin-bottom: 0;
}
.ck-fullscreen__left-sidebar-header {
  --ck-fullscreen-presence-list-header-font-size: .875em;
  font-size: var(--ck-fullscreen-presence-list-header-font-size);
  color: var(--ck-document-outline-item-default-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  overflow: hidden;
}
.ck-fullscreen__left-sidebar--sticky {
  position: sticky;
  top: 0;
}
.ck-fullscreen__left-sidebar--sticky > :first-child {
  padding-top: 0;
}
.ck-fullscreen__presence-list {
  margin-top: var(--ck-spacing-medium);
}
.ck-fullscreen__left-sidebar-item--no-margin {
  margin: 0;
}
.ck-fullscreen__left-sidebar .ck.ck-document-outline {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.ck-fullscreen__document-outline-wrapper {
  padding-top: 0;
  overflow-y: auto;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar {
  margin-top: var(--ck-fullscreen-editor-top-margin);
  margin-right: auto;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar:not(.ck-fullscreen__right-sidebar--collapsed) > :first-child {
  min-width: 270px;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed {
  width: 65px;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed > :first-child {
  min-width: 65px;
}
.ck.ck-fullscreen__right-edge {
  margin-top: 0;
  margin-left: 10px;
  position: sticky;
  top: 0;
}
.ck.ck-fullscreen__right-edge > :first-child {
  border-top: none;
  border-bottom: none;
  border-right: none;
  width: 495px;
  height: 100%;
}
.ck.ck-heading_heading1 .ck-button__label {
  font-size: 20px;
}
.ck.ck-heading_heading2 .ck-button__label {
  font-size: 17px;
}
.ck.ck-heading_heading3 .ck-button__label {
  font-size: 14px;
}
.ck[class*=ck-heading_heading] {
  font-weight: bold;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  width: 8em;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
  min-width: 18em;
}
:root {
  --ck-content-highlight-marker-yellow: #fdfd77;
  --ck-content-highlight-marker-green: #62f962;
  --ck-content-highlight-marker-pink: #fc7899;
  --ck-content-highlight-marker-blue: #72ccfd;
  --ck-content-highlight-pen-red: #e71313;
  --ck-content-highlight-pen-green: #128a00;
}
.ck-content .marker-yellow {
  background-color: var(--ck-content-highlight-marker-yellow);
}
.ck-content .marker-green {
  background-color: var(--ck-content-highlight-marker-green);
}
.ck-content .marker-pink {
  background-color: var(--ck-content-highlight-marker-pink);
}
.ck-content .marker-blue {
  background-color: var(--ck-content-highlight-marker-blue);
}
.ck-content .pen-red {
  color: var(--ck-content-highlight-pen-red);
  background-color: rgba(0, 0, 0, 0);
}
.ck-content .pen-green {
  color: var(--ck-content-highlight-pen-green);
  background-color: rgba(0, 0, 0, 0);
}
.ck-editor__editable .ck-horizontal-line {
  display: flow-root;
}
.ck-content hr {
  vertical-align: middle;
  background: #dedede;
  border: 0;
  width: 100%;
  height: 4px;
  margin: 15px 0;
  display: inline-block;
}
:root {
  --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
  --ck-html-embed-source-height: 10em;
  --ck-html-embed-unfocused-outline-width: 1px;
  --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
  --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
  --ck-html-embed-source-disabled-color: #737373;
}
.ck-widget.raw-html-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
  min-width: 15em;
  margin: 0.9em auto;
  display: flow-root;
  position: relative;
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.raw-html-embed[dir=ltr] {
  text-align: left;
}
.ck-widget.raw-html-embed[dir=rtl] {
  text-align: right;
}
.ck-widget.raw-html-embed:before {
  content: attr(data-html-embed-label);
  top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
  left: var(--ck-spacing-standard);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
  z-index: 1;
  background: #999;
  position: absolute;
}
.ck-widget.raw-html-embed[dir=rtl]:before {
  left: auto;
  right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
  top: 0;
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
  background: var(--ck-color-focus-border);
  top: 0;
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
  top: 0;
}
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
  padding: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  top: var(--ck-spacing-standard);
  right: var(--ck-spacing-standard);
  display: flex;
  position: absolute;
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
  color: var(--ck-color-button-save);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
  color: var(--ck-color-button-cancel);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
  margin-top: var(--ck-spacing-small);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  flex-direction: column;
}
.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper {
  left: var(--ck-spacing-standard);
  right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__source {
  box-sizing: border-box;
  height: var(--ck-html-embed-source-height);
  width: var(--ck-html-embed-content-width);
  resize: none;
  min-width: 0;
  padding: var(--ck-spacing-standard);
  tab-size: 4;
  white-space: pre-wrap;
  font-family: monospace;
  font-size: var(--ck-font-size-base);
  text-align: left;
  direction: ltr;
}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
  background: var(--ck-html-embed-source-disabled-background);
  color: var(--ck-html-embed-source-disabled-color);
  -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
  opacity: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
  min-height: var(--ck-html-embed-content-min-height);
  width: var(--ck-html-embed-content-width);
  position: relative;
  overflow: hidden;
}
.ck-editor__editable:not(.ck-read-only) :is(.ck-widget.raw-html-embed .raw-html-embed__preview) {
  pointer-events: none;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
  display: flex;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  box-sizing: border-box;
  background-color: var(--ck-color-base-foreground);
  border-collapse: separate;
  width: 100%;
  margin: auto;
  display: table;
  position: relative;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
  margin-left: auto;
  margin-right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  border-spacing: 7px;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
  color: var(--ck-html-embed-source-disabled-color);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.ck-widget.raw-html-embed {
  font-style: normal;
}
:root {
  --ck-html-object-embed-unfocused-outline-width: 1px;
}
.ck-widget.html-object-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
  padding: var(--ck-spacing-small);
  padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
  min-width: calc(76px + var(--ck-spacing-standard));
}
.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.html-object-embed:before {
  content: attr(data-html-object-embed-label);
  top: 0;
  left: var(--ck-spacing-standard);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-style: normal;
  font-weight: normal;
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
  background: #999;
  position: absolute;
}
.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck-widget.html-object-embed .html-object-embed__content {
  pointer-events: none;
}
div.ck-widget.html-object-embed {
  margin: 1em auto;
}
span.ck-widget.html-object-embed {
  display: inline-block;
}
:root {
  --ck-content-color-image-caption-background: #f7f7f7;
  --ck-content-color-image-caption-text: #333;
  --ck-color-image-caption-highlighted-background: #fd0;
}
.ck-content .image > figcaption {
  caption-side: bottom;
  word-break: normal;
  overflow-wrap: anywhere;
  break-before: avoid;
  color: var(--ck-content-color-image-caption-text);
  background-color: var(--ck-content-color-image-caption-background);
  outline-offset: -1px;
  padding: 0.6em;
  font-size: 0.75em;
  display: table-caption;
}
@media (forced-colors: active) {
  .ck-content .image > figcaption {
    background-color: unset;
    color: unset;
  }
}
@media (forced-colors: none) {
  .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: 0.6s ease-out ck-image-caption-highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: none;
  }
}
@keyframes ck-image-caption-highlight {
  0% {
    background-color: var(--ck-color-image-caption-highlighted-background);
  }
  100% {
    background-color: var(--ck-content-color-image-caption-background);
  }
}
.ck-content img.image_resized {
  height: auto;
}
.ck-content .image.image_resized {
  box-sizing: border-box;
  max-width: 100%;
  display: block;
}
.ck-content .image.image_resized img {
  width: 100%;
}
.ck-content .image.image_resized > figcaption {
  display: block;
}
:is(.ck.ck-editor__editable td, .ck.ck-editor__editable th) .image-inline.image_resized img {
  max-width: 100%;
}
[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
  width: 4em;
}
:root {
  --ck-content-image-style-spacing: 1.5em;
  --ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);
}
.ck-content .image.image-style-block-align-left,
.ck-content .image.image-style-block-align-right {
  max-width: calc(100% - var(--ck-content-image-style-spacing));
}
.ck-content .image.image-style-align-left,
.ck-content .image.image-style-align-right {
  clear: none;
}
.ck-content .image.image-style-side {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
  max-width: 50%;
}
.ck-content .image.image-style-align-left {
  float: left;
  margin-right: var(--ck-content-image-style-spacing);
}
.ck-content .image.image-style-align-right {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
}
.ck-content .image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.ck-content .image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-content-image-style-spacing);
}
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
}
.ck-content p + .image.image-style-align-left,
.ck-content p + .image.image-style-align-right,
.ck-content p + .image.image-style-side {
  margin-top: 0;
}
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-content-inline-image-style-spacing);
  margin-bottom: var(--ck-content-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-content-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-content-inline-image-style-spacing);
}
:is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__action:not(.ck-disabled),
:is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__arrow:not(.ck-disabled),
:is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-background);
}
:is(:is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__action:not(.ck-disabled), :is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__arrow:not(.ck-disabled), :is(.ck.ck-splitbutton.ck-splitbutton_flatten:hover, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open) > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)):after {
  display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-hover-background);
}
:is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).ck-appear {
  animation: 0.7s fadeIn;
}
@media (prefers-reduced-motion: reduce) {
  :is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).ck-appear {
    opacity: 1;
    animation: none;
  }
}
.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
  position: relative;
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  background: var(--ck-color-upload-bar-background);
  width: 0;
  height: 2px;
  transition: width 0.1s;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --ck-color-image-upload-icon: #fff;
  --ck-color-image-upload-icon-background: #008a00;
  --ck-image-upload-icon-size: 20;
  --ck-image-upload-icon-width: 2px;
  --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
  opacity: 0;
  background: var(--ck-color-image-upload-icon-background);
  font-size: calc(1px * var(--ck-image-upload-icon-size));
  width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  border-radius: 50%;
  animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
  animation-duration: 0.5s, 0.5s;
  animation-delay: 0s, 3s;
  animation-fill-mode: forwards, forwards;
  display: block;
  position: absolute;
  overflow: hidden;
}
.ck-image-upload-complete-icon:after {
  opacity: 0;
  transform-origin: 0 0;
  border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  animation-name: ck-upload-complete-icon-check;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: scaleX(-1) rotate(135deg);
}
@media (prefers-reduced-motion: reduce) {
  .ck-image-upload-complete-icon {
    animation-duration: 0s;
  }
  .ck-image-upload-complete-icon:after {
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
    animation: none;
  }
}
.ck-image-upload-complete-icon {
  z-index: 1;
}
@keyframes ck-upload-complete-icon-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ck-upload-complete-icon-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ck-upload-complete-icon-check {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  33% {
    width: 0.3em;
    height: 0;
  }
  100% {
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
  }
}
:root {
  --ck-color-upload-placeholder-loader: #b3b3b3;
  --ck-upload-placeholder-loader-size: 32px;
  --ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
  width: 100%;
  margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
  width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
}
.ck .ck-image-upload-placeholder img {
  aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}
.ck .ck-upload-placeholder-loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}
.ck .ck-upload-placeholder-loader:before {
  width: var(--ck-upload-placeholder-loader-size);
  height: var(--ck-upload-placeholder-loader-size);
  border-top: 3px solid var(--ck-color-upload-placeholder-loader);
  content: "";
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: 1s linear infinite ck-upload-placeholder-loader;
  position: relative;
}
.ck .ck-upload-placeholder-loader {
  left: 0;
}
@keyframes ck-upload-placeholder-loader {
  to {
    transform: rotate(360deg);
  }
}
.ck-content .image {
  clear: both;
  text-align: center;
  min-width: 50px;
  margin: 0.9em auto;
  display: table;
}
.ck-content .image img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.ck-content .image-inline {
  align-items: flex-start;
  max-width: 100%;
  display: inline-flex;
}
.ck-content .image-inline picture {
  display: flex;
}
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
.ck.ck-editor__editable .image > figcaption.ck-placeholder:before {
  padding-left: inherit;
  padding-right: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-editor__editable .image {
  z-index: 1;
}
.ck.ck-editor__editable .image.ck-widget_selected {
  z-index: 2;
}
.ck.ck-editor__editable .image-inline {
  z-index: 1;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
  z-index: 2;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
  display: none;
}
.ck.ck-editor__editable .image-inline img {
  height: auto;
}
:is(.ck.ck-editor__editable td, .ck.ck-editor__editable th) .image-inline img {
  max-width: none;
}
.ck.ck-editor__editable img.image_placeholder {
  background-size: 100% 100%;
}
:root {
  --ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
  --ck-input-width: 100%;
  width: 400px;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  grid-column-gap: var(--ck-spacing-large);
  margin-top: var(--ck-spacing-large);
  display: grid;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
  justify-content: center;
  min-width: auto;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  grid-template-columns: repeat(2, 1fr);
}
.ck.ck-image-insert-url {
  padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-image-insert-form > .ck.ck-button {
  width: 100%;
  display: block;
}
[dir=ltr] :is(.ck.ck-image-insert-form > .ck.ck-button) {
  text-align: left;
}
[dir=rtl] :is(.ck.ck-image-insert-form > .ck.ck-button) {
  text-align: right;
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
  border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible {
  min-width: var(--ck-image-insert-insert-by-url-width);
}
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
  min-width: var(--ck-image-insert-insert-by-url-width);
  padding: var(--ck-spacing-large);
}
.ck.ck-image-insert-form:focus {
  outline: none;
}
:root {
  --ck-image-custom-resize-form-width: 340px;
}
@media screen and (width <= 600px) {
  :root {
    --ck-image-custom-resize-form-width: 300px;
  }
}
.ck.ck-image-custom-resize-form.ck-responsive-form {
  width: var(--ck-image-custom-resize-form-width);
}
:root {
  --ck-text-alternative-form-width: 340px;
}
@media screen and (width <= 600px) {
  :root {
    --ck-text-alternative-form-width: 300px;
  }
}
.ck.ck-text-alternative-form.ck-responsive-form {
  width: var(--ck-text-alternative-form-width);
}
.ck .ck-link_selected {
  background: var(--ck-color-link-selected-background);
}
.ck .ck-link_selected span.image-inline {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}
.ck .ck-fake-link-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-link-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: 1px solid rgba(255, 255, 255, 0.5019607843);
  height: 100%;
  margin-right: -1px;
}
:root {
  --ck-link-bookmark-icon-size: calc(var(--ck-icon-size) * .7);
}
.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items {
  flex-wrap: nowrap;
}
a.ck.ck-button.ck-link-toolbar__preview {
  padding: 0 var(--ck-spacing-medium);
  color: var(--ck-color-link-default);
  cursor: pointer;
  justify-content: center;
}
a.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label {
  text-overflow: ellipsis;
  max-width: var(--ck-input-width);
}
a.ck.ck-button.ck-link-toolbar__preview,
a.ck.ck-button.ck-link-toolbar__preview:hover,
a.ck.ck-button.ck-link-toolbar__preview:focus,
a.ck.ck-button.ck-link-toolbar__preview:active {
  background: none;
}
a.ck.ck-button.ck-link-toolbar__preview:active {
  box-shadow: none;
}
a.ck.ck-button.ck-link-toolbar__preview:hover,
a.ck.ck-button.ck-link-toolbar__preview:focus {
  text-decoration: underline;
}
a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
  width: var(--ck-link-bookmark-icon-size);
  height: var(--ck-link-bookmark-icon-size);
}
[dir=ltr] :is(a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon) {
  margin-right: var(--ck-spacing-tiny);
  margin-left: var(--ck-spacing-small);
}
[dir=rtl] :is(a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon) {
  margin-left: var(--ck-spacing-tiny);
  margin-right: var(--ck-spacing-small);
}
a.ck.ck-button.ck-link-toolbar__preview:has(.ck-icon) {
  padding-left: var(--ck-spacing-extra-tiny);
}
.ck.ck-link-toolbar__preview {
  display: inline-block;
}
.ck.ck-link-toolbar__preview .ck-button__label {
  overflow: hidden;
}
:root {
  --ck-link-image-indicator-icon-size: 20;
  --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
:is(.ck.ck-editor__editable figure.image > a, .ck.ck-editor__editable a span.image-inline):after {
  content: "";
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
  height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
}
:root {
  --ck-link-panel-width: 340px;
  --ck-link-provider-list-item-text-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
  --ck-link-provider-list-item-height: calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));
}
@media screen and (width <= 600px) {
  :root {
    --ck-link-panel-width: 300px;
  }
}
.ck.ck-form.ck-link-form {
  width: var(--ck-link-panel-width);
  padding-bottom: 0;
}
@media screen and (width <= 600px) {
  .ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view {
    margin: 0;
  }
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list {
  border-top: 1px solid var(--ck-color-base-border);
  flex-direction: column;
  display: flex;
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n+5)) {
  max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);
  overflow: auto;
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  border-radius: 0;
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {
  text-overflow: ellipsis;
  flex-grow: 1;
  overflow: hidden;
}
.ck.ck-link-form .ck-link__items:empty {
  display: none;
}
:root {
  --ck-link-properties-width: 340px;
}
@media screen and (width <= 600px) {
  :root {
    --ck-link-properties-width: 300px;
  }
}
.ck.ck-link-properties {
  width: var(--ck-link-properties-width);
}
:root {
  --ck-link-providers-width: 340px;
  --ck-link-list-view-max-height: 240px;
  --ck-link-list-view-icon-size: calc(var(--ck-icon-size) * .8);
}
@media screen and (width <= 600px) {
  :root {
    --ck-link-providers-width: 300px;
  }
}
.ck.ck-link-providers {
  width: var(--ck-link-providers-width);
}
.ck.ck-link-providers .ck-form__header__label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-link-providers > .ck-link-providers__list {
  max-height: min(var(--ck-link-list-view-max-height), 40vh);
  overflow: hidden auto;
}
.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {
  width: var(--ck-link-list-view-icon-size);
  height: var(--ck-link-list-view-icon-size);
  flex-shrink: 0;
}
.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ck.ck-link-providers > .ck-link-providers__list {
  overscroll-behavior: contain;
}
.ck.ck-link-providers .ck-link__empty-list-info {
  padding: calc(2 * var(--ck-spacing-large)) var(--ck-spacing-medium);
  text-align: center;
  font-style: italic;
}
.ck-editor__editable .ck-list-bogus-paragraph {
  display: block;
}
:root {
  --ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
  row-gap: var(--ck-spacing-medium);
  column-gap: var(--ck-spacing-medium);
  padding: var(--ck-spacing-large);
  grid-template-columns: repeat(3, auto);
}
.ck.ck-list-styles-list .ck-button {
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
  box-sizing: content-box;
  margin: 0;
  padding: 0;
}
.ck.ck-list-styles-list .ck-button .ck-icon {
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
}
.ck.ck-list-styles-list {
  display: grid;
}
.ck.ck-list-properties.ck-list-properties_without-styles {
  padding: var(--ck-spacing-large);
}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
  min-width: 14em;
}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
  grid-template-columns: repeat(4, auto);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
  width: 100%;
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
  width: 100%;
  min-width: auto;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
  margin-bottom: calc(-1 * var(--ck-spacing-tiny));
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
  box-shadow: none;
  background: none;
  border-color: rgba(0, 0, 0, 0);
}
:root {
  --ck-content-list-marker-color: var(--ck-content-font-color);
  --ck-content-list-marker-font-family: var(--ck-content-font-family);
  --ck-content-list-marker-font-size: var(--ck-content-font-size);
}
.ck-content li > p:first-of-type {
  margin-top: 0;
}
.ck-content li > p:only-of-type {
  margin-top: 0;
  margin-bottom: 0;
}
.ck-content li.ck-list-marker-bold::marker {
  font-weight: bold;
}
.ck-content li.ck-list-marker-italic::marker {
  font-style: italic;
}
.ck-content li.ck-list-marker-color::marker {
  color: var(--ck-content-list-marker-color);
}
.ck-content li.ck-list-marker-font-family::marker {
  font-family: var(--ck-content-list-marker-font-family);
}
.ck-content li.ck-list-marker-font-size::marker {
  font-size: var(--ck-content-list-marker-font-size);
}
.ck-content li.ck-list-marker-font-size-tiny::marker {
  font-size: var(--ck-content-font-size-tiny);
}
.ck-content li.ck-list-marker-font-size-small::marker {
  font-size: var(--ck-content-font-size-small);
}
.ck-content li.ck-list-marker-font-size-big::marker {
  font-size: var(--ck-content-font-size-big);
}
.ck-content li.ck-list-marker-font-size-huge::marker {
  font-size: var(--ck-content-font-size-huge);
}
.ck-content ol {
  list-style-type: decimal;
}
.ck-content ol ol {
  list-style-type: lower-latin;
}
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
.ck-content ul {
  list-style-type: disc;
}
.ck-content ul ul {
  list-style-type: circle;
}
.ck-content ul ul ul {
  list-style-type: square;
}
.ck-content ul ul ul ul {
  list-style-type: square;
}
:root {
  --ck-content-todo-list-checkmark-size: 16px;
}
.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  width: var(--ck-content-todo-list-checkmark-size);
  height: var(--ck-content-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  margin-left: 0;
  margin-right: -15px;
  display: inline-block;
  position: relative;
  left: -25px;
  right: 0;
}
[dir=rtl]:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input) {
  margin-left: -15px;
  margin-right: 0;
  left: 0;
  right: -25px;
}
:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input):before {
  box-sizing: border-box;
  content: "";
  border: 1px solid #333;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: box-shadow 0.25s ease-in-out;
  display: block;
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  :is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input):before {
    transition: none;
  }
}
:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input):after {
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-content-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-todo-list-checkmark-size) / 8) 0;
  display: block;
  position: absolute;
  transform: rotate(45deg);
}
:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input)[checked]:before {
  background: #26ab33;
  border-color: #26ab33;
}
:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input)[checked]:after {
  border-color: #fff;
}
.ck-content .todo-list {
  list-style: none;
}
.ck-content .todo-list li {
  margin-bottom: 5px;
  position: relative;
}
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}
:is(.ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input):hover:before {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1019607843);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
.ck-content .media {
  clear: both;
  min-width: 15em;
  margin: 0.9em 0;
  display: block;
}
:root {
  --ck-media-embed-placeholder-icon-size: 3em;
  --ck-color-media-embed-placeholder-url-text: #757575;
  --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
  margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
  padding: calc(3 * var(--ck-spacing-standard));
  background: var(--ck-color-base-foreground);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
  min-width: var(--ck-media-embed-placeholder-icon-size);
  height: var(--ck-media-embed-placeholder-icon-size);
  margin-bottom: var(--ck-spacing-large);
  background-position: center;
  background-size: cover;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
  width: 100%;
  height: 100%;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
  color: var(--ck-color-media-embed-placeholder-url-text);
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  font-style: italic;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: var(--ck-color-media-embed-placeholder-url-text-hover);
  cursor: pointer;
  text-decoration: underline;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
  max-width: 100%;
  position: relative;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
  display: block;
  overflow: hidden;
}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
  max-width: 300px;
  max-height: 380px;
}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
  background: #4268b3;
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: #cdf;
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
  background:
    linear-gradient(
      -135deg,
      #1400c7,
      #b800b1,
      #f50000);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: #ffe0fe;
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
  background:
    linear-gradient(
      to right,
      #71c6f4,
      #0d70a5);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
  color: #b8e6ff;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}
:is(.ck-media__wrapper[data-oembed-url*="twitter.com"], .ck-media__wrapper[data-oembed-url*="google.com/maps"], .ck-media__wrapper[data-oembed-url*="goo.gl/maps"], .ck-media__wrapper[data-oembed-url*="maps.google.com"], .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"], .ck-media__wrapper[data-oembed-url*="facebook.com"], .ck-media__wrapper[data-oembed-url*="instagram.com"]) .ck-media__placeholder__icon * {
  display: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > :not(.ck-media__placeholder),
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
  pointer-events: none;
}
.ck.ck-media-form {
  flex-flow: row;
  align-items: flex-start;
  width: 400px;
  display: flex;
}
.ck.ck-media-form .ck-labeled-field-view {
  width: 100%;
  display: inline-block;
}
.ck.ck-media-form .ck-label {
  display: none;
}
.ck.ck-media-form .ck-input {
  width: 100%;
}
@media screen and (width <= 600px) {
  .ck.ck-media-form {
    flex-wrap: wrap;
  }
  .ck.ck-media-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-media-form .ck-button {
    flex-basis: 50%;
  }
}
:root {
  --ck-content-color-mention-background: #9900301a;
  --ck-content-color-mention-text: #990030;
}
.ck-content .mention {
  background: var(--ck-content-color-mention-background);
  color: var(--ck-content-color-mention-text);
}
:root {
  --ck-mention-list-max-height: 300px;
}
.ck.ck-mentions {
  max-height: var(--ck-mention-list-max-height);
  overscroll-behavior: contain;
  overflow: hidden auto;
}
.ck.ck-mentions > .ck-list__item {
  flex-shrink: 0;
  overflow: hidden;
}
div.ck.ck-balloon-panel.ck-mention-balloon {
  z-index: calc(var(--ck-z-dialog) + 1);
}
:root {
  --ck-color-minimap-tracker-background:
    208,
    0%,
    51%;
  --ck-color-minimap-iframe-outline: #bfbfbf;
  --ck-color-minimap-iframe-shadow: #0000001c;
  --ck-color-minimap-progress-background: #666;
}
.ck.ck-minimap {
  -webkit-user-select: none;
  user-select: none;
  background: var(--ck-color-base-background);
  position: absolute;
}
.ck.ck-minimap,
.ck.ck-minimap iframe {
  width: 100%;
  height: 100%;
}
.ck.ck-minimap iframe {
  pointer-events: none;
  outline: 1px solid var(--ck-color-minimap-iframe-outline);
  box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
  border: 0;
  margin: 0;
  position: relative;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker {
  background: hsla(var(--ck-color-minimap-tracker-background), 0.2);
  z-index: 1;
  width: 100%;
  transition: background 0.1s ease-in-out;
  position: absolute;
  top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-minimap .ck.ck-minimap__position-tracker {
    transition: none;
  }
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), 0.3);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), 0.4);
}
:is(.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover):after {
  opacity: 1;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:after {
  content: attr(data-progress) "%";
  background: var(--ck-color-minimap-progress-background);
  color: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-base-background);
  opacity: 0;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 10px;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: 5px;
  right: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-minimap .ck.ck-minimap__position-tracker:after {
    transition: none;
  }
}
.ck-content .page-break {
  clear: both;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  display: flex;
  position: relative;
}
.ck-content .page-break:after {
  content: "";
  border-bottom: 2px dashed #c4c4c4;
  width: 100%;
  position: absolute;
}
.ck-content .page-break__label {
  z-index: 1;
  text-transform: uppercase;
  color: #333;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  padding: 0.3em 0.6em;
  font-size: 0.75em;
  font-weight: bold;
  display: block;
  position: relative;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1490196078);
}
@media print {
  .ck-content .page-break {
    padding: 0;
  }
  .ck-content .page-break:after {
    display: none;
  }
  .ck-content :has(+ .page-break) {
    margin-bottom: 0;
  }
}
:root {
  --ck-color-restricted-editing-exception-background: #ffa94c33;
  --ck-color-restricted-editing-exception-hover-background: #ffa94c59;
  --ck-color-restricted-editing-exception-brackets: #cc690066;
  --ck-color-restricted-editing-selected-exception-background: #ffa94c80;
  --ck-color-restricted-editing-selected-exception-brackets: #cc690099;
}
.ck-editor__editable .restricted-editing-exception {
  background-color: var(--ck-color-restricted-editing-exception-background);
  border: 1px solid;
  border-image:
    linear-gradient(
      to right,
      var(--ck-color-restricted-editing-exception-brackets) 0%,
      var(--ck-color-restricted-editing-exception-brackets) 5px,
      rgba(0, 0, 0, 0) 6px,
      rgba(0, 0, 0, 0) calc(100% - 6px),
      var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
      var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
  transition: background 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ck-editor__editable .restricted-editing-exception {
    transition: none;
  }
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
  background-color: var(--ck-color-restricted-editing-selected-exception-background);
  border-image:
    linear-gradient(
      to right,
      var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
      var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
      var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
      var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
  padding-left: 1ch;
}
.ck-restricted-editing_mode_restricted {
  cursor: default;
}
.ck-restricted-editing_mode_restricted * {
  cursor: default;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
  background: var(--ck-color-restricted-editing-exception-hover-background);
}
:root {
  --ck-show-blocks-border-color: #757575;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-address-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-address-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-aside-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-aside-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-blockquote-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-blockquote-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-details-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-details-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-div-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-div-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-footer-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-footer-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h1-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h1-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h2-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h2-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h3-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h3-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h4-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h4-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h5-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h5-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h6-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h6-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-header-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-header-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-main-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-main-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-nav-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-nav-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-pre-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-pre-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-ol-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-ol-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-ul-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-ul-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-p-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-p-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-section-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-section-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-figcaption-ltr);
  --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-figcaption-rtl);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget, .ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
  background-repeat: no-repeat;
  padding-top: 15px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget, .ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption):where(:not(.ck-widget_selected):not(.ck-widget:hover)) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget):dir(ltr) :where(address, aside, blockquote, details, div:not(.ck-widget, .ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
  background-image: var(--ck-show-blocks-label-ltr);
  background-position: 1px 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget):dir(rtl) :where(address, aside, blockquote, details, div:not(.ck-widget, .ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
  background-image: var(--ck-show-blocks-label-rtl);
  background-position: calc(100% - 1px) 1px;
}
.ck-source-editing-area {
  position: relative;
  overflow: hidden;
}
.ck-source-editing-area:after,
.ck-source-editing-area textarea {
  padding: var(--ck-spacing-large);
  line-height: var(--ck-line-height-base);
  font-size: var(--ck-font-size-normal);
  white-space: pre-wrap;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0;
  font-family: monospace;
}
.ck-source-editing-area:after {
  content: attr(data-value) " ";
  visibility: hidden;
  display: block;
}
.ck-source-editing-area textarea {
  resize: none;
  box-sizing: border-box;
  border-color: var(--ck-color-base-border);
  border-radius: var(--ck-rounded-corners-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  outline: none;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.ck-source-editing-area textarea:not([readonly]):focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
  outline: none;
}
.ck.ck-special-characters-navigation > .ck-label {
  text-overflow: ellipsis;
  max-width: 160px;
  overflow: hidden;
}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow: hidden auto;
}
@media screen and (width <= 600px) {
  .ck.ck-special-characters-navigation {
    max-width: 190px;
  }
  .ck.ck-special-characters-navigation > .ck-form__header__label {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.ck.ck-special-characters > .ck-dialog__content > div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  width: 350px;
  max-width: 100%;
  height: 100%;
  display: grid;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
  grid-area: 1/1/2/2;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  animation: 0.15s both ck-table-form-labeled-view-status-appear;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
  }
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
  width: 100%;
  display: block;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
  grid-area: 2/1/3/2;
  max-height: 200px;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
  grid-area: 3/1/4/2;
}
:root {
  --ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
  overflow: hidden auto;
}
.ck.ck-character-grid .ck-character-grid__tiles {
  grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap: var(--ck-spacing-standard);
  display: grid;
}
.ck.ck-character-grid .ck-character-grid__tile {
  width: var(--ck-character-grid-tile-size);
  height: var(--ck-character-grid-tile-size);
  min-width: var(--ck-character-grid-tile-size);
  min-height: var(--ck-character-grid-tile-size);
  border: 0;
  padding: 0;
  font-size: 1.5em;
  transition: box-shadow 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-character-grid .ck-character-grid__tile {
    transition: none;
  }
}
.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),
.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  border: 0;
}
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
  line-height: var(--ck-character-grid-tile-size);
  text-align: center;
  width: 100%;
}
.ck.ck-character-grid {
  max-width: 100%;
}
.ck.ck-character-info {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  border-top: 1px solid var(--ck-color-base-border);
  display: flex;
}
.ck.ck-character-info > * {
  text-transform: uppercase;
  font-size: var(--ck-font-size-small);
}
.ck.ck-character-info .ck-character-info__name {
  text-overflow: ellipsis;
  max-width: 280px;
  overflow: hidden;
}
.ck.ck-character-info .ck-character-info__code {
  opacity: 0.6;
}
.ck.ck-character-info {
  justify-content: space-between;
}
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
  font-style: italic;
}
:root {
  --ck-style-panel-button-width: 120px;
  --ck-style-panel-button-height: 80px;
  --ck-style-panel-button-label-background: #f0f0f0;
  --ck-style-panel-button-hover-label-background: #ebebeb;
  --ck-style-panel-button-hover-border-color: #b3b3b3;
  --ck-style-panel-columns: 3;
}
.ck.ck-style-panel .ck-style-grid {
  row-gap: var(--ck-spacing-large);
  column-gap: var(--ck-spacing-large);
  grid-template-columns: repeat(var(--ck-style-panel-columns), auto);
  display: grid;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  --ck-color-button-default-hover-background: var(--ck-color-base-background);
  --ck-color-button-default-active-background: var(--ck-color-base-background);
  width: var(--ck-style-panel-button-width);
  height: var(--ck-style-panel-button-height);
  justify-content: space-between;
  padding: 0;
  display: flex;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
  width: 100%;
  height: 22px;
  padding: 0 var(--ck-spacing-medium);
  text-overflow: ellipsis;
  flex-shrink: 0;
  line-height: 22px;
  overflow: hidden;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
  opacity: 0.9;
  width: 100%;
  padding: var(--ck-spacing-medium);
  background: var(--ck-color-base-background);
  border: 2px solid var(--ck-color-base-background);
  flex-grow: 1;
  flex-basis: 100%;
  place-content: center flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
  --ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
  border-color: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
  opacity: 0.4;
  border-color: var(--ck-color-base-foreground);
  filter: saturate(0.3);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
  border-color: var(--ck-color-base-active);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
  box-shadow: 0 -1px 0 var(--ck-color-base-active);
  z-index: 1;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
  border-color: var(--ck-color-base-active-focus);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
  background: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
  background: var(--ck-style-panel-button-hover-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
  border-color: var(--ck-style-panel-button-hover-border-color);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
  opacity: 1;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  flex-direction: column;
}
.ck.ck-style-panel .ck-style-grid {
  justify-content: start;
}
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
  margin: var(--ck-spacing-large) 0;
}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
  margin-top: 0;
}
:root {
  --ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
  padding: var(--ck-spacing-large);
  max-height: var(--ck-style-panel-max-height);
  overflow-y: auto;
}
.ck-content .table th {
  text-align: start;
}
.ck-content[dir=rtl] .table th {
  text-align: right;
}
.ck-content[dir=ltr] .table th {
  text-align: left;
}
.ck-content figure.table:not(.layout-table) {
  display: table;
}
.ck-content figure.table:not(.layout-table) > table {
  width: 100%;
  height: 100%;
}
.ck-content .table:not(.layout-table) {
  margin: 0.9em auto;
}
.ck-content table.table:not(.layout-table),
.ck-content figure.table:not(.layout-table) > table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px double #b3b3b3;
}
:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th {
  background: rgba(0, 0, 0, 0.0509803922);
  font-weight: bold;
}
:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:first-of-type {
  margin-top: 0;
}
:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:last-of-type {
  margin-bottom: 0;
}
:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td,
:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th {
  border: 1px solid #bfbfbf;
  min-width: 2em;
  padding: 0.4em;
}
@media print {
  .ck-content figure.table:not(.layout-table) {
    width: fit-content;
    height: fit-content;
  }
  .ck-content figure.table:not(.layout-table) > table {
    height: initial;
  }
}
.ck-editor__editable .ck-table-bogus-paragraph {
  width: 100%;
  display: inline-block;
}
:root {
  --ck-color-table-focused-cell-background: #9ec9fa4d;
  --ck-table-content-default-border-color: #d4d4d4;
  --ck-table-border-none-helper-line-color: #d4d4d4;
  --ck-table-border-none-helper-line-style: dashed;
  --ck-table-border-none-helper-line-width: 1px;
}
.ck-widget.table table[style*="border:none"],
.ck-widget.table table[style*="border-style:none"],
.ck-widget.table table[style*="border:0"],
.ck-widget.table table[style*="border-width:0"] {
  outline: var(--ck-table-content-default-border-color) 1px dashed;
}
:is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable {
  outline: unset;
}
:is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused,
:is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {
  background: var(--ck-color-table-focused-cell-background);
  outline: 1px solid var(--ck-color-focus-border);
  outline-offset: -1px;
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) {
  --ck-table-border-none-helper-line: var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-color);
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(td, th):where([style*="border:none"], [style*="border:0"], [style*="border-style:none"], [style*="border-width:0"]) {
  border: var(--ck-table-border-none-helper-line) !important;
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-top-style:none"], [style*="border-top-width:0"]) {
  border-top: var(--ck-table-border-none-helper-line) !important;
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-right-style:none"], [style*="border-right-width:0"]) {
  border-right: var(--ck-table-border-none-helper-line) !important;
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-bottom-style:none"], [style*="border-bottom-width:0"]) {
  border-bottom: var(--ck-table-border-none-helper-line) !important;
}
:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-left-style:none"], [style*="border-left-width:0"]) {
  border-left: var(--ck-table-border-none-helper-line) !important;
}
.ck.ck-table-cell-properties-form {
  width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
  align-self: flex-end;
  width: 25%;
  padding: 0;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
  margin-top: var(--ck-spacing-standard);
  background: none;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__horizontal-alignment-toolbar {
  --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
  width: var(--ck-table-form-dimensions-input-width);
  max-width: var(--ck-table-form-dimensions-input-width);
  min-width: var(--ck-table-form-dimensions-input-width);
  padding: 0;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__vertical-alignment-toolbar {
  flex-grow: 1;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
  flex-grow: 0.57;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
  flex-grow: 0.43;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
  flex-grow: 1;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
  flex-wrap: wrap;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row {
  --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
  width: var(--ck-table-form-dimensions-input-width);
  max-width: var(--ck-table-form-dimensions-input-width);
  min-width: var(--ck-table-form-dimensions-input-width);
  padding: 0;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
  width: var(--ck-table-form-default-input-width);
  min-width: var(--ck-table-form-default-input-width);
  max-width: var(--ck-table-form-default-input-width);
  margin: 0;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  width: 0;
  height: var(--ck-ui-component-min-height);
  line-height: var(--ck-ui-component-min-height);
  margin: 0 var(--ck-spacing-small);
  align-self: flex-end;
  display: inline-block;
  position: relative;
  left: -0.5ch;
  overflow: visible;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button {
  flex-grow: initial;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
  color: currentColor;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row {
  --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
  width: var(--ck-table-form-dimensions-input-width);
  max-width: var(--ck-table-form-dimensions-input-width);
  min-width: var(--ck-table-form-dimensions-input-width);
  padding: 0;
}
:root {
  --ck-table-layout-widget-type-around-button-size: 16px;
  --ck-table-layout-widget-type-around-icon-width: 10px;
  --ck-table-layout-widget-type-around-icon-height: 8px;
  --ck-table-layout-widget-handler-icon-size: 10px;
  --ck-table-layout-default-border-color: #d4d4d4;
}
.ck-content table.table.layout-table,
.ck-content figure.table.layout-table {
  margin-top: 0;
  margin-bottom: 0;
}
.ck-content table.table.layout-table,
.ck-content figure.table.layout-table > table {
  border-spacing: 0;
}
.ck-editor__editable .table.layout-table > table {
  border-collapse: revert;
  width: 100%;
  height: 100%;
}
.ck-editor__editable .table.layout-table > table:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]) {
  border-width: 0;
  border-color: rgba(0, 0, 0, 0);
  outline: none;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td {
  box-shadow: revert;
  padding: revert;
  text-indent: 1px;
  border-color: var(--ck-table-layout-default-border-color);
  border-style: dashed;
  min-width: 2em;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"],
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"],
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"] {
  min-width: auto;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:focus {
  background-color: rgba(0, 0, 0, 0);
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]) {
  outline: var(--ck-table-layout-default-border-color) 1px dashed;
  outline-offset: -1px;
  border-width: 0;
  border-color: rgba(0, 0, 0, 0);
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]):focus {
  outline: var(--ck-color-focus-border) 1px solid;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph {
  text-indent: 0;
  width: calc(100% - 1px);
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around {
  --ck-widget-type-around-button-size: var(--ck-table-layout-widget-type-around-button-size);
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
  z-index: 2;
  transform: translateY(0);
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: var(--ck-table-layout-widget-type-around-button-size);
  border-radius: 0 0 100px 100px;
  left: min(10%, 30px);
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after {
  border-radius: 0 0 100px 100px;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
  border-radius: 100px 100px 0 0;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after {
  border-radius: 100px 100px 0 0;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
  width: var(--ck-table-layout-widget-type-around-icon-width);
  height: var(--ck-table-layout-widget-type-around-icon-height);
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
  --ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);
  transform: translateY(calc(0px - var(--ck-widget-outline-thickness)));
  z-index: 3;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  top: 0;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  bottom: 0;
}
.ck-editor__editable .table.layout-table.ck-widget:hover {
  z-index: var(--ck-z-default);
}
.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle {
  opacity: 0.75;
  visibility: visible;
}
.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover {
  opacity: 1;
}
.ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
  opacity: 0;
  visibility: hidden;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected {
  z-index: var(--ck-z-default);
}
.ck-editor__editable .table.layout-table {
  margin: 0;
  display: table;
}
.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {
  margin-top: var(--ck-spacing-large);
}
.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child,
.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has(+ .ck-fake-selection-container) {
  margin-bottom: var(--ck-spacing-large);
}
.ck.ck-form__row > :not(.ck-label) + * {
  margin-inline-start: var(--ck-spacing-large);
}
.ck.ck-form__row > .ck-label {
  width: 100%;
  min-width: 100%;
}
.ck.ck-form__row.ck-table-form__action-row {
  margin-top: var(--ck-spacing-large);
  justify-content: flex-end;
}
.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
  justify-content: center;
}
:root {
  --ck-table-properties-error-arrow-size: 6px;
  --ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form {
  --ck-table-form-default-input-width: 80px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
  width: var(--ck-table-form-default-input-width);
  min-width: var(--ck-table-form-default-input-width);
  max-width: var(--ck-table-form-default-input-width);
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
  width: var(--ck-table-form-dimensions-input-width);
  max-width: var(--ck-table-form-dimensions-input-width);
  min-width: var(--ck-table-form-dimensions-input-width);
  padding: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
  width: var(--ck-table-form-default-input-width);
  min-width: var(--ck-table-form-default-input-width);
  max-width: var(--ck-table-form-default-input-width);
  margin: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  width: 0;
  height: var(--ck-ui-component-min-height);
  line-height: var(--ck-ui-component-min-height);
  margin: 0 var(--ck-spacing-small);
  align-self: flex-end;
  display: inline-block;
  position: relative;
  left: -0.5ch;
  overflow: visible;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row,
.ck.ck-table-form .ck-form__row.ck-table-form__background-row,
.ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
  flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row,
.ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
  flex-wrap: wrap;
  align-items: center;
}
:is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view {
  flex-direction: column-reverse;
  align-items: center;
  display: flex;
}
:is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view .ck.ck-dropdown {
  flex-grow: 0;
}
.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > :not(.ck-label, .ck-table-form__dimension-operator) {
  flex-grow: 1;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  border-radius: var(--ck-rounded-corners-radius);
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  left: 50%;
  bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
  animation: 0.15s both ck-table-form-labeled-view-status-appear;
  position: absolute;
  transform: translate(-50%, 100%);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  content: "";
  top: calc(-1 * var(--ck-table-properties-error-arrow-size));
  border-style: solid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
  }
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  z-index: 1;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  position: relative;
}
@keyframes ck-table-form-labeled-view-status-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ck.ck-table-properties-form {
  width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  flex-wrap: wrap;
  flex-basis: 0;
  align-content: baseline;
  align-self: flex-end;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
  margin-top: var(--ck-spacing-standard);
  background: none;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
  flex: 1;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
  flex-wrap: nowrap;
}
:root {
  --ck-content-table-style-spacing: 1.5em;
}
.ck-content .table.table-style-align-left {
  float: left;
  margin-right: var(--ck-content-table-style-spacing);
}
.ck-content .table.table-style-align-right {
  float: right;
  margin-left: var(--ck-content-table-style-spacing);
}
.ck-content .table.table-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck-content .table.table-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-content .table.table-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.ck-editor__editable .table.layout-table.table-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck-editor__editable .table.layout-table.table-style-align-left {
  margin-right: var(--ck-content-table-style-spacing);
}
.ck-editor__editable .table.layout-table.table-style-align-right {
  margin-left: var(--ck-content-table-style-spacing);
}
.ck-editor__editable .table.layout-table.table-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-editor__editable .table.layout-table.table-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
:root {
  --ck-content-color-table-caption-background: #f7f7f7;
  --ck-content-color-table-caption-text: #333;
  --ck-color-table-caption-highlighted-background: #fd0;
}
.ck-content .table > figcaption,
.ck-content figure.table > table > caption {
  caption-side: top;
  word-break: normal;
  overflow-wrap: anywhere;
  text-align: center;
  color: var(--ck-content-color-table-caption-text);
  background-color: var(--ck-content-color-table-caption-background);
  outline-offset: -1px;
  padding: 0.6em;
  font-size: 0.75em;
  display: table-caption;
}
@media (forced-colors: active) {
  .ck-content .table > figcaption,
  .ck-content figure.table > table > caption {
    background-color: unset;
    color: unset;
  }
}
@media (forced-colors: none) {
  :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).table__caption_highlighted {
    animation: 0.6s ease-out ck-table-caption-highlight;
  }
}
:is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).ck-placeholder:before {
  padding-left: inherit;
  padding-right: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@keyframes ck-table-caption-highlight {
  0% {
    background-color: var(--ck-color-table-caption-highlighted-background);
  }
  100% {
    background-color: var(--ck-content-color-table-caption-background);
  }
}
:root {
  --ck-table-selected-cell-background: #9ecffa4d;
}
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected {
  caret-color: rgba(0, 0, 0, 0);
  box-shadow: unset;
  position: relative;
}
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:after {
  content: "";
  pointer-events: none;
  background-color: var(--ck-table-selected-cell-background);
  position: absolute;
  inset: 0;
}
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:focus {
  background-color: rgba(0, 0, 0, 0);
}
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget {
  outline: unset;
}
.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
  display: none;
}
:root {
  --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
  --ck-table-column-resizer-width: 7px;
  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
}
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
}
.ck.ck-editor__editable .table td,
.ck.ck-editor__editable .table th {
  position: relative;
}
.ck.ck-editor__editable .table .ck-table-column-resizer {
  top: 0;
  bottom: 0;
  right: var(--ck-table-column-resizer-position-offset);
  width: var(--ck-table-column-resizer-width);
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  z-index: var(--ck-z-default);
  position: absolute;
}
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer,
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
  display: none;
}
.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
  background-color: var(--ck-color-table-column-resizer-hover);
  opacity: 0.25;
}
.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
  left: var(--ck-table-column-resizer-position-offset);
  right: unset;
}
[dir=ltr] :is(.ck.ck-input-color > .ck.ck-input-text) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] :is(.ck.ck-input-color > .ck.ck-input-text) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-input-color > .ck.ck-input-text:focus {
  z-index: 0;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  padding: 0;
  display: flex;
}
[dir=ltr] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus) {
  border-left: 1px solid rgba(0, 0, 0, 0);
}
[dir=rtl] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus) {
  border-right: 1px solid rgba(0, 0, 0, 0);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
  background: var(--ck-color-input-disabled-background);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
  border-radius: var(--ck-rounded-corners-radius);
  border: 1px solid var(--ck-color-input-border);
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
  transform-origin: 50%;
  background: red;
  border-radius: 2px;
  width: 8%;
  height: 150%;
  display: block;
  position: absolute;
  top: -30%;
  left: 50%;
  transform: rotate(45deg);
}
.ck.ck-input-color .ck.ck-input-color__remove-color {
  width: 100%;
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
  border-bottom: 1px solid var(--ck-color-input-border);
}
[dir=ltr] :is(.ck.ck-input-color .ck.ck-input-color__remove-color) {
  border-top-right-radius: 0;
}
[dir=rtl] :is(.ck.ck-input-color .ck.ck-input-color__remove-color) {
  border-top-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] :is(.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon) {
  margin-right: 0;
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-input-color {
  flex-direction: row-reverse;
  width: 100%;
  display: flex;
}
.ck.ck-input-color > input.ck.ck-input-text {
  flex-grow: 1;
  min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown {
  min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
  display: none;
}
:root {
  --ck-insert-table-dropdown-padding: 10px;
  --ck-insert-table-dropdown-box-height: 11px;
  --ck-insert-table-dropdown-box-width: 12px;
  --ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
  width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
  padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
  flex-flow: wrap;
  display: flex;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
  text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
  min-width: var(--ck-insert-table-dropdown-box-width);
  min-height: var(--ck-insert-table-dropdown-box-height);
  margin: var(--ck-insert-table-dropdown-box-margin);
  border: 1px solid var(--ck-color-base-border);
  border-radius: 1px;
  outline: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-insert-table-dropdown-grid-box {
    transition: none;
  }
}
.ck .ck-insert-table-dropdown-grid-box:focus {
  box-shadow: none;
}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
  border-color: var(--ck-color-focus-border);
  background: var(--ck-color-focus-outer-shadow);
}
:root {
  --ck-widget-outline-thickness: 3px;
  --ck-widget-handler-icon-size: 16px;
  --ck-widget-handler-animation-duration: .2s;
  --ck-widget-handler-animation-curve: ease;
  --ck-color-widget-blurred-border: #dedede;
  --ck-color-widget-hover-border: #ffc83d;
  --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
  --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
  --ck-color-resizer: var(--ck-color-focus-border);
  --ck-color-resizer-tooltip-background: #262626;
  --ck-color-resizer-tooltip-text: #f2f2f2;
  --ck-resizer-border-radius: var(--ck-border-radius);
  --ck-resizer-tooltip-offset: 10px;
  --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}
.ck .ck-widget {
  outline-width: var(--ck-widget-outline-thickness);
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}
.ck .ck-widget:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-widget {
  position: relative;
}
.ck .ck-editor__nested-editable {
  border: 1px solid rgba(0, 0, 0, 0);
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
  box-shadow: var(--ck-inner-shadow), 0 0;
}
@media (forced-colors: none) {
  .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
  .ck .ck-editor__nested-editable:focus {
    background-color: var(--ck-color-widget-editable-focus-background);
  }
}
:is(.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus):not(td, th) {
  border: var(--ck-focus-ring);
  outline: none;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  box-sizing: border-box;
  opacity: 0;
  transition:
    background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
  left: calc(0px - var(--ck-widget-outline-thickness));
  background-color: rgba(0, 0, 0, 0);
  padding: 4px;
  top: 0;
  transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  width: var(--ck-widget-handler-icon-size);
  height: var(--ck-widget-handler-icon-size);
  color: var(--ck-color-widget-drag-handler-icon-color);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 0;
  transition: opacity 0.3s var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  display: block;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  position: absolute;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-widget-hover-border);
  visibility: visible;
}
:is(.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover) > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-focus-border);
  visibility: visible;
}
:is(.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover) > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle {
  position: relative;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  left: auto;
  right: calc(0px - var(--ck-widget-outline-thickness));
}
.ck.ck-editor__editable.ck-read-only .ck-widget {
  transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
  --ck-widget-outline-thickness: 0px;
}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
.ck .ck-widget:has(.ck-widget.table:hover) {
  outline-color: rgba(0, 0, 0, 0);
}
.ck .ck-widget.ck-widget_with-selection-handle:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
  opacity: 0;
  visibility: hidden;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-blurred-border);
}
:is(.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover).ck-widget_with-selection-handle > .ck-widget__selection-handle,
:is(.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover).ck-widget_with-selection-handle > .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable:not(.ck-pagination-view) > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable:not(.ck-pagination-view) blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
  margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
.ck .ck-size-view {
  background: var(--ck-color-resizer-tooltip-background);
  color: var(--ck-color-resizer-tooltip-text);
  border: 1px solid var(--ck-color-resizer-tooltip-text);
  border-radius: var(--ck-resizer-border-radius);
  font-size: var(--ck-font-size-tiny);
  padding: 0 var(--ck-spacing-small);
  height: var(--ck-resizer-tooltip-height);
  line-height: var(--ck-resizer-tooltip-height);
  display: block;
}
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-above-center {
  position: absolute;
}
.ck .ck-size-view.ck-orientation-top-left {
  top: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-top-right {
  top: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-right {
  bottom: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-left {
  bottom: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-above-center {
  top: calc(var(--ck-resizer-tooltip-height) * -1);
  left: 50%;
  transform: translate(-50%);
}
:root {
  --ck-resizer-size: 10px;
  --ck-resizer-offset: calc(( var(--ck-resizer-size) / -2 ) - 2px);
  --ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
  outline: 1px solid var(--ck-color-resizer);
  pointer-events: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ck .ck-widget__resizer__handle {
  width: var(--ck-resizer-size);
  height: var(--ck-resizer-size);
  background: var(--ck-color-focus-border);
  border: var(--ck-resizer-border-width) solid #fff;
  border-radius: var(--ck-resizer-border-radius);
  pointer-events: all;
  position: absolute;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
  top: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
  top: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  bottom: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  bottom: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  cursor: nwse-resize;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  cursor: nesw-resize;
}
.ck .ck-widget_with-resizer {
  position: relative;
}
.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
  display: block;
}
:root {
  --ck-widget-type-around-button-size: 20px;
  --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
  --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
  --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
  --ck-color-widget-type-around-button-radar-start-alpha: 0;
  --ck-color-widget-type-around-button-radar-end-alpha: .3;
  --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
.ck .ck-widget .ck-widget__type-around__button {
  width: var(--ck-widget-type-around-button-size);
  height: var(--ck-widget-type-around-button-size);
  background: var(--ck-color-widget-type-around-button);
  transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  opacity: 0;
  pointer-events: none;
  z-index: var(--ck-z-default);
  border-radius: 100px;
  display: block;
  position: absolute;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button {
    transition: none;
  }
}
.ck .ck-widget .ck-widget__type-around__button svg {
  width: 10px;
  height: 8px;
  margin-top: 1px;
  transition: transform 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button svg {
    transition: none;
  }
}
.ck .ck-widget .ck-widget__type-around__button svg * {
  stroke-dasharray: 10;
  stroke-dashoffset: 0;
  fill: none;
  stroke: var(--ck-color-widget-type-around-button-icon);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ck .ck-widget .ck-widget__type-around__button svg line {
  stroke-dasharray: 7;
}
.ck .ck-widget .ck-widget__type-around__button svg {
  z-index: calc(var(--ck-z-default) + 2);
}
.ck .ck-widget .ck-widget__type-around__button:hover {
  animation: 1s infinite ck-widget-type-around-button-sonar;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
  animation: 2s linear ck-widget-type-around-arrow-dash;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
  animation: 2s linear ck-widget-type-around-arrow-tip-dash;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button:hover {
    animation: none;
  }
  .ck .ck-widget .ck-widget__type-around__button:hover svg polyline,
  .ck .ck-widget .ck-widget__type-around__button:hover svg line {
    animation: none;
  }
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
  top: calc(-0.5 * var(--ck-widget-outline-thickness));
  left: min(10%, 30px);
  transform: translateY(-50%);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
  bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
  right: min(10%, 30px);
  transform: translateY(50%);
}
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 1;
  pointer-events: auto;
}
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
  background: var(--ck-color-widget-type-around-button-hover);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
  background: var(--ck-color-widget-type-around-button-active);
}
:is(.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover):after {
  width: calc(var(--ck-widget-type-around-button-size) - 2px);
  height: calc(var(--ck-widget-type-around-button-size) - 2px);
  content: "";
  z-index: calc(var(--ck-z-default) + 1);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3019607843) 100%);
  border-radius: 100px;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
}
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
  outline-color: rgba(0, 0, 0, 0);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 1;
  pointer-events: auto;
}
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 20px;
}
.ck .ck-widget .ck-widget__type-around__fake-caret {
  pointer-events: none;
  background: var(--ck-color-base-text);
  outline: 1px solid rgba(255, 255, 255, 0.5019607843);
  height: 1px;
  animation: 1s linear infinite forwards ck-widget-type-around-fake-caret-pulse;
}
:is(.ck .ck-widget.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after).ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
:is(.ck .ck-widget.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after) > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
:is(:is(.ck .ck-widget.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after).ck-widget_with-selection-handle.ck-widget_selected, :is(.ck .ck-widget.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after).ck-widget_with-selection-handle.ck-widget_selected:hover) > .ck-widget__selection-handle {
  opacity: 0;
}
:is(.ck .ck-widget.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after).ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
  opacity: 0;
}
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  left: calc(-1 * var(--ck-widget-outline-thickness));
  right: calc(-1 * var(--ck-widget-outline-thickness));
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  top: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 0;
  margin-right: 20px;
}
:is(.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover) > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
.ck .ck-widget:has(.ck-widget.table:hover) > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
  background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
  stroke: #999;
}
@keyframes ck-widget-type-around-arrow-dash {
  0% {
    stroke-dashoffset: 10px;
  }
  20%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes ck-widget-type-around-arrow-tip-dash {
  0%, 20% {
    stroke-dashoffset: 7px;
  }
  40%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes ck-widget-type-around-button-sonar {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
  50% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
  }
  100% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
}
@keyframes ck-widget-type-around-fake-caret-pulse {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around,
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
  display: none;
}
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
  display: none;
}
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted div.restricted-editing-exception .ck-widget__type-around {
  display: initial;
}
.ng-select {
  padding-bottom: 1.25em;
}
.ng-select.ng-select-disabled .ng-select-container:after {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
  color: rgba(0, 0, 0, 0.38);
}
.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-clear-wrapper {
  color: rgba(0, 0, 0, 0.38);
}
.ng-select.ng-select-focused .ng-select-container:after {
  border-color: #3f51b5;
  border-width: 2px;
}
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
  border-color: #3f51b5;
  border-width: 2px;
}
.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  color: #3f51b5;
}
.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
  color: #3f51b5;
}
.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
  display: initial;
}
.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
}
.ng-select .ng-select-container {
  color: rgba(0, 0, 0, 0.87);
  align-items: baseline;
  min-height: 51.5px;
}
.ng-select .ng-select-container:after {
  border-bottom: thin solid rgba(0, 0, 0, 0.42);
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.ng-select .ng-select-container.ng-appearance-outline {
  padding: 0 0.5em;
  min-height: 60px;
}
.ng-select .ng-select-container.ng-appearance-outline:after {
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  height: calc(100% - 0.5em);
  pointer-events: none;
  transition: border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ng-select .ng-select-container.ng-appearance-outline:hover:after {
  border-color: rgba(0, 0, 0, 0.87);
  border-width: 2px;
}
.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
  padding: 0 0.25em;
  background-color: #fff;
  z-index: 1;
}
.ng-select .ng-select-container.ng-appearance-outline .ng-value {
  padding-left: 0.25em;
}
.ng-select .ng-select-container .ng-value-container {
  align-items: stretch;
  padding: 0.4375em 0;
  border-top: 0.84375em solid rgba(0, 0, 0, 0);
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  position: absolute;
  color: rgba(0, 0, 0, 0.54);
  transform-origin: left 0;
  transition:
    transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  transform-origin: right 0;
}
.ng-select .ng-select-container .ng-value-container .ng-input {
  bottom: 0.4375em;
}
.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
  bottom: 17px;
}
.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
  bottom: 14px;
}
.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
  align-self: flex-end;
  bottom: 9px;
}
.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
  align-self: flex-end;
  bottom: 7px;
}
.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
  background-image: none;
  border: dotted 1px rgba(0, 0, 0, 0.12);
}
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
  border-top: none;
}
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
  top: 0;
}
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
  top: 4px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #3f51b5;
  border-radius: 2px;
  color: #fff;
  padding: 2px 5px;
  margin: 0 0.4375em 0.4375em 0;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin: 0 0 0.4375em 0.4375em;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  font-size: 14px;
  font-weight: 500;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  color: hsla(0, 0%, 100%, 0.54);
  padding-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  color: hsla(0, 0%, 100%, 0.87);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  line-height: 1.375em;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
  align-items: center;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
  padding-bottom: 0;
  padding-top: 0.1875em;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
  border-top: 0.84375em solid rgba(0, 0, 0, 0);
}
.ng-select .ng-clear-wrapper {
  color: rgba(0, 0, 0, 0.54);
}
.ng-select .ng-clear-wrapper:hover {
  color: rgba(0, 0, 0, 0.87);
}
.ng-select .ng-clear-wrapper:focus {
  color: rgba(0, 0, 0, 0.87);
  outline: none;
}
.ng-select .ng-arrow-wrapper {
  bottom: 2px;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.54);
}
.ng-select .ng-spinner-zone {
  top: 3px;
}
.ng-dropdown-panel {
  background: #fff;
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: calc(100% - 0.84375em);
  box-shadow:
    0 -5px 5px -3px rgba(0, 0, 0, 0.2),
    0 -8px 10px 1px rgba(0, 0, 0, 0.14),
    0 -3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: calc(0% + 0.84375em);
  box-shadow:
    0 -5px 5px -3px rgba(0, 0, 0, 0.2),
    0 -8px 10px 1px rgba(0, 0, 0, 0.14),
    0 -3px 14px 2px rgba(0, 0, 0, 0.12);
  margin-left: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: calc(100% - 1.25em);
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ng-dropdown-panel.ng-select-left {
  left: calc(-100% - 4px);
  top: calc(0% + 0.84375em);
  box-shadow:
    0 -5px 5px -3px rgba(0, 0, 0, 0.2),
    0 -8px 10px 1px rgba(0, 0, 0, 0.14),
    0 -3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ng-dropdown-panel.multiple .ng-option.selected {
  background: #fff;
}
.ng-dropdown-panel.multiple .ng-option.marked {
  background: rgba(0, 0, 0, 0.04);
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 16px;
  line-height: 3em;
  min-height: 3em;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 16px;
  line-height: 3em;
  min-height: 3em;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 3em;
  height: 3em;
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background: rgba(0, 0, 0, 0.04);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
  background: rgba(0, 0, 0, 0.12);
  color: #3f51b5;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  line-height: 3em;
  min-height: 3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 16px;
  text-decoration: none;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  text-align: right;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: rgba(0, 0, 0, 0.12);
  color: #3f51b5;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 32px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 32px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.38);
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.owl-dialog-container {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  width: 100%;
  height: 100%;
  outline: none;
}
.owl-dialog-container .owl-dt-container {
  border-radius: 2px;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.owl-dt-container,
.owl-dt-container * {
  box-sizing: border-box;
}
.owl-dt-container {
  display: block;
  font-size: 1rem;
  background: #fff;
  pointer-events: auto;
  z-index: 1000;
}
.owl-dt-container-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.owl-dt-container-row:last-child {
  border-bottom: none;
}
.owl-dt-calendar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
}
.owl-dt-calendar-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1em;
  width: 100%;
  padding: 0.5em;
  color: #000;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
  padding: 0 0.8em;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.owl-dt-calendar-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 0 0.5em 0.5em;
  outline: 0;
}
.owl-dt-calendar-view {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.owl-dt-calendar-multi-year-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
  width: calc(100% - 3em);
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
  padding-bottom: 0.25em;
}
.owl-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.owl-dt-calendar-table .owl-dt-calendar-header {
  color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: 0.7em;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
  position: relative;
  height: 1px;
  padding-bottom: 0.5em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5em;
  right: -0.5em;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after {
  left: -1.8em;
}
.owl-dt-calendar-table .owl-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, 0.85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: 0.8em;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: 0.2;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: hsla(0, 0%, 100%, 0.85);
  background-color: #3f51b5;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.85);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
  cursor: default;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
  opacity: 0.4;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, 0.2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content {
  height: 86%;
}
.owl-dt-timer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: 0.5em;
  outline: none;
}
.owl-dt-timer-box {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 25%;
  height: 100%;
}
.owl-dt-timer-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: 0.2em 0;
}
.owl-dt-timer-content .owl-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  outline: medium none;
  font-size: 1.2em;
  padding: 0.2em;
}
.owl-dt-timer-divider {
  display: inline-block;
  align-self: flex-end;
  position: absolute;
  width: 0.6em;
  height: 100%;
  left: -0.3em;
}
.owl-dt-timer-divider:before,
.owl-dt-timer-divider:after {
  content: "";
  display: inline-block;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: currentColor;
}
.owl-dt-timer-divider:before {
  top: 35%;
}
.owl-dt-timer-divider:after {
  bottom: 35%;
}
.owl-dt-control-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: inherit;
}
.owl-dt-control-button .owl-dt-control-button-content {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
}
.owl-dt-control-period-button .owl-dt-control-button-content {
  height: 1.5em;
  padding: 0 0.5em;
  border-radius: 3px;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.owl-dt-control-period-button .owl-dt-control-button-arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: 0.1em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}
.owl-dt-control-arrow-button .owl-dt-control-button-content {
  padding: 0;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.owl-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, 0.4);
  cursor: default;
}
.owl-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}
.owl-dt-inline-container,
.owl-dt-popup-container {
  position: relative;
  width: 18.5em;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
  width: 100%;
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: 20.25em;
}
.owl-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.owl-dt-dialog-container .owl-dt-calendar {
  min-width: 250px;
  min-height: 330px;
  max-width: 750px;
  max-height: 750px;
}
.owl-dt-dialog-container .owl-dt-timer {
  min-width: 250px;
  max-width: 750px;
}
@media all and (orientation: landscape) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation: portrait) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 80vw;
  }
}
.owl-dt-container-buttons {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}
.owl-dt-container-control-button {
  font-size: 1em;
  width: 50%;
  height: 100%;
  border-radius: 0;
}
.owl-dt-container-control-button .owl-dt-control-button-content {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.1);
}
.owl-dt-container-info {
  padding: 0 0.5em;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-container-info .owl-dt-container-range {
  outline: none;
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0.5em 0;
  font-size: 0.8em;
}
.owl-dt-container-info .owl-dt-container-range:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.owl-dt-container-info .owl-dt-container-info-active {
  color: #3f51b5;
}
.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.owl-dt-timer-hour12 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #3f51b5;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: 1px solid currentColor;
  border-radius: 2px;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: 0.5em;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background: #3f51b5;
  color: #fff;
}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}
.owl-dt-inline {
  display: inline-block;
}
.owl-dt-control {
  outline: none;
  cursor: pointer;
}
.owl-dt-control .owl-dt-control-content {
  outline: none;
}
.owl-dt-control:focus > .owl-dt-control-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
  box-shadow: none;
}
.owl-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
textarea {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  background: transparent;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
textarea:focus-visible {
  outline: none;
  border: none;
  border-bottom: 2px solid var(--mat-form-field-filled-caret-color);
  background-color: #e8e8e8;
}
textarea:hover:not(:focus-visible) {
  background-color: #f1f1f1;
  border-bottom: 1px solid #000;
}
.menu-item.open.menu-group {
  font-weight: 600;
}
:root {
  --theme-primary-color-light2: colors.$primary-90;
  --theme-primary-color-light1: colors.$primary-70;
  --theme-primary-color: colors.$primary-50;
  --theme-primary-color-dark1: colors.$primary-30;
  --theme-primary-color-dark2: colors.$primary-10;
  --theme-secondary-color-light2: colors.$secondary-90;
  --theme-secondary-color-light1: colors.$secondary-70;
  --theme-secondary-color: colors.$secondary-50;
  --theme-secondary-color-dark1: colors.$secondary-30;
  --theme-secondary-color-dark2: colors.$secondary-10;
  --theme-accent-color-light2: colors.$accent-90;
  --theme-accent-color-light1: colors.$accent-70;
  --theme-accent-color: colors.$accent-50;
  --theme-accent-color-dark1: colors.$accent-30;
  --theme-accent-color-dark2: colors.$accent-10;
  --theme-neutral-color-light2: colors.$neutral-90;
  --theme-neutral-color-light1: colors.$neutral-70;
  --theme-neutral-color: colors.$neutral-50;
  --theme-neutral-color-dark1: colors.$neutral-30;
  --theme-neutral-color-dark2: colors.$neutral-10;
  --theme-text-color: colors.$text;
  --theme-text-color-1: colors.$text-1;
  --theme-text-color-2: colors.$text-2;
  --theme-text-color-3: colors.$text-3;
  --theme-text-color-4: colors.$text-4;
  --theme-text-alt-color: colors.$text-alt;
  --theme-text-alt-color-1: colors.$text-alt-1;
  --theme-text-alt-color-2: colors.$text-alt-2;
  --theme-text-alt-color-3: colors.$text-alt-3;
  --theme-text-alt-color-4: colors.$text-alt-4;
  --theme-foreground-color: colors.$neutral-70;
  --theme-foreground-color-1: colors.$neutral-60;
  --theme-foreground-color-2: colors.$neutral-50;
  --theme-foreground-color-3: colors.$neutral-40;
  --theme-foreground-color-4: colors.$neutral-30;
  --theme-background-color: colors.$white;
  --theme-background-color-1: colors.$neutral-100;
  --theme-background-color-2: colors.$neutral-90;
  --theme-background-color-3: colors.$neutral-80;
  --theme-background-color-4: colors.$neutral-70;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-badge-text-font: Questrial;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Questrial;
  letter-spacing: 0em;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Questrial;
  letter-spacing: 0.0075em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Questrial;
  letter-spacing: 0.0094em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 500 15px / 24px Questrial;
  letter-spacing: 0.0067em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Questrial;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Questrial;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 24px Questrial;
  letter-spacing: 0.0179em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Questrial;
  letter-spacing: 0.0179em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Questrial;
  letter-spacing: 0.0333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 112px / 112px Questrial;
  letter-spacing: -0.0134em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 56px / 56px Questrial;
  letter-spacing: -0.0089em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 45px / 48px Questrial;
  letter-spacing: 0em;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Questrial;
  letter-spacing: 0.0074em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Questrial;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0179em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-label-text-font: Questrial;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 15px;
  --mat-button-toggle-label-text-tracking: 0.0067em;
  --mat-button-toggle-label-text-weight: 500;
  --mat-button-toggle-legacy-label-text-font: Questrial;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 15px;
  --mat-button-toggle-legacy-label-text-tracking: 0.0067em;
  --mat-button-toggle-legacy-label-text-weight: 500;
}
html {
  --mat-datepicker-calendar-text-font: Questrial;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 500;
}
html {
  --mat-expansion-header-text-font: Questrial;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Questrial;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0179em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Questrial;
  --mat-stepper-header-label-text-font: Questrial;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}
html {
  --mat-toolbar-title-text-font: Questrial;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0075em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Questrial;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Questrial;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: 0.0067em;
  --mat-option-label-text-weight: 500;
}
html {
  --mat-optgroup-label-text-font: Questrial;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: 0.0067em;
  --mat-optgroup-label-text-weight: 500;
}
html {
  --mat-card-title-text-font: Questrial;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0075em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Questrial;
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0179em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-tooltip-supporting-text-font: Questrial;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333em;
}
html {
  --mat-form-field-container-text-font: Questrial;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: 0.0067em;
  --mat-form-field-container-text-weight: 500;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Questrial;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Questrial;
  --mat-form-field-filled-label-text-size: 15px;
  --mat-form-field-filled-label-text-tracking: 0.0067em;
  --mat-form-field-filled-label-text-weight: 500;
  --mat-form-field-outlined-label-text-font: Questrial;
  --mat-form-field-outlined-label-text-size: 15px;
  --mat-form-field-outlined-label-text-tracking: 0.0067em;
  --mat-form-field-outlined-label-text-weight: 500;
}
html {
  --mat-select-trigger-text-font: Questrial;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: 0.0067em;
  --mat-select-trigger-text-weight: 500;
}
html {
  --mat-dialog-subhead-font: Questrial;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0075em;
  --mat-dialog-supporting-text-font: Questrial;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 15px;
  --mat-dialog-supporting-text-weight: 500;
  --mat-dialog-supporting-text-tracking: 0.0067em;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Questrial;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0179em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-label-text-font: Questrial;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0179em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Questrial;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0179em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Questrial;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0179em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-label-label-text-font: Questrial;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 24px;
  --mat-slider-label-label-text-tracking: 0.0179em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Questrial;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: 0.0067em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 500;
}
html {
  --mat-list-list-item-label-text-font: Questrial;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 15px;
  --mat-list-list-item-label-text-tracking: 0.0067em;
  --mat-list-list-item-label-text-weight: 500;
  --mat-list-list-item-supporting-text-font: Questrial;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0179em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Questrial;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Questrial;
  letter-spacing: 0.0094em;
}
html {
  --mat-paginator-container-text-font: Questrial;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Questrial;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0893em;
  --mat-tab-label-text-line-height: 14px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Questrial;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0179em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-label-text-font: Questrial;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0893em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Questrial;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0893em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Questrial;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0893em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Questrial;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0893em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Questrial;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0893em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-fab-extended-label-text-font: Questrial;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0893em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-supporting-text-font: Questrial;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Questrial;
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0179em;
  --mat-table-row-item-label-text-font: Questrial;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0179em;
  --mat-table-footer-supporting-text-font: Questrial;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0179em;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: rgb(0, 160.65, 178.5);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #d6aa19;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #d6aa19;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d6aa19;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-progress-bar-track-color: rgba(0, 160.65, 178.5, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-progress-bar-track-color: rgba(111.384, 141.168, 22.032, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #d6aa19;
  --mat-progress-bar-track-color: rgba(214, 170, 25, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-outline-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #d6aa19;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #d6aa19;
  --mat-form-field-filled-error-focus-label-text-color: #d6aa19;
  --mat-form-field-filled-error-label-text-color: #d6aa19;
  --mat-form-field-filled-error-caret-color: #d6aa19;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-hover-active-indicator-color: #d6aa19;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #d6aa19;
  --mat-form-field-outlined-error-focus-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-hover-label-text-color: #d6aa19;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-error-hover-outline-color: #d6aa19;
  --mat-form-field-outlined-error-outline-color: #d6aa19;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-outline-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-filled-caret-color: #d6aa19;
  --mat-form-field-filled-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-outlined-caret-color: #d6aa19;
  --mat-form-field-outlined-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
}
html {
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(0, 160.65, 178.5);
  --mat-select-invalid-arrow-color: #d6aa19;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(111.384, 141.168, 22.032);
  --mat-select-invalid-arrow-color: #d6aa19;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #d6aa19;
  --mat-select-invalid-arrow-color: #d6aa19;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-elevated-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-disabled-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-flat-disabled-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-elevated-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-disabled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-flat-disabled-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-elevated-container-color: #d6aa19;
  --mat-chip-elevated-disabled-container-color: #d6aa19;
  --mat-chip-elevated-selected-container-color: #d6aa19;
  --mat-chip-flat-disabled-selected-container-color: #d6aa19;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 28px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-hover-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-pressed-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-hover-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-pressed-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-track-color: rgb(154.4688, 175.3176, 91.9224);
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-focus-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-handle-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-handle-color: #d6aa19;
  --mat-slide-toggle-selected-focus-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-hover-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-pressed-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-track-color: rgb(226.3, 195.5, 94);
}
html {
  --mat-slide-toggle-state-layer-size: 36px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 36px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-ripple-color: rgb(0, 160.65, 178.5);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(0, 160.65, 178.5);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(111.384, 141.168, 22.032);
}
.mat-warn {
  --mat-slider-active-track-color: #d6aa19;
  --mat-slider-focus-handle-color: #d6aa19;
  --mat-slider-handle-color: #d6aa19;
  --mat-slider-hover-handle-color: #d6aa19;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-slider-inactive-track-color: #d6aa19;
  --mat-slider-ripple-color: #d6aa19;
  --mat-slider-with-tick-marks-inactive-container-color: #d6aa19;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: rgb(0, 160.65, 178.5);
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 36px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 52px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 68px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-focus-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-indicator-color: rgb(0, 160.65, 178.5);
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-focus-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #d6aa19;
  --mat-tab-active-ripple-color: #d6aa19;
  --mat-tab-inactive-ripple-color: #d6aa19;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #d6aa19;
  --mat-tab-active-hover-label-text-color: #d6aa19;
  --mat-tab-active-focus-indicator-color: #d6aa19;
  --mat-tab-active-hover-indicator-color: #d6aa19;
  --mat-tab-active-indicator-color: #d6aa19;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: rgb(0, 160.65, 178.5);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: rgb(111.384, 141.168, 22.032);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #d6aa19;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 44px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: rgb(0, 160.65, 178.5);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-container-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-container-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #d6aa19;
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: #d6aa19;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-outlined-state-layer-color: #d6aa19;
  --mat-button-protected-container-color: #d6aa19;
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: #d6aa19;
  --mat-button-text-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-text-state-layer-color: #d6aa19;
  --mat-button-tonal-container-color: #d6aa19;
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
html {
  --mat-button-filled-container-height: 32px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 32px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 32px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 32px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #d6aa19;
  --mat-icon-button-state-layer-color: #d6aa19;
  --mat-icon-button-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 44px;
  --mat-icon-button-state-layer-size: 44px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 10px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-fab-small-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-fab-small-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #d6aa19;
  --mat-fab-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-fab-small-container-color: #d6aa19;
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: rgb(76.5, 188.955, 201.45);
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: rgb(0, 160.65, 178.5);
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #d6aa19;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: rgb(0, 160.65, 178.5);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: rgb(111.384, 141.168, 22.032);
}
.mat-badge-warn {
  --mat-badge-background-color: #d6aa19;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 44px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d6aa19 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: #d6aa19;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d6aa19 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #d6aa19;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: rgb(0, 160.65, 178.5);
}
.mat-icon.mat-accent {
  --mat-icon-color: rgb(111.384, 141.168, 22.032);
}
.mat-icon.mat-warn {
  --mat-icon-color: #d6aa19;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-selected-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-done-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-edit-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #d6aa19;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #d6aa19;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-done-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-edit-state-icon-background-color: rgb(111.384, 141.168, 22.032);
}
.mat-step-header.mat-warn {
  --mat-stepper-header-selected-state-icon-background-color: #d6aa19;
  --mat-stepper-header-done-state-icon-background-color: #d6aa19;
  --mat-stepper-header-edit-state-icon-background-color: #d6aa19;
}
html {
  --mat-stepper-header-height: 68px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: rgb(0, 160.65, 178.5);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: rgb(111.384, 141.168, 22.032);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #d6aa19;
}
html {
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 44px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
body {
  --card-background: #f8f8f8;
  --primary-color: rgb(0, 160.65, 178.5);
  --primary-lighter-color: rgb(178.5, 226.695, 232.05);
  --primary-darker-color: rgb(0, 142.755, 162.15);
  --text-primary-color: #f8f8f8;
  --text-primary-lighter-color: #333333;
  --text-primary-darker-color: #f8f8f8;
  --accent-color: rgb(111.384, 141.168, 22.032);
  --accent-lighter-color: rgb(211.9152, 220.8504, 185.1096);
  --accent-darker-color: rgb(92.3688, 122.2176, 15.7224);
  --text-accent-color: #f8f8f8;
  --text-accent-lighter-color: #333333;
  --text-accent-darker-color: #f8f8f8;
  --warn-color: #d6aa19;
  --warn-lighter-color: rgb(242.7, 229.5, 186);
  --warn-darker-color: rgb(203.5, 152.9, 18.1);
  --text-warn-color: #333333;
  --text-warn-lighter-color: #333333;
  --text-warn-darker-color: #f8f8f8;
  --bright-color: #f8f8f8;
  --dark-color: #333333;
}
.light-theme .mat-toolbar,
.light-theme #footer {
  background-color: var(--primary-color);
  color: var(--text-primary-color);
}
.light-theme .mat-toolbar a,
.light-theme .mat-toolbar a:hover,
.light-theme .mat-toolbar a:visited,
.light-theme #footer a,
.light-theme #footer a:hover,
.light-theme #footer a:visited {
  color: var(--text-primary-color);
  text-decoration: none;
}
.light-theme .mat-toolbar .standalone-toolbar-button,
.light-theme #footer .standalone-toolbar-button {
  background-color: var(--text-primary-color);
  color: var(--primary-color);
  margin-left: 8px;
}
.light-theme .mat-toolbar .standalone-toolbar-button.mat-warn,
.light-theme #footer .standalone-toolbar-button.mat-warn {
  color: var(--warn-color);
}
.light-theme #footer .dark-logo {
  display: none;
}
.light-theme #footer .light-logo {
  display: unset;
}
.light-theme .access-denied-box:after {
  content: "Accesso Negato";
  line-height: 100vh;
  text-align: center;
  display: block;
  color: #bb0c0c;
  font-size: 3em;
}
.light-theme .access-denied-box {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.light-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: rgb(0, 160.65, 178.5);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-outline-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #d6aa19;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #d6aa19;
  --mat-form-field-filled-error-focus-label-text-color: #d6aa19;
  --mat-form-field-filled-error-label-text-color: #d6aa19;
  --mat-form-field-filled-error-caret-color: #d6aa19;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-hover-active-indicator-color: #d6aa19;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #d6aa19;
  --mat-form-field-outlined-error-focus-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-hover-label-text-color: #d6aa19;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-error-hover-outline-color: #d6aa19;
  --mat-form-field-outlined-error-outline-color: #d6aa19;
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(0, 160.65, 178.5);
  --mat-select-invalid-arrow-color: #d6aa19;
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-hover-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-pressed-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-selected-track-color: rgb(76.5, 188.955, 201.45);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slider-active-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-ripple-color: rgb(0, 160.65, 178.5);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(0, 160.65, 178.5);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: rgb(76.5, 188.955, 201.45);
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-progress-spinner-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-badge-background-color: rgb(0, 160.65, 178.5);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-selected-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-done-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-edit-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #d6aa19;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #d6aa19;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-timepicker-container-background-color: white;
}
.light-theme .mat-accent {
  --mat-option-selected-state-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #d6aa19;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #d6aa19;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d6aa19;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-progress-bar-track-color: rgba(0, 160.65, 178.5, 0.25);
}
.light-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-progress-bar-track-color: rgba(111.384, 141.168, 22.032, 0.25);
}
.light-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #d6aa19;
  --mat-progress-bar-track-color: rgba(214, 170, 25, 0.25);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-outline-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-filled-caret-color: #d6aa19;
  --mat-form-field-filled-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-outlined-caret-color: #d6aa19;
  --mat-form-field-outlined-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: rgb(111.384, 141.168, 22.032);
  --mat-select-invalid-arrow-color: #d6aa19;
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #d6aa19;
  --mat-select-invalid-arrow-color: #d6aa19;
}
.light-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-elevated-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-disabled-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-flat-disabled-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-elevated-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-disabled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-flat-disabled-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-elevated-container-color: #d6aa19;
  --mat-chip-elevated-disabled-container-color: #d6aa19;
  --mat-chip-elevated-selected-container-color: #d6aa19;
  --mat-chip-flat-disabled-selected-container-color: #d6aa19;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.light-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-hover-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-pressed-track-color: rgb(154.4688, 175.3176, 91.9224);
  --mat-slide-toggle-selected-track-color: rgb(154.4688, 175.3176, 91.9224);
}
.light-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-focus-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-handle-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-handle-color: #d6aa19;
  --mat-slide-toggle-selected-focus-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-hover-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-pressed-track-color: rgb(226.3, 195.5, 94);
  --mat-slide-toggle-selected-track-color: rgb(226.3, 195.5, 94);
}
.light-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-accent {
  --mat-slider-active-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-warn {
  --mat-slider-active-track-color: #d6aa19;
  --mat-slider-focus-handle-color: #d6aa19;
  --mat-slider-handle-color: #d6aa19;
  --mat-slider-hover-handle-color: #d6aa19;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-slider-inactive-track-color: #d6aa19;
  --mat-slider-ripple-color: #d6aa19;
  --mat-slider-with-tick-marks-inactive-container-color: #d6aa19;
}
.light-theme .mdc-list-item__start,
.light-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-accent .mdc-list-item__start,
.light-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-warn .mdc-list-item__start,
.light-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: rgb(0, 160.65, 178.5);
}
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-theme .mat-mdc-tab-group,
.light-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-focus-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-indicator-color: rgb(0, 160.65, 178.5);
}
.light-theme .mat-mdc-tab-group.mat-accent,
.light-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-focus-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-mdc-tab-group.mat-warn,
.light-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #d6aa19;
  --mat-tab-active-ripple-color: #d6aa19;
  --mat-tab-inactive-ripple-color: #d6aa19;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #d6aa19;
  --mat-tab-active-hover-label-text-color: #d6aa19;
  --mat-tab-active-focus-indicator-color: #d6aa19;
  --mat-tab-active-hover-indicator-color: #d6aa19;
  --mat-tab-active-indicator-color: #d6aa19;
}
.light-theme .mat-mdc-tab-group.mat-background-primary,
.light-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: rgb(0, 160.65, 178.5);
}
.light-theme .mat-mdc-tab-group.mat-background-accent,
.light-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-mdc-tab-group.mat-background-warn,
.light-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #d6aa19;
}
.light-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-button.mat-primary,
.light-theme .mat-mdc-unelevated-button.mat-primary,
.light-theme .mat-mdc-raised-button.mat-primary,
.light-theme .mat-mdc-outlined-button.mat-primary,
.light-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: rgb(0, 160.65, 178.5);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-container-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-container-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-mdc-button.mat-accent,
.light-theme .mat-mdc-unelevated-button.mat-accent,
.light-theme .mat-mdc-raised-button.mat-accent,
.light-theme .mat-mdc-outlined-button.mat-accent,
.light-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-mdc-button.mat-warn,
.light-theme .mat-mdc-unelevated-button.mat-warn,
.light-theme .mat-mdc-raised-button.mat-warn,
.light-theme .mat-mdc-outlined-button.mat-warn,
.light-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #d6aa19;
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: #d6aa19;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-outlined-state-layer-color: #d6aa19;
  --mat-button-protected-container-color: #d6aa19;
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: #d6aa19;
  --mat-button-text-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-text-state-layer-color: #d6aa19;
  --mat-button-tonal-container-color: #d6aa19;
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
}
.light-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
}
.light-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #d6aa19;
  --mat-icon-button-state-layer-color: #d6aa19;
  --mat-icon-button-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
}
.light-theme .mat-mdc-fab.mat-primary,
.light-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-fab-small-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-mdc-fab.mat-accent,
.light-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-fab-small-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-mdc-fab.mat-warn,
.light-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #d6aa19;
  --mat-fab-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-fab-small-container-color: #d6aa19;
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.light-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #d6aa19;
}
.light-theme .mat-badge-accent {
  --mat-badge-background-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-badge-warn {
  --mat-badge-background-color: #d6aa19;
}
.light-theme .mat-datepicker-content.mat-accent,
.light-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-datepicker-content.mat-warn,
.light-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d6aa19 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: #d6aa19;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d6aa19 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #d6aa19;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-icon.mat-primary {
  --mat-icon-color: rgb(0, 160.65, 178.5);
}
.light-theme .mat-icon.mat-accent {
  --mat-icon-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-icon.mat-warn {
  --mat-icon-color: #d6aa19;
}
.light-theme .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-done-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-edit-state-icon-background-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-step-header.mat-warn {
  --mat-stepper-header-selected-state-icon-background-color: #d6aa19;
  --mat-stepper-header-done-state-icon-background-color: #d6aa19;
  --mat-stepper-header-edit-state-icon-background-color: #d6aa19;
}
.light-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: rgb(0, 160.65, 178.5);
}
.light-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: rgb(111.384, 141.168, 22.032);
}
.light-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #d6aa19;
}
.dark-theme {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: rgb(0, 160.65, 178.5);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-outline-color: rgb(0, 160.65, 178.5);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #d6aa19;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #d6aa19;
  --mat-form-field-filled-error-focus-label-text-color: #d6aa19;
  --mat-form-field-filled-error-label-text-color: #d6aa19;
  --mat-form-field-filled-error-caret-color: #d6aa19;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-error-hover-active-indicator-color: #d6aa19;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #d6aa19;
  --mat-form-field-outlined-error-focus-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-label-text-color: #d6aa19;
  --mat-form-field-outlined-error-hover-label-text-color: #d6aa19;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-error-hover-outline-color: #d6aa19;
  --mat-form-field-outlined-error-outline-color: #d6aa19;
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: rgb(0, 160.65, 178.5);
  --mat-select-invalid-arrow-color: #d6aa19;
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(0, 160.65, 178.5);
  --mat-slide-toggle-selected-focus-track-color: rgb(0, 152.8955, 171.415);
  --mat-slide-toggle-selected-hover-track-color: rgb(0, 152.8955, 171.415);
  --mat-slide-toggle-selected-pressed-track-color: rgb(0, 152.8955, 171.415);
  --mat-slide-toggle-selected-track-color: rgb(0, 152.8955, 171.415);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slider-active-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-hover-handle-color: rgb(0, 160.65, 178.5);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(0, 160.65, 178.5);
  --mat-slider-ripple-color: rgb(0, 160.65, 178.5);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(0, 160.65, 178.5);
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-button-color: rgb(0, 152.8955, 171.415);
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-badge-background-color: rgb(0, 160.65, 178.5);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(0, 160.65, 178.5);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-selected-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-done-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-header-edit-state-icon-background-color: rgb(0, 160.65, 178.5);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #d6aa19;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #d6aa19;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
}
.dark-theme .mat-accent {
  --mat-option-selected-state-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.dark-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #d6aa19;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.dark-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(0, 160.65, 178.5);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.dark-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(111.384, 141.168, 22.032);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.dark-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #d6aa19;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d6aa19;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.dark-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(0, 160.65, 178.5);
  --mat-progress-bar-track-color: rgba(0, 160.65, 178.5, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-progress-bar-track-color: rgba(111.384, 141.168, 22.032, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #d6aa19;
  --mat-progress-bar-track-color: rgba(214, 170, 25, 0.25);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-filled-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-active-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
  --mat-form-field-outlined-caret-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-outline-color: rgb(111.384, 141.168, 22.032);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 87%, transparent);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-filled-caret-color: #d6aa19;
  --mat-form-field-filled-focus-active-indicator-color: #d6aa19;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
  --mat-form-field-outlined-caret-color: #d6aa19;
  --mat-form-field-outlined-focus-outline-color: #d6aa19;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d6aa19 87%, transparent);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: rgb(111.384, 141.168, 22.032);
  --mat-select-invalid-arrow-color: #d6aa19;
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #d6aa19;
  --mat-select-invalid-arrow-color: #d6aa19;
}
.dark-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-elevated-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-disabled-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-elevated-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-flat-disabled-selected-container-color: rgb(0, 160.65, 178.5);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-elevated-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-disabled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-elevated-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-flat-disabled-selected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-elevated-container-color: #d6aa19;
  --mat-chip-elevated-disabled-container-color: #d6aa19;
  --mat-chip-elevated-selected-container-color: #d6aa19;
  --mat-chip-flat-disabled-selected-container-color: #d6aa19;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.dark-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-pressed-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slide-toggle-selected-focus-track-color: rgb(103.14408, 132.95616, 19.29784);
  --mat-slide-toggle-selected-hover-track-color: rgb(103.14408, 132.95616, 19.29784);
  --mat-slide-toggle-selected-pressed-track-color: rgb(103.14408, 132.95616, 19.29784);
  --mat-slide-toggle-selected-track-color: rgb(103.14408, 132.95616, 19.29784);
}
.dark-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d6aa19;
  --mat-slide-toggle-selected-focus-handle-color: #d6aa19;
  --mat-slide-toggle-selected-hover-handle-color: #d6aa19;
  --mat-slide-toggle-selected-pressed-handle-color: #d6aa19;
  --mat-slide-toggle-selected-focus-track-color: rgb(209.45, 162.59, 22.01);
  --mat-slide-toggle-selected-hover-track-color: rgb(209.45, 162.59, 22.01);
  --mat-slide-toggle-selected-pressed-track-color: rgb(209.45, 162.59, 22.01);
  --mat-slide-toggle-selected-track-color: rgb(209.45, 162.59, 22.01);
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-accent {
  --mat-slider-active-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-hover-handle-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-slider-inactive-track-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-slider-with-tick-marks-inactive-container-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-warn {
  --mat-slider-active-track-color: #d6aa19;
  --mat-slider-focus-handle-color: #d6aa19;
  --mat-slider-handle-color: #d6aa19;
  --mat-slider-hover-handle-color: #d6aa19;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-slider-inactive-track-color: #d6aa19;
  --mat-slider-ripple-color: #d6aa19;
  --mat-slider-with-tick-marks-inactive-container-color: #d6aa19;
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(0, 160.65, 178.5);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-accent .mdc-list-item__start,
.dark-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-warn .mdc-list-item__start,
.dark-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #d6aa19;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #d6aa19;
  --mat-radio-selected-hover-icon-color: #d6aa19;
  --mat-radio-selected-icon-color: #d6aa19;
  --mat-radio-selected-pressed-icon-color: #d6aa19;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.dark-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-hover-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: rgb(0, 160.65, 178.5);
}
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-theme .mat-mdc-tab-group,
.dark-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-ripple-color: rgb(0, 160.65, 178.5);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-label-text-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-focus-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-hover-indicator-color: rgb(0, 160.65, 178.5);
  --mat-tab-active-indicator-color: rgb(0, 160.65, 178.5);
}
.dark-theme .mat-mdc-tab-group.mat-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-ripple-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-focus-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-hover-indicator-color: rgb(111.384, 141.168, 22.032);
  --mat-tab-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-mdc-tab-group.mat-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #d6aa19;
  --mat-tab-active-ripple-color: #d6aa19;
  --mat-tab-inactive-ripple-color: #d6aa19;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #d6aa19;
  --mat-tab-active-hover-label-text-color: #d6aa19;
  --mat-tab-active-focus-indicator-color: #d6aa19;
  --mat-tab-active-hover-indicator-color: #d6aa19;
  --mat-tab-active-indicator-color: #d6aa19;
}
.dark-theme .mat-mdc-tab-group.mat-background-primary,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: rgb(0, 160.65, 178.5);
}
.dark-theme .mat-mdc-tab-group.mat-background-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-mdc-tab-group.mat-background-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #d6aa19;
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-icon-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-hover-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-selected-pressed-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #d6aa19;
  --mat-checkbox-selected-hover-icon-color: #d6aa19;
  --mat-checkbox-selected-icon-color: #d6aa19;
  --mat-checkbox-selected-pressed-icon-color: #d6aa19;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #d6aa19;
  --mat-checkbox-selected-hover-state-layer-color: #d6aa19;
  --mat-checkbox-selected-pressed-state-layer-color: #d6aa19;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-button.mat-primary,
.dark-theme .mat-mdc-unelevated-button.mat-primary,
.dark-theme .mat-mdc-raised-button.mat-primary,
.dark-theme .mat-mdc-outlined-button.mat-primary,
.dark-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: rgb(0, 160.65, 178.5);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-container-color: rgb(0, 160.65, 178.5);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(0, 160.65, 178.5);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-container-color: rgb(0, 160.65, 178.5);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-mdc-button.mat-accent,
.dark-theme .mat-mdc-unelevated-button.mat-accent,
.dark-theme .mat-mdc-raised-button.mat-accent,
.dark-theme .mat-mdc-outlined-button.mat-accent,
.dark-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: rgb(111.384, 141.168, 22.032);
  --mat-button-text-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-button-text-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-container-color: rgb(111.384, 141.168, 22.032);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-mdc-button.mat-warn,
.dark-theme .mat-mdc-unelevated-button.mat-warn,
.dark-theme .mat-mdc-raised-button.mat-warn,
.dark-theme .mat-mdc-outlined-button.mat-warn,
.dark-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #d6aa19;
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: #d6aa19;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-outlined-state-layer-color: #d6aa19;
  --mat-button-protected-container-color: #d6aa19;
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: #d6aa19;
  --mat-button-text-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-button-text-state-layer-color: #d6aa19;
  --mat-button-tonal-container-color: #d6aa19;
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-state-layer-color: rgb(0, 160.65, 178.5);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-state-layer-color: rgb(111.384, 141.168, 22.032);
  --mat-icon-button-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #d6aa19;
  --mat-icon-button-state-layer-color: #d6aa19;
  --mat-icon-button-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
}
.dark-theme .mat-mdc-fab.mat-primary,
.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(0, 160.65, 178.5) 12%, transparent);
  --mat-fab-small-container-color: rgb(0, 160.65, 178.5);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-mdc-fab.mat-accent,
.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-ripple-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-fab-small-container-color: rgb(111.384, 141.168, 22.032);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-mdc-fab.mat-warn,
.dark-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #d6aa19;
  --mat-fab-ripple-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-fab-small-container-color: #d6aa19;
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.dark-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #d6aa19;
}
.dark-theme .mat-badge-accent {
  --mat-badge-background-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #d6aa19;
}
.dark-theme .mat-datepicker-content.mat-accent,
.dark-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: rgb(111.384, 141.168, 22.032);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.dark-theme .mat-datepicker-content.mat-warn,
.dark-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d6aa19 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, rgb(111.384, 141.168, 22.032) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: #d6aa19;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d6aa19 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d6aa19 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d6aa19 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #d6aa19;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.dark-theme .mat-icon.mat-primary {
  --mat-icon-color: rgb(0, 160.65, 178.5);
}
.dark-theme .mat-icon.mat-accent {
  --mat-icon-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-icon.mat-warn {
  --mat-icon-color: #d6aa19;
}
.dark-theme .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-done-state-icon-background-color: rgb(111.384, 141.168, 22.032);
  --mat-stepper-header-edit-state-icon-background-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-step-header.mat-warn {
  --mat-stepper-header-selected-state-icon-background-color: #d6aa19;
  --mat-stepper-header-done-state-icon-background-color: #d6aa19;
  --mat-stepper-header-edit-state-icon-background-color: #d6aa19;
}
.dark-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: rgb(0, 160.65, 178.5);
}
.dark-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: rgb(111.384, 141.168, 22.032);
}
.dark-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #d6aa19;
}
.la,
.las,
.lar,
.lal,
.lad,
.lab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.la-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.la-xs {
  font-size: 0.75em;
}
.la-sm {
  font-size: 0.875em;
}
.la-1x {
  font-size: 1em;
}
.la-2x {
  font-size: 2em;
}
.la-3x {
  font-size: 3em;
}
.la-4x {
  font-size: 4em;
}
.la-5x {
  font-size: 5em;
}
.la-6x {
  font-size: 6em;
}
.la-7x {
  font-size: 7em;
}
.la-8x {
  font-size: 8em;
}
.la-9x {
  font-size: 9em;
}
.la-10x {
  font-size: 10em;
}
.la-fw {
  text-align: center;
  width: 1.25em;
}
.la-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.la-ul > li {
  position: relative;
}
.la-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.la-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.la-pull-left {
  float: left;
}
.la-pull-right {
  float: right;
}
.la.la-pull-left,
.las.la-pull-left,
.lar.la-pull-left,
.lal.la-pull-left,
.lab.la-pull-left {
  margin-right: 0.3em;
}
.la.la-pull-right,
.las.la-pull-right,
.lar.la-pull-right,
.lal.la-pull-right,
.lab.la-pull-right {
  margin-left: 0.3em;
}
.la-spin {
  -webkit-animation: la-spin 2s infinite linear;
  animation: la-spin 2s infinite linear;
}
.la-pulse {
  -webkit-animation: la-spin 1s infinite steps(8);
  animation: la-spin 1s infinite steps(8);
}
@-webkit-keyframes la-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes la-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.la-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.la-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.la-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.la-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.la-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
.la-flip-both,
.la-flip-horizontal.la-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
:root .la-rotate-90,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-flip-horizontal,
:root .la-flip-vertical,
:root .la-flip-both {
  -webkit-filter: none;
  filter: none;
}
.la-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.la-stack-1x,
.la-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.la-stack-1x {
  line-height: inherit;
}
.la-stack-2x {
  font-size: 2em;
}
.la-inverse {
  color: #fff;
}
.la-500px:before {
  content: "\f26e";
}
.la-accessible-icon:before {
  content: "\f368";
}
.la-accusoft:before {
  content: "\f369";
}
.la-acquisitions-incorporated:before {
  content: "\f6af";
}
.la-ad:before {
  content: "\f641";
}
.la-address-book:before {
  content: "\f2b9";
}
.la-address-card:before {
  content: "\f2bb";
}
.la-adjust:before {
  content: "\f042";
}
.la-adn:before {
  content: "\f170";
}
.la-adobe:before {
  content: "\f778";
}
.la-adversal:before {
  content: "\f36a";
}
.la-affiliatetheme:before {
  content: "\f36b";
}
.la-air-freshener:before {
  content: "\f5d0";
}
.la-airbnb:before {
  content: "\f834";
}
.la-algolia:before {
  content: "\f36c";
}
.la-align-center:before {
  content: "\f037";
}
.la-align-justify:before {
  content: "\f039";
}
.la-align-left:before {
  content: "\f036";
}
.la-align-right:before {
  content: "\f038";
}
.la-alipay:before {
  content: "\f642";
}
.la-allergies:before {
  content: "\f461";
}
.la-amazon:before {
  content: "\f270";
}
.la-amazon-pay:before {
  content: "\f42c";
}
.la-ambulance:before {
  content: "\f0f9";
}
.la-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.la-amilia:before {
  content: "\f36d";
}
.la-anchor:before {
  content: "\f13d";
}
.la-android:before {
  content: "\f17b";
}
.la-angellist:before {
  content: "\f209";
}
.la-angle-double-down:before {
  content: "\f103";
}
.la-angle-double-left:before {
  content: "\f100";
}
.la-angle-double-right:before {
  content: "\f101";
}
.la-angle-double-up:before {
  content: "\f102";
}
.la-angle-down:before {
  content: "\f107";
}
.la-angle-left:before {
  content: "\f104";
}
.la-angle-right:before {
  content: "\f105";
}
.la-angle-up:before {
  content: "\f106";
}
.la-angry:before {
  content: "\f556";
}
.la-angrycreative:before {
  content: "\f36e";
}
.la-angular:before {
  content: "\f420";
}
.la-ankh:before {
  content: "\f644";
}
.la-app-store:before {
  content: "\f36f";
}
.la-app-store-ios:before {
  content: "\f370";
}
.la-apper:before {
  content: "\f371";
}
.la-apple:before {
  content: "\f179";
}
.la-apple-alt:before {
  content: "\f5d1";
}
.la-apple-pay:before {
  content: "\f415";
}
.la-archive:before {
  content: "\f187";
}
.la-archway:before {
  content: "\f557";
}
.la-arrow-alt-circle-down:before {
  content: "\f358";
}
.la-arrow-alt-circle-left:before {
  content: "\f359";
}
.la-arrow-alt-circle-right:before {
  content: "\f35a";
}
.la-arrow-alt-circle-up:before {
  content: "\f35b";
}
.la-arrow-circle-down:before {
  content: "\f0ab";
}
.la-arrow-circle-left:before {
  content: "\f0a8";
}
.la-arrow-circle-right:before {
  content: "\f0a9";
}
.la-arrow-circle-up:before {
  content: "\f0aa";
}
.la-arrow-down:before {
  content: "\f063";
}
.la-arrow-left:before {
  content: "\f060";
}
.la-arrow-right:before {
  content: "\f061";
}
.la-arrow-up:before {
  content: "\f062";
}
.la-arrows-alt:before {
  content: "\f0b2";
}
.la-arrows-alt-h:before {
  content: "\f337";
}
.la-arrows-alt-v:before {
  content: "\f338";
}
.la-artstation:before {
  content: "\f77a";
}
.la-assistive-listening-systems:before {
  content: "\f2a2";
}
.la-asterisk:before {
  content: "\f069";
}
.la-asymmetrik:before {
  content: "\f372";
}
.la-at:before {
  content: "\f1fa";
}
.la-atlas:before {
  content: "\f558";
}
.la-atlassian:before {
  content: "\f77b";
}
.la-atom:before {
  content: "\f5d2";
}
.la-audible:before {
  content: "\f373";
}
.la-audio-description:before {
  content: "\f29e";
}
.la-autoprefixer:before {
  content: "\f41c";
}
.la-avianex:before {
  content: "\f374";
}
.la-aviato:before {
  content: "\f421";
}
.la-award:before {
  content: "\f559";
}
.la-aws:before {
  content: "\f375";
}
.la-baby:before {
  content: "\f77c";
}
.la-baby-carriage:before {
  content: "\f77d";
}
.la-backspace:before {
  content: "\f55a";
}
.la-backward:before {
  content: "\f04a";
}
.la-bacon:before {
  content: "\f7e5";
}
.la-balance-scale:before {
  content: "\f24e";
}
.la-balance-scale-left:before {
  content: "\f515";
}
.la-balance-scale-right:before {
  content: "\f516";
}
.la-ban:before {
  content: "\f05e";
}
.la-band-aid:before {
  content: "\f462";
}
.la-bandcamp:before {
  content: "\f2d5";
}
.la-barcode:before {
  content: "\f02a";
}
.la-bars:before {
  content: "\f0c9";
}
.la-baseball-ball:before {
  content: "\f433";
}
.la-basketball-ball:before {
  content: "\f434";
}
.la-bath:before {
  content: "\f2cd";
}
.la-battery-empty:before {
  content: "\f244";
}
.la-battery-full:before {
  content: "\f240";
}
.la-battery-half:before {
  content: "\f242";
}
.la-battery-quarter:before {
  content: "\f243";
}
.la-battery-three-quarters:before {
  content: "\f241";
}
.la-battle-net:before {
  content: "\f835";
}
.la-bed:before {
  content: "\f236";
}
.la-beer:before {
  content: "\f0fc";
}
.la-behance:before {
  content: "\f1b4";
}
.la-behance-square:before {
  content: "\f1b5";
}
.la-bell:before {
  content: "\f0f3";
}
.la-bell-slash:before {
  content: "\f1f6";
}
.la-bezier-curve:before {
  content: "\f55b";
}
.la-bible:before {
  content: "\f647";
}
.la-bicycle:before {
  content: "\f206";
}
.la-biking:before {
  content: "\f84a";
}
.la-bimobject:before {
  content: "\f378";
}
.la-binoculars:before {
  content: "\f1e5";
}
.la-biohazard:before {
  content: "\f780";
}
.la-birthday-cake:before {
  content: "\f1fd";
}
.la-bitbucket:before {
  content: "\f171";
}
.la-bitcoin:before {
  content: "\f379";
}
.la-bity:before {
  content: "\f37a";
}
.la-black-tie:before {
  content: "\f27e";
}
.la-blackberry:before {
  content: "\f37b";
}
.la-blender:before {
  content: "\f517";
}
.la-blender-phone:before {
  content: "\f6b6";
}
.la-blind:before {
  content: "\f29d";
}
.la-blog:before {
  content: "\f781";
}
.la-blogger:before {
  content: "\f37c";
}
.la-blogger-b:before {
  content: "\f37d";
}
.la-bluetooth:before {
  content: "\f293";
}
.la-bluetooth-b:before {
  content: "\f294";
}
.la-bold:before {
  content: "\f032";
}
.la-bolt:before {
  content: "\f0e7";
}
.la-bomb:before {
  content: "\f1e2";
}
.la-bone:before {
  content: "\f5d7";
}
.la-bong:before {
  content: "\f55c";
}
.la-book:before {
  content: "\f02d";
}
.la-book-dead:before {
  content: "\f6b7";
}
.la-book-medical:before {
  content: "\f7e6";
}
.la-book-open:before {
  content: "\f518";
}
.la-book-reader:before {
  content: "\f5da";
}
.la-bookmark:before {
  content: "\f02e";
}
.la-bootstrap:before {
  content: "\f836";
}
.la-border-all:before {
  content: "\f84c";
}
.la-border-none:before {
  content: "\f850";
}
.la-border-style:before {
  content: "\f853";
}
.la-bowling-ball:before {
  content: "\f436";
}
.la-box:before {
  content: "\f466";
}
.la-box-open:before {
  content: "\f49e";
}
.la-boxes:before {
  content: "\f468";
}
.la-braille:before {
  content: "\f2a1";
}
.la-brain:before {
  content: "\f5dc";
}
.la-bread-slice:before {
  content: "\f7ec";
}
.la-briefcase:before {
  content: "\f0b1";
}
.la-briefcase-medical:before {
  content: "\f469";
}
.la-broadcast-tower:before {
  content: "\f519";
}
.la-broom:before {
  content: "\f51a";
}
.la-brush:before {
  content: "\f55d";
}
.la-btc:before {
  content: "\f15a";
}
.la-buffer:before {
  content: "\f837";
}
.la-bug:before {
  content: "\f188";
}
.la-building:before {
  content: "\f1ad";
}
.la-bullhorn:before {
  content: "\f0a1";
}
.la-bullseye:before {
  content: "\f140";
}
.la-burn:before {
  content: "\f46a";
}
.la-buromobelexperte:before {
  content: "\f37f";
}
.la-bus:before {
  content: "\f207";
}
.la-bus-alt:before {
  content: "\f55e";
}
.la-business-time:before {
  content: "\f64a";
}
.la-buy-n-large:before {
  content: "\f8a6";
}
.la-buysellads:before {
  content: "\f20d";
}
.la-calculator:before {
  content: "\f1ec";
}
.la-calendar:before {
  content: "\f133";
}
.la-calendar-alt:before {
  content: "\f073";
}
.la-calendar-check:before {
  content: "\f274";
}
.la-calendar-day:before {
  content: "\f783";
}
.la-calendar-minus:before {
  content: "\f272";
}
.la-calendar-plus:before {
  content: "\f271";
}
.la-calendar-times:before {
  content: "\f273";
}
.la-calendar-week:before {
  content: "\f784";
}
.la-camera:before {
  content: "\f030";
}
.la-camera-retro:before {
  content: "\f083";
}
.la-campground:before {
  content: "\f6bb";
}
.la-canadian-maple-leaf:before {
  content: "\f785";
}
.la-candy-cane:before {
  content: "\f786";
}
.la-cannabis:before {
  content: "\f55f";
}
.la-capsules:before {
  content: "\f46b";
}
.la-car:before {
  content: "\f1b9";
}
.la-car-alt:before {
  content: "\f5de";
}
.la-car-battery:before {
  content: "\f5df";
}
.la-car-crash:before {
  content: "\f5e1";
}
.la-car-side:before {
  content: "\f5e4";
}
.la-caret-down:before {
  content: "\f0d7";
}
.la-caret-left:before {
  content: "\f0d9";
}
.la-caret-right:before {
  content: "\f0da";
}
.la-caret-square-down:before {
  content: "\f150";
}
.la-caret-square-left:before {
  content: "\f191";
}
.la-caret-square-right:before {
  content: "\f152";
}
.la-caret-square-up:before {
  content: "\f151";
}
.la-caret-up:before {
  content: "\f0d8";
}
.la-carrot:before {
  content: "\f787";
}
.la-cart-arrow-down:before {
  content: "\f218";
}
.la-cart-plus:before {
  content: "\f217";
}
.la-cash-register:before {
  content: "\f788";
}
.la-cat:before {
  content: "\f6be";
}
.la-cc-amazon-pay:before {
  content: "\f42d";
}
.la-cc-amex:before {
  content: "\f1f3";
}
.la-cc-apple-pay:before {
  content: "\f416";
}
.la-cc-diners-club:before {
  content: "\f24c";
}
.la-cc-discover:before {
  content: "\f1f2";
}
.la-cc-jcb:before {
  content: "\f24b";
}
.la-cc-mastercard:before {
  content: "\f1f1";
}
.la-cc-paypal:before {
  content: "\f1f4";
}
.la-cc-stripe:before {
  content: "\f1f5";
}
.la-cc-visa:before {
  content: "\f1f0";
}
.la-centercode:before {
  content: "\f380";
}
.la-centos:before {
  content: "\f789";
}
.la-certificate:before {
  content: "\f0a3";
}
.la-chair:before {
  content: "\f6c0";
}
.la-chalkboard:before {
  content: "\f51b";
}
.la-chalkboard-teacher:before {
  content: "\f51c";
}
.la-charging-station:before {
  content: "\f5e7";
}
.la-chart-area:before {
  content: "\f1fe";
}
.la-chart-bar:before {
  content: "\f080";
}
.la-chart-line:before {
  content: "\f201";
}
.la-chart-pie:before {
  content: "\f200";
}
.la-check:before {
  content: "\f00c";
}
.la-check-circle:before {
  content: "\f058";
}
.la-check-double:before {
  content: "\f560";
}
.la-check-square:before {
  content: "\f14a";
}
.la-cheese:before {
  content: "\f7ef";
}
.la-chess:before {
  content: "\f439";
}
.la-chess-bishop:before {
  content: "\f43a";
}
.la-chess-board:before {
  content: "\f43c";
}
.la-chess-king:before {
  content: "\f43f";
}
.la-chess-knight:before {
  content: "\f441";
}
.la-chess-pawn:before {
  content: "\f443";
}
.la-chess-queen:before {
  content: "\f445";
}
.la-chess-rook:before {
  content: "\f447";
}
.la-chevron-circle-down:before {
  content: "\f13a";
}
.la-chevron-circle-left:before {
  content: "\f137";
}
.la-chevron-circle-right:before {
  content: "\f138";
}
.la-chevron-circle-up:before {
  content: "\f139";
}
.la-chevron-down:before {
  content: "\f078";
}
.la-chevron-left:before {
  content: "\f053";
}
.la-chevron-right:before {
  content: "\f054";
}
.la-chevron-up:before {
  content: "\f077";
}
.la-child:before {
  content: "\f1ae";
}
.la-chrome:before {
  content: "\f268";
}
.la-chromecast:before {
  content: "\f838";
}
.la-church:before {
  content: "\f51d";
}
.la-circle:before {
  content: "\f111";
}
.la-circle-notch:before {
  content: "\f1ce";
}
.la-city:before {
  content: "\f64f";
}
.la-clinic-medical:before {
  content: "\f7f2";
}
.la-clipboard:before {
  content: "\f328";
}
.la-clipboard-check:before {
  content: "\f46c";
}
.la-clipboard-list:before {
  content: "\f46d";
}
.la-clock:before {
  content: "\f017";
}
.la-clone:before {
  content: "\f24d";
}
.la-closed-captioning:before {
  content: "\f20a";
}
.la-cloud:before {
  content: "\f0c2";
}
.la-cloud-download-alt:before {
  content: "\f381";
}
.la-cloud-meatball:before {
  content: "\f73b";
}
.la-cloud-moon:before {
  content: "\f6c3";
}
.la-cloud-moon-rain:before {
  content: "\f73c";
}
.la-cloud-rain:before {
  content: "\f73d";
}
.la-cloud-showers-heavy:before {
  content: "\f740";
}
.la-cloud-sun:before {
  content: "\f6c4";
}
.la-cloud-sun-rain:before {
  content: "\f743";
}
.la-cloud-upload-alt:before {
  content: "\f382";
}
.la-cloudscale:before {
  content: "\f383";
}
.la-cloudsmith:before {
  content: "\f384";
}
.la-cloudversify:before {
  content: "\f385";
}
.la-cocktail:before {
  content: "\f561";
}
.la-code:before {
  content: "\f121";
}
.la-code-branch:before {
  content: "\f126";
}
.la-codepen:before {
  content: "\f1cb";
}
.la-codiepie:before {
  content: "\f284";
}
.la-coffee:before {
  content: "\f0f4";
}
.la-cog:before {
  content: "\f013";
}
.la-cogs:before {
  content: "\f085";
}
.la-coins:before {
  content: "\f51e";
}
.la-columns:before {
  content: "\f0db";
}
.la-comment:before {
  content: "\f075";
}
.la-comment-alt:before {
  content: "\f27a";
}
.la-comment-dollar:before {
  content: "\f651";
}
.la-comment-dots:before {
  content: "\f4ad";
}
.la-comment-medical:before {
  content: "\f7f5";
}
.la-comment-slash:before {
  content: "\f4b3";
}
.la-comments:before {
  content: "\f086";
}
.la-comments-dollar:before {
  content: "\f653";
}
.la-compact-disc:before {
  content: "\f51f";
}
.la-compass:before {
  content: "\f14e";
}
.la-compress:before {
  content: "\f066";
}
.la-compress-arrows-alt:before {
  content: "\f78c";
}
.la-concierge-bell:before {
  content: "\f562";
}
.la-confluence:before {
  content: "\f78d";
}
.la-connectdevelop:before {
  content: "\f20e";
}
.la-contao:before {
  content: "\f26d";
}
.la-cookie:before {
  content: "\f563";
}
.la-cookie-bite:before {
  content: "\f564";
}
.la-copy:before {
  content: "\f0c5";
}
.la-copyright:before {
  content: "\f1f9";
}
.la-cotton-bureau:before {
  content: "\f89e";
}
.la-couch:before {
  content: "\f4b8";
}
.la-cpanel:before {
  content: "\f388";
}
.la-creative-commons:before {
  content: "\f25e";
}
.la-creative-commons-by:before {
  content: "\f4e7";
}
.la-creative-commons-nc:before {
  content: "\f4e8";
}
.la-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.la-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.la-creative-commons-nd:before {
  content: "\f4eb";
}
.la-creative-commons-pd:before {
  content: "\f4ec";
}
.la-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.la-creative-commons-remix:before {
  content: "\f4ee";
}
.la-creative-commons-sa:before {
  content: "\f4ef";
}
.la-creative-commons-sampling:before {
  content: "\f4f0";
}
.la-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.la-creative-commons-share:before {
  content: "\f4f2";
}
.la-creative-commons-zero:before {
  content: "\f4f3";
}
.la-credit-card:before {
  content: "\f09d";
}
.la-critical-role:before {
  content: "\f6c9";
}
.la-crop:before {
  content: "\f125";
}
.la-crop-alt:before {
  content: "\f565";
}
.la-cross:before {
  content: "\f654";
}
.la-crosshairs:before {
  content: "\f05b";
}
.la-crow:before {
  content: "\f520";
}
.la-crown:before {
  content: "\f521";
}
.la-crutch:before {
  content: "\f7f7";
}
.la-css3:before {
  content: "\f13c";
}
.la-css3-alt:before {
  content: "\f38b";
}
.la-cube:before {
  content: "\f1b2";
}
.la-cubes:before {
  content: "\f1b3";
}
.la-cut:before {
  content: "\f0c4";
}
.la-cuttlefish:before {
  content: "\f38c";
}
.la-d-and-d:before {
  content: "\f38d";
}
.la-d-and-d-beyond:before {
  content: "\f6ca";
}
.la-dashcube:before {
  content: "\f210";
}
.la-database:before {
  content: "\f1c0";
}
.la-deaf:before {
  content: "\f2a4";
}
.la-delicious:before {
  content: "\f1a5";
}
.la-democrat:before {
  content: "\f747";
}
.la-deploydog:before {
  content: "\f38e";
}
.la-deskpro:before {
  content: "\f38f";
}
.la-desktop:before {
  content: "\f108";
}
.la-dev:before {
  content: "\f6cc";
}
.la-deviantart:before {
  content: "\f1bd";
}
.la-dharmachakra:before {
  content: "\f655";
}
.la-dhl:before {
  content: "\f790";
}
.la-diagnoses:before {
  content: "\f470";
}
.la-diaspora:before {
  content: "\f791";
}
.la-dice:before {
  content: "\f522";
}
.la-dice-d20:before {
  content: "\f6cf";
}
.la-dice-d6:before {
  content: "\f6d1";
}
.la-dice-five:before {
  content: "\f523";
}
.la-dice-four:before {
  content: "\f524";
}
.la-dice-one:before {
  content: "\f525";
}
.la-dice-six:before {
  content: "\f526";
}
.la-dice-three:before {
  content: "\f527";
}
.la-dice-two:before {
  content: "\f528";
}
.la-digg:before {
  content: "\f1a6";
}
.la-digital-ocean:before {
  content: "\f391";
}
.la-digital-tachograph:before {
  content: "\f566";
}
.la-directions:before {
  content: "\f5eb";
}
.la-discord:before {
  content: "\f392";
}
.la-discourse:before {
  content: "\f393";
}
.la-divide:before {
  content: "\f529";
}
.la-dizzy:before {
  content: "\f567";
}
.la-dna:before {
  content: "\f471";
}
.la-dochub:before {
  content: "\f394";
}
.la-docker:before {
  content: "\f395";
}
.la-dog:before {
  content: "\f6d3";
}
.la-dollar-sign:before {
  content: "\f155";
}
.la-dolly:before {
  content: "\f472";
}
.la-dolly-flatbed:before {
  content: "\f474";
}
.la-donate:before {
  content: "\f4b9";
}
.la-door-closed:before {
  content: "\f52a";
}
.la-door-open:before {
  content: "\f52b";
}
.la-dot-circle:before {
  content: "\f192";
}
.la-dove:before {
  content: "\f4ba";
}
.la-download:before {
  content: "\f019";
}
.la-draft2digital:before {
  content: "\f396";
}
.la-drafting-compass:before {
  content: "\f568";
}
.la-dragon:before {
  content: "\f6d5";
}
.la-draw-polygon:before {
  content: "\f5ee";
}
.la-dribbble:before {
  content: "\f17d";
}
.la-dribbble-square:before {
  content: "\f397";
}
.la-dropbox:before {
  content: "\f16b";
}
.la-drum:before {
  content: "\f569";
}
.la-drum-steelpan:before {
  content: "\f56a";
}
.la-drumstick-bite:before {
  content: "\f6d7";
}
.la-drupal:before {
  content: "\f1a9";
}
.la-dumbbell:before {
  content: "\f44b";
}
.la-dumpster:before {
  content: "\f793";
}
.la-dumpster-fire:before {
  content: "\f794";
}
.la-dungeon:before {
  content: "\f6d9";
}
.la-dyalog:before {
  content: "\f399";
}
.la-earlybirds:before {
  content: "\f39a";
}
.la-ebay:before {
  content: "\f4f4";
}
.la-edge:before {
  content: "\f282";
}
.la-edit:before {
  content: "\f044";
}
.la-egg:before {
  content: "\f7fb";
}
.la-eject:before {
  content: "\f052";
}
.la-elementor:before {
  content: "\f430";
}
.la-ellipsis-h:before {
  content: "\f141";
}
.la-ellipsis-v:before {
  content: "\f142";
}
.la-ello:before {
  content: "\f5f1";
}
.la-ember:before {
  content: "\f423";
}
.la-empire:before {
  content: "\f1d1";
}
.la-envelope:before {
  content: "\f0e0";
}
.la-envelope-open:before {
  content: "\f2b6";
}
.la-envelope-open-text:before {
  content: "\f658";
}
.la-envelope-square:before {
  content: "\f199";
}
.la-envira:before {
  content: "\f299";
}
.la-equals:before {
  content: "\f52c";
}
.la-eraser:before {
  content: "\f12d";
}
.la-erlang:before {
  content: "\f39d";
}
.la-ethereum:before {
  content: "\f42e";
}
.la-ethernet:before {
  content: "\f796";
}
.la-etsy:before {
  content: "\f2d7";
}
.la-euro-sign:before {
  content: "\f153";
}
.la-evernote:before {
  content: "\f839";
}
.la-exchange-alt:before {
  content: "\f362";
}
.la-exclamation:before {
  content: "\f12a";
}
.la-exclamation-circle:before {
  content: "\f06a";
}
.la-exclamation-triangle:before {
  content: "\f071";
}
.la-expand:before {
  content: "\f065";
}
.la-expand-arrows-alt:before {
  content: "\f31e";
}
.la-expeditedssl:before {
  content: "\f23e";
}
.la-external-link-alt:before {
  content: "\f35d";
}
.la-external-link-square-alt:before {
  content: "\f360";
}
.la-eye:before {
  content: "\f06e";
}
.la-eye-dropper:before {
  content: "\f1fb";
}
.la-eye-slash:before {
  content: "\f070";
}
.la-facebook:before {
  content: "\f09a";
}
.la-facebook-f:before {
  content: "\f39e";
}
.la-facebook-messenger:before {
  content: "\f39f";
}
.la-facebook-square:before {
  content: "\f082";
}
.la-fan:before {
  content: "\f863";
}
.la-fantasy-flight-games:before {
  content: "\f6dc";
}
.la-fast-backward:before {
  content: "\f049";
}
.la-fast-forward:before {
  content: "\f050";
}
.la-fax:before {
  content: "\f1ac";
}
.la-feather:before {
  content: "\f52d";
}
.la-feather-alt:before {
  content: "\f56b";
}
.la-fedex:before {
  content: "\f797";
}
.la-fedora:before {
  content: "\f798";
}
.la-female:before {
  content: "\f182";
}
.la-fighter-jet:before {
  content: "\f0fb";
}
.la-figma:before {
  content: "\f799";
}
.la-file:before {
  content: "\f15b";
}
.la-file-alt:before {
  content: "\f15c";
}
.la-file-archive:before {
  content: "\f1c6";
}
.la-file-audio:before {
  content: "\f1c7";
}
.la-file-code:before {
  content: "\f1c9";
}
.la-file-contract:before {
  content: "\f56c";
}
.la-file-csv:before {
  content: "\f6dd";
}
.la-file-download:before {
  content: "\f56d";
}
.la-file-excel:before {
  content: "\f1c3";
}
.la-file-export:before {
  content: "\f56e";
}
.la-file-image:before {
  content: "\f1c5";
}
.la-file-import:before {
  content: "\f56f";
}
.la-file-invoice:before {
  content: "\f570";
}
.la-file-invoice-dollar:before {
  content: "\f571";
}
.la-file-medical:before {
  content: "\f477";
}
.la-file-medical-alt:before {
  content: "\f478";
}
.la-file-pdf:before {
  content: "\f1c1";
}
.la-file-powerpoint:before {
  content: "\f1c4";
}
.la-file-prescription:before {
  content: "\f572";
}
.la-file-signature:before {
  content: "\f573";
}
.la-file-upload:before {
  content: "\f574";
}
.la-file-video:before {
  content: "\f1c8";
}
.la-file-word:before {
  content: "\f1c2";
}
.la-fill:before {
  content: "\f575";
}
.la-fill-drip:before {
  content: "\f576";
}
.la-film:before {
  content: "\f008";
}
.la-filter:before {
  content: "\f0b0";
}
.la-fingerprint:before {
  content: "\f577";
}
.la-fire:before {
  content: "\f06d";
}
.la-fire-alt:before {
  content: "\f7e4";
}
.la-fire-extinguisher:before {
  content: "\f134";
}
.la-firefox:before {
  content: "\f269";
}
.la-first-aid:before {
  content: "\f479";
}
.la-first-order:before {
  content: "\f2b0";
}
.la-first-order-alt:before {
  content: "\f50a";
}
.la-firstdraft:before {
  content: "\f3a1";
}
.la-fish:before {
  content: "\f578";
}
.la-fist-raised:before {
  content: "\f6de";
}
.la-flag:before {
  content: "\f024";
}
.la-flag-checkered:before {
  content: "\f11e";
}
.la-flag-usa:before {
  content: "\f74d";
}
.la-flask:before {
  content: "\f0c3";
}
.la-flickr:before {
  content: "\f16e";
}
.la-flipboard:before {
  content: "\f44d";
}
.la-flushed:before {
  content: "\f579";
}
.la-fly:before {
  content: "\f417";
}
.la-folder:before {
  content: "\f07b";
}
.la-folder-minus:before {
  content: "\f65d";
}
.la-folder-open:before {
  content: "\f07c";
}
.la-folder-plus:before {
  content: "\f65e";
}
.la-font:before {
  content: "\f031";
}
.la-font-awesome:before {
  content: "\f2b4";
}
.la-font-awesome-alt:before {
  content: "\f35c";
}
.la-font-awesome-flag:before {
  content: "\f425";
}
.la-font-awesome-logo-full:before {
  content: "\f4e6";
}
.la-fonticons:before {
  content: "\f280";
}
.la-fonticons-fi:before {
  content: "\f3a2";
}
.la-football-ball:before {
  content: "\f44e";
}
.la-fort-awesome:before {
  content: "\f286";
}
.la-fort-awesome-alt:before {
  content: "\f3a3";
}
.la-forumbee:before {
  content: "\f211";
}
.la-forward:before {
  content: "\f04e";
}
.la-foursquare:before {
  content: "\f180";
}
.la-free-code-camp:before {
  content: "\f2c5";
}
.la-freebsd:before {
  content: "\f3a4";
}
.la-frog:before {
  content: "\f52e";
}
.la-frown:before {
  content: "\f119";
}
.la-frown-open:before {
  content: "\f57a";
}
.la-fulcrum:before {
  content: "\f50b";
}
.la-funnel-dollar:before {
  content: "\f662";
}
.la-futbol:before {
  content: "\f1e3";
}
.la-galactic-republic:before {
  content: "\f50c";
}
.la-galactic-senate:before {
  content: "\f50d";
}
.la-gamepad:before {
  content: "\f11b";
}
.la-gas-pump:before {
  content: "\f52f";
}
.la-gavel:before {
  content: "\f0e3";
}
.la-gem:before {
  content: "\f3a5";
}
.la-genderless:before {
  content: "\f22d";
}
.la-get-pocket:before {
  content: "\f265";
}
.la-gg:before {
  content: "\f260";
}
.la-gg-circle:before {
  content: "\f261";
}
.la-ghost:before {
  content: "\f6e2";
}
.la-gift:before {
  content: "\f06b";
}
.la-gifts:before {
  content: "\f79c";
}
.la-git:before {
  content: "\f1d3";
}
.la-git-alt:before {
  content: "\f841";
}
.la-git-square:before {
  content: "\f1d2";
}
.la-github:before {
  content: "\f09b";
}
.la-github-alt:before {
  content: "\f113";
}
.la-github-square:before {
  content: "\f092";
}
.la-gitkraken:before {
  content: "\f3a6";
}
.la-gitlab:before {
  content: "\f296";
}
.la-gitter:before {
  content: "\f426";
}
.la-glass-cheers:before {
  content: "\f79f";
}
.la-glass-martini:before {
  content: "\f000";
}
.la-glass-martini-alt:before {
  content: "\f57b";
}
.la-glass-whiskey:before {
  content: "\f7a0";
}
.la-glasses:before {
  content: "\f530";
}
.la-glide:before {
  content: "\f2a5";
}
.la-glide-g:before {
  content: "\f2a6";
}
.la-globe:before {
  content: "\f0ac";
}
.la-globe-africa:before {
  content: "\f57c";
}
.la-globe-americas:before {
  content: "\f57d";
}
.la-globe-asia:before {
  content: "\f57e";
}
.la-globe-europe:before {
  content: "\f7a2";
}
.la-gofore:before {
  content: "\f3a7";
}
.la-golf-ball:before {
  content: "\f450";
}
.la-goodreads:before {
  content: "\f3a8";
}
.la-goodreads-g:before {
  content: "\f3a9";
}
.la-google:before {
  content: "\f1a0";
}
.la-google-drive:before {
  content: "\f3aa";
}
.la-google-play:before {
  content: "\f3ab";
}
.la-google-plus:before {
  content: "\f2b3";
}
.la-google-plus-g:before {
  content: "\f0d5";
}
.la-google-plus-square:before {
  content: "\f0d4";
}
.la-google-wallet:before {
  content: "\f1ee";
}
.la-gopuram:before {
  content: "\f664";
}
.la-graduation-cap:before {
  content: "\f19d";
}
.la-gratipay:before {
  content: "\f184";
}
.la-grav:before {
  content: "\f2d6";
}
.la-greater-than:before {
  content: "\f531";
}
.la-greater-than-equal:before {
  content: "\f532";
}
.la-grimace:before {
  content: "\f57f";
}
.la-grin:before {
  content: "\f580";
}
.la-grin-alt:before {
  content: "\f581";
}
.la-grin-beam:before {
  content: "\f582";
}
.la-grin-beam-sweat:before {
  content: "\f583";
}
.la-grin-hearts:before {
  content: "\f584";
}
.la-grin-squint:before {
  content: "\f585";
}
.la-grin-squint-tears:before {
  content: "\f586";
}
.la-grin-stars:before {
  content: "\f587";
}
.la-grin-tears:before {
  content: "\f588";
}
.la-grin-tongue:before {
  content: "\f589";
}
.la-grin-tongue-squint:before {
  content: "\f58a";
}
.la-grin-tongue-wink:before {
  content: "\f58b";
}
.la-grin-wink:before {
  content: "\f58c";
}
.la-grip-horizontal:before {
  content: "\f58d";
}
.la-grip-lines:before {
  content: "\f7a4";
}
.la-grip-lines-vertical:before {
  content: "\f7a5";
}
.la-grip-vertical:before {
  content: "\f58e";
}
.la-gripfire:before {
  content: "\f3ac";
}
.la-grunt:before {
  content: "\f3ad";
}
.la-guitar:before {
  content: "\f7a6";
}
.la-gulp:before {
  content: "\f3ae";
}
.la-h-square:before {
  content: "\f0fd";
}
.la-hacker-news:before {
  content: "\f1d4";
}
.la-hacker-news-square:before {
  content: "\f3af";
}
.la-hackerrank:before {
  content: "\f5f7";
}
.la-hamburger:before {
  content: "\f805";
}
.la-hammer:before {
  content: "\f6e3";
}
.la-hamsa:before {
  content: "\f665";
}
.la-hand-holding:before {
  content: "\f4bd";
}
.la-hand-holding-heart:before {
  content: "\f4be";
}
.la-hand-holding-usd:before {
  content: "\f4c0";
}
.la-hand-lizard:before {
  content: "\f258";
}
.la-hand-middle-finger:before {
  content: "\f806";
}
.la-hand-paper:before {
  content: "\f256";
}
.la-hand-peace:before {
  content: "\f25b";
}
.la-hand-point-down:before {
  content: "\f0a7";
}
.la-hand-point-left:before {
  content: "\f0a5";
}
.la-hand-point-right:before {
  content: "\f0a4";
}
.la-hand-point-up:before {
  content: "\f0a6";
}
.la-hand-pointer:before {
  content: "\f25a";
}
.la-hand-rock:before {
  content: "\f255";
}
.la-hand-scissors:before {
  content: "\f257";
}
.la-hand-spock:before {
  content: "\f259";
}
.la-hands:before {
  content: "\f4c2";
}
.la-hands-helping:before {
  content: "\f4c4";
}
.la-handshake:before {
  content: "\f2b5";
}
.la-hanukiah:before {
  content: "\f6e6";
}
.la-hard-hat:before {
  content: "\f807";
}
.la-hashtag:before {
  content: "\f292";
}
.la-hat-cowboy:before {
  content: "\f8c0";
}
.la-hat-cowboy-side:before {
  content: "\f8c1";
}
.la-hat-wizard:before {
  content: "\f6e8";
}
.la-haykal:before {
  content: "\f666";
}
.la-hdd:before {
  content: "\f0a0";
}
.la-heading:before {
  content: "\f1dc";
}
.la-headphones:before {
  content: "\f025";
}
.la-headphones-alt:before {
  content: "\f58f";
}
.la-headset:before {
  content: "\f590";
}
.la-heart:before {
  content: "\f004";
}
.la-heart-broken:before {
  content: "\f7a9";
}
.la-heartbeat:before {
  content: "\f21e";
}
.la-helicopter:before {
  content: "\f533";
}
.la-highlighter:before {
  content: "\f591";
}
.la-hiking:before {
  content: "\f6ec";
}
.la-hippo:before {
  content: "\f6ed";
}
.la-hips:before {
  content: "\f452";
}
.la-hire-a-helper:before {
  content: "\f3b0";
}
.la-history:before {
  content: "\f1da";
}
.la-hockey-puck:before {
  content: "\f453";
}
.la-holly-berry:before {
  content: "\f7aa";
}
.la-home:before {
  content: "\f015";
}
.la-hooli:before {
  content: "\f427";
}
.la-hornbill:before {
  content: "\f592";
}
.la-horse:before {
  content: "\f6f0";
}
.la-horse-head:before {
  content: "\f7ab";
}
.la-hospital:before {
  content: "\f0f8";
}
.la-hospital-alt:before {
  content: "\f47d";
}
.la-hospital-symbol:before {
  content: "\f47e";
}
.la-hot-tub:before {
  content: "\f593";
}
.la-hotdog:before {
  content: "\f80f";
}
.la-hotel:before {
  content: "\f594";
}
.la-hotjar:before {
  content: "\f3b1";
}
.la-hourglass:before {
  content: "\f254";
}
.la-hourglass-end:before {
  content: "\f253";
}
.la-hourglass-half:before {
  content: "\f252";
}
.la-hourglass-start:before {
  content: "\f251";
}
.la-house-damage:before {
  content: "\f6f1";
}
.la-houzz:before {
  content: "\f27c";
}
.la-hryvnia:before {
  content: "\f6f2";
}
.la-html5:before {
  content: "\f13b";
}
.la-hubspot:before {
  content: "\f3b2";
}
.la-i-cursor:before {
  content: "\f246";
}
.la-ice-cream:before {
  content: "\f810";
}
.la-icicles:before {
  content: "\f7ad";
}
.la-icons:before {
  content: "\f86d";
}
.la-id-badge:before {
  content: "\f2c1";
}
.la-id-card:before {
  content: "\f2c2";
}
.la-id-card-alt:before {
  content: "\f47f";
}
.la-igloo:before {
  content: "\f7ae";
}
.la-image:before {
  content: "\f03e";
}
.la-images:before {
  content: "\f302";
}
.la-imdb:before {
  content: "\f2d8";
}
.la-inbox:before {
  content: "\f01c";
}
.la-indent:before {
  content: "\f03c";
}
.la-industry:before {
  content: "\f275";
}
.la-infinity:before {
  content: "\f534";
}
.la-info:before {
  content: "\f129";
}
.la-info-circle:before {
  content: "\f05a";
}
.la-instagram:before {
  content: "\f16d";
}
.la-intercom:before {
  content: "\f7af";
}
.la-internet-explorer:before {
  content: "\f26b";
}
.la-invision:before {
  content: "\f7b0";
}
.la-ioxhost:before {
  content: "\f208";
}
.la-italic:before {
  content: "\f033";
}
.la-itch-io:before {
  content: "\f83a";
}
.la-itunes:before {
  content: "\f3b4";
}
.la-itunes-note:before {
  content: "\f3b5";
}
.la-java:before {
  content: "\f4e4";
}
.la-jedi:before {
  content: "\f669";
}
.la-jedi-order:before {
  content: "\f50e";
}
.la-jenkins:before {
  content: "\f3b6";
}
.la-jira:before {
  content: "\f7b1";
}
.la-joget:before {
  content: "\f3b7";
}
.la-joint:before {
  content: "\f595";
}
.la-joomla:before {
  content: "\f1aa";
}
.la-journal-whills:before {
  content: "\f66a";
}
.la-js:before {
  content: "\f3b8";
}
.la-js-square:before {
  content: "\f3b9";
}
.la-jsfiddle:before {
  content: "\f1cc";
}
.la-kaaba:before {
  content: "\f66b";
}
.la-kaggle:before {
  content: "\f5fa";
}
.la-key:before {
  content: "\f084";
}
.la-keybase:before {
  content: "\f4f5";
}
.la-keyboard:before {
  content: "\f11c";
}
.la-keycdn:before {
  content: "\f3ba";
}
.la-khanda:before {
  content: "\f66d";
}
.la-kickstarter:before {
  content: "\f3bb";
}
.la-kickstarter-k:before {
  content: "\f3bc";
}
.la-kiss:before {
  content: "\f596";
}
.la-kiss-beam:before {
  content: "\f597";
}
.la-kiss-wink-heart:before {
  content: "\f598";
}
.la-kiwi-bird:before {
  content: "\f535";
}
.la-korvue:before {
  content: "\f42f";
}
.la-landmark:before {
  content: "\f66f";
}
.la-language:before {
  content: "\f1ab";
}
.la-laptop:before {
  content: "\f109";
}
.la-laptop-code:before {
  content: "\f5fc";
}
.la-laptop-medical:before {
  content: "\f812";
}
.la-laravel:before {
  content: "\f3bd";
}
.la-lastfm:before {
  content: "\f202";
}
.la-lastfm-square:before {
  content: "\f203";
}
.la-laugh:before {
  content: "\f599";
}
.la-laugh-beam:before {
  content: "\f59a";
}
.la-laugh-squint:before {
  content: "\f59b";
}
.la-laugh-wink:before {
  content: "\f59c";
}
.la-layer-group:before {
  content: "\f5fd";
}
.la-leaf:before {
  content: "\f06c";
}
.la-leanpub:before {
  content: "\f212";
}
.la-lemon:before {
  content: "\f094";
}
.la-less:before {
  content: "\f41d";
}
.la-less-than:before {
  content: "\f536";
}
.la-less-than-equal:before {
  content: "\f537";
}
.la-level-down-alt:before {
  content: "\f3be";
}
.la-level-up-alt:before {
  content: "\f3bf";
}
.la-life-ring:before {
  content: "\f1cd";
}
.la-lightbulb:before {
  content: "\f0eb";
}
.la-line:before {
  content: "\f3c0";
}
.la-link:before {
  content: "\f0c1";
}
.la-linkedin:before {
  content: "\f08c";
}
.la-linkedin-in:before {
  content: "\f0e1";
}
.la-linode:before {
  content: "\f2b8";
}
.la-linux:before {
  content: "\f17c";
}
.la-lira-sign:before {
  content: "\f195";
}
.la-list:before {
  content: "\f03a";
}
.la-list-alt:before {
  content: "\f022";
}
.la-list-ol:before {
  content: "\f0cb";
}
.la-list-ul:before {
  content: "\f0ca";
}
.la-location-arrow:before {
  content: "\f124";
}
.la-lock:before {
  content: "\f023";
}
.la-lock-open:before {
  content: "\f3c1";
}
.la-long-arrow-alt-down:before {
  content: "\f309";
}
.la-long-arrow-alt-left:before {
  content: "\f30a";
}
.la-long-arrow-alt-right:before {
  content: "\f30b";
}
.la-long-arrow-alt-up:before {
  content: "\f30c";
}
.la-low-vision:before {
  content: "\f2a8";
}
.la-luggage-cart:before {
  content: "\f59d";
}
.la-lyft:before {
  content: "\f3c3";
}
.la-magento:before {
  content: "\f3c4";
}
.la-magic:before {
  content: "\f0d0";
}
.la-magnet:before {
  content: "\f076";
}
.la-mail-bulk:before {
  content: "\f674";
}
.la-mailchimp:before {
  content: "\f59e";
}
.la-male:before {
  content: "\f183";
}
.la-mandalorian:before {
  content: "\f50f";
}
.la-map:before {
  content: "\f279";
}
.la-map-marked:before {
  content: "\f59f";
}
.la-map-marked-alt:before {
  content: "\f5a0";
}
.la-map-marker:before {
  content: "\f041";
}
.la-map-marker-alt:before {
  content: "\f3c5";
}
.la-map-pin:before {
  content: "\f276";
}
.la-map-signs:before {
  content: "\f277";
}
.la-markdown:before {
  content: "\f60f";
}
.la-marker:before {
  content: "\f5a1";
}
.la-mars:before {
  content: "\f222";
}
.la-mars-double:before {
  content: "\f227";
}
.la-mars-stroke:before {
  content: "\f229";
}
.la-mars-stroke-h:before {
  content: "\f22b";
}
.la-mars-stroke-v:before {
  content: "\f22a";
}
.la-mask:before {
  content: "\f6fa";
}
.la-mastodon:before {
  content: "\f4f6";
}
.la-maxcdn:before {
  content: "\f136";
}
.la-mdb:before {
  content: "\f8ca";
}
.la-medal:before {
  content: "\f5a2";
}
.la-medapps:before {
  content: "\f3c6";
}
.la-medium:before {
  content: "\f23a";
}
.la-medium-m:before {
  content: "\f3c7";
}
.la-medkit:before {
  content: "\f0fa";
}
.la-medrt:before {
  content: "\f3c8";
}
.la-meetup:before {
  content: "\f2e0";
}
.la-megaport:before {
  content: "\f5a3";
}
.la-meh:before {
  content: "\f11a";
}
.la-meh-blank:before {
  content: "\f5a4";
}
.la-meh-rolling-eyes:before {
  content: "\f5a5";
}
.la-memory:before {
  content: "\f538";
}
.la-mendeley:before {
  content: "\f7b3";
}
.la-menorah:before {
  content: "\f676";
}
.la-mercury:before {
  content: "\f223";
}
.la-meteor:before {
  content: "\f753";
}
.la-microchip:before {
  content: "\f2db";
}
.la-microphone:before {
  content: "\f130";
}
.la-microphone-alt:before {
  content: "\f3c9";
}
.la-microphone-alt-slash:before {
  content: "\f539";
}
.la-microphone-slash:before {
  content: "\f131";
}
.la-microscope:before {
  content: "\f610";
}
.la-microsoft:before {
  content: "\f3ca";
}
.la-minus:before {
  content: "\f068";
}
.la-minus-circle:before {
  content: "\f056";
}
.la-minus-square:before {
  content: "\f146";
}
.la-mitten:before {
  content: "\f7b5";
}
.la-mix:before {
  content: "\f3cb";
}
.la-mixcloud:before {
  content: "\f289";
}
.la-mizuni:before {
  content: "\f3cc";
}
.la-mobile:before {
  content: "\f10b";
}
.la-mobile-alt:before {
  content: "\f3cd";
}
.la-modx:before {
  content: "\f285";
}
.la-monero:before {
  content: "\f3d0";
}
.la-money-bill:before {
  content: "\f0d6";
}
.la-money-bill-alt:before {
  content: "\f3d1";
}
.la-money-bill-wave:before {
  content: "\f53a";
}
.la-money-bill-wave-alt:before {
  content: "\f53b";
}
.la-money-check:before {
  content: "\f53c";
}
.la-money-check-alt:before {
  content: "\f53d";
}
.la-monument:before {
  content: "\f5a6";
}
.la-moon:before {
  content: "\f186";
}
.la-mortar-pestle:before {
  content: "\f5a7";
}
.la-mosque:before {
  content: "\f678";
}
.la-motorcycle:before {
  content: "\f21c";
}
.la-mountain:before {
  content: "\f6fc";
}
.la-mouse:before {
  content: "\f8cc";
}
.la-mouse-pointer:before {
  content: "\f245";
}
.la-mug-hot:before {
  content: "\f7b6";
}
.la-music:before {
  content: "\f001";
}
.la-napster:before {
  content: "\f3d2";
}
.la-neos:before {
  content: "\f612";
}
.la-network-wired:before {
  content: "\f6ff";
}
.la-neuter:before {
  content: "\f22c";
}
.la-newspaper:before {
  content: "\f1ea";
}
.la-nimblr:before {
  content: "\f5a8";
}
.la-node:before {
  content: "\f419";
}
.la-node-js:before {
  content: "\f3d3";
}
.la-not-equal:before {
  content: "\f53e";
}
.la-notes-medical:before {
  content: "\f481";
}
.la-npm:before {
  content: "\f3d4";
}
.la-ns8:before {
  content: "\f3d5";
}
.la-nutritionix:before {
  content: "\f3d6";
}
.la-object-group:before {
  content: "\f247";
}
.la-object-ungroup:before {
  content: "\f248";
}
.la-odnoklassniki:before {
  content: "\f263";
}
.la-odnoklassniki-square:before {
  content: "\f264";
}
.la-oil-can:before {
  content: "\f613";
}
.la-old-republic:before {
  content: "\f510";
}
.la-om:before {
  content: "\f679";
}
.la-opencart:before {
  content: "\f23d";
}
.la-openid:before {
  content: "\f19b";
}
.la-opera:before {
  content: "\f26a";
}
.la-optin-monster:before {
  content: "\f23c";
}
.la-orcid:before {
  content: "\f8d2";
}
.la-osi:before {
  content: "\f41a";
}
.la-otter:before {
  content: "\f700";
}
.la-outdent:before {
  content: "\f03b";
}
.la-page4:before {
  content: "\f3d7";
}
.la-pagelines:before {
  content: "\f18c";
}
.la-pager:before {
  content: "\f815";
}
.la-paint-brush:before {
  content: "\f1fc";
}
.la-paint-roller:before {
  content: "\f5aa";
}
.la-palette:before {
  content: "\f53f";
}
.la-palfed:before {
  content: "\f3d8";
}
.la-pallet:before {
  content: "\f482";
}
.la-paper-plane:before {
  content: "\f1d8";
}
.la-paperclip:before {
  content: "\f0c6";
}
.la-parachute-box:before {
  content: "\f4cd";
}
.la-paragraph:before {
  content: "\f1dd";
}
.la-parking:before {
  content: "\f540";
}
.la-passport:before {
  content: "\f5ab";
}
.la-pastafarianism:before {
  content: "\f67b";
}
.la-paste:before {
  content: "\f0ea";
}
.la-patreon:before {
  content: "\f3d9";
}
.la-pause:before {
  content: "\f04c";
}
.la-pause-circle:before {
  content: "\f28b";
}
.la-paw:before {
  content: "\f1b0";
}
.la-paypal:before {
  content: "\f1ed";
}
.la-peace:before {
  content: "\f67c";
}
.la-pen:before {
  content: "\f304";
}
.la-pen-alt:before {
  content: "\f305";
}
.la-pen-fancy:before {
  content: "\f5ac";
}
.la-pen-nib:before {
  content: "\f5ad";
}
.la-pen-square:before {
  content: "\f14b";
}
.la-pencil-alt:before {
  content: "\f303";
}
.la-pencil-ruler:before {
  content: "\f5ae";
}
.la-penny-arcade:before {
  content: "\f704";
}
.la-people-carry:before {
  content: "\f4ce";
}
.la-pepper-hot:before {
  content: "\f816";
}
.la-percent:before {
  content: "\f295";
}
.la-percentage:before {
  content: "\f541";
}
.la-periscope:before {
  content: "\f3da";
}
.la-person-booth:before {
  content: "\f756";
}
.la-phabricator:before {
  content: "\f3db";
}
.la-phoenix-framework:before {
  content: "\f3dc";
}
.la-phoenix-squadron:before {
  content: "\f511";
}
.la-phone:before {
  content: "\f095";
}
.la-phone-alt:before {
  content: "\f879";
}
.la-phone-slash:before {
  content: "\f3dd";
}
.la-phone-square:before {
  content: "\f098";
}
.la-phone-square-alt:before {
  content: "\f87b";
}
.la-phone-volume:before {
  content: "\f2a0";
}
.la-photo-video:before {
  content: "\f87c";
}
.la-php:before {
  content: "\f457";
}
.la-pied-piper:before {
  content: "\f2ae";
}
.la-pied-piper-alt:before {
  content: "\f1a8";
}
.la-pied-piper-hat:before {
  content: "\f4e5";
}
.la-pied-piper-pp:before {
  content: "\f1a7";
}
.la-piggy-bank:before {
  content: "\f4d3";
}
.la-pills:before {
  content: "\f484";
}
.la-pinterest:before {
  content: "\f0d2";
}
.la-pinterest-p:before {
  content: "\f231";
}
.la-pinterest-square:before {
  content: "\f0d3";
}
.la-pizza-slice:before {
  content: "\f818";
}
.la-place-of-worship:before {
  content: "\f67f";
}
.la-plane:before {
  content: "\f072";
}
.la-plane-arrival:before {
  content: "\f5af";
}
.la-plane-departure:before {
  content: "\f5b0";
}
.la-play:before {
  content: "\f04b";
}
.la-play-circle:before {
  content: "\f144";
}
.la-playstation:before {
  content: "\f3df";
}
.la-plug:before {
  content: "\f1e6";
}
.la-plus:before {
  content: "\f067";
}
.la-plus-circle:before {
  content: "\f055";
}
.la-plus-square:before {
  content: "\f0fe";
}
.la-podcast:before {
  content: "\f2ce";
}
.la-poll:before {
  content: "\f681";
}
.la-poll-h:before {
  content: "\f682";
}
.la-poo:before {
  content: "\f2fe";
}
.la-poo-storm:before {
  content: "\f75a";
}
.la-poop:before {
  content: "\f619";
}
.la-portrait:before {
  content: "\f3e0";
}
.la-pound-sign:before {
  content: "\f154";
}
.la-power-off:before {
  content: "\f011";
}
.la-pray:before {
  content: "\f683";
}
.la-praying-hands:before {
  content: "\f684";
}
.la-prescription:before {
  content: "\f5b1";
}
.la-prescription-bottle:before {
  content: "\f485";
}
.la-prescription-bottle-alt:before {
  content: "\f486";
}
.la-print:before {
  content: "\f02f";
}
.la-procedures:before {
  content: "\f487";
}
.la-product-hunt:before {
  content: "\f288";
}
.la-project-diagram:before {
  content: "\f542";
}
.la-pushed:before {
  content: "\f3e1";
}
.la-puzzle-piece:before {
  content: "\f12e";
}
.la-python:before {
  content: "\f3e2";
}
.la-qq:before {
  content: "\f1d6";
}
.la-qrcode:before {
  content: "\f029";
}
.la-question:before {
  content: "\f128";
}
.la-question-circle:before {
  content: "\f059";
}
.la-quidditch:before {
  content: "\f458";
}
.la-quinscape:before {
  content: "\f459";
}
.la-quora:before {
  content: "\f2c4";
}
.la-quote-left:before {
  content: "\f10d";
}
.la-quote-right:before {
  content: "\f10e";
}
.la-quran:before {
  content: "\f687";
}
.la-r-project:before {
  content: "\f4f7";
}
.la-radiation:before {
  content: "\f7b9";
}
.la-radiation-alt:before {
  content: "\f7ba";
}
.la-rainbow:before {
  content: "\f75b";
}
.la-random:before {
  content: "\f074";
}
.la-raspberry-pi:before {
  content: "\f7bb";
}
.la-ravelry:before {
  content: "\f2d9";
}
.la-react:before {
  content: "\f41b";
}
.la-reacteurope:before {
  content: "\f75d";
}
.la-readme:before {
  content: "\f4d5";
}
.la-rebel:before {
  content: "\f1d0";
}
.la-receipt:before {
  content: "\f543";
}
.la-record-vinyl:before {
  content: "\f8d9";
}
.la-recycle:before {
  content: "\f1b8";
}
.la-red-river:before {
  content: "\f3e3";
}
.la-reddit:before {
  content: "\f1a1";
}
.la-reddit-alien:before {
  content: "\f281";
}
.la-reddit-square:before {
  content: "\f1a2";
}
.la-redhat:before {
  content: "\f7bc";
}
.la-redo:before {
  content: "\f01e";
}
.la-redo-alt:before {
  content: "\f2f9";
}
.la-registered:before {
  content: "\f25d";
}
.la-remove-format:before {
  content: "\f87d";
}
.la-renren:before {
  content: "\f18b";
}
.la-reply:before {
  content: "\f3e5";
}
.la-reply-all:before {
  content: "\f122";
}
.la-replyd:before {
  content: "\f3e6";
}
.la-republican:before {
  content: "\f75e";
}
.la-researchgate:before {
  content: "\f4f8";
}
.la-resolving:before {
  content: "\f3e7";
}
.la-restroom:before {
  content: "\f7bd";
}
.la-retweet:before {
  content: "\f079";
}
.la-rev:before {
  content: "\f5b2";
}
.la-ribbon:before {
  content: "\f4d6";
}
.la-ring:before {
  content: "\f70b";
}
.la-road:before {
  content: "\f018";
}
.la-robot:before {
  content: "\f544";
}
.la-rocket:before {
  content: "\f135";
}
.la-rocketchat:before {
  content: "\f3e8";
}
.la-rockrms:before {
  content: "\f3e9";
}
.la-route:before {
  content: "\f4d7";
}
.la-rss:before {
  content: "\f09e";
}
.la-rss-square:before {
  content: "\f143";
}
.la-ruble-sign:before {
  content: "\f158";
}
.la-ruler:before {
  content: "\f545";
}
.la-ruler-combined:before {
  content: "\f546";
}
.la-ruler-horizontal:before {
  content: "\f547";
}
.la-ruler-vertical:before {
  content: "\f548";
}
.la-running:before {
  content: "\f70c";
}
.la-rupee-sign:before {
  content: "\f156";
}
.la-sad-cry:before {
  content: "\f5b3";
}
.la-sad-tear:before {
  content: "\f5b4";
}
.la-safari:before {
  content: "\f267";
}
.la-salesforce:before {
  content: "\f83b";
}
.la-sass:before {
  content: "\f41e";
}
.la-satellite:before {
  content: "\f7bf";
}
.la-satellite-dish:before {
  content: "\f7c0";
}
.la-save:before {
  content: "\f0c7";
}
.la-schlix:before {
  content: "\f3ea";
}
.la-school:before {
  content: "\f549";
}
.la-screwdriver:before {
  content: "\f54a";
}
.la-scribd:before {
  content: "\f28a";
}
.la-scroll:before {
  content: "\f70e";
}
.la-sd-card:before {
  content: "\f7c2";
}
.la-search:before {
  content: "\f002";
}
.la-search-dollar:before {
  content: "\f688";
}
.la-search-location:before {
  content: "\f689";
}
.la-search-minus:before {
  content: "\f010";
}
.la-search-plus:before {
  content: "\f00e";
}
.la-searchengin:before {
  content: "\f3eb";
}
.la-seedling:before {
  content: "\f4d8";
}
.la-sellcast:before {
  content: "\f2da";
}
.la-sellsy:before {
  content: "\f213";
}
.la-server:before {
  content: "\f233";
}
.la-servicestack:before {
  content: "\f3ec";
}
.la-shapes:before {
  content: "\f61f";
}
.la-share:before {
  content: "\f064";
}
.la-share-alt:before {
  content: "\f1e0";
}
.la-share-alt-square:before {
  content: "\f1e1";
}
.la-share-square:before {
  content: "\f14d";
}
.la-shekel-sign:before {
  content: "\f20b";
}
.la-shield-alt:before {
  content: "\f3ed";
}
.la-ship:before {
  content: "\f21a";
}
.la-shipping-fast:before {
  content: "\f48b";
}
.la-shirtsinbulk:before {
  content: "\f214";
}
.la-shoe-prints:before {
  content: "\f54b";
}
.la-shopping-bag:before {
  content: "\f290";
}
.la-shopping-basket:before {
  content: "\f291";
}
.la-shopping-cart:before {
  content: "\f07a";
}
.la-shopware:before {
  content: "\f5b5";
}
.la-shower:before {
  content: "\f2cc";
}
.la-shuttle-van:before {
  content: "\f5b6";
}
.la-sign:before {
  content: "\f4d9";
}
.la-sign-in-alt:before {
  content: "\f2f6";
}
.la-sign-language:before {
  content: "\f2a7";
}
.la-sign-out-alt:before {
  content: "\f2f5";
}
.la-signal:before {
  content: "\f012";
}
.la-signature:before {
  content: "\f5b7";
}
.la-sim-card:before {
  content: "\f7c4";
}
.la-simplybuilt:before {
  content: "\f215";
}
.la-sistrix:before {
  content: "\f3ee";
}
.la-sitemap:before {
  content: "\f0e8";
}
.la-sith:before {
  content: "\f512";
}
.la-skating:before {
  content: "\f7c5";
}
.la-sketch:before {
  content: "\f7c6";
}
.la-skiing:before {
  content: "\f7c9";
}
.la-skiing-nordic:before {
  content: "\f7ca";
}
.la-skull:before {
  content: "\f54c";
}
.la-skull-crossbones:before {
  content: "\f714";
}
.la-skyatlas:before {
  content: "\f216";
}
.la-skype:before {
  content: "\f17e";
}
.la-slack:before {
  content: "\f198";
}
.la-slack-hash:before {
  content: "\f3ef";
}
.la-slash:before {
  content: "\f715";
}
.la-sleigh:before {
  content: "\f7cc";
}
.la-sliders-h:before {
  content: "\f1de";
}
.la-slideshare:before {
  content: "\f1e7";
}
.la-smile:before {
  content: "\f118";
}
.la-smile-beam:before {
  content: "\f5b8";
}
.la-smile-wink:before {
  content: "\f4da";
}
.la-smog:before {
  content: "\f75f";
}
.la-smoking:before {
  content: "\f48d";
}
.la-smoking-ban:before {
  content: "\f54d";
}
.la-sms:before {
  content: "\f7cd";
}
.la-snapchat:before {
  content: "\f2ab";
}
.la-snapchat-ghost:before {
  content: "\f2ac";
}
.la-snapchat-square:before {
  content: "\f2ad";
}
.la-snowboarding:before {
  content: "\f7ce";
}
.la-snowflake:before {
  content: "\f2dc";
}
.la-snowman:before {
  content: "\f7d0";
}
.la-snowplow:before {
  content: "\f7d2";
}
.la-socks:before {
  content: "\f696";
}
.la-solar-panel:before {
  content: "\f5ba";
}
.la-sort:before {
  content: "\f0dc";
}
.la-sort-alpha-down:before {
  content: "\f15d";
}
.la-sort-alpha-down-alt:before {
  content: "\f881";
}
.la-sort-alpha-up:before {
  content: "\f15e";
}
.la-sort-alpha-up-alt:before {
  content: "\f882";
}
.la-sort-amount-down:before {
  content: "\f160";
}
.la-sort-amount-down-alt:before {
  content: "\f884";
}
.la-sort-amount-up:before {
  content: "\f161";
}
.la-sort-amount-up-alt:before {
  content: "\f885";
}
.la-sort-down:before {
  content: "\f0dd";
}
.la-sort-numeric-down:before {
  content: "\f162";
}
.la-sort-numeric-down-alt:before {
  content: "\f886";
}
.la-sort-numeric-up:before {
  content: "\f163";
}
.la-sort-numeric-up-alt:before {
  content: "\f887";
}
.la-sort-up:before {
  content: "\f0de";
}
.la-soundcloud:before {
  content: "\f1be";
}
.la-sourcetree:before {
  content: "\f7d3";
}
.la-spa:before {
  content: "\f5bb";
}
.la-space-shuttle:before {
  content: "\f197";
}
.la-speakap:before {
  content: "\f3f3";
}
.la-speaker-deck:before {
  content: "\f83c";
}
.la-spell-check:before {
  content: "\f891";
}
.la-spider:before {
  content: "\f717";
}
.la-spinner:before {
  content: "\f110";
}
.la-splotch:before {
  content: "\f5bc";
}
.la-spotify:before {
  content: "\f1bc";
}
.la-spray-can:before {
  content: "\f5bd";
}
.la-square:before {
  content: "\f0c8";
}
.la-square-full:before {
  content: "\f45c";
}
.la-square-root-alt:before {
  content: "\f698";
}
.la-squarespace:before {
  content: "\f5be";
}
.la-stack-exchange:before {
  content: "\f18d";
}
.la-stack-overflow:before {
  content: "\f16c";
}
.la-stackpath:before {
  content: "\f842";
}
.la-stamp:before {
  content: "\f5bf";
}
.la-star:before {
  content: "\f005";
}
.la-star-and-crescent:before {
  content: "\f699";
}
.la-star-half:before {
  content: "\f089";
}
.la-star-half-alt:before {
  content: "\f5c0";
}
.la-star-of-david:before {
  content: "\f69a";
}
.la-star-of-life:before {
  content: "\f621";
}
.la-staylinked:before {
  content: "\f3f5";
}
.la-steam:before {
  content: "\f1b6";
}
.la-steam-square:before {
  content: "\f1b7";
}
.la-steam-symbol:before {
  content: "\f3f6";
}
.la-step-backward:before {
  content: "\f048";
}
.la-step-forward:before {
  content: "\f051";
}
.la-stethoscope:before {
  content: "\f0f1";
}
.la-sticker-mule:before {
  content: "\f3f7";
}
.la-sticky-note:before {
  content: "\f249";
}
.la-stop:before {
  content: "\f04d";
}
.la-stop-circle:before {
  content: "\f28d";
}
.la-stopwatch:before {
  content: "\f2f2";
}
.la-store:before {
  content: "\f54e";
}
.la-store-alt:before {
  content: "\f54f";
}
.la-strava:before {
  content: "\f428";
}
.la-stream:before {
  content: "\f550";
}
.la-street-view:before {
  content: "\f21d";
}
.la-strikethrough:before {
  content: "\f0cc";
}
.la-stripe:before {
  content: "\f429";
}
.la-stripe-s:before {
  content: "\f42a";
}
.la-stroopwafel:before {
  content: "\f551";
}
.la-studiovinari:before {
  content: "\f3f8";
}
.la-stumbleupon:before {
  content: "\f1a4";
}
.la-stumbleupon-circle:before {
  content: "\f1a3";
}
.la-subscript:before {
  content: "\f12c";
}
.la-subway:before {
  content: "\f239";
}
.la-suitcase:before {
  content: "\f0f2";
}
.la-suitcase-rolling:before {
  content: "\f5c1";
}
.la-sun:before {
  content: "\f185";
}
.la-superpowers:before {
  content: "\f2dd";
}
.la-superscript:before {
  content: "\f12b";
}
.la-supple:before {
  content: "\f3f9";
}
.la-surprise:before {
  content: "\f5c2";
}
.la-suse:before {
  content: "\f7d6";
}
.la-swatchbook:before {
  content: "\f5c3";
}
.la-swift:before {
  content: "\f8e1";
}
.la-swimmer:before {
  content: "\f5c4";
}
.la-swimming-pool:before {
  content: "\f5c5";
}
.la-symfony:before {
  content: "\f83d";
}
.la-synagogue:before {
  content: "\f69b";
}
.la-sync:before {
  content: "\f021";
}
.la-sync-alt:before {
  content: "\f2f1";
}
.la-syringe:before {
  content: "\f48e";
}
.la-table:before {
  content: "\f0ce";
}
.la-table-tennis:before {
  content: "\f45d";
}
.la-tablet:before {
  content: "\f10a";
}
.la-tablet-alt:before {
  content: "\f3fa";
}
.la-tablets:before {
  content: "\f490";
}
.la-tachometer-alt:before {
  content: "\f3fd";
}
.la-tag:before {
  content: "\f02b";
}
.la-tags:before {
  content: "\f02c";
}
.la-tape:before {
  content: "\f4db";
}
.la-tasks:before {
  content: "\f0ae";
}
.la-taxi:before {
  content: "\f1ba";
}
.la-teamspeak:before {
  content: "\f4f9";
}
.la-teeth:before {
  content: "\f62e";
}
.la-teeth-open:before {
  content: "\f62f";
}
.la-telegram:before {
  content: "\f2c6";
}
.la-telegram-plane:before {
  content: "\f3fe";
}
.la-temperature-high:before {
  content: "\f769";
}
.la-temperature-low:before {
  content: "\f76b";
}
.la-tencent-weibo:before {
  content: "\f1d5";
}
.la-tenge:before {
  content: "\f7d7";
}
.la-terminal:before {
  content: "\f120";
}
.la-text-height:before {
  content: "\f034";
}
.la-text-width:before {
  content: "\f035";
}
.la-th:before {
  content: "\f00a";
}
.la-th-large:before {
  content: "\f009";
}
.la-th-list:before {
  content: "\f00b";
}
.la-the-red-yeti:before {
  content: "\f69d";
}
.la-theater-masks:before {
  content: "\f630";
}
.la-themeco:before {
  content: "\f5c6";
}
.la-themeisle:before {
  content: "\f2b2";
}
.la-thermometer:before {
  content: "\f491";
}
.la-thermometer-empty:before {
  content: "\f2cb";
}
.la-thermometer-full:before {
  content: "\f2c7";
}
.la-thermometer-half:before {
  content: "\f2c9";
}
.la-thermometer-quarter:before {
  content: "\f2ca";
}
.la-thermometer-three-quarters:before {
  content: "\f2c8";
}
.la-think-peaks:before {
  content: "\f731";
}
.la-thumbs-down:before {
  content: "\f165";
}
.la-thumbs-up:before {
  content: "\f164";
}
.la-thumbtack:before {
  content: "\f08d";
}
.la-ticket-alt:before {
  content: "\f3ff";
}
.la-times:before {
  content: "\f00d";
}
.la-times-circle:before {
  content: "\f057";
}
.la-tint:before {
  content: "\f043";
}
.la-tint-slash:before {
  content: "\f5c7";
}
.la-tired:before {
  content: "\f5c8";
}
.la-toggle-off:before {
  content: "\f204";
}
.la-toggle-on:before {
  content: "\f205";
}
.la-toilet:before {
  content: "\f7d8";
}
.la-toilet-paper:before {
  content: "\f71e";
}
.la-toolbox:before {
  content: "\f552";
}
.la-tools:before {
  content: "\f7d9";
}
.la-tooth:before {
  content: "\f5c9";
}
.la-torah:before {
  content: "\f6a0";
}
.la-torii-gate:before {
  content: "\f6a1";
}
.la-tractor:before {
  content: "\f722";
}
.la-trade-federation:before {
  content: "\f513";
}
.la-trademark:before {
  content: "\f25c";
}
.la-traffic-light:before {
  content: "\f637";
}
.la-train:before {
  content: "\f238";
}
.la-tram:before {
  content: "\f7da";
}
.la-transgender:before {
  content: "\f224";
}
.la-transgender-alt:before {
  content: "\f225";
}
.la-trash:before {
  content: "\f1f8";
}
.la-trash-alt:before {
  content: "\f2ed";
}
.la-trash-restore:before {
  content: "\f829";
}
.la-trash-restore-alt:before {
  content: "\f82a";
}
.la-tree:before {
  content: "\f1bb";
}
.la-trello:before {
  content: "\f181";
}
.la-tripadvisor:before {
  content: "\f262";
}
.la-trophy:before {
  content: "\f091";
}
.la-truck:before {
  content: "\f0d1";
}
.la-truck-loading:before {
  content: "\f4de";
}
.la-truck-monster:before {
  content: "\f63b";
}
.la-truck-moving:before {
  content: "\f4df";
}
.la-truck-pickup:before {
  content: "\f63c";
}
.la-tshirt:before {
  content: "\f553";
}
.la-tty:before {
  content: "\f1e4";
}
.la-tumblr:before {
  content: "\f173";
}
.la-tumblr-square:before {
  content: "\f174";
}
.la-tv:before {
  content: "\f26c";
}
.la-twitch:before {
  content: "\f1e8";
}
.la-twitter:before {
  content: "\f099";
}
.la-twitter-square:before {
  content: "\f081";
}
.la-typo3:before {
  content: "\f42b";
}
.la-uber:before {
  content: "\f402";
}
.la-ubuntu:before {
  content: "\f7df";
}
.la-uikit:before {
  content: "\f403";
}
.la-umbraco:before {
  content: "\f8e8";
}
.la-umbrella:before {
  content: "\f0e9";
}
.la-umbrella-beach:before {
  content: "\f5ca";
}
.la-underline:before {
  content: "\f0cd";
}
.la-undo:before {
  content: "\f0e2";
}
.la-undo-alt:before {
  content: "\f2ea";
}
.la-uniregistry:before {
  content: "\f404";
}
.la-universal-access:before {
  content: "\f29a";
}
.la-university:before {
  content: "\f19c";
}
.la-unlink:before {
  content: "\f127";
}
.la-unlock:before {
  content: "\f09c";
}
.la-unlock-alt:before {
  content: "\f13e";
}
.la-untappd:before {
  content: "\f405";
}
.la-upload:before {
  content: "\f093";
}
.la-ups:before {
  content: "\f7e0";
}
.la-usb:before {
  content: "\f287";
}
.la-user:before {
  content: "\f007";
}
.la-user-alt:before {
  content: "\f406";
}
.la-user-alt-slash:before {
  content: "\f4fa";
}
.la-user-astronaut:before {
  content: "\f4fb";
}
.la-user-check:before {
  content: "\f4fc";
}
.la-user-circle:before {
  content: "\f2bd";
}
.la-user-clock:before {
  content: "\f4fd";
}
.la-user-cog:before {
  content: "\f4fe";
}
.la-user-edit:before {
  content: "\f4ff";
}
.la-user-friends:before {
  content: "\f500";
}
.la-user-graduate:before {
  content: "\f501";
}
.la-user-injured:before {
  content: "\f728";
}
.la-user-lock:before {
  content: "\f502";
}
.la-user-md:before {
  content: "\f0f0";
}
.la-user-minus:before {
  content: "\f503";
}
.la-user-ninja:before {
  content: "\f504";
}
.la-user-nurse:before {
  content: "\f82f";
}
.la-user-plus:before {
  content: "\f234";
}
.la-user-secret:before {
  content: "\f21b";
}
.la-user-shield:before {
  content: "\f505";
}
.la-user-slash:before {
  content: "\f506";
}
.la-user-tag:before {
  content: "\f507";
}
.la-user-tie:before {
  content: "\f508";
}
.la-user-times:before {
  content: "\f235";
}
.la-users:before {
  content: "\f0c0";
}
.la-users-cog:before {
  content: "\f509";
}
.la-usps:before {
  content: "\f7e1";
}
.la-ussunnah:before {
  content: "\f407";
}
.la-utensil-spoon:before {
  content: "\f2e5";
}
.la-utensils:before {
  content: "\f2e7";
}
.la-vaadin:before {
  content: "\f408";
}
.la-vector-square:before {
  content: "\f5cb";
}
.la-venus:before {
  content: "\f221";
}
.la-venus-double:before {
  content: "\f226";
}
.la-venus-mars:before {
  content: "\f228";
}
.la-viacoin:before {
  content: "\f237";
}
.la-viadeo:before {
  content: "\f2a9";
}
.la-viadeo-square:before {
  content: "\f2aa";
}
.la-vial:before {
  content: "\f492";
}
.la-vials:before {
  content: "\f493";
}
.la-viber:before {
  content: "\f409";
}
.la-video:before {
  content: "\f03d";
}
.la-video-slash:before {
  content: "\f4e2";
}
.la-vihara:before {
  content: "\f6a7";
}
.la-vimeo:before {
  content: "\f40a";
}
.la-vimeo-square:before {
  content: "\f194";
}
.la-vimeo-v:before {
  content: "\f27d";
}
.la-vine:before {
  content: "\f1ca";
}
.la-vk:before {
  content: "\f189";
}
.la-vnv:before {
  content: "\f40b";
}
.la-voicemail:before {
  content: "\f897";
}
.la-volleyball-ball:before {
  content: "\f45f";
}
.la-volume-down:before {
  content: "\f027";
}
.la-volume-mute:before {
  content: "\f6a9";
}
.la-volume-off:before {
  content: "\f026";
}
.la-volume-up:before {
  content: "\f028";
}
.la-vote-yea:before {
  content: "\f772";
}
.la-vr-cardboard:before {
  content: "\f729";
}
.la-vuejs:before {
  content: "\f41f";
}
.la-walking:before {
  content: "\f554";
}
.la-wallet:before {
  content: "\f555";
}
.la-warehouse:before {
  content: "\f494";
}
.la-water:before {
  content: "\f773";
}
.la-wave-square:before {
  content: "\f83e";
}
.la-waze:before {
  content: "\f83f";
}
.la-weebly:before {
  content: "\f5cc";
}
.la-weibo:before {
  content: "\f18a";
}
.la-weight:before {
  content: "\f496";
}
.la-weight-hanging:before {
  content: "\f5cd";
}
.la-weixin:before {
  content: "\f1d7";
}
.la-whatsapp:before {
  content: "\f232";
}
.la-whatsapp-square:before {
  content: "\f40c";
}
.la-wheelchair:before {
  content: "\f193";
}
.la-whmcs:before {
  content: "\f40d";
}
.la-wifi:before {
  content: "\f1eb";
}
.la-wikipedia-w:before {
  content: "\f266";
}
.la-wind:before {
  content: "\f72e";
}
.la-window-close:before {
  content: "\f410";
}
.la-window-maximize:before {
  content: "\f2d0";
}
.la-window-minimize:before {
  content: "\f2d1";
}
.la-window-restore:before {
  content: "\f2d2";
}
.la-windows:before {
  content: "\f17a";
}
.la-wine-bottle:before {
  content: "\f72f";
}
.la-wine-glass:before {
  content: "\f4e3";
}
.la-wine-glass-alt:before {
  content: "\f5ce";
}
.la-wix:before {
  content: "\f5cf";
}
.la-wizards-of-the-coast:before {
  content: "\f730";
}
.la-wolf-pack-battalion:before {
  content: "\f514";
}
.la-won-sign:before {
  content: "\f159";
}
.la-wordpress:before {
  content: "\f19a";
}
.la-wordpress-simple:before {
  content: "\f411";
}
.la-wpbeginner:before {
  content: "\f297";
}
.la-wpexplorer:before {
  content: "\f2de";
}
.la-wpforms:before {
  content: "\f298";
}
.la-wpressr:before {
  content: "\f3e4";
}
.la-wrench:before {
  content: "\f0ad";
}
.la-x-ray:before {
  content: "\f497";
}
.la-xbox:before {
  content: "\f412";
}
.la-xing:before {
  content: "\f168";
}
.la-xing-square:before {
  content: "\f169";
}
.la-y-combinator:before {
  content: "\f23b";
}
.la-yahoo:before {
  content: "\f19e";
}
.la-yammer:before {
  content: "\f840";
}
.la-yandex:before {
  content: "\f413";
}
.la-yandex-international:before {
  content: "\f414";
}
.la-yarn:before {
  content: "\f7e3";
}
.la-yelp:before {
  content: "\f1e9";
}
.la-yen-sign:before {
  content: "\f157";
}
.la-yin-yang:before {
  content: "\f6ad";
}
.la-yoast:before {
  content: "\f2b1";
}
.la-youtube:before {
  content: "\f167";
}
.la-youtube-square:before {
  content: "\f431";
}
.la-zhihu:before {
  content: "\f63f";
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@font-face {
  font-family: "Line Awesome Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("./media/la-brands-400-JDUJSY44.eot");
  src:
    url("./media/la-brands-400-JDUJSY44.eot?#iefix") format("embedded-opentype"),
    url("./media/la-brands-400-CIWECNZM.woff2") format("woff2"),
    url("./media/la-brands-400-D3A7B5PJ.woff") format("woff"),
    url("./media/la-brands-400-INB5BQB2.ttf") format("truetype"),
    url("./media/la-brands-400-DCGAVEZE.svg#lineawesome") format("svg");
}
.lab {
  font-family: "Line Awesome Brands";
}
@font-face {
  font-family: "Line Awesome Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("./media/la-regular-400-PNT4KM2T.eot");
  src:
    url("./media/la-regular-400-PNT4KM2T.eot?#iefix") format("embedded-opentype"),
    url("./media/la-regular-400-X6VKWRSW.woff2") format("woff2"),
    url("./media/la-regular-400-6RPJSTIW.woff") format("woff"),
    url("./media/la-regular-400-34F2J7YZ.ttf") format("truetype"),
    url("./media/la-regular-400-ZO72QHAG.svg#lineawesome") format("svg");
}
.lar {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
@font-face {
  font-family: "Line Awesome Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("./media/la-solid-900-QVUSAB64.eot");
  src:
    url("./media/la-solid-900-QVUSAB64.eot?#iefix") format("embedded-opentype"),
    url("./media/la-solid-900-RZOHS333.woff2") format("woff2"),
    url("./media/la-solid-900-PXMBKEUD.woff") format("woff"),
    url("./media/la-solid-900-LAWDUD4I.ttf") format("truetype"),
    url("./media/la-solid-900-6KWE4WBR.svg#lineawesome") format("svg");
}
.la,
.las {
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.la.la-glass:before {
  content: "\f000";
}
.la.la-meetup {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-star-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-star-o:before {
  content: "\f005";
}
.la.la-remove:before {
  content: "\f00d";
}
.la.la-close:before {
  content: "\f00d";
}
.la.la-gear:before {
  content: "\f013";
}
.la.la-trash-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-trash-o:before {
  content: "\f2ed";
}
.la.la-file-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-o:before {
  content: "\f15b";
}
.la.la-clock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-clock-o:before {
  content: "\f017";
}
.la.la-arrow-circle-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-arrow-circle-o-down:before {
  content: "\f358";
}
.la.la-arrow-circle-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-arrow-circle-o-up:before {
  content: "\f35b";
}
.la.la-play-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-play-circle-o:before {
  content: "\f144";
}
.la.la-repeat:before {
  content: "\f01e";
}
.la.la-rotate-right:before {
  content: "\f01e";
}
.la.la-refresh:before {
  content: "\f021";
}
.la.la-list-alt {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-dedent:before {
  content: "\f03b";
}
.la.la-video-camera:before {
  content: "\f03d";
}
.la.la-picture-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-picture-o:before {
  content: "\f03e";
}
.la.la-photo {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-photo:before {
  content: "\f03e";
}
.la.la-image {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-image:before {
  content: "\f03e";
}
.la.la-pencil:before {
  content: "\f303";
}
.la.la-map-marker:before {
  content: "\f3c5";
}
.la.la-pencil-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-pencil-square-o:before {
  content: "\f044";
}
.la.la-share-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-share-square-o:before {
  content: "\f14d";
}
.la.la-check-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-check-square-o:before {
  content: "\f14a";
}
.la.la-arrows:before {
  content: "\f0b2";
}
.la.la-times-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-times-circle-o:before {
  content: "\f057";
}
.la.la-check-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-check-circle-o:before {
  content: "\f058";
}
.la.la-mail-forward:before {
  content: "\f064";
}
.la.la-eye {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-eye-slash {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-warning:before {
  content: "\f071";
}
.la.la-calendar:before {
  content: "\f073";
}
.la.la-arrows-v:before {
  content: "\f338";
}
.la.la-arrows-h:before {
  content: "\f337";
}
.la.la-bar-chart {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-bar-chart:before {
  content: "\f080";
}
.la.la-bar-chart-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-bar-chart-o:before {
  content: "\f080";
}
.la.la-twitter-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-facebook-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gears:before {
  content: "\f085";
}
.la.la-thumbs-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-thumbs-o-up:before {
  content: "\f164";
}
.la.la-thumbs-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-thumbs-o-down:before {
  content: "\f165";
}
.la.la-heart-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-heart-o:before {
  content: "\f004";
}
.la.la-sign-out:before {
  content: "\f2f5";
}
.la.la-linkedin-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-linkedin-square:before {
  content: "\f08c";
}
.la.la-thumb-tack:before {
  content: "\f08d";
}
.la.la-external-link:before {
  content: "\f35d";
}
.la.la-sign-in:before {
  content: "\f2f6";
}
.la.la-github-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-lemon-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-lemon-o:before {
  content: "\f094";
}
.la.la-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-square-o:before {
  content: "\f0c8";
}
.la.la-bookmark-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-bookmark-o:before {
  content: "\f02e";
}
.la.la-twitter {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-facebook {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-facebook:before {
  content: "\f39e";
}
.la.la-facebook-f {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-facebook-f:before {
  content: "\f39e";
}
.la.la-github {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-credit-card {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-feed:before {
  content: "\f09e";
}
.la.la-hdd-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hdd-o:before {
  content: "\f0a0";
}
.la.la-hand-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-o-right:before {
  content: "\f0a4";
}
.la.la-hand-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-o-left:before {
  content: "\f0a5";
}
.la.la-hand-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-o-up:before {
  content: "\f0a6";
}
.la.la-hand-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-o-down:before {
  content: "\f0a7";
}
.la.la-arrows-alt:before {
  content: "\f31e";
}
.la.la-group:before {
  content: "\f0c0";
}
.la.la-chain:before {
  content: "\f0c1";
}
.la.la-scissors:before {
  content: "\f0c4";
}
.la.la-files-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-files-o:before {
  content: "\f0c5";
}
.la.la-floppy-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-floppy-o:before {
  content: "\f0c7";
}
.la.la-navicon:before {
  content: "\f0c9";
}
.la.la-reorder:before {
  content: "\f0c9";
}
.la.la-pinterest {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pinterest-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus:before {
  content: "\f0d5";
}
.la.la-money {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-money:before {
  content: "\f3d1";
}
.la.la-unsorted:before {
  content: "\f0dc";
}
.la.la-sort-desc:before {
  content: "\f0dd";
}
.la.la-sort-asc:before {
  content: "\f0de";
}
.la.la-linkedin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-linkedin:before {
  content: "\f0e1";
}
.la.la-rotate-left:before {
  content: "\f0e2";
}
.la.la-legal:before {
  content: "\f0e3";
}
.la.la-tachometer:before {
  content: "\f3fd";
}
.la.la-dashboard:before {
  content: "\f3fd";
}
.la.la-comment-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-comment-o:before {
  content: "\f075";
}
.la.la-comments-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-comments-o:before {
  content: "\f086";
}
.la.la-flash:before {
  content: "\f0e7";
}
.la.la-clipboard {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-paste {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-paste:before {
  content: "\f328";
}
.la.la-lightbulb-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-lightbulb-o:before {
  content: "\f0eb";
}
.la.la-exchange:before {
  content: "\f362";
}
.la.la-cloud-download:before {
  content: "\f381";
}
.la.la-cloud-upload:before {
  content: "\f382";
}
.la.la-bell-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-bell-o:before {
  content: "\f0f3";
}
.la.la-cutlery:before {
  content: "\f2e7";
}
.la.la-file-text-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-text-o:before {
  content: "\f15c";
}
.la.la-building-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-building-o:before {
  content: "\f1ad";
}
.la.la-hospital-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hospital-o:before {
  content: "\f0f8";
}
.la.la-tablet:before {
  content: "\f3fa";
}
.la.la-mobile:before {
  content: "\f3cd";
}
.la.la-mobile-phone:before {
  content: "\f3cd";
}
.la.la-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-circle-o:before {
  content: "\f111";
}
.la.la-mail-reply:before {
  content: "\f3e5";
}
.la.la-github-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-folder-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-folder-o:before {
  content: "\f07b";
}
.la.la-folder-open-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-folder-open-o:before {
  content: "\f07c";
}
.la.la-smile-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-smile-o:before {
  content: "\f118";
}
.la.la-frown-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-frown-o:before {
  content: "\f119";
}
.la.la-meh-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-meh-o:before {
  content: "\f11a";
}
.la.la-keyboard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-keyboard-o:before {
  content: "\f11c";
}
.la.la-flag-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-flag-o:before {
  content: "\f024";
}
.la.la-mail-reply-all:before {
  content: "\f122";
}
.la.la-star-half-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-star-half-o:before {
  content: "\f089";
}
.la.la-star-half-empty {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-star-half-empty:before {
  content: "\f089";
}
.la.la-star-half-full {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-star-half-full:before {
  content: "\f089";
}
.la.la-code-fork:before {
  content: "\f126";
}
.la.la-chain-broken:before {
  content: "\f127";
}
.la.la-shield:before {
  content: "\f3ed";
}
.la.la-calendar-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-calendar-o:before {
  content: "\f133";
}
.la.la-maxcdn {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-html5 {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-css3 {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ticket:before {
  content: "\f3ff";
}
.la.la-minus-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-minus-square-o:before {
  content: "\f146";
}
.la.la-level-up:before {
  content: "\f3bf";
}
.la.la-level-down:before {
  content: "\f3be";
}
.la.la-pencil-square:before {
  content: "\f14b";
}
.la.la-external-link-square:before {
  content: "\f360";
}
.la.la-compass {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-caret-square-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-caret-square-o-down:before {
  content: "\f150";
}
.la.la-toggle-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-toggle-down:before {
  content: "\f150";
}
.la.la-caret-square-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-caret-square-o-up:before {
  content: "\f151";
}
.la.la-toggle-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-toggle-up:before {
  content: "\f151";
}
.la.la-caret-square-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-caret-square-o-right:before {
  content: "\f152";
}
.la.la-toggle-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-toggle-right:before {
  content: "\f152";
}
.la.la-eur:before {
  content: "\f153";
}
.la.la-euro:before {
  content: "\f153";
}
.la.la-gbp:before {
  content: "\f154";
}
.la.la-usd:before {
  content: "\f155";
}
.la.la-dollar:before {
  content: "\f155";
}
.la.la-inr:before {
  content: "\f156";
}
.la.la-rupee:before {
  content: "\f156";
}
.la.la-jpy:before {
  content: "\f157";
}
.la.la-cny:before {
  content: "\f157";
}
.la.la-rmb:before {
  content: "\f157";
}
.la.la-yen:before {
  content: "\f157";
}
.la.la-rub:before {
  content: "\f158";
}
.la.la-ruble:before {
  content: "\f158";
}
.la.la-rouble:before {
  content: "\f158";
}
.la.la-krw:before {
  content: "\f159";
}
.la.la-won:before {
  content: "\f159";
}
.la.la-btc {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bitcoin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bitcoin:before {
  content: "\f15a";
}
.la.la-file-text:before {
  content: "\f15c";
}
.la.la-sort-alpha-asc:before {
  content: "\f15d";
}
.la.la-sort-alpha-desc:before {
  content: "\f881";
}
.la.la-sort-amount-asc:before {
  content: "\f160";
}
.la.la-sort-amount-desc:before {
  content: "\f884";
}
.la.la-sort-numeric-asc:before {
  content: "\f162";
}
.la.la-sort-numeric-desc:before {
  content: "\f886";
}
.la.la-youtube-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-youtube {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-xing {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-xing-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-youtube-play {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-youtube-play:before {
  content: "\f167";
}
.la.la-dropbox {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-stack-overflow {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-instagram {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-flickr {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-adn {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bitbucket {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bitbucket-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bitbucket-square:before {
  content: "\f171";
}
.la.la-tumblr {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-tumblr-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-long-arrow-down:before {
  content: "\f309";
}
.la.la-long-arrow-up:before {
  content: "\f30c";
}
.la.la-long-arrow-left:before {
  content: "\f30a";
}
.la.la-long-arrow-right:before {
  content: "\f30b";
}
.la.la-apple {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-windows {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-android {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-linux {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-dribbble {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-skype {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-foursquare {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-trello {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gratipay {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gittip {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gittip:before {
  content: "\f184";
}
.la.la-sun-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-sun-o:before {
  content: "\f185";
}
.la.la-moon-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-moon-o:before {
  content: "\f186";
}
.la.la-vk {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-weibo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-renren {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pagelines {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-stack-exchange {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-arrow-circle-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-arrow-circle-o-right:before {
  content: "\f35a";
}
.la.la-arrow-circle-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-arrow-circle-o-left:before {
  content: "\f359";
}
.la.la-caret-square-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-caret-square-o-left:before {
  content: "\f191";
}
.la.la-toggle-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-toggle-left:before {
  content: "\f191";
}
.la.la-dot-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-dot-circle-o:before {
  content: "\f192";
}
.la.la-vimeo-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-try:before {
  content: "\f195";
}
.la.la-turkish-lira:before {
  content: "\f195";
}
.la.la-plus-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-plus-square-o:before {
  content: "\f0fe";
}
.la.la-slack {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wordpress {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-openid {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-institution:before {
  content: "\f19c";
}
.la.la-bank:before {
  content: "\f19c";
}
.la.la-mortar-board:before {
  content: "\f19d";
}
.la.la-yahoo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-reddit {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-reddit-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-stumbleupon-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-stumbleupon {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-delicious {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-digg {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pied-piper-pp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pied-piper-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-drupal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-joomla {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-spoon:before {
  content: "\f2e5";
}
.la.la-behance {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-behance-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-steam {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-steam-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-automobile:before {
  content: "\f1b9";
}
.la.la-cab:before {
  content: "\f1ba";
}
.la.la-envelope-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-envelope-o:before {
  content: "\f0e0";
}
.la.la-deviantart {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-soundcloud {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-file-pdf-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-pdf-o:before {
  content: "\f1c1";
}
.la.la-file-word-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-word-o:before {
  content: "\f1c2";
}
.la.la-file-excel-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-excel-o:before {
  content: "\f1c3";
}
.la.la-file-powerpoint-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-powerpoint-o:before {
  content: "\f1c4";
}
.la.la-file-image-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-image-o:before {
  content: "\f1c5";
}
.la.la-file-photo-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-photo-o:before {
  content: "\f1c5";
}
.la.la-file-picture-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-picture-o:before {
  content: "\f1c5";
}
.la.la-file-archive-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-archive-o:before {
  content: "\f1c6";
}
.la.la-file-zip-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-zip-o:before {
  content: "\f1c6";
}
.la.la-file-audio-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-audio-o:before {
  content: "\f1c7";
}
.la.la-file-sound-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-sound-o:before {
  content: "\f1c7";
}
.la.la-file-video-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-video-o:before {
  content: "\f1c8";
}
.la.la-file-movie-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-movie-o:before {
  content: "\f1c8";
}
.la.la-file-code-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-file-code-o:before {
  content: "\f1c9";
}
.la.la-vine {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-codepen {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-jsfiddle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-life-ring {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-life-bouy {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-life-bouy:before {
  content: "\f1cd";
}
.la.la-life-buoy {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-life-buoy:before {
  content: "\f1cd";
}
.la.la-life-saver {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-life-saver:before {
  content: "\f1cd";
}
.la.la-support {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-support:before {
  content: "\f1cd";
}
.la.la-circle-o-notch:before {
  content: "\f1ce";
}
.la.la-rebel {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ra {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ra:before {
  content: "\f1d0";
}
.la.la-resistance {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-resistance:before {
  content: "\f1d0";
}
.la.la-empire {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ge {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ge:before {
  content: "\f1d1";
}
.la.la-git-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-git {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-hacker-news {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-y-combinator-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-y-combinator-square:before {
  content: "\f1d4";
}
.la.la-yc-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-yc-square:before {
  content: "\f1d4";
}
.la.la-tencent-weibo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-qq {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-weixin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wechat {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wechat:before {
  content: "\f1d7";
}
.la.la-send:before {
  content: "\f1d8";
}
.la.la-paper-plane-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-paper-plane-o:before {
  content: "\f1d8";
}
.la.la-send-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-send-o:before {
  content: "\f1d8";
}
.la.la-circle-thin {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-circle-thin:before {
  content: "\f111";
}
.la.la-header:before {
  content: "\f1dc";
}
.la.la-sliders:before {
  content: "\f1de";
}
.la.la-futbol-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-futbol-o:before {
  content: "\f1e3";
}
.la.la-soccer-ball-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-soccer-ball-o:before {
  content: "\f1e3";
}
.la.la-slideshare {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-twitch {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-yelp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-newspaper-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-newspaper-o:before {
  content: "\f1ea";
}
.la.la-paypal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-wallet {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-visa {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-mastercard {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-discover {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-amex {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-paypal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-stripe {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bell-slash-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-bell-slash-o:before {
  content: "\f1f6";
}
.la.la-trash:before {
  content: "\f2ed";
}
.la.la-copyright {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-eyedropper:before {
  content: "\f1fb";
}
.la.la-area-chart:before {
  content: "\f1fe";
}
.la.la-pie-chart:before {
  content: "\f200";
}
.la.la-line-chart:before {
  content: "\f201";
}
.la.la-lastfm {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-lastfm-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ioxhost {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-angellist {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-cc:before {
  content: "\f20a";
}
.la.la-ils:before {
  content: "\f20b";
}
.la.la-shekel:before {
  content: "\f20b";
}
.la.la-sheqel:before {
  content: "\f20b";
}
.la.la-meanpath {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-meanpath:before {
  content: "\f2b4";
}
.la.la-buysellads {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-connectdevelop {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-dashcube {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-forumbee {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-leanpub {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-sellsy {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-shirtsinbulk {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-simplybuilt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-skyatlas {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-diamond {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-diamond:before {
  content: "\f3a5";
}
.la.la-intersex:before {
  content: "\f224";
}
.la.la-facebook-official {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-facebook-official:before {
  content: "\f09a";
}
.la.la-pinterest-p {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-whatsapp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-hotel:before {
  content: "\f236";
}
.la.la-viacoin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-medium {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-y-combinator {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-yc {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-yc:before {
  content: "\f23b";
}
.la.la-optin-monster {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-opencart {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-expeditedssl {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-battery-4:before {
  content: "\f240";
}
.la.la-battery:before {
  content: "\f240";
}
.la.la-battery-3:before {
  content: "\f241";
}
.la.la-battery-2:before {
  content: "\f242";
}
.la.la-battery-1:before {
  content: "\f243";
}
.la.la-battery-0:before {
  content: "\f244";
}
.la.la-object-group {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-object-ungroup {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-sticky-note-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-sticky-note-o:before {
  content: "\f249";
}
.la.la-cc-jcb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-cc-diners-club {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-clone {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hourglass-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hourglass-o:before {
  content: "\f254";
}
.la.la-hourglass-1:before {
  content: "\f251";
}
.la.la-hourglass-2:before {
  content: "\f252";
}
.la.la-hourglass-3:before {
  content: "\f253";
}
.la.la-hand-rock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-rock-o:before {
  content: "\f255";
}
.la.la-hand-grab-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-grab-o:before {
  content: "\f255";
}
.la.la-hand-paper-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-paper-o:before {
  content: "\f256";
}
.la.la-hand-stop-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-stop-o:before {
  content: "\f256";
}
.la.la-hand-scissors-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-scissors-o:before {
  content: "\f257";
}
.la.la-hand-lizard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-lizard-o:before {
  content: "\f258";
}
.la.la-hand-spock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-spock-o:before {
  content: "\f259";
}
.la.la-hand-pointer-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-pointer-o:before {
  content: "\f25a";
}
.la.la-hand-peace-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-hand-peace-o:before {
  content: "\f25b";
}
.la.la-registered {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-creative-commons {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gg {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gg-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-tripadvisor {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-odnoklassniki {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-odnoklassniki-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-get-pocket {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wikipedia-w {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-safari {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-chrome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-firefox {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-opera {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-internet-explorer {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-television:before {
  content: "\f26c";
}
.la.la-contao {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-500px {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-amazon {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-calendar-plus-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-calendar-plus-o:before {
  content: "\f271";
}
.la.la-calendar-minus-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-calendar-minus-o:before {
  content: "\f272";
}
.la.la-calendar-times-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-calendar-times-o:before {
  content: "\f273";
}
.la.la-calendar-check-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-calendar-check-o:before {
  content: "\f274";
}
.la.la-map-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-map-o:before {
  content: "\f279";
}
.la.la-commenting:before {
  content: "\f4ad";
}
.la.la-commenting-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-commenting-o:before {
  content: "\f4ad";
}
.la.la-houzz {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-vimeo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-vimeo:before {
  content: "\f27d";
}
.la.la-black-tie {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-fonticons {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-reddit-alien {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-edge {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-credit-card-alt:before {
  content: "\f09d";
}
.la.la-codiepie {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-modx {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-fort-awesome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-usb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-product-hunt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-mixcloud {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-scribd {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pause-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-pause-circle-o:before {
  content: "\f28b";
}
.la.la-stop-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-stop-circle-o:before {
  content: "\f28d";
}
.la.la-bluetooth {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-bluetooth-b {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-gitlab {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wpbeginner {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wpforms {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-envira {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wheelchair-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wheelchair-alt:before {
  content: "\f368";
}
.la.la-question-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-question-circle-o:before {
  content: "\f059";
}
.la.la-volume-control-phone:before {
  content: "\f2a0";
}
.la.la-asl-interpreting:before {
  content: "\f2a3";
}
.la.la-deafness:before {
  content: "\f2a4";
}
.la.la-hard-of-hearing:before {
  content: "\f2a4";
}
.la.la-glide {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-glide-g {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-signing:before {
  content: "\f2a7";
}
.la.la-viadeo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-viadeo-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-snapchat {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-snapchat-ghost {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-snapchat-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-pied-piper {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-first-order {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-yoast {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-themeisle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus-official {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus-official:before {
  content: "\f2b3";
}
.la.la-google-plus-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-google-plus-circle:before {
  content: "\f2b3";
}
.la.la-font-awesome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-fa {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-fa:before {
  content: "\f2b4";
}
.la.la-handshake-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-handshake-o:before {
  content: "\f2b5";
}
.la.la-envelope-open-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-envelope-open-o:before {
  content: "\f2b6";
}
.la.la-linode {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-address-book-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-address-book-o:before {
  content: "\f2b9";
}
.la.la-vcard:before {
  content: "\f2bb";
}
.la.la-address-card-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-address-card-o:before {
  content: "\f2bb";
}
.la.la-vcard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-vcard-o:before {
  content: "\f2bb";
}
.la.la-user-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-user-circle-o:before {
  content: "\f2bd";
}
.la.la-user-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-user-o:before {
  content: "\f007";
}
.la.la-id-badge {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-drivers-license:before {
  content: "\f2c2";
}
.la.la-id-card-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-id-card-o:before {
  content: "\f2c2";
}
.la.la-drivers-license-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-drivers-license-o:before {
  content: "\f2c2";
}
.la.la-quora {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-free-code-camp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-telegram {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-thermometer-4:before {
  content: "\f2c7";
}
.la.la-thermometer:before {
  content: "\f2c7";
}
.la.la-thermometer-3:before {
  content: "\f2c8";
}
.la.la-thermometer-2:before {
  content: "\f2c9";
}
.la.la-thermometer-1:before {
  content: "\f2ca";
}
.la.la-thermometer-0:before {
  content: "\f2cb";
}
.la.la-bathtub:before {
  content: "\f2cd";
}
.la.la-s15:before {
  content: "\f2cd";
}
.la.la-window-maximize {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-window-restore {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-times-rectangle:before {
  content: "\f410";
}
.la.la-window-close-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-window-close-o:before {
  content: "\f410";
}
.la.la-times-rectangle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-times-rectangle-o:before {
  content: "\f410";
}
.la.la-bandcamp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-grav {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-etsy {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-imdb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-ravelry {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-eercast {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-eercast:before {
  content: "\f2da";
}
.la.la-snowflake-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}
.la.la-snowflake-o:before {
  content: "\f2dc";
}
.la.la-superpowers {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-wpexplorer {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
.la.la-spotify {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: "Questrial";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/questrial-v19-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/lato-v25-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/poppins-v24-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "ABeeZee";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/abeezee-v23-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/open-sans-v44-latin-regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-v50-latin-regular.woff2) format("woff2");
}
@media (prefers-color-scheme: dark) {
  button[color=success][mat-raised-button],
  button[color=success][mat-flat-button],
  button[color=success][mat-fab],
  button[color=success][mat-mini-fab],
  button[ng-reflect-color=success][mat-raised-button],
  button[ng-reflect-color=success][mat-flat-button],
  button[ng-reflect-color=success][mat-fab],
  button[ng-reflect-color=success][mat-mini-fab] {
    color: #fff;
    background-color: #6CC551;
  }
}
@media (prefers-color-scheme: light) {
  button[color=success][mat-raised-button],
  button[color=success][mat-flat-button],
  button[color=success][mat-fab],
  button[color=success][mat-mini-fab],
  button[ng-reflect-color=success][mat-raised-button],
  button[ng-reflect-color=success][mat-flat-button],
  button[ng-reflect-color=success][mat-fab],
  button[ng-reflect-color=success][mat-mini-fab] {
    color: #fff;
    background-color: #6CC551;
  }
}
@media (prefers-color-scheme: dark) {
  button[color=success][mat-button],
  button[color=success][mat-stroked-button],
  button[color=success][mat-icon-button],
  button[ng-reflect-color=success][mat-button],
  button[ng-reflect-color=success][mat-stroked-button],
  button[ng-reflect-color=success][mat-icon-button] {
    color: #6CC551;
  }
}
@media (prefers-color-scheme: light) {
  button[color=success][mat-button],
  button[color=success][mat-stroked-button],
  button[color=success][mat-icon-button],
  button[ng-reflect-color=success][mat-button],
  button[ng-reflect-color=success][mat-stroked-button],
  button[ng-reflect-color=success][mat-icon-button] {
    color: #6CC551;
  }
}
.ng-select {
  padding-bottom: 23px;
}
.ng-select.subscript-dinamico {
  padding-bottom: 0;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 6px 0 0 16px;
}
.ng-select .ng-select-container .ng-value-container .ng-input > input[type=text] {
  padding-left: 16px;
}
.ng-select .ng-spinner-loader {
  align-self: flex-end;
  margin-bottom: 10px;
}
.ng-select-container:hover {
  color: var(--mat-sidenav-content-text-color);
  background-color: var(--mat-sidenav-content-background-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.spinning-cubic-bezier {
  animation: spin-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes spin-kf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blinking-linear {
  animation: blink-kf 1.2s infinite;
}
@keyframes blink-kf {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.pulse {
  animation: pulse-kf 0.7s infinite alternate;
  animation-timing-function: linear;
}
@keyframes pulse-kf {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.97);
  }
  80% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
.drop-zone {
  border-radius: 0.6rem;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drop-zone.drop-zone-full {
  height: 100%;
}
.drop-zone img {
  margin: 0;
  width: auto;
  height: 100%;
}
.drop-zone-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ngx-file-drop__drop-zone {
  border: 1px dotted var(--primary-color) !important;
  border-radius: 4px !important;
}
.import-file-drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 9rem;
  padding: 1.25rem;
  border: 1.5px dashed rgba(0, 0, 0, 0.25);
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.015);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.import-file-drop-zone:hover,
.import-file-drop-zone.ngx-file-drop__drop-zone--over {
  border-color: var(--primary-color);
  background: rgba(0, 0, 0, 0.04);
}
.import-file-drop-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.file-explorer-drop-zone {
  display: flex;
  width: 100%;
  min-height: 120px;
  border: 1.5px dashed transparent;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.file-explorer-drop-zone.ngx-file-drop__drop-zone--over {
  border-color: var(--primary-color);
  background: rgba(0, 0, 0, 0.04);
}
.file-explorer-drop-content {
  display: flex;
  width: 100%;
}
.tt-calendario {
  --tt-cal-altezza-slot: 22px;
}
.tt-calendario .fc {
  font-family: inherit;
  font-size: 0.85rem;
  --fc-border-color: color-mix(in srgb, currentColor 12%, transparent);
  --fc-page-bg-color: transparent;
  --fc-neutral-bg-color: transparent;
  --fc-today-bg-color: transparent;
  --fc-now-indicator-color: #e53935;
}
.tt-calendario .fc-scrollgrid-section-sticky > th {
  top: var(--tt-toolbar-h, 0px) !important;
  z-index: 4;
  background: var(--mat-card-background-color, #fff);
}
.tt-calendario .fc-col-header-cell {
  padding: 2px 4px;
  font-weight: 500;
  background: color-mix(in srgb, currentColor 4%, transparent);
}
.tt-calendario .fc-col-header-cell-cushion {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 1px 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.03em;
  opacity: 0.75;
  line-height: 1.15;
}
.tt-calendario .tt-cal__totale-giorno {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  font-variant-numeric: tabular-nums;
  opacity: 1;
}
.tt-calendario .tt-cal__totale-giorno--zero {
  opacity: 0.35;
  font-weight: 400;
}
.tt-calendario .fc-day-today .fc-col-header-cell-cushion {
  opacity: 1;
  font-weight: 700;
  color: var(--mat-sys-primary, #1976d2);
}
.tt-calendario .fc-day-sat,
.tt-calendario .fc-day-sun {
  background: color-mix(in srgb, currentColor 3%, transparent);
}
.tt-calendario .fc-timegrid-slot {
  height: var(--tt-cal-altezza-slot) !important;
}
.tt-calendario .fc-timegrid-slot-label-frame {
  height: auto !important;
  line-height: 1 !important;
}
.tt-calendario .fc-timegrid-slot-minor {
  border-top-style: dotted;
}
.tt-calendario .fc-timegrid-axis-cushion,
.tt-calendario .fc-timegrid-slot-label-cushion {
  font-size: clamp(0.55rem, var(--tt-cal-altezza-slot, 22px) * 0.45, 0.72rem);
  line-height: 1;
  padding: 0 3px;
  opacity: 0.6;
  font-variant-numeric: tabular-nums;
}
.tt-calendario .fc-timegrid-event,
.tt-calendario .fc-daygrid-event {
  border-width: 1px 1px 1px 3px;
  border-radius: 3px;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}
.tt-calendario .fc-timegrid-event {
  container-type: size;
}
.tt-calendario .fc-timegrid-event .fc-event-main,
.tt-calendario .fc-daygrid-event .fc-event-main {
  padding: 2px 4px 2px 5px;
  color: inherit;
}
.tt-calendario .tt-ev {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  line-height: 1.25;
}
.tt-calendario .tt-ev__descrizione {
  flex-shrink: 0;
  font-weight: 500;
  overflow-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tt-calendario .tt-ev__piede {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: auto;
  min-width: 0;
}
.tt-calendario .tt-ev__progetto {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.74rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tt-calendario .tt-ev__durata {
  flex-shrink: 0;
  margin-left: auto;
  font-size: 0.74rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}
@container (max-height: 47.9px) {
  .tt-calendario .tt-ev__descrizione {
    -webkit-line-clamp: 1;
  }
}
@container (min-height: 63px) {
  .tt-calendario .tt-ev__descrizione {
    -webkit-line-clamp: 3;
  }
}
@container (min-height: 78px) {
  .tt-calendario .tt-ev__descrizione {
    -webkit-line-clamp: 4;
  }
}
@container (min-height: 92px) {
  .tt-calendario .tt-ev__descrizione {
    -webkit-line-clamp: 5;
  }
}
@container (min-height: 107px) {
  .tt-calendario .tt-ev__descrizione {
    -webkit-line-clamp: 6;
  }
}
@container (max-height: 46px) {
  .tt-calendario .tt-ev {
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
  }
  .tt-calendario .tt-ev__piede {
    display: contents;
  }
  .tt-calendario .tt-ev__progetto {
    display: none;
  }
  .tt-calendario .tt-ev__descrizione {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
  }
  .tt-calendario .tt-ev__durata {
    flex-shrink: 0;
    margin-left: 0;
    align-self: baseline;
  }
}
@container (max-height: 26px) {
  .tt-calendario .tt-ev__durata {
    display: none;
  }
}
.tt-calendario .tt-ev--bloccata {
  border-left-style: dashed;
  cursor: not-allowed;
}
.tt-calendario .tt-ev--bloccata .tt-ev__descrizione {
  font-style: italic;
}
.tt-calendario .fc-daygrid-day-number {
  font-size: 0.78rem;
  opacity: 0.7;
  text-decoration: none;
}
.tt-calendario .fc-highlight {
  background: color-mix(in srgb, var(--mat-sys-primary, #1976d2) 14%, transparent);
}
.tt-ev-tooltip-portal {
  position: fixed;
  z-index: 1000;
  padding: 3px 7px;
  border-radius: 4px;
  background: #212121;
  color: #fff;
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 1.4;
  pointer-events: none;
}
.grid-responsive,
.grid-responsive-1,
.grid-responsive-2,
.grid-responsive-4,
.grid-responsive-3,
.grid-responsive-6,
.grid-responsive-12 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, 1fr);
  align-items: flex-end;
}
.grid-responsive [class^=col-],
.grid-responsive-1 [class^=col-],
.grid-responsive-2 [class^=col-],
.grid-responsive-4 [class^=col-],
.grid-responsive-3 [class^=col-],
.grid-responsive-6 [class^=col-],
.grid-responsive-12 [class^=col-] {
  position: relative;
}
.grid-responsive [class^=col-] > *,
.grid-responsive-1 [class^=col-] > *,
.grid-responsive-2 [class^=col-] > *,
.grid-responsive-4 [class^=col-] > *,
.grid-responsive-3 [class^=col-] > *,
.grid-responsive-6 [class^=col-] > *,
.grid-responsive-12 [class^=col-] > * {
  width: 100%;
}
@media (min-width: 960px) {
  .grid-responsive .col-1,
  .grid-responsive-1 .col-1,
  .grid-responsive-2 .col-1,
  .grid-responsive-4 .col-1,
  .grid-responsive-3 .col-1,
  .grid-responsive-6 .col-1,
  .grid-responsive-12 .col-1 {
    grid-column: span 1;
  }
  .grid-responsive .col-2,
  .grid-responsive-1 .col-2,
  .grid-responsive-2 .col-2,
  .grid-responsive-4 .col-2,
  .grid-responsive-3 .col-2,
  .grid-responsive-6 .col-2,
  .grid-responsive-12 .col-2 {
    grid-column: span 2;
  }
  .grid-responsive .col-3,
  .grid-responsive-1 .col-3,
  .grid-responsive-2 .col-3,
  .grid-responsive-4 .col-3,
  .grid-responsive-3 .col-3,
  .grid-responsive-6 .col-3,
  .grid-responsive-12 .col-3 {
    grid-column: span 3;
  }
  .grid-responsive .col-4,
  .grid-responsive-1 .col-4,
  .grid-responsive-2 .col-4,
  .grid-responsive-4 .col-4,
  .grid-responsive-3 .col-4,
  .grid-responsive-6 .col-4,
  .grid-responsive-12 .col-4 {
    grid-column: span 4;
  }
  .grid-responsive .col-5,
  .grid-responsive-1 .col-5,
  .grid-responsive-2 .col-5,
  .grid-responsive-4 .col-5,
  .grid-responsive-3 .col-5,
  .grid-responsive-6 .col-5,
  .grid-responsive-12 .col-5 {
    grid-column: span 5;
  }
  .grid-responsive .col-6,
  .grid-responsive-1 .col-6,
  .grid-responsive-2 .col-6,
  .grid-responsive-4 .col-6,
  .grid-responsive-3 .col-6,
  .grid-responsive-6 .col-6,
  .grid-responsive-12 .col-6 {
    grid-column: span 6;
  }
  .grid-responsive .col-7,
  .grid-responsive-1 .col-7,
  .grid-responsive-2 .col-7,
  .grid-responsive-4 .col-7,
  .grid-responsive-3 .col-7,
  .grid-responsive-6 .col-7,
  .grid-responsive-12 .col-7 {
    grid-column: span 7;
  }
  .grid-responsive .col-8,
  .grid-responsive-1 .col-8,
  .grid-responsive-2 .col-8,
  .grid-responsive-4 .col-8,
  .grid-responsive-3 .col-8,
  .grid-responsive-6 .col-8,
  .grid-responsive-12 .col-8 {
    grid-column: span 8;
  }
  .grid-responsive .col-9,
  .grid-responsive-1 .col-9,
  .grid-responsive-2 .col-9,
  .grid-responsive-4 .col-9,
  .grid-responsive-3 .col-9,
  .grid-responsive-6 .col-9,
  .grid-responsive-12 .col-9 {
    grid-column: span 9;
  }
  .grid-responsive .col-10,
  .grid-responsive-1 .col-10,
  .grid-responsive-2 .col-10,
  .grid-responsive-4 .col-10,
  .grid-responsive-3 .col-10,
  .grid-responsive-6 .col-10,
  .grid-responsive-12 .col-10 {
    grid-column: span 10;
  }
  .grid-responsive .col-11,
  .grid-responsive-1 .col-11,
  .grid-responsive-2 .col-11,
  .grid-responsive-4 .col-11,
  .grid-responsive-3 .col-11,
  .grid-responsive-6 .col-11,
  .grid-responsive-12 .col-11 {
    grid-column: span 11;
  }
  .grid-responsive .col-12,
  .grid-responsive-1 .col-12,
  .grid-responsive-2 .col-12,
  .grid-responsive-4 .col-12,
  .grid-responsive-3 .col-12,
  .grid-responsive-6 .col-12,
  .grid-responsive-12 .col-12 {
    grid-column: span 12;
  }
}
@media (max-width: 959.9px) {
  .grid-responsive .col-1,
  .grid-responsive-1 .col-1,
  .grid-responsive-2 .col-1,
  .grid-responsive-4 .col-1,
  .grid-responsive-3 .col-1,
  .grid-responsive-6 .col-1,
  .grid-responsive-12 .col-1 {
    grid-column: span 12;
  }
  .grid-responsive .col-2,
  .grid-responsive-1 .col-2,
  .grid-responsive-2 .col-2,
  .grid-responsive-4 .col-2,
  .grid-responsive-3 .col-2,
  .grid-responsive-6 .col-2,
  .grid-responsive-12 .col-2 {
    grid-column: span 12;
  }
  .grid-responsive .col-3,
  .grid-responsive-1 .col-3,
  .grid-responsive-2 .col-3,
  .grid-responsive-4 .col-3,
  .grid-responsive-3 .col-3,
  .grid-responsive-6 .col-3,
  .grid-responsive-12 .col-3 {
    grid-column: span 12;
  }
  .grid-responsive .col-4,
  .grid-responsive-1 .col-4,
  .grid-responsive-2 .col-4,
  .grid-responsive-4 .col-4,
  .grid-responsive-3 .col-4,
  .grid-responsive-6 .col-4,
  .grid-responsive-12 .col-4 {
    grid-column: span 12;
  }
  .grid-responsive .col-5,
  .grid-responsive-1 .col-5,
  .grid-responsive-2 .col-5,
  .grid-responsive-4 .col-5,
  .grid-responsive-3 .col-5,
  .grid-responsive-6 .col-5,
  .grid-responsive-12 .col-5 {
    grid-column: span 12;
  }
  .grid-responsive .col-6,
  .grid-responsive-1 .col-6,
  .grid-responsive-2 .col-6,
  .grid-responsive-4 .col-6,
  .grid-responsive-3 .col-6,
  .grid-responsive-6 .col-6,
  .grid-responsive-12 .col-6 {
    grid-column: span 12;
  }
  .grid-responsive .col-7,
  .grid-responsive-1 .col-7,
  .grid-responsive-2 .col-7,
  .grid-responsive-4 .col-7,
  .grid-responsive-3 .col-7,
  .grid-responsive-6 .col-7,
  .grid-responsive-12 .col-7 {
    grid-column: span 12;
  }
  .grid-responsive .col-8,
  .grid-responsive-1 .col-8,
  .grid-responsive-2 .col-8,
  .grid-responsive-4 .col-8,
  .grid-responsive-3 .col-8,
  .grid-responsive-6 .col-8,
  .grid-responsive-12 .col-8 {
    grid-column: span 12;
  }
  .grid-responsive .col-9,
  .grid-responsive-1 .col-9,
  .grid-responsive-2 .col-9,
  .grid-responsive-4 .col-9,
  .grid-responsive-3 .col-9,
  .grid-responsive-6 .col-9,
  .grid-responsive-12 .col-9 {
    grid-column: span 12;
  }
  .grid-responsive .col-10,
  .grid-responsive-1 .col-10,
  .grid-responsive-2 .col-10,
  .grid-responsive-4 .col-10,
  .grid-responsive-3 .col-10,
  .grid-responsive-6 .col-10,
  .grid-responsive-12 .col-10 {
    grid-column: span 12;
  }
  .grid-responsive .col-11,
  .grid-responsive-1 .col-11,
  .grid-responsive-2 .col-11,
  .grid-responsive-4 .col-11,
  .grid-responsive-3 .col-11,
  .grid-responsive-6 .col-11,
  .grid-responsive-12 .col-11 {
    grid-column: span 12;
  }
  .grid-responsive .col-12,
  .grid-responsive-1 .col-12,
  .grid-responsive-2 .col-12,
  .grid-responsive-4 .col-12,
  .grid-responsive-3 .col-12,
  .grid-responsive-6 .col-12,
  .grid-responsive-12 .col-12 {
    grid-column: span 12;
  }
  .grid-responsive > *,
  .grid-responsive-1 > *,
  .grid-responsive-2 > *,
  .grid-responsive-4 > *,
  .grid-responsive-3 > *,
  .grid-responsive-6 > *,
  .grid-responsive-12 > * {
    grid-column: span 12;
  }
}
.grid-responsive .survey-empty,
.grid-responsive-1 .survey-empty,
.grid-responsive-2 .survey-empty,
.grid-responsive-4 .survey-empty,
.grid-responsive-3 .survey-empty,
.grid-responsive-6 .survey-empty,
.grid-responsive-12 .survey-empty,
.grid-responsive .survey-linebreak,
.grid-responsive-1 .survey-linebreak,
.grid-responsive-2 .survey-linebreak,
.grid-responsive-4 .survey-linebreak,
.grid-responsive-3 .survey-linebreak,
.grid-responsive-6 .survey-linebreak,
.grid-responsive-12 .survey-linebreak {
  min-height: 0;
}
@media (min-width: 960px) {
  .grid-responsive .survey-linebreak,
  .grid-responsive-1 .survey-linebreak,
  .grid-responsive-2 .survey-linebreak,
  .grid-responsive-4 .survey-linebreak,
  .grid-responsive-3 .survey-linebreak,
  .grid-responsive-6 .survey-linebreak,
  .grid-responsive-12 .survey-linebreak {
    grid-column: 1/-1;
    height: 0;
  }
}
@media (max-width: 959.9px) {
  .grid-responsive .survey-empty,
  .grid-responsive-1 .survey-empty,
  .grid-responsive-2 .survey-empty,
  .grid-responsive-4 .survey-empty,
  .grid-responsive-3 .survey-empty,
  .grid-responsive-6 .survey-empty,
  .grid-responsive-12 .survey-empty,
  .grid-responsive .survey-linebreak,
  .grid-responsive-1 .survey-linebreak,
  .grid-responsive-2 .survey-linebreak,
  .grid-responsive-4 .survey-linebreak,
  .grid-responsive-3 .survey-linebreak,
  .grid-responsive-6 .survey-linebreak,
  .grid-responsive-12 .survey-linebreak {
    display: none;
  }
}
@media (min-width: 960px) {
  .grid-responsive-12 > * {
    grid-column: span 1;
  }
}
@media (min-width: 960px) {
  .grid-responsive-6 > * {
    grid-column: span 2;
  }
}
@media (min-width: 960px) {
  .grid-responsive-3 > * {
    grid-column: span 4;
  }
}
@media (min-width: 960px) {
  .grid-responsive-4 > * {
    grid-column: span 3;
  }
}
@media (min-width: 960px) {
  .grid-responsive-2 > * {
    grid-column: span 6;
  }
}
@media (min-width: 960px) {
  .grid-responsive-1 > * {
    grid-column: span 12;
  }
}
@media (min-width: 960px) {
  app-form-input-panel-dynamic.table-layout .element app-form-elements-renderer > div {
    display: grid;
    grid-template-columns: var(--survey-table-cols);
    column-gap: var(--survey-table-gap, 4px);
    row-gap: 0;
    align-items: center;
  }
  app-form-input-panel-dynamic.table-layout .element app-form-elements-renderer > div > * {
    grid-column: auto;
    min-width: 0;
  }
  app-form-input-panel-dynamic.table-layout .survey-linebreak {
    display: none;
  }
  app-form-input-panel-dynamic.table-layout .forminput {
    height: auto;
    justify-content: center;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mdc-floating-label,
  app-form-input-panel-dynamic.table-layout .forminput app-description,
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-form-field-subscript-wrapper {
    display: none;
  }
  app-form-input-panel-dynamic.table-layout .forminput app-hint.compact,
  app-form-input-panel-dynamic.table-layout .forminput app-hint.dual {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-placeholder {
    display: none;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-form-field {
    --mat-form-field-container-height: 34px;
    --mat-form-field-container-vertical-padding: 6px;
    --mat-form-field-filled-with-label-container-padding-top: 6px;
    --mat-form-field-filled-with-label-container-padding-bottom: 6px;
    font-size: 13px;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-text-field-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-form-field-infix {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select {
    padding-bottom: 0;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-icon-button {
    width: 28px;
    height: 28px;
    padding: 0;
  }
  app-form-input-panel-dynamic.table-layout .forminput .mat-mdc-icon-button .mat-mdc-button-touch-target {
    width: 28px;
    height: 28px;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select .ng-select-container {
    min-height: 34px;
    font-size: 13px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    align-items: center;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select.ng-select-single .ng-select-container {
    height: 34px;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select .ng-value-container {
    padding-bottom: 0;
    padding-top: 0;
    align-items: center;
    border-top: 0;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }
  app-form-input-panel-dynamic.table-layout .forminput .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input > input {
    font: inherit;
    line-height: 24px;
    height: 24px;
  }
  app-form-input-panel-dynamic.table-layout app-form-input-numeric input {
    text-align: right;
  }
  app-form-input-panel-dynamic.table-layout .element .forminput.hidden {
    display: flex;
    visibility: hidden;
  }
  app-form-input-panel-dynamic.table-layout .element .forminput.hidden-static {
    display: none;
  }
}
table.rimessa-uo-dettaglio .input-importo input,
table.rimessa-uo-dettaglio .input-data input:not([type=hidden]),
table.rimessa-uo-dettaglio input.input-note {
  width: 100%;
  box-sizing: border-box;
  height: 28px;
  text-align: right;
  padding: 0 0.5rem;
  font: inherit;
  color: inherit;
  border: 1px solid var(--mat-divider-color, rgba(0, 0, 0, 0.23));
  border-radius: 6px;
  background: var(--mat-sys-surface, #fff);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
table.rimessa-uo-dettaglio .input-importo input:hover:not(:disabled),
table.rimessa-uo-dettaglio .input-data input:not([type=hidden]):hover:not(:disabled),
table.rimessa-uo-dettaglio input.input-note:hover:not(:disabled) {
  border-color: var(--primary-color, rgba(0, 0, 0, 0.5));
}
table.rimessa-uo-dettaglio .input-importo input:focus,
table.rimessa-uo-dettaglio .input-data input:not([type=hidden]):focus,
table.rimessa-uo-dettaglio input.input-note:focus {
  outline: none;
  border-color: var(--primary-color, #1b5e88);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
table.rimessa-uo-dettaglio .input-importo input:disabled,
table.rimessa-uo-dettaglio .input-data input:not([type=hidden]):disabled,
table.rimessa-uo-dettaglio input.input-note:disabled {
  background: var(--mat-sys-surface-variant, #f0f0f0);
  color: var(--mat-sys-on-surface-variant, rgba(0, 0, 0, 0.38));
  cursor: not-allowed;
}
table.rimessa-uo-dettaglio .input-data input:not([type=hidden]) {
  width: auto;
  flex: 1;
  min-width: 0;
  text-align: left;
  padding-right: 30px;
}
table.rimessa-uo-dettaglio .input-data .datepicker-toggle {
  right: 1px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
table.rimessa-uo-dettaglio input.input-note {
  width: 14rem;
  text-align: left;
}
table.rimessa-uo-dettaglio .ng-select {
  padding-bottom: 0;
}
table.rimessa-uo-dettaglio .ng-select .ng-select-container {
  min-height: 28px;
  font-size: 13px;
  padding-left: 0.5rem;
  padding-right: 0.25rem;
  align-items: center;
  border: 1px solid var(--mat-divider-color, rgba(0, 0, 0, 0.23));
  border-radius: 6px;
}
table.rimessa-uo-dettaglio .ng-select .ng-select-container::after {
  display: none;
}
table.rimessa-uo-dettaglio .ng-select .ng-select-container .ng-clear-wrapper,
table.rimessa-uo-dettaglio .ng-select .ng-select-container .ng-arrow-wrapper {
  align-self: center;
  bottom: 0;
  padding-top: 0;
}
table.rimessa-uo-dettaglio .ng-select.ng-select-focused .ng-select-container {
  border-color: var(--primary-color, #1b5e88);
}
table.rimessa-uo-dettaglio .ng-select.ng-select-single .ng-select-container {
  height: 28px;
}
table.rimessa-uo-dettaglio .ng-select .ng-select-container .ng-value-container {
  padding: 0;
  align-items: center;
  border-top: 0;
}
table.rimessa-uo-dettaglio .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
  bottom: 0;
  left: 0.5rem;
  padding-left: 0;
  display: flex;
  align-items: center;
}
table.rimessa-uo-dettaglio .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input > input {
  font: inherit;
  line-height: 20px;
  height: 20px;
  padding-left: 0;
}
table.rimessa-uo-dettaglio .mat-mdc-icon-button {
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
table.rimessa-uo-dettaglio .mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 28px;
  height: 28px;
}
.stepper-fill {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.stepper-fill .mat-horizontal-stepper-wrapper {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.stepper-fill .mat-horizontal-content-container {
  overflow: hidden;
  flex: 1;
  min-height: 0;
}
.stepper-fill .mat-horizontal-stepper-content-current {
  overflow: hidden !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.basket-et-avvisi {
  border-left: 3px solid var(--warn-color, #c07800);
  background: var(--warn-background, #fff8e6);
  border-radius: 0 4px 4px 0;
  padding: 8px 12px;
  white-space: pre-line;
  font-size: 13px;
  line-height: 1.5;
}
.basket-et-avvisi:empty {
  display: none;
}
.form-checkbox-ellipsis {
  min-width: 0;
  max-width: 100%;
}
.form-checkbox-ellipsis mat-checkbox {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}
.form-checkbox-ellipsis .mdc-form-field {
  display: flex;
  max-width: 100%;
  min-width: 0;
}
.form-checkbox-ellipsis .mdc-checkbox {
  flex: 0 0 auto;
}
.form-checkbox-ellipsis.con-hint {
  padding-right: 40px;
}
.form-checkbox-ellipsis label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-0,
[m-0] {
  margin: 0 !important;
}
.mt-0,
.my-0,
[mt-0],
[my-0] {
  margin-top: 0 !important;
}
.mr-0,
.mx-0,
[mr-0],
[mx-0] {
  margin-right: 0 !important;
}
.mb-0,
.my-0,
[mb-0],
.tooltip-container .tooltip-content :last-child,
[my-0] {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0,
[ml-0],
[mx-0] {
  margin-left: 0 !important;
}
.m-1,
[m-1] {
  margin: 0.25rem !important;
}
.mt-1,
.my-1,
[mt-1],
[my-1] {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1,
[mr-1],
[mx-1] {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1,
[mb-1],
[my-1] {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1,
[ml-1],
[mx-1] {
  margin-left: 0.25rem !important;
}
.m-2,
[m-2] {
  margin: 0.5rem !important;
}
.mt-2,
.my-2,
[mt-2],
[my-2] {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2,
[mr-2],
[mx-2] {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2,
[mb-2],
[my-2] {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2,
[ml-2],
[mx-2] {
  margin-left: 0.5rem !important;
}
.m-3,
[m-3] {
  margin: 1rem !important;
}
.mt-3,
.my-3,
[mt-3],
[my-3] {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3,
[mr-3],
[mx-3] {
  margin-right: 1rem !important;
}
.mb-3,
.my-3,
[mb-3],
[my-3] {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3,
[ml-3],
[mx-3] {
  margin-left: 1rem !important;
}
.m-4,
[m-4] {
  margin: 1.5rem !important;
}
.mt-4,
.my-4,
[mt-4],
[my-4] {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4,
[mr-4],
[mx-4] {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4,
[mb-4],
[my-4] {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4,
[ml-4],
[mx-4] {
  margin-left: 1.5rem !important;
}
.m-5,
[m-5] {
  margin: 3rem !important;
}
.mt-5,
.my-5,
[mt-5],
[my-5] {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5,
[mr-5],
[mx-5] {
  margin-right: 3rem !important;
}
.mb-5,
.my-5,
[mb-5],
[my-5] {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5,
[ml-5],
[mx-5] {
  margin-left: 3rem !important;
}
.m-6,
[m-6] {
  margin: 4rem !important;
}
.mt-6,
.my-6,
[mt-6],
[my-6] {
  margin-top: 4rem !important;
}
.mr-6,
.mx-6,
[mr-6],
[mx-6] {
  margin-right: 4rem !important;
}
.mb-6,
.my-6,
[mb-6],
[my-6] {
  margin-bottom: 4rem !important;
}
.ml-6,
.mx-6,
[ml-6],
[mx-6] {
  margin-left: 4rem !important;
}
.m-7,
[m-7] {
  margin: 5rem !important;
}
.mt-7,
.my-7,
[mt-7],
[my-7] {
  margin-top: 5rem !important;
}
.mr-7,
.mx-7,
[mr-7],
[mx-7] {
  margin-right: 5rem !important;
}
.mb-7,
.my-7,
[mb-7],
[my-7] {
  margin-bottom: 5rem !important;
}
.ml-7,
.mx-7,
[ml-7],
[mx-7] {
  margin-left: 5rem !important;
}
.m-8,
[m-8] {
  margin: 7rem !important;
}
.mt-8,
.my-8,
[mt-8],
[my-8] {
  margin-top: 7rem !important;
}
.mr-8,
.mx-8,
[mr-8],
[mx-8] {
  margin-right: 7rem !important;
}
.mb-8,
.my-8,
[mb-8],
[my-8] {
  margin-bottom: 7rem !important;
}
.ml-8,
.mx-8,
[ml-8],
[mx-8] {
  margin-left: 7rem !important;
}
.p-0,
[p-0] {
  padding: 0 !important;
}
.pt-0,
.py-0,
[pt-0],
[py-0] {
  padding-top: 0 !important;
}
.pr-0,
.px-0,
[pr-0],
[px-0] {
  padding-right: 0 !important;
}
.pb-0,
.py-0,
[pb-0],
[py-0] {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0,
[pl-0],
[px-0] {
  padding-left: 0 !important;
}
.p-1,
[p-1] {
  padding: 0.25rem !important;
}
.pt-1,
.py-1,
[pt-1],
[py-1] {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1,
[pr-1],
[px-1] {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1,
[pb-1],
[py-1] {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1,
[pl-1],
[px-1] {
  padding-left: 0.25rem !important;
}
.p-2,
.mat-tab-body-content,
[p-2] {
  padding: 0.5rem !important;
}
.pt-2,
.py-2,
[pt-2],
[py-2] {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2,
[pr-2],
[px-2] {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2,
[pb-2],
[py-2] {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2,
[pl-2],
[px-2] {
  padding-left: 0.5rem !important;
}
.p-3,
[p-3],
.tooltip-container .tooltip-content {
  padding: 1rem !important;
}
.pt-3,
.py-3,
[pt-3],
[py-3] {
  padding-top: 1rem !important;
}
.pr-3,
.px-3,
[pr-3],
[px-3] {
  padding-right: 1rem !important;
}
.pb-3,
.py-3,
[pb-3],
[py-3] {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3,
[pl-3],
[px-3] {
  padding-left: 1rem !important;
}
.p-4,
[p-4] {
  padding: 1.5rem !important;
}
.pt-4,
.py-4,
[pt-4],
[py-4] {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4,
[pr-4],
[px-4] {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4,
[pb-4],
[py-4] {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4,
[pl-4],
[px-4] {
  padding-left: 1.5rem !important;
}
.p-5,
[p-5] {
  padding: 3rem !important;
}
.pt-5,
.py-5,
[pt-5],
[py-5] {
  padding-top: 3rem !important;
}
.pr-5,
.px-5,
[pr-5],
[px-5] {
  padding-right: 3rem !important;
}
.pb-5,
.py-5,
[pb-5],
[py-5] {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5,
[pl-5],
[px-5] {
  padding-left: 3rem !important;
}
.p-6,
[p-6] {
  padding: 4rem !important;
}
.pt-6,
.py-6,
[pt-6],
[py-6] {
  padding-top: 4rem !important;
}
.pr-6,
.px-6,
[pr-6],
[px-6] {
  padding-right: 4rem !important;
}
.pb-6,
.py-6,
[pb-6],
[py-6] {
  padding-bottom: 4rem !important;
}
.pl-6,
.px-6,
[pl-6],
[px-6] {
  padding-left: 4rem !important;
}
.p-7,
[p-7] {
  padding: 5rem !important;
}
.pt-7,
.py-7,
[pt-7],
[py-7] {
  padding-top: 5rem !important;
}
.pr-7,
.px-7,
[pr-7],
[px-7] {
  padding-right: 5rem !important;
}
.pb-7,
.py-7,
[pb-7],
[py-7] {
  padding-bottom: 5rem !important;
}
.pl-7,
.px-7,
[pl-7],
[px-7] {
  padding-left: 5rem !important;
}
.p-8,
[p-8] {
  padding: 7rem !important;
}
.pt-8,
.py-8,
[pt-8],
[py-8] {
  padding-top: 7rem !important;
}
.pr-8,
.px-8,
[pr-8],
[px-8] {
  padding-right: 7rem !important;
}
.pb-8,
.py-8,
[pb-8],
[py-8] {
  padding-bottom: 7rem !important;
}
.pl-8,
.px-8,
[pl-8],
[px-8] {
  padding-left: 7rem !important;
}
.m-auto,
[m-auto] {
  margin: auto !important;
}
.mt-auto,
.my-auto,
[mt-auto],
[my-auto] {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto,
[mr-auto],
[mx-auto] {
  margin-right: auto !important;
}
.mb-auto,
.my-auto,
[mb-auto],
[my-auto] {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto,
[ml-auto],
[mx-auto] {
  margin-left: auto !important;
}
.gap-0,
[gap-0] {
  gap: 0;
}
.gap-1,
[gap-1] {
  gap: 0.25rem;
}
.gap-2,
.mdc-button .mdc-button__label,
[gap-2] {
  gap: 0.5rem;
}
.gap-3,
[gap-3] {
  gap: 1rem;
}
.gap-4,
[gap-4] {
  gap: 1.5rem;
}
.gap-5,
[gap-5] {
  gap: 3rem;
}
.gap-6,
[gap-6] {
  gap: 4rem;
}
.gap-7,
[gap-7] {
  gap: 5rem;
}
.gap-8,
[gap-8] {
  gap: 7rem;
}
.mat-mdc-card-avatar .las {
  font-size: var(--avatar-size);
}
.mat-mdc-simple-snack-bar {
  display: grid !important;
  grid-template-columns: 300px auto;
}
.mat-mdc-simple-snack-bar .mat-mdc-snack-bar-label {
  overflow-wrap: break-word;
}
.mdc-snackbar.mat-mdc-snack-bar-container > .mdc-snackbar__surface {
  max-width: unset;
}
.mat-mdc-standard-chip {
  padding: 0.5em 0.85em;
  min-height: 2.5em;
}
button.mdc-switch {
  margin: 6px 4px 6px 0px;
}
.mdc-text-field--filled.mdc-text-field--disabled {
  background-color: unset !important;
}
.mat-mdc-tab-body-content {
  overflow-x: clip !important;
}
div.mat-mdc-autocomplete-panel {
  min-width: 300px;
}
.mat-mdc-input-element[type=date]::after,
.mat-input-element[type=datetime]::after,
.mat-input-element[type=datetime-local]::after,
.mat-input-element[type=month]::after,
.mat-input-element[type=week]::after,
.mat-input-element[type=time]::after {
  display: none;
}
.mat-mdc-tooltip {
  font-size: 15px;
  white-space: pre-wrap;
  color: var(--text-primary-color);
  background-color: var(--primary-color);
  border: 1px solid gray;
  max-width: unset !important;
}
.mat-mdc-table > .mat-mdc-header-row {
  border-bottom: 1px solid rgba(16, 16, 16, 0.12);
}
.mat-mdc-table > .mat-mdc-header-row > .mat-mdc-header-cell {
  padding: 1em 0 1em 4px;
  text-transform: uppercase;
}
.mat-mdc-table .mat-mdc-row {
  border-bottom: 1px solid rgba(16, 16, 16, 0.12);
  align-items: center;
}
.mat-mdc-table .mat-mdc-row > .mat-mdc-cell {
  padding: 4px;
}
.mat-mdc-paginator-page-size-select .mdc-text-field {
  padding: 0px 10px !important;
}
.mat-clear-inline-button:after {
  content: "\d7";
  font-size: 18px;
}
.mat-mdc-menu-panel {
  max-width: 800px !important;
  overflow: hidden !important;
}
.mat-mdc-menu-item {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  text-transform: uppercase;
}
.mat-badge-content {
  z-index: 101;
}
.mat-mdc-tab-header {
  margin-bottom: 10px;
}
.mdc-data-table__header-cell {
  padding: 4px !important;
}
.mat-mdc-form-field.auto-expand {
}
.mat-mdc-form-field.auto-expand .mat-mdc-form-field-infix {
  width: auto !important;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0px;
}
.mdc-button .mdc-button__label {
  display: flex;
  line-height: 1em;
  align-items: center;
}
.mdc-evolution-chip__text-label {
  color: inherit !important;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: unset !important;
}
.ngx-file-drop__content {
  color: inherit !important;
}
.mat-mdc-list-item-avatar.las {
  font-size: var(--avatar-size);
}
.cdk-drag-preview {
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-preview,
.cdk-drag-preview * {
  overflow: hidden;
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-form-field:has(input[readonly]:not([disabled])) {
}
.mat-mdc-form-field:has(input[readonly]:not([disabled])) .mat-mdc-text-field-wrapper {
  background-color: rgba(0, 0, 0, 0.035) !important;
}
.mat-mdc-form-field:has(input[readonly]:not([disabled])) .mdc-notched-outline__leading,
.mat-mdc-form-field:has(input[readonly]:not([disabled])) .mdc-notched-outline__notch,
.mat-mdc-form-field:has(input[readonly]:not([disabled])) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-form-field:has(input[readonly]:not([disabled])) input[readonly] {
  cursor: default;
  caret-color: transparent;
}
.forminput textarea[readonly]:not([disabled]) {
  background-color: rgba(0, 0, 0, 0.035);
  cursor: default;
}
ng-select.readonly {
  --text-color: rgba(0, 0, 0, 0.87);
}
ng-select.readonly .ng-select-container,
ng-select.readonly .ng-select-container:hover {
  background-color: rgba(0, 0, 0, 0.035);
  cursor: default;
}
ng-select.readonly .ng-arrow-wrapper {
  visibility: hidden;
}
ng-select.readonly .ng-value-container,
ng-select.readonly .ng-value,
ng-select.readonly .ng-value span {
  color: rgba(0, 0, 0, 0.87);
}
.forminput.readonly[inert] {
}
.forminput.readonly[inert] .ng-select .ng-select-container,
.forminput.readonly[inert] .mat-mdc-text-field-wrapper {
  background-color: rgba(0, 0, 0, 0.035) !important;
}
.forminput.readonly[inert] .ng-arrow-wrapper {
  visibility: hidden;
}
.forminput.readonly {
}
.forminput.readonly .monaco-editor,
.forminput.readonly .monaco-editor .margin,
.forminput.readonly .monaco-editor-background {
  background-color: #f6f6f6 !important;
}
.forminput.readonly .monaco-editor .minimap {
  filter: brightness(0.965);
}
.bolla-testo.html > :last-child {
  margin-bottom: 0;
}
.bolla-testo.html figure {
  margin: 0.6rem 0;
}
.bolla-testo.html figcaption {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  opacity: 0.6;
}
.bolla-testo.html img {
  display: block;
  max-width: 100%;
  max-height: 340px;
  width: auto;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: zoom-in;
}
.bolla-testo.html .img-incorniciata {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.bolla-testo.html .img-incorniciata .img-apri {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.bolla-testo.html .img-incorniciata:hover .img-apri,
.bolla-testo.html .img-incorniciata .img-apri:focus-visible {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}
.qz-elenco-quietanze .qz-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  color: var(--qz-muted);
  background: var(--qz-soft);
}
.qz-elenco-quietanze .qz-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.qz-elenco-quietanze .qz-pill--good {
  color: var(--qz-good);
  background: color-mix(in srgb, var(--qz-good) 14%, transparent);
}
.qz-elenco-quietanze .qz-pill--warn {
  color: var(--qz-warn);
  background: color-mix(in srgb, var(--qz-warn) 14%, transparent);
}
.qz-elenco-quietanze .qz-pill--crit {
  color: var(--qz-crit);
  background: color-mix(in srgb, var(--qz-crit) 14%, transparent);
}
.qz-elenco-quietanze .qz-pill--info {
  color: var(--qz-info);
  background: color-mix(in srgb, var(--qz-info) 14%, transparent);
}
.qz-elenco-quietanze .qz-pill--accent {
  color: var(--qz-accent);
  background: color-mix(in srgb, var(--qz-accent) 14%, transparent);
}
.qz-elenco-quietanze .qz-muted {
  color: var(--qz-muted);
}
.qz-elenco-quietanze .qz-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.qz-elenco-quietanze .qz-destra {
  text-align: right;
}
.qz-elenco-quietanze .qz-mono {
  font-family:
    ui-monospace,
    Consolas,
    monospace;
}
.qz-elenco-quietanze .qz-variazione--alta {
  color: var(--qz-crit);
  font-weight: 600;
}
.qz-elenco-quietanze .qz-variazione--su {
  color: var(--qz-warn);
}
.qz-elenco-quietanze .qz-variazione--giu {
  color: var(--qz-good);
}
.qz-elenco-quietanze .qz-variazione--nessuna {
  color: var(--qz-muted);
}
.sq-celle {
  --sq-good: var(--text-success-color);
  --sq-warn: var(--text-warning-color);
  --sq-crit: var(--text-error-color);
  --sq-info: var(--text-info-color);
  --sq-accent: var(--mat-sys-primary, var(--primary-color));
  --sq-line: var(--mat-sys-outline-variant, rgba(0, 0, 0, .14));
  --sq-muted: var(--mat-sys-on-surface-variant, rgba(0, 0, 0, .6));
  --sq-soft: var(--mat-sys-surface-container, rgba(0, 0, 0, .04));
}
.sq-celle .sq-muted {
  color: var(--sq-muted);
}
.sq-celle .sq-piccolo {
  font-size: 0.85em;
}
.sq-celle .sq-num {
  font-variant-numeric: tabular-nums;
}
.sq-celle .sq-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  color: var(--sq-colore-testo, var(--sq-muted));
  background: color-mix(in srgb, var(--sq-colore, var(--sq-muted)) 16%, transparent);
}
.sq-celle .sq-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sq-colore, currentColor);
}
.sq-celle .sq-badge--good {
  --sq-colore: var(--sq-good);
  --sq-colore-testo: var(--sq-good);
}
.sq-celle .sq-badge--warn {
  --sq-colore: var(--sq-warn);
  --sq-colore-testo: var(--sq-warn);
}
.sq-celle .sq-badge--crit {
  --sq-colore: var(--sq-crit);
  --sq-colore-testo: var(--sq-crit);
}
.sq-celle .sq-badge--info {
  --sq-colore: var(--sq-info);
  --sq-colore-testo: var(--sq-info);
}
.sq-celle .sq-badge--neutro {
  --sq-colore: var(--sq-muted);
  --sq-colore-testo: var(--sq-muted);
}
.sq-celle .sq-sub {
  display: block;
  font-size: 0.78rem;
  color: var(--sq-muted);
}
.sq-celle .sq-barra {
  height: 6px;
  min-width: 90px;
  border-radius: 3px;
  overflow: hidden;
  background: var(--sq-soft);
}
.sq-celle .sq-barra > i {
  display: block;
  height: 100%;
  background: var(--sq-accent);
}
.sq-celle .sq-titolo-cella {
  font-weight: 600;
}
.sq-celle .sq-allarme {
  color: var(--sq-crit);
  font-weight: 600;
}
.mat-mdc-tooltip.tooltip-spiegazione {
  max-width: min(520px, 100vw - 32px) !important;
}
.mat-mdc-tooltip.tooltip-spiegazione .mdc-tooltip__surface {
  max-width: none;
  max-height: none;
  overflow: visible;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}
.mat-mdc-outlined-button.pulsante-pericolo:not(:disabled) {
  --mat-button-outlined-label-text-color: var(--text-error-color);
  --mat-button-outlined-outline-color: var(--text-error-color);
  color: var(--text-error-color);
  border-color: var(--text-error-color);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.mat-mdc-outlined-button.pulsante-pericolo:not(:disabled):hover,
.mat-mdc-outlined-button.pulsante-pericolo:not(:disabled):focus-visible {
  --mat-button-outlined-label-text-color: var(--text-on-error-color);
  background-color: var(--text-error-color);
  color: var(--text-on-error-color);
}
.ibv-griglia .mat-mdc-form-field-infix {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.sad-lista-panel .mat-mdc-select-panel {
  padding: 0;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
}
.sad-lista-panel .mat-mdc-option {
  min-height: 0;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: #64748b;
  border-bottom: 1px solid #f8fafc;
}
.sad-lista-panel .mat-mdc-option:last-child {
  border-bottom: none;
}
.sad-lista-panel .mat-mdc-option:hover {
  background: #eef2ff;
}
.sad-lista-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple) {
  background: #eef2ff;
}
.sad-tendina-panel.cdk-overlay-pane {
  pointer-events: none;
}
.sad-tendina-panel .sad-garanzie-list {
  flex: 1 1 auto;
  width: 100%;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
  max-height: 220px;
  overflow-y: auto;
}
.sad-tendina-panel .sad-garanzie-gruppo {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 7px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}
.sad-tendina-panel .sad-garanzia-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #f8fafc;
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: #64748b;
}
.sad-tendina-panel .sad-garanzia-item:last-child {
  border-bottom: none;
}
.sad-tendina-panel .sad-garanzia-item:hover {
  background: #eef2ff;
}
.sad-tendina-panel .sad-garanzia-item input[type=checkbox] {
  margin-top: 2px;
  flex-shrink: 0;
}
.sad-tendina-panel .sad-garanzia-fuori-capitolo {
  background: #fffbeb;
}
.sad-tendina-panel .sad-garanzia-fuori-capitolo:hover {
  background: #fef3c7;
}
.sad-tendina-panel .sad-garanzia-warn {
  color: #f59e0b;
  font-size: 11px;
  vertical-align: middle;
}
.sad-tendina-panel .sad-garanzie-empty {
  margin: 0;
  padding: 16px;
  font-size: 12px;
  color: #94a3b8;
  text-align: center;
}
.sad-tendina-panel .sad-garanzie-nota {
  margin: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #fef3c7;
  background: #fffbeb;
  color: #92400e;
  font-size: 11px;
  line-height: 1.35;
}
.sad-tendina-panel .sad-garanzie-nota i {
  margin-right: 4px;
  vertical-align: middle;
}
.totalizzatori .mat-mdc-tab-header-pagination {
  display: none !important;
}
.totalizzatori .mat-mdc-tab-label-container {
  padding: 0;
}
.totalizzatori .mat-mdc-tab {
  flex-grow: 1;
  min-width: 0;
}
body.ctrl-link-attivo [data-ctrl-link]:hover {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.ctrl-link-attivo g[data-ctrl-link]:hover text {
  text-decoration: underline;
}
:root {
  --text-error-color: var(--red, #e60a3e);
  --text-on-error-color: #fff;
  --text-success-color: var(--green, #6CC551);
  --text-warning-color: var(--orange, #e65100);
  --text-info-color: var(--blue, #0277bd);
  --account-name-badge-color: #5d95ce;
  --account-not-visible-color: #999;
}
body {
  margin: 0 !important;
  background-size: cover;
  --avatar-size: 40px;
}
body * {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
#footer .dark-logo {
  display: unset;
}
#footer .light-logo {
  display: none;
}
button {
  text-transform: uppercase;
}
.las,
.lab,
.lar {
  font-size: 1.4rem;
}
.la-stack {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.la-stack > .las {
  grid-column: 1;
  grid-row: 1;
}
.attachment-avatar::after {
  font-size: 0.4em;
  text-transform: uppercase;
  content: attr(data-extension);
  font-family: monospace;
  display: block;
  position: relative;
  top: -1.5em;
  left: 0.8em;
  height: 0;
  color: var(--primary-color);
  text-shadow: -1px 1px #fff;
}
.snackbar {
  white-space: pre-wrap;
}
snack-bar-container.error {
  background: var(--warn-color) !important;
  color: var(--text-warn-color) !important;
  border: 1px solid var(--text-warn-color);
  max-width: 66vw;
}
snack-bar-container.error .mat-mdc-snack-bar-action {
  color: var(--text-warn-color) !important;
}
i.las.error {
  color: var(--text-error-color);
}
i.las.success {
  color: var(--text-success-color);
}
i.las.warning {
  color: var(--text-warning-color);
}
snack-bar-container.warning {
  background: var(--accent-color) !important;
  color: var(--text-accent-color) !important;
  border: 1px solid var(--text-accent-color);
}
snack-bar-container.warning .mat-mdc-snack-bar-action {
  color: var(--text-accent-color) !important;
}
.alert,
[alert] {
  padding: 1rem;
  border: 0 solid transparent;
  border-radius: 0.25rem;
}
.alert-danger,
[alert-danger] {
  background: var(--warn-color);
  color: var(--text-warn-color);
}
.alert-error,
[alert-error] {
  background-color: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
}
.amount {
  text-align: right;
}
fieldset.material-fieldset {
  margin: 0;
  margin-bottom: 1rem;
  border-color: #eee;
}
fieldset.material-fieldset > legend {
  color: #555;
}
.button-stack {
  display: flex;
  flex-direction: column;
}
.button-stack > button {
  border-radius: 0;
}
.button-stack > :first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.button-stack > :last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.button-stack > :not(:last-of-type) {
  border-bottom: none;
}
.standalone-toolbar-button {
  margin-left: 8px;
  padding: 0px !important;
}
.standalone-toolbar-button .las {
  font-size: 1.5em;
}
th {
  text-transform: uppercase;
}
.pdfViewer .page {
  border: 0px !important;
  border-image-source: none !important;
  width: 100% !important;
}
#viewerContainer {
  scroll-behavior: smooth;
  border: 1px solid #ddd;
}
.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip-container .tooltip-content {
  white-space: nowrap;
  transition: visibility 0.125s ease-in, opacity 0.125s ease-in;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  background: white;
  font: inherit;
  color: #555;
  font: 400 12px/20px Lato;
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  position: absolute;
  left: 2.5rem;
  z-index: 1;
}
.tooltip-container:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}
.keyboard-hint {
  font-size: 10px;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  text-transform: uppercase;
}
.hint-trigger {
  font-size: 10px;
  display: block;
  z-index: 999;
  cursor: pointer;
  width: auto !important;
  position: absolute;
  right: 0px;
  top: 0px;
}
.hint-trigger .las {
  font-size: 20px;
}
.hint-text {
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: relative;
  padding-right: 30px;
}
.hint-text .las {
  font-size: 20px;
}
.hint-text.collapsed {
  display: none;
}
.hint-text.has-more {
  cursor: pointer;
}
.title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.title-container .title-close-button,
.title-container .title-close-button.mat-mdc-icon-button {
  cursor: pointer;
}
img.circled-image {
  border-radius: 50%;
  border: 3px double #666;
}
.la-orgchart:before {
  content: "\f0e8";
}
.la-treetable:before {
  content: "\f550";
}
.gray {
  filter: grayscale(100%);
}
.color-entity {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #818181;
}
.entity-container:before {
  content: "\f0da";
  font-family: "Line Awesome Free";
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}
.monaco-scrollable-element > div[role=presentation].scrollbar.vertical:nth-last-child(1) {
  background-color: #eeeeee;
  opacity: 1;
}
.monaco-scrollable-element > .scrollbar.invisible > .slider {
  opacity: 0;
  animation: monaco-cursor-phase 2s ease-in-out;
}
.monaco-scrollable-element.editor-scrollable.vs {
  border-bottom: 1px solid #9b9b9b;
}
.focused .monaco-scrollable-element.editor-scrollable.vs {
  border-bottom: 3px solid var(--primary-color);
}
.touranchor--is-active {
  border: 2px dotted !important;
  border-color: var(--accent-color) !important;
}
.light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-primary {
  background-color: var(--primary-color);
  color: var(--text-primary-color);
}
.light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-primary .mat-mdc-chip-remove {
  color: var(--text-primary-color);
  opacity: 1;
}
.light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-accent {
  background-color: var(--accent-color);
  color: var(--text-accent-color);
}
.light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-accent .mat-mdc-chip-remove {
  color: var(--text-primary-color);
  opacity: 1;
}
o {
  display: none;
}
table.mat-table,
div.mat-table {
  background-color: var(--mat-table-background-color);
}
table.mat-table thead tr,
div.mat-table .mat-header-row {
  height: var(--mat-table-header-container-height, 56px);
  line-height: var(--mat-table-header-headline-line-height);
  color: var(--mat-table-header-headline-color, rgba(0, 0, 0, 0.87));
  font-family: var(--mat-table-header-headline-font, Roboto, sans-serif);
  font-size: var(--mat-table-header-headline-size, 14px);
  font-weight: var(--mat-table-header-headline-weight, 500);
  border-bottom: 1px solid rgba(16, 16, 16, 0.12);
}
table.mat-table thead tr th,
div.mat-table .mat-header-row .mat-header-cell {
  text-transform: uppercase;
  padding: 0 16px 0 16px;
}
table.mat-table tbody tr,
div.mat-table .cdk-virtual-scroll-content-wrapper .mat-row {
  height: var(--mat-table-row-item-container-height, 52px);
  line-height: var(--mat-table-row-item-label-text-line-height);
  font-family: var(--mat-table-row-item-label-text-font, Roboto, sans-serif);
  font-size: var(--mat-table-row-item-label-text-size, 14px);
  font-weight: var(--mat-table-row-item-label-text-weight);
  color: var(--mat-table-row-item-label-text-color, rgba(0, 0, 0, 0.87));
  border-bottom: 1px solid rgba(16, 16, 16, 0.12);
  align-items: center;
  background-color: #ffffff;
}
table.mat-table tbody tr:nth-of-type(odd),
div.mat-table .cdk-virtual-scroll-content-wrapper .mat-row:nth-of-type(odd) {
  filter: brightness(0.95);
}
table.mat-table tbody tr:hover,
div.mat-table .cdk-virtual-scroll-content-wrapper .mat-row:hover {
  background-color: var(--accent-color);
  color: var(--text-accent-color);
  transition: background-color 0.2s ease, color 0.2s ease;
}
table.mat-table tbody tr.mat-row-secondary:hover,
div.mat-table .cdk-virtual-scroll-content-wrapper .mat-row-secondary:hover {
  background-color: var(--warn-darker-color);
  color: var(--mat-table-row-item-label-text-color);
  transition: background-color 0.2s ease, color 0.2s ease;
}
table.mat-table tbody tr table tbody tr:hover {
  background-color: #ffffff;
  color: var(--mat-table-row-item-label-text-color, rgba(0, 0, 0, 0.87));
}
table.mat-table tbody tr td,
div.mat-table .cdk-virtual-scroll-content-wrapper .mat-row .mat-cell {
  letter-spacing: var(--mat-table-row-item-label-text-tracking);
  line-height: inherit;
  padding: 0 16px 0 16px;
}
div.mat-table .mat-header-row .mat-header-cell {
  display: flex;
  align-self: center;
}
table.mat-table {
  border-spacing: 0;
}
table.mat-table tbody tr {
}
.text-right,
.mdc-data-table__cell.text-right {
  text-align: right;
}
.text-center,
.mdc-data-table__cell.text-center {
  text-align: center;
}
.placeholder-space-foating-menu {
  height: 5rem;
}
.ui-hidden {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}
span.highlighted {
  background: var(--accent-color);
  color: var(--text-accent-color);
}

/* node_modules/survey-core/survey-core.min.css */
/*!
 * surveyjs - Survey JavaScript library v3.2.3
 * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
:where(.sd-theme-root) {
  --sjs2-base-unit-size:8px;
  --sjs2-base-unit-spacing:8px;
  --sjs2-base-unit-radius:8px;
  --sjs2-base-unit-border-width:1px;
  --sjs2-base-unit-font-size:8px;
  --sjs2-base-unit-line-height:8px;
  --sjs2-base-unit-opacity:1%;
  --sjs2-base-unit-scale:1%;
  --sjs2-scale-x000:calc(var(--sjs2-base-unit-scale)*0);
  --sjs2-scale-x025:calc(var(--sjs2-base-unit-scale)*25);
  --sjs2-scale-x050:calc(var(--sjs2-base-unit-scale)*50);
  --sjs2-scale-x075:calc(var(--sjs2-base-unit-scale)*75);
  --sjs2-scale-x095:calc(var(--sjs2-base-unit-scale)*95);
  --sjs2-scale-x098:calc(var(--sjs2-base-unit-scale)*98);
  --sjs2-scale-x100:calc(var(--sjs2-base-unit-scale)*100);
  --sjs2-scale-x200:calc(var(--sjs2-base-unit-scale)*200);
  --sjs2-size-x000:calc(var(--sjs2-base-unit-size)*0);
  --sjs2-size-x025:calc(var(--sjs2-base-unit-size)*0.25);
  --sjs2-size-x050:calc(var(--sjs2-base-unit-size)*0.5);
  --sjs2-size-x075:calc(var(--sjs2-base-unit-size)*0.75);
  --sjs2-size-x100:calc(var(--sjs2-base-unit-size)*1);
  --sjs2-size-x125:calc(var(--sjs2-base-unit-size)*1.25);
  --sjs2-size-x150:calc(var(--sjs2-base-unit-size)*1.5);
  --sjs2-size-x200:calc(var(--sjs2-base-unit-size)*2);
  --sjs2-size-x250:calc(var(--sjs2-base-unit-size)*2.5);
  --sjs2-size-x300:calc(var(--sjs2-base-unit-size)*3);
  --sjs2-size-x350:calc(var(--sjs2-base-unit-size)*3.5);
  --sjs2-size-x400:calc(var(--sjs2-base-unit-size)*4);
  --sjs2-size-x500:calc(var(--sjs2-base-unit-size)*5);
  --sjs2-size-x600:calc(var(--sjs2-base-unit-size)*6);
  --sjs2-size-x700:calc(var(--sjs2-base-unit-size)*7);
  --sjs2-size-x800:calc(var(--sjs2-base-unit-size)*8);
  --sjs2-size-x900:calc(var(--sjs2-base-unit-size)*9);
  --sjs2-size-x1000:calc(var(--sjs2-base-unit-size)*10);
  --sjs2-size-x1100:calc(var(--sjs2-base-unit-size)*11);
  --sjs2-size-x1200:calc(var(--sjs2-base-unit-size)*12);
  --sjs2-size-x1300:calc(var(--sjs2-base-unit-size)*13);
  --sjs2-size-x1400:calc(var(--sjs2-base-unit-size)*14);
  --sjs2-size-x1500:calc(var(--sjs2-base-unit-size)*15);
  --sjs2-radius-x000:calc(var(--sjs2-base-unit-radius)*0);
  --sjs2-radius-x025:calc(var(--sjs2-base-unit-radius)*0.25);
  --sjs2-radius-x050:calc(var(--sjs2-base-unit-radius)*0.5);
  --sjs2-radius-x075:calc(var(--sjs2-base-unit-radius)*0.75);
  --sjs2-radius-x100:calc(var(--sjs2-base-unit-radius)*1);
  --sjs2-radius-x125:calc(var(--sjs2-base-unit-radius)*1.25);
  --sjs2-radius-x150:calc(var(--sjs2-base-unit-radius)*1.5);
  --sjs2-radius-x200:calc(var(--sjs2-base-unit-radius)*2);
  --sjs2-radius-x250:calc(var(--sjs2-base-unit-radius)*2.5);
  --sjs2-radius-x300:calc(var(--sjs2-base-unit-radius)*3);
  --sjs2-radius-x400:calc(var(--sjs2-base-unit-radius)*4);
  --sjs2-radius-x500:calc(var(--sjs2-base-unit-radius)*5);
  --sjs2-radius-x600:calc(var(--sjs2-base-unit-radius)*6);
  --sjs2-radius-x700:calc(var(--sjs2-base-unit-radius)*7);
  --sjs2-radius-x800:calc(var(--sjs2-base-unit-radius)*8);
  --sjs2-radius-round:9999px;
  --sjs2-spacing-x000:calc(var(--sjs2-base-unit-spacing)*0);
  --sjs2-spacing-x025:calc(var(--sjs2-base-unit-spacing)*0.25);
  --sjs2-spacing-x050:calc(var(--sjs2-base-unit-spacing)*0.5);
  --sjs2-spacing-x075:calc(var(--sjs2-base-unit-spacing)*0.75);
  --sjs2-spacing-x100:calc(var(--sjs2-base-unit-spacing)*1);
  --sjs2-spacing-x125:calc(var(--sjs2-base-unit-spacing)*1.25);
  --sjs2-spacing-x150:calc(var(--sjs2-base-unit-spacing)*1.5);
  --sjs2-spacing-x200:calc(var(--sjs2-base-unit-spacing)*2);
  --sjs2-spacing-x250:calc(var(--sjs2-base-unit-spacing)*2.5);
  --sjs2-spacing-x300:calc(var(--sjs2-base-unit-spacing)*3);
  --sjs2-spacing-x400:calc(var(--sjs2-base-unit-spacing)*4);
  --sjs2-spacing-x500:calc(var(--sjs2-base-unit-spacing)*5);
  --sjs2-spacing-x550:calc(var(--sjs2-base-unit-spacing)*5.5);
  --sjs2-spacing-x600:calc(var(--sjs2-base-unit-spacing)*6);
  --sjs2-spacing-x700:calc(var(--sjs2-base-unit-spacing)*7);
  --sjs2-spacing-x800:calc(var(--sjs2-base-unit-spacing)*8);
  --sjs2-spacing-x900:calc(var(--sjs2-base-unit-spacing)*9);
  --sjs2-spacing-x1000:calc(var(--sjs2-base-unit-spacing)*10);
  --sjs2-spacing-negative-x025:calc(var(--sjs2-base-unit-spacing)*-0.25);
  --sjs2-spacing-negative-x050:calc(var(--sjs2-base-unit-spacing)*-0.5);
  --sjs2-spacing-negative-x075:calc(var(--sjs2-base-unit-spacing)*-0.75);
  --sjs2-spacing-negative-x100:calc(var(--sjs2-base-unit-spacing)*-1);
  --sjs2-spacing-negative-x125:calc(var(--sjs2-base-unit-spacing)*-1.25);
  --sjs2-spacing-negative-x150:calc(var(--sjs2-base-unit-spacing)*-1.5);
  --sjs2-spacing-negative-x200:calc(var(--sjs2-base-unit-spacing)*-2);
  --sjs2-spacing-negative-x250:calc(var(--sjs2-base-unit-spacing)*-2.5);
  --sjs2-spacing-negative-x300:calc(var(--sjs2-base-unit-spacing)*-3);
  --sjs2-spacing-negative-x400:calc(var(--sjs2-base-unit-spacing)*-4);
  --sjs2-spacing-negative-x500:calc(var(--sjs2-base-unit-spacing)*-5);
  --sjs2-spacing-negative-x600:calc(var(--sjs2-base-unit-spacing)*-6);
  --sjs2-spacing-negative-x700:calc(var(--sjs2-base-unit-spacing)*-7);
  --sjs2-spacing-negative-x800:calc(var(--sjs2-base-unit-spacing)*-8);
  --sjs2-spacing-negative-x900:calc(var(--sjs2-base-unit-spacing)*-9);
  --sjs2-spacing-negative-x1000:calc(var(--sjs2-base-unit-spacing)*-10);
  --sjs2-opacity-x000:calc(var(--sjs2-base-unit-opacity)*0);
  --sjs2-opacity-x005:calc(var(--sjs2-base-unit-opacity)*5);
  --sjs2-opacity-x010:calc(var(--sjs2-base-unit-opacity)*10);
  --sjs2-opacity-x015:calc(var(--sjs2-base-unit-opacity)*15);
  --sjs2-opacity-x020:calc(var(--sjs2-base-unit-opacity)*20);
  --sjs2-opacity-x025:calc(var(--sjs2-base-unit-opacity)*25);
  --sjs2-opacity-x030:calc(var(--sjs2-base-unit-opacity)*30);
  --sjs2-opacity-x035:calc(var(--sjs2-base-unit-opacity)*35);
  --sjs2-opacity-x040:calc(var(--sjs2-base-unit-opacity)*40);
  --sjs2-opacity-x045:calc(var(--sjs2-base-unit-opacity)*45);
  --sjs2-opacity-x050:calc(var(--sjs2-base-unit-opacity)*50);
  --sjs2-opacity-x055:calc(var(--sjs2-base-unit-opacity)*55);
  --sjs2-opacity-x060:calc(var(--sjs2-base-unit-opacity)*60);
  --sjs2-opacity-x065:calc(var(--sjs2-base-unit-opacity)*65);
  --sjs2-opacity-x070:calc(var(--sjs2-base-unit-opacity)*70);
  --sjs2-opacity-x075:calc(var(--sjs2-base-unit-opacity)*75);
  --sjs2-opacity-x080:calc(var(--sjs2-base-unit-opacity)*80);
  --sjs2-opacity-x085:calc(var(--sjs2-base-unit-opacity)*85);
  --sjs2-opacity-x090:calc(var(--sjs2-base-unit-opacity)*90);
  --sjs2-opacity-x095:calc(var(--sjs2-base-unit-opacity)*95);
  --sjs2-opacity-x100:calc(var(--sjs2-base-unit-opacity)*100);
  --sjs2-border-width-x000:calc(var(--sjs2-base-unit-border-width)*0);
  --sjs2-border-width-x100:calc(var(--sjs2-base-unit-border-width)*1);
  --sjs2-border-width-x200:calc(var(--sjs2-base-unit-border-width)*2);
  --sjs2-border-width-x400:calc(var(--sjs2-base-unit-border-width)*4);
  --sjs2-animation-time-x000:0ms;
  --sjs2-animation-time-x100:100ms;
  --sjs2-animation-time-x150:150ms;
  --sjs2-animation-time-x200:200ms;
  --sjs2-animation-time-x250:250ms;
  --sjs2-animation-time-x300:300ms;
  --sjs2-animation-time-x350:350ms;
  --sjs2-animation-time-x400:400ms;
  --sjs2-animation-time-x450:450ms;
  --sjs2-animation-time-x500:500ms;
  --sjs2-animation-time-x600:600ms;
  --sjs2-animation-time-x700:700ms;
  --sjs2-animation-time-x800:800ms;
  --sjs2-animation-ease-base:cubic-bezier(0.4,0.24,0,1);
  --sjs2-font-weight-regular:400;
  --sjs2-font-weight-medium:500;
  --sjs2-font-weight-semibold:600;
  --sjs2-font-weight-bold:700;
  --sjs2-font-size-x000:calc(var(--sjs2-base-unit-font-size)*0);
  --sjs2-font-size-x100:calc(var(--sjs2-base-unit-font-size)*1);
  --sjs2-font-size-x125:calc(var(--sjs2-base-unit-font-size)*1.25);
  --sjs2-font-size-x150:calc(var(--sjs2-base-unit-font-size)*1.5);
  --sjs2-font-size-x175:calc(var(--sjs2-base-unit-font-size)*1.75);
  --sjs2-font-size-x200:calc(var(--sjs2-base-unit-font-size)*2);
  --sjs2-font-size-x250:calc(var(--sjs2-base-unit-font-size)*2.5);
  --sjs2-font-size-x275:calc(var(--sjs2-base-unit-font-size)*2.75);
  --sjs2-font-size-x300:calc(var(--sjs2-base-unit-font-size)*3);
  --sjs2-font-size-x350:calc(var(--sjs2-base-unit-font-size)*3.5);
  --sjs2-font-size-x400:calc(var(--sjs2-base-unit-font-size)*4);
  --sjs2-font-size-x500:calc(var(--sjs2-base-unit-font-size)*5);
  --sjs2-font-size-x600:calc(var(--sjs2-base-unit-font-size)*6);
  --sjs2-line-height-x000:calc(var(--sjs2-base-unit-line-height)*0);
  --sjs2-line-height-x100:calc(var(--sjs2-base-unit-line-height)*1);
  --sjs2-line-height-x125:calc(var(--sjs2-base-unit-line-height)*1.25);
  --sjs2-line-height-x150:calc(var(--sjs2-base-unit-line-height)*1.5);
  --sjs2-line-height-x175:calc(var(--sjs2-base-unit-line-height)*1.75);
  --sjs2-line-height-x200:calc(var(--sjs2-base-unit-line-height)*2);
  --sjs2-line-height-x250:calc(var(--sjs2-base-unit-line-height)*2.5);
  --sjs2-line-height-x275:calc(var(--sjs2-base-unit-line-height)*2.75);
  --sjs2-line-height-x300:calc(var(--sjs2-base-unit-line-height)*3);
  --sjs2-line-height-x350:calc(var(--sjs2-base-unit-line-height)*3.5);
  --sjs2-line-height-x400:calc(var(--sjs2-base-unit-line-height)*4);
  --sjs2-line-height-x500:calc(var(--sjs2-base-unit-line-height)*5);
  --sjs2-line-height-x600:calc(var(--sjs2-base-unit-line-height)*6);
  --sjs2-text-case-default:none;
  --sjs2-text-case-uppercase:uppercase;
  --sjs2-palette-gray-100:#f5f5f5;
  --sjs2-palette-gray-150:#ededed;
  --sjs2-palette-gray-200:#e5e5e5;
  --sjs2-palette-gray-250:#d4d4d4;
  --sjs2-palette-gray-300:#cdcdcd;
  --sjs2-palette-gray-400:#b3b2b2;
  --sjs2-palette-gray-500:#8e8e8e;
  --sjs2-palette-gray-600:#656468;
  --sjs2-palette-gray-650:#565558;
  --sjs2-palette-gray-700:#414045;
  --sjs2-palette-gray-750:#36353c;
  --sjs2-palette-gray-800:#2d2c33;
  --sjs2-palette-gray-850:#222126;
  --sjs2-palette-gray-900:#1c1b20;
  --sjs2-palette-gray-950:#161519;
  --sjs2-palette-gray-999:#111014;
  --sjs2-palette-gray-000:#fff;
  --sjs2-palette-red-400:#ff6e84;
  --sjs2-palette-red-500:#ff425f;
  --sjs2-palette-red-600:#e50a3e;
  --sjs2-palette-red-700:#c30935;
  --sjs2-palette-red-800:#920728;
  --sjs2-palette-green-400:#16d5b2;
  --sjs2-palette-green-500:#14c2a2;
  --sjs2-palette-green-600:#19b394;
  --sjs2-palette-green-700:#15947a;
  --sjs2-palette-green-800:#107560;
  --sjs2-palette-blue-400:#73bafc;
  --sjs2-palette-blue-500:#55acfc;
  --sjs2-palette-blue-600:#437fd9;
  --sjs2-palette-blue-700:#2a6cd0;
  --sjs2-palette-blue-800:#2156a5;
  --sjs2-palette-yellow-400:#fec74d;
  --sjs2-palette-yellow-500:#feb020;
  --sjs2-palette-yellow-600:#ff9814;
  --sjs2-palette-yellow-700:#f08700;
  --sjs2-palette-yellow-800:#cc7300;
  --sjs2-palette-violet-400:#c87af5;
  --sjs2-palette-violet-500:#ba59f2;
  --sjs2-palette-violet-600:#a62cec;
  --sjs2-palette-violet-700:#9614e1;
  --sjs2-palette-violet-800:#6d0fa4;
  --sjs2-palette-olive-400:#78ca54;
  --sjs2-palette-olive-500:#62bb3a;
  --sjs2-palette-olive-600:#4faf24;
  --sjs2-palette-olive-700:#41901e;
  --sjs2-palette-olive-800:#357619;
  --sjs2-palette-purple-400:#a190fa;
  --sjs2-palette-purple-500:#8b76f9;
  --sjs2-palette-purple-600:#6e5bd1;
  --sjs2-palette-purple-700:#5640c9;
  --sjs2-palette-purple-800:#3c2b97;
  --sjs2-palette-indianred-400:#f9786a;
  --sjs2-palette-indianred-500:#f85f4f;
  --sjs2-palette-indianred-600:#d22d34;
  --sjs2-palette-indianred-700:#9d2228;
  --sjs2-palette-indianred-800:#74191e;
  --sjs2-spacing-medium-horizontal:var(--sjs2-spacing-x300);
  --sjs2-spacing-medium-vertical:var(--sjs2-spacing-x300);
  --sjs2-spacing-large-horizontal:var(--sjs2-spacing-x500);
  --sjs2-spacing-large-vertical:var(--sjs2-spacing-x500);
  --sjs2-layout-component-action-xx-small-label-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-xx-small-label-padding-horizontal:var(--sjs2-spacing-x025);
  --sjs2-layout-component-action-xx-small-icon-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-xx-small-icon-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-xx-small-box-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-xx-small-box-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-xx-small-box-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-x-small-label-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-label-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-icon-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-icon-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-box-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-box-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-action-x-small-box-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-small-label-padding-horizontal:var(--sjs2-spacing-x075);
  --sjs2-layout-component-action-small-label-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-small-icon-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-small-icon-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-small-box-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-action-small-box-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-action-small-box-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-medium-label-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-action-medium-label-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-medium-icon-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-medium-icon-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-medium-box-padding-vertical:var(--sjs2-spacing-x150);
  --sjs2-layout-component-action-medium-box-padding-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-action-medium-box-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-large-label-padding-horizontal:var(--sjs2-spacing-x200);
  --sjs2-layout-component-action-large-label-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-large-icon-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-large-icon-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-action-large-box-padding-vertical:var(--sjs2-spacing-x200);
  --sjs2-layout-component-action-large-box-padding-horizontal:var(--sjs2-spacing-x200);
  --sjs2-layout-component-action-large-box-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-formbox-small-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-formbox-small-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-formbox-small-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-formbox-medium-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-formbox-medium-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-formbox-medium-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-content-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-content-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-small-swatch-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-swatch-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-small-swatch-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-input-small-icon-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-icon-padding-left:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-icon-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-input-small-label-padding-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-label-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-small-action-group-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-small-limit-padding-vertical:var(--sjs2-spacing-x075);
  --sjs2-layout-component-input-small-limit-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-small-limit-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-small-tag-group-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-medium-content-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-content-padding-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-input-medium-swatch-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-swatch-padding-left:var(--sjs2-spacing-x150);
  --sjs2-layout-component-input-medium-swatch-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-input-medium-icon-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-icon-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-icon-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-input-medium-label-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-label-padding-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-input-medium-action-group-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-input-medium-limit-padding-vertical:var(--sjs2-spacing-x075);
  --sjs2-layout-component-input-medium-limit-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-limit-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-input-medium-tag-group-gap:var(--sjs2-spacing-x050);
  --sjs2-layout-component-message-box-padding-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-message-box-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-message-box-gap-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-message-content-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-page-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-box-gap-vertical:var(--sjs2-spacing-large-vertical);
}
:where(.sd-theme-root) {
  --sjs2-layout-component-page-content-area-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-page-content-area-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-content-area-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-content-area-gap-horizontal:var(--sjs2-spacing-x300);
  --sjs2-layout-component-page-content-area-gap-vertical:var(--sjs2-spacing-x300);
  --sjs2-layout-component-page-header-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-page-header-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-header-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-page-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-page-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-content-area-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-content-area-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-content-area-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-content-area-gap-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-content-area-gap-vertical:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-header-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-header-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-header-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-header-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-panel-header-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-footer-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-footer-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-footer-gap:var(--sjs2-spacing-x300);
  --sjs2-layout-component-panel-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-header-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-simple-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-content-area-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-simple-content-area-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-simple-content-area-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-simple-content-area-gap-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-simple-content-area-gap-vertical:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-simple-nested-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-box-gap-vertical:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-simple-nested-content-area-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-content-area-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-content-area-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-simple-nested-content-area-gap-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-simple-nested-content-area-gap-vertical:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-nested-footer-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-footer-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-footer-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-footer-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-nested-footer-gap:var(--sjs2-spacing-x300);
  --sjs2-layout-component-panel-nested-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-content-area-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-content-area-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-nested-content-area-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-nested-content-area-gap-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-content-area-gap-vertical:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-nested-header-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-header-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-nested-header-padding-top:var(--sjs2-spacing-x200);
  --sjs2-layout-component-panel-nested-header-padding-bottom:var(--sjs2-spacing-x200);
  --sjs2-layout-component-panel-nested-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-panel-nested-header-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-nested-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-nested-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-nested-header-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-dynamic-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-content-area-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-content-area-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-content-area-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-content-area-gap-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-content-area-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-header-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-dynamic-header-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-dynamic-header-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-dynamic-header-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-dynamic-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-panel-dynamic-header-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-dynamic-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-dynamic-footer-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-dynamic-footer-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-dynamic-footer-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-dynamic-footer-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-dynamic-footer-gap:var(--sjs2-spacing-x300);
  --sjs2-layout-component-panel-dynamic-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-dynamic-header-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-labeled-group-box-padding-vertical:var(--sjs2-spacing-x150);
  --sjs2-layout-component-labeled-group-box-gap-vertical:var(--sjs2-spacing-x300);
  --sjs2-layout-component-labeled-group-box-gap-horizontal:var(--sjs2-spacing-x200);
  --sjs2-layout-component-labeled-item-box-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-labeled-item-box-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-label-box-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-label-box-gap-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-label-content-gap-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-question-box-gap-vertical:var(--sjs2-spacing-x200);
  --sjs2-layout-component-question-box-gap-horizontal:var(--sjs2-spacing-x300);
  --sjs2-layout-component-question-header-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-question-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-question-header-side-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-side-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-side-padding-top:var(--sjs2-spacing-x150);
  --sjs2-layout-component-question-header-side-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-side-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-question-header-side-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-question-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-title-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-title-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-question-header-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-caption-box-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-box-padding-right:var(--sjs2-spacing-x050);
  --sjs2-layout-component-caption-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-box-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-caption-content-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-content-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-caption-hint-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-hint-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-caption-hint-padding-bottom:var(--sjs2-spacing-x200);
  --sjs2-layout-component-caption-action-group-gap:var(--sjs2-spacing-x000);
  --sjs2-layout-component-drop-box-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-drop-box-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-drop-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-drop-content-area-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-menu-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-menu-box-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-menu-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-menu-content-area-padding-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-menu-content-area-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-menu-content-area-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-box-padding-horizontal:var(--sjs2-spacing-x400);
  --sjs2-layout-component-modal-box-padding-top:var(--sjs2-spacing-x400);
  --sjs2-layout-component-modal-box-padding-bottom:var(--sjs2-spacing-x400);
  --sjs2-layout-component-modal-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-content-area-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-content-area-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-header-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-header-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-footer-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-footer-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-modal-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-upload-action-group-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-image-action-group-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-image-picker-action-group-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-drop-item-box-padding-left:var(--sjs2-spacing-x150);
  --sjs2-layout-component-drop-item-box-padding-right:var(--sjs2-spacing-x150);
  --sjs2-layout-component-drop-item-box-padding-vertical:var(--sjs2-spacing-x150);
  --sjs2-layout-component-drop-item-box-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-drop-item-label-padding-horizontal:var(--sjs2-spacing-x050);
  --sjs2-layout-component-menu-item-box-padding-left:var(--sjs2-spacing-x150);
  --sjs2-layout-component-menu-item-box-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-menu-item-box-padding-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-menu-item-box-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-menu-item-label-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-box-padding-top:var(--sjs2-spacing-large-vertical);
  --sjs2-layout-component-survey-box-padding-bottom:calc(var(--sjs2-spacing-large-vertical)*2);
  --sjs2-layout-component-survey-box-gap-vertical:var(--sjs2-spacing-large-vertical);
  --sjs2-layout-component-survey-content-area-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-content-area-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-content-area-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-content-area-gap-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-content-area-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-header-gap-vertical:var(--sjs2-spacing-x100);
  --sjs2-layout-component-survey-header-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-header-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-header-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-survey-header-action-group-gap:var(--sjs2-spacing-x100);
  --sjs2-layout-component-survey-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-footer-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-footer-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-survey-footer-padding-horizontal:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-survey-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-box-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-matrix-box-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-matrix-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-box-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-box-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-row-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-row-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-row-gap-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-row-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-row-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-padding-top:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-padding-bottom:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-left-padding-top:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-left-padding-bottom:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-left-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-left-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-matrix-cell-left-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-right-padding-top:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-right-padding-bottom:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-right-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-right-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-cell-right-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-matrix-header-cell-padding-top:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-padding-bottom:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-left-padding-top:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-left-padding-bottom:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-left-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-left-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-matrix-header-cell-left-padding-right:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-right-padding-top:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-right-padding-bottom:var(--sjs2-spacing-x150);
  --sjs2-layout-component-matrix-header-cell-right-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-right-padding-left:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-right-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-matrix-action-group-left-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-action-group-left-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-action-group-left-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-action-group-left-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-action-group-left-padding-right:var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-action-group-right-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-action-group-right-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-action-group-right-gap-horizontal:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-action-group-right-padding-left:var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-action-group-right-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-box-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-box-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-content-area-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-content-area-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-content-area-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-content-area-gap-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-content-area-gap-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-header-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-matrix-header-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-matrix-header-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-matrix-header-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-matrix-header-gap-vertical:var(--sjs2-spacing-x050);
  --sjs2-layout-component-panel-matrix-header-gap-horizontal:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-matrix-title-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-title-padding-vertical:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-description-padding-horizontal:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-description-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-description-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-matrix-footer-padding-left:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-matrix-footer-padding-right:var(--sjs2-spacing-large-horizontal);
  --sjs2-layout-component-panel-matrix-footer-padding-top:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-matrix-footer-padding-bottom:var(--sjs2-spacing-medium-vertical);
  --sjs2-layout-component-panel-matrix-footer-gap:var(--sjs2-spacing-x300);
  --sjs2-layout-component-panel-matrix-footer-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-layout-component-panel-matrix-header-action-group-gap:var(--sjs2-spacing-x150);
  --sjs2-size-xxx-small:var(--sjs2-size-x200);
  --sjs2-size-xx-small:var(--sjs2-size-x300);
  --sjs2-size-x-small:var(--sjs2-size-x400);
  --sjs2-size-small:var(--sjs2-size-x500);
  --sjs2-size-medium:var(--sjs2-size-x600);
  --sjs2-size-large:var(--sjs2-size-x700);
  --sjs2-size-component-icon-small:var(--sjs2-size-x200);
  --sjs2-size-component-icon-medium:var(--sjs2-size-x300);
  --sjs2-size-component-icon-large:var(--sjs2-size-x400);
  --sjs2-size-component-checkbox-box:var(--sjs2-size-x300);
  --sjs2-size-component-checkbox-icon:var(--sjs2-size-x200);
  --sjs2-size-component-radio-box:var(--sjs2-size-x300);
  --sjs2-size-component-radio-icon:var(--sjs2-size-x200);
}
:where(.sd-theme-root) {
  --sjs2-size-component-action-large-icon:var(--sjs2-typography-line-height-component-action-large-content);
  --sjs2-size-component-action-medium-icon:var(--sjs2-typography-line-height-component-action-medium-content);
  --sjs2-size-component-action-small-icon:var(--sjs2-typography-line-height-component-action-small-content);
  --sjs2-size-component-action-x-small-icon:var(--sjs2-typography-line-height-component-action-x-small-content);
  --sjs2-size-component-action-xx-small-icon:var(--sjs2-typography-line-height-component-action-xx-small-content);
  --sjs2-radius-form:var(--sjs2-radius-x100);
  --sjs2-radius-form-item:var(--sjs2-radius-x050);
  --sjs2-radius-component-formbox:var(--sjs2-radius-form);
  --sjs2-radius-component-formbox-action:var(--sjs2-radius-form-item);
  --sjs2-radius-component-swatch:var(--sjs2-radius-form-item);
  --sjs2-radius-component-buttongroup-item:var(--sjs2-radius-form-item);
  --sjs2-radius-component-tagbox-item:var(--sjs2-radius-form-item);
  --sjs2-radius-component-tagbox-item-action:var(--sjs2-radius-round);
  --sjs2-radius-component-message:var(--sjs2-radius-form);
  --sjs2-radius-component-action:var(--sjs2-radius-form);
  --sjs2-radius-component-drop:var(--sjs2-radius-x200);
  --sjs2-radius-component-menu:var(--sjs2-radius-x200);
  --sjs2-radius-component-drop-item:var(--sjs2-radius-x100);
  --sjs2-radius-component-menu-item:var(--sjs2-radius-x100);
  --sjs2-radius-component-checkbox:var(--sjs2-radius-form-item);
  --sjs2-radius-component-radio:var(--sjs2-radius-round);
  --sjs2-radius-component-rating:var(--sjs2-radius-round);
  --sjs2-radius-component-ranking:var(--sjs2-radius-round);
  --sjs2-radius-component-boolean:var(--sjs2-radius-round);
  --sjs2-radius-component-boolean-item:var(--sjs2-radius-round);
  --sjs2-radius-component-toggle:var(--sjs2-radius-round);
  --sjs2-radius-component-toggle-thumb:var(--sjs2-radius-round);
  --sjs2-radius-component-slider:var(--sjs2-radius-round);
  --sjs2-radius-component-slider-thumb:var(--sjs2-radius-round);
  --sjs2-radius-component-page:var(--sjs2-radius-x150);
  --sjs2-radius-component-panel:var(--sjs2-radius-x150);
  --sjs2-radius-component-panel-simple:var(--sjs2-radius-component-panel);
  --sjs2-radius-component-panel-simple-nested:var(--sjs2-radius-x000);
  --sjs2-radius-component-panel-dynamic:var(--sjs2-radius-component-panel);
  --sjs2-radius-component-panel-nested:var(--sjs2-radius-form);
  --sjs2-radius-component-modal:var(--sjs2-radius-x300);
  --sjs2-radius-component-notifier:var(--sjs2-radius-x200);
  --sjs2-radius-component-tooltip:var(--sjs2-radius-x050);
  --sjs2-radius-component-stepper-item:var(--sjs2-radius-form);
  --sjs2-is-panelless:false;
  --sjs2-is-mobile:false;
  --sjs2-typography-font-family-text:Open Sans;
  --sjs2-typography-font-family-code:DM Mono;
  --sjs2-typography-font-family-component-input-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-question-title:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-question-description:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-page-title:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-page-description:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-panel-title:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-panel-description:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-label-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-label-hint:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-action-large-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-action-medium-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-action-small-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-action-x-small-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-action-xx-small-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-caption-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-caption-hint:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-message-content:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-survey-header-title:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-family-component-survey-header-description:var(--sjs2-typography-font-family-text);
  --sjs2-typography-font-size-small:var(--sjs2-font-size-x150);
  --sjs2-typography-font-size-default:var(--sjs2-font-size-x200);
  --sjs2-typography-font-size-medium:var(--sjs2-font-size-x275);
  --sjs2-typography-font-size-large:var(--sjs2-font-size-x350);
  --sjs2-typography-font-size-component-input-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-message-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-question-title:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-question-description:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-page-title:var(--sjs2-typography-font-size-medium);
  --sjs2-typography-font-size-component-page-description:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-panel-title:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-panel-description:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-label-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-label-hint:var(--sjs2-typography-font-size-small);
  --sjs2-typography-font-size-component-action-large-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-action-medium-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-action-small-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-action-x-small-content:var(--sjs2-typography-font-size-small);
  --sjs2-typography-font-size-component-action-xx-small-content:var(--sjs2-typography-font-size-small);
  --sjs2-typography-font-size-component-caption-content:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-component-caption-hint:var(--sjs2-typography-font-size-small);
  --sjs2-typography-font-size-component-survey-header-title:var(--sjs2-typography-font-size-large);
  --sjs2-typography-font-size-component-survey-header-description:var(--sjs2-typography-font-size-default);
  --sjs2-typography-font-size-x-small:var(--sjs2-font-size-x125);
  --sjs2-typography-line-height-small:var(--sjs2-line-height-x200);
  --sjs2-typography-line-height-default:var(--sjs2-line-height-x300);
  --sjs2-typography-line-height-medium:var(--sjs2-line-height-x400);
  --sjs2-typography-line-height-large:var(--sjs2-line-height-x500);
  --sjs2-typography-line-height-component-input-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-question-title:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-question-description:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-page-title:var(--sjs2-typography-line-height-medium);
  --sjs2-typography-line-height-component-page-description:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-panel-title:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-panel-description:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-label-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-label-hint:var(--sjs2-typography-line-height-small);
  --sjs2-typography-line-height-component-action-large-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-action-medium-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-action-small-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-action-x-small-content:var(--sjs2-typography-line-height-small);
  --sjs2-typography-line-height-component-action-xx-small-content:var(--sjs2-typography-line-height-small);
  --sjs2-typography-line-height-component-caption-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-caption-hint:var(--sjs2-typography-line-height-small);
  --sjs2-typography-line-height-component-message-content:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-component-survey-header-title:var(--sjs2-typography-line-height-large);
  --sjs2-typography-line-height-component-survey-header-description:var(--sjs2-typography-line-height-default);
  --sjs2-typography-line-height-x-small:var(--sjs2-line-height-x175);
  --sjs2-typography-font-weight-basic:var(--sjs2-font-weight-regular);
  --sjs2-typography-font-weight-strong:var(--sjs2-font-weight-semibold);
  --sjs2-typography-font-weight-component-input-content:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-question-title:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-question-description:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-page-title:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-page-description:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-panel-title:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-panel-description:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-label-content:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-label-hint:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-action-large-content:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-action-medium-content:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-action-small-content:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-action-x-small-content:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-action-xx-small-content:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-caption-content:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-caption-hint:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-message-content:var(--sjs2-typography-font-weight-basic);
  --sjs2-typography-font-weight-component-survey-header-title:var(--sjs2-typography-font-weight-strong);
  --sjs2-typography-font-weight-component-survey-header-description:var(--sjs2-typography-font-weight-basic);
  --sjs2-color-project-brand-400:hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.2));
  --sjs2-color-project-brand-600:#19b394;
  --sjs2-color-project-brand-700:hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 0.85));
  --sjs2-color-project-brand-800:hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 0.75));
  --sjs2-color-utility-body:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-sheet:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-a11y:rgba(from var(--sjs2-palette-blue-400) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-utility-scrollbar:rgba(from var(--sjs2-palette-gray-999) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-utility-overlay:rgba(from var(--sjs2-palette-gray-700) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-utility-toolbox:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-property-grid:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-tabs:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-surface-survey:#edf9f7;
  --sjs2-color-utility-surface-designer:#edf9f7;
  --sjs2-color-utility-surface-presets-manager:#f4f4f4;
  --sjs2-color-utility-surface-dashboard:var(--sjs2-color-utility-surface-survey);
  --sjs2-color-utility-surface-logic:var(--sjs2-color-utility-surface-designer);
  --sjs2-color-utility-surface-json-editor:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-surface-translations:var(--sjs2-color-utility-surface-designer);
  --sjs2-color-utility-surface-embed:var(--sjs2-color-utility-surface-designer);
  --sjs2-color-utility-shadow-trigger-default:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-utility-shadow-trigger-hovered:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-utility-shadow-trigger-pressed:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-utility-shadow-trigger-disabled:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-utility-shadow-trigger-design:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-utility-shadow-trigger-readonly:var(--sjs2-color-border-basic-primary);
  --sjs2-color-utility-shadow-trigger-invalid:var(--sjs2-color-border-alert-primary);
  --sjs2-color-utility-shadow-surface-default:rgba(from var(--sjs2-palette-gray-999) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-utility-shadow-surface-hovered:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x040));
  --sjs2-color-utility-shadow-surface-pressed:var(--sjs2-color-project-brand-600);
  --sjs2-color-utility-shadow-surface-focused:var(--sjs2-color-project-brand-600);
  --sjs2-color-utility-shadow-surface-disabled:rgba(from var(--sjs2-palette-gray-999) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-utility-shadow-surface-dragging:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-utility-shadow-floating-default:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-utility-user-bg-color-1:#1570ef;
  --sjs2-color-utility-user-bg-color-2:#ca4ffb;
  --sjs2-color-utility-user-bg-color-3:#19b35c;
  --sjs2-color-utility-user-bg-color-4:#19b394;
  --sjs2-color-utility-user-bg-color-5:#f9c50b;
  --sjs2-color-utility-user-bg-color-6:#f99130;
  --sjs2-color-utility-user-bg-color-7:#f1529c;
  --sjs2-color-utility-user-bg-color-8:#02adeb;
  --sjs2-color-utility-user-bg-color-9:#4e6198;
  --sjs2-color-utility-user-bg-color-0:gray;
  --sjs2-color-utility-user-fg-on-color-1:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-2:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-3:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-4:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-5:var(--sjs2-palette-gray-999);
  --sjs2-color-utility-user-fg-on-color-6:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-7:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-8:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-9:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-fg-on-color-0:var(--sjs2-palette-gray-000);
  --sjs2-color-utility-user-border-color-1:var(--sjs2-color-utility-user-bg-color-1);
  --sjs2-color-utility-user-border-color-2:var(--sjs2-color-utility-user-bg-color-2);
  --sjs2-color-utility-user-border-color-3:var(--sjs2-color-utility-user-bg-color-3);
  --sjs2-color-utility-user-border-color-4:var(--sjs2-color-utility-user-bg-color-4);
  --sjs2-color-utility-user-border-color-5:var(--sjs2-color-utility-user-bg-color-5);
  --sjs2-color-utility-user-border-color-6:var(--sjs2-color-utility-user-bg-color-6);
  --sjs2-color-utility-user-border-color-7:var(--sjs2-color-utility-user-bg-color-7);
  --sjs2-color-utility-user-border-color-8:var(--sjs2-color-utility-user-bg-color-8);
  --sjs2-color-utility-user-border-color-9:var(--sjs2-color-utility-user-bg-color-9);
  --sjs2-color-utility-user-border-color-0:var(--sjs2-color-utility-user-bg-color-0);
  --sjs2-color-bg-basic-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-bg-basic-secondary:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-basic-tertiary:var(--sjs2-palette-gray-150);
  --sjs2-color-bg-basic-primary-dim:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-basic-secondary-dim:var(--sjs2-palette-gray-150);
  --sjs2-color-bg-basic-tertiary-dim:var(--sjs2-palette-gray-200);
  --sjs2-color-bg-basic-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-neutral-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-bg-neutral-secondary:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-neutral-tertiary:rgba(from var(--sjs2-palette-gray-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-neutral-primary-dim:var(--sjs2-palette-gray-700);
  --sjs2-color-bg-neutral-secondary-dim:var(--sjs2-palette-gray-150);
  --sjs2-color-bg-neutral-tertiary-dim:rgba(from var(--sjs2-palette-gray-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-neutral-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-brand-primary:var(--sjs2-color-project-brand-600);
  --sjs2-color-bg-brand-secondary:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-brand-tertiary:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-brand-primary-dim:var(--sjs2-color-project-brand-700);
  --sjs2-color-bg-brand-secondary-dim:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-brand-tertiary-dim:rgba(from var(--sjs2-color-project-brand-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-brand-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-note-primary:var(--sjs2-palette-blue-600);
  --sjs2-color-bg-note-secondary:rgba(from var(--sjs2-palette-blue-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-note-tertiary:rgba(from var(--sjs2-palette-blue-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-note-primary-dim:var(--sjs2-palette-blue-700);
  --sjs2-color-bg-note-secondary-dim:rgba(from var(--sjs2-palette-blue-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-note-tertiary-dim:rgba(from var(--sjs2-palette-blue-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-note-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-positive-primary:var(--sjs2-palette-green-600);
  --sjs2-color-bg-positive-secondary:rgba(from var(--sjs2-palette-green-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-positive-tertiary:rgba(from var(--sjs2-palette-green-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-positive-primary-dim:var(--sjs2-palette-green-700);
  --sjs2-color-bg-positive-secondary-dim:rgba(from var(--sjs2-palette-green-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-positive-tertiary-dim:rgba(from var(--sjs2-palette-green-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-positive-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-warning-primary:var(--sjs2-palette-yellow-600);
  --sjs2-color-bg-warning-secondary:rgba(from var(--sjs2-palette-yellow-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-warning-tertiary:rgba(from var(--sjs2-palette-yellow-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-warning-primary-dim:var(--sjs2-palette-yellow-700);
  --sjs2-color-bg-warning-secondary-dim:rgba(from var(--sjs2-palette-yellow-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-warning-tertiary-dim:rgba(from var(--sjs2-palette-yellow-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-warning-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-alert-primary:var(--sjs2-palette-red-600);
  --sjs2-color-bg-alert-secondary:rgba(from var(--sjs2-palette-red-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-alert-tertiary:rgba(from var(--sjs2-palette-red-600) r g b/var(--sjs2-opacity-x000));
  --sjs2-color-bg-alert-primary-dim:var(--sjs2-palette-red-700);
  --sjs2-color-bg-alert-secondary-dim:rgba(from var(--sjs2-palette-red-600) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-alert-tertiary-dim:rgba(from var(--sjs2-palette-red-600) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-alert-primary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-static-1-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-bg-static-1-secondary:rgba(from var(--sjs2-palette-gray-900) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-static-1-primary-dim:var(--sjs2-palette-gray-700);
  --sjs2-color-bg-static-1-secondary-dim:rgba(from var(--sjs2-palette-gray-900) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-bg-static-2-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-bg-static-2-secondary:rgba(from var(--sjs2-palette-gray-000) r g b/var(--sjs2-opacity-x010));
  --sjs2-color-bg-static-2-primary-dim:var(--sjs2-palette-gray-100);
  --sjs2-color-bg-static-2-secondary-dim:rgba(from var(--sjs2-palette-gray-000) r g b/var(--sjs2-opacity-x015));
  --sjs2-color-fg-basic-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-fg-basic-primary-muted:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x080));
  --sjs2-color-fg-basic-secondary:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-fg-basic-tertiary:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x040));
  --sjs2-color-fg-basic-primary-disabled:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-basic-secondary-disabled:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-basic-tertiary-disabled:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-basic-primary-dim:rgba(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-x080));
  --sjs2-color-fg-neutral-primary:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-fg-neutral-primary-muted:var(--sjs2-color-fg-basic-primary-muted);
  --sjs2-color-fg-neutral-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-neutral-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-neutral-primary-dim:var(--sjs2-color-fg-basic-primary-muted);
  --sjs2-color-fg-brand-primary:var(--sjs2-color-project-brand-700);
  --sjs2-color-fg-brand-primary-dim:var(--sjs2-color-project-brand-800);
  --sjs2-color-fg-brand-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-brand-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-note-primary:var(--sjs2-palette-blue-700);
  --sjs2-color-fg-note-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-note-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-positive-primary:var(--sjs2-palette-green-700);
  --sjs2-color-fg-positive-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-positive-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-warning-primary:var(--sjs2-palette-yellow-700);
  --sjs2-color-fg-warning-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-warning-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-alert-primary:var(--sjs2-palette-red-700);
  --sjs2-color-fg-alert-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-alert-primary-disabled:rgba(from var(--sjs2-color-fg-neutral-primary) r g b/var(--sjs2-opacity-x020));
  --sjs2-color-fg-static-1-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-fg-static-2-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-border-basic-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-border-basic-secondary:var(--sjs2-palette-gray-250);
  --sjs2-color-border-basic-secondary-overlay:rgba(from var(--sjs2-color-border-basic-primary) r g b/var(--sjs2-opacity-x040));
  --sjs2-color-border-basic-secondary-disabled:var(--sjs2-palette-gray-100);
  --sjs2-color-border-neutral-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-neutral-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-brand-primary:var(--sjs2-color-project-brand-600);
  --sjs2-color-border-brand-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-note-primary:var(--sjs2-palette-blue-600);
  --sjs2-color-border-note-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-positive-primary:var(--sjs2-palette-green-600);
  --sjs2-color-border-positive-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-warning-primary:var(--sjs2-palette-yellow-600);
  --sjs2-color-border-warning-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-alert-primary:var(--sjs2-palette-red-600);
  --sjs2-color-border-alert-on-primary:var(--sjs2-palette-gray-000);
  --sjs2-color-border-static-1-primary:var(--sjs2-palette-gray-000);
}
:where(.sd-theme-root) {
  --sjs2-color-border-static-2-primary:var(--sjs2-palette-gray-900);
  --sjs2-color-data-chart-bg-color-0:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-data-chart-bg-color-1:#84cad4;
  --sjs2-color-data-chart-bg-color-2:#3a99fb;
  --sjs2-color-data-chart-bg-color-3:#ff6771;
  --sjs2-color-data-chart-bg-color-4:#1db496;
  --sjs2-color-data-chart-bg-color-5:#ffc152;
  --sjs2-color-data-chart-bg-color-6:#aba1ff;
  --sjs2-color-data-chart-bg-color-7:#7d8ca5;
  --sjs2-color-data-chart-bg-color-8:#4fc46c;
  --sjs2-color-data-chart-bg-color-9:#e87bcb;
  --sjs2-color-data-chart-bg-color-10:#4e6198;
  --sjs2-color-data-chart-bg-color-0-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-0) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-1-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-1) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-2-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-2) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-3-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-3) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-4-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-4) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-5-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-5) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-6-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-6) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-7-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-7) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-8-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-8) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-9-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-9) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-bg-color-10-tinted:rgba(from var(--sjs2-color-data-chart-bg-color-10) r g b/var(--sjs2-opacity-x060));
  --sjs2-color-data-chart-fg-on-color-0:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-1:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-2:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-3:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-4:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-5:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-6:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-7:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-8:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-9:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-fg-on-color-10:var(--sjs2-palette-gray-000);
  --sjs2-color-data-chart-border-color-0:var(--sjs2-color-data-chart-bg-color-0);
  --sjs2-color-data-chart-border-color-1:var(--sjs2-color-data-chart-bg-color-1);
  --sjs2-color-data-chart-border-color-2:var(--sjs2-color-data-chart-bg-color-2);
  --sjs2-color-data-chart-border-color-3:var(--sjs2-color-data-chart-bg-color-3);
  --sjs2-color-data-chart-border-color-4:var(--sjs2-color-data-chart-bg-color-4);
  --sjs2-color-data-chart-border-color-5:var(--sjs2-color-data-chart-bg-color-5);
  --sjs2-color-data-chart-border-color-6:var(--sjs2-color-data-chart-bg-color-6);
  --sjs2-color-data-chart-border-color-7:var(--sjs2-color-data-chart-bg-color-7);
  --sjs2-color-data-chart-border-color-8:var(--sjs2-color-data-chart-bg-color-8);
  --sjs2-color-data-chart-border-color-9:var(--sjs2-color-data-chart-bg-color-9);
  --sjs2-color-data-chart-border-color-10:var(--sjs2-color-data-chart-bg-color-10);
  --sjs2-color-data-chart-track-color-0:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-data-grid-fg-label:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-data-grid-border-line:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-data-grid-border-axis:var(--sjs2-color-border-basic-primary);
  --sjs2-color-component-action-alert-primary-default-bg:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-action-alert-primary-default-icon:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-action-alert-primary-default-label:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-action-alert-primary-hovered-bg:var(--sjs2-color-bg-alert-primary-dim);
  --sjs2-color-component-action-alert-primary-hovered-icon:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-action-alert-primary-hovered-label:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-action-alert-primary-disabled-bg:var(--sjs2-color-bg-alert-primary-disabled);
  --sjs2-color-component-action-alert-primary-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-primary-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-secondary-default-bg:var(--sjs2-color-bg-alert-secondary);
  --sjs2-color-component-action-alert-secondary-default-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-secondary-default-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-secondary-hovered-bg:var(--sjs2-color-bg-alert-secondary-dim);
  --sjs2-color-component-action-alert-secondary-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-secondary-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-secondary-disabled-bg:var(--sjs2-color-bg-alert-primary-disabled);
  --sjs2-color-component-action-alert-secondary-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-secondary-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-default-bg:var(--sjs2-color-bg-alert-tertiary);
  --sjs2-color-component-action-alert-tertiary-default-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-default-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-hovered-bg:var(--sjs2-color-bg-alert-tertiary-dim);
  --sjs2-color-component-action-alert-tertiary-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-disabled-bg:rgba(from var(--sjs2-color-bg-alert-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-alert-tertiary-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-muted-default-bg:var(--sjs2-color-bg-alert-tertiary);
  --sjs2-color-component-action-alert-tertiary-muted-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-alert-tertiary-muted-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-alert-tertiary-muted-hovered-bg:var(--sjs2-color-bg-alert-tertiary-dim);
  --sjs2-color-component-action-alert-tertiary-muted-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-muted-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-muted-disabled-bg:rgba(from var(--sjs2-color-bg-alert-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-alert-tertiary-muted-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-muted-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-quaternary-default-bg:var(--sjs2-color-bg-alert-tertiary);
  --sjs2-color-component-action-alert-quaternary-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-alert-quaternary-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-alert-quaternary-hovered-bg:var(--sjs2-color-bg-alert-tertiary-dim);
  --sjs2-color-component-action-alert-quaternary-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-quaternary-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-quaternary-disabled-bg:rgba(from var(--sjs2-color-bg-alert-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-alert-quaternary-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-quaternary-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-alert-tertiary-surface-default-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-surface-default-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-alert-tertiary-surface-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-surface-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-surface-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-surface-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-muted-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-alert-tertiary-muted-surface-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-alert-tertiary-muted-surface-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-alert-tertiary-muted-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-alert-tertiary-muted-surface-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-muted-surface-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-quaternary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-alert-quaternary-surface-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-alert-quaternary-surface-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-alert-quaternary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-alert-quaternary-surface-hovered-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-quaternary-surface-hovered-label:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-action-alert-quaternary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-alert-quaternary-surface-disabled-icon:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-alert-quaternary-surface-disabled-label:var(--sjs2-color-fg-alert-primary-disabled);
  --sjs2-color-component-action-brand-primary-default-bg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-action-brand-primary-default-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-action-brand-primary-default-label:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-action-brand-primary-hovered-bg:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-action-brand-primary-hovered-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-action-brand-primary-hovered-label:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-action-brand-primary-disabled-bg:var(--sjs2-color-bg-brand-primary-disabled);
  --sjs2-color-component-action-brand-primary-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-primary-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-secondary-default-bg:var(--sjs2-color-bg-brand-secondary);
  --sjs2-color-component-action-brand-secondary-default-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-secondary-default-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-secondary-hovered-bg:var(--sjs2-color-bg-brand-secondary-dim);
  --sjs2-color-component-action-brand-secondary-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-secondary-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-secondary-disabled-bg:var(--sjs2-color-bg-brand-primary-disabled);
  --sjs2-color-component-action-brand-secondary-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-secondary-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-default-bg:var(--sjs2-color-bg-brand-tertiary);
  --sjs2-color-component-action-brand-tertiary-default-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-default-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-hovered-bg:var(--sjs2-color-bg-brand-tertiary-dim);
  --sjs2-color-component-action-brand-tertiary-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-disabled-bg:rgba(from var(--sjs2-color-bg-brand-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-brand-tertiary-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-muted-default-bg:var(--sjs2-color-bg-brand-tertiary);
  --sjs2-color-component-action-brand-tertiary-muted-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-brand-tertiary-muted-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-brand-tertiary-muted-hovered-bg:var(--sjs2-color-bg-brand-tertiary-dim);
  --sjs2-color-component-action-brand-tertiary-muted-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-muted-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-muted-disabled-bg:rgba(from var(--sjs2-color-bg-brand-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-brand-tertiary-muted-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-muted-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-quaternary-default-bg:var(--sjs2-color-bg-brand-tertiary);
  --sjs2-color-component-action-brand-quaternary-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-brand-quaternary-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-brand-quaternary-hovered-bg:var(--sjs2-color-bg-brand-tertiary-dim);
  --sjs2-color-component-action-brand-quaternary-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-quaternary-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-quaternary-disabled-bg:rgba(from var(--sjs2-color-bg-brand-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-brand-quaternary-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-quaternary-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-brand-tertiary-surface-default-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-surface-default-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-brand-tertiary-surface-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-surface-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-surface-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-surface-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-muted-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-brand-tertiary-muted-surface-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-brand-tertiary-muted-surface-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-brand-tertiary-muted-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-brand-tertiary-muted-surface-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-muted-surface-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-quaternary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-brand-quaternary-surface-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-brand-quaternary-surface-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-brand-quaternary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-brand-quaternary-surface-hovered-icon:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-quaternary-surface-hovered-label:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-action-brand-quaternary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-brand-quaternary-surface-disabled-icon:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-brand-quaternary-surface-disabled-label:var(--sjs2-color-fg-brand-primary-disabled);
  --sjs2-color-component-action-neutral-primary-default-bg:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-action-neutral-primary-default-icon:var(--sjs2-color-fg-neutral-on-primary);
  --sjs2-color-component-action-neutral-primary-default-label:var(--sjs2-color-fg-neutral-on-primary);
  --sjs2-color-component-action-neutral-primary-hovered-bg:var(--sjs2-color-bg-neutral-primary-dim);
  --sjs2-color-component-action-neutral-primary-hovered-icon:var(--sjs2-color-fg-neutral-on-primary);
  --sjs2-color-component-action-neutral-primary-hovered-label:var(--sjs2-color-fg-neutral-on-primary);
  --sjs2-color-component-action-neutral-primary-disabled-bg:var(--sjs2-color-bg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-primary-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-primary-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-secondary-default-bg:var(--sjs2-color-bg-neutral-secondary);
  --sjs2-color-component-action-neutral-secondary-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-secondary-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-secondary-hovered-bg:var(--sjs2-color-bg-neutral-secondary-dim);
  --sjs2-color-component-action-neutral-secondary-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-secondary-hovered-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-secondary-disabled-bg:var(--sjs2-color-bg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-secondary-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-secondary-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-tertiary-default-bg:var(--sjs2-color-bg-neutral-tertiary);
  --sjs2-color-component-action-neutral-tertiary-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-hovered-bg:var(--sjs2-color-bg-neutral-tertiary-dim);
  --sjs2-color-component-action-neutral-tertiary-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-hovered-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-disabled-bg:rgba(from var(--sjs2-color-bg-neutral-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-neutral-tertiary-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-tertiary-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-quaternary-default-bg:var(--sjs2-color-bg-neutral-tertiary);
  --sjs2-color-component-action-neutral-quaternary-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-neutral-quaternary-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-neutral-quaternary-hovered-bg:var(--sjs2-color-bg-neutral-tertiary-dim);
  --sjs2-color-component-action-neutral-quaternary-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-quaternary-hovered-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-quaternary-disabled-bg:rgba(from var(--sjs2-color-bg-neutral-tertiary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-action-neutral-quaternary-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-quaternary-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-tertiary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-neutral-tertiary-surface-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-surface-default-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-neutral-tertiary-surface-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-surface-hovered-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-tertiary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-neutral-tertiary-surface-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-tertiary-surface-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-quaternary-surface-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-action-neutral-quaternary-surface-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-neutral-quaternary-surface-default-label:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-action-neutral-quaternary-surface-hovered-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-action-neutral-quaternary-surface-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-quaternary-surface-hovered-label:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-action-neutral-quaternary-surface-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-action-neutral-quaternary-surface-disabled-icon:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-action-neutral-quaternary-surface-disabled-label:var(--sjs2-color-fg-neutral-primary-disabled);
  --sjs2-color-component-buttongroup-item-false-default-bg:rgba(from var(--sjs2-color-bg-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-buttongroup-item-false-default-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-buttongroup-item-false-default-value:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-buttongroup-item-false-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-buttongroup-item-false-disabled-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-buttongroup-item-false-disabled-value:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-buttongroup-item-false-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-buttongroup-item-false-readonly-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-buttongroup-item-false-readonly-value:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-buttongroup-item-false-hovered-bg:var(--sjs2-color-bg-basic-secondary-dim);
  --sjs2-color-component-buttongroup-item-false-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-buttongroup-item-false-hovered-value:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-buttongroup-item-true-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-buttongroup-item-true-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-buttongroup-item-true-default-value:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-buttongroup-item-true-disabled-bg:var(--sjs2-color-bg-basic-primary-disabled);
  --sjs2-color-component-buttongroup-item-true-disabled-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-buttongroup-item-true-disabled-value:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-buttongroup-item-true-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-buttongroup-item-true-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-buttongroup-item-true-readonly-value:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-formbox-default-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-formbox-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-formbox-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-formbox-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-formbox-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-formbox-focused-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-focused-border:var(--sjs2-color-border-brand-primary);
  --sjs2-color-component-formbox-invalid-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-invalid-border:var(--sjs2-color-border-alert-primary);
  --sjs2-color-component-formbox-highlighted-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-highlighted-border:var(--sjs2-color-border-basic-primary);
  --sjs2-color-component-formbox-design-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-design-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-formbox-hovered-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-formbox-invalid-focused-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-formbox-invalid-focused-border:var(--sjs2-color-border-alert-primary);
  --sjs2-color-component-input-default-line:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-input-default-value:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-input-default-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-input-default-label:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-input-default-limit:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-input-default-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-input-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-input-disabled-line:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-input-disabled-value:var(--sjs2-color-fg-basic-primary-disabled);
  --sjs2-color-component-input-disabled-placeholder:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-input-disabled-label:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-input-disabled-limit:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-input-disabled-icon:var(--sjs2-color-fg-basic-tertiary-disabled);
  --sjs2-color-component-input-disabled-description:var(--sjs2-color-fg-basic-primary-disabled);
}
:where(.sd-theme-root) {
  --sjs2-color-component-toggle-false-default-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-toggle-false-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-false-default-thumb:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-toggle-false-disabled-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-toggle-false-disabled-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-false-disabled-thumb:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-toggle-false-readonly-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-toggle-false-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-false-readonly-thumb:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-toggle-false-hovered-bg:var(--sjs2-color-bg-basic-secondary-dim);
  --sjs2-color-component-toggle-false-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-false-hovered-thumb:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-toggle-true-default-bg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-toggle-true-default-border:var(--sjs2-color-border-brand-primary);
  --sjs2-color-component-toggle-true-default-thumb:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-toggle-true-disabled-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-toggle-true-disabled-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-true-disabled-thumb:var(--sjs2-color-fg-basic-tertiary-disabled);
  --sjs2-color-component-toggle-true-readonly-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-toggle-true-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-toggle-true-readonly-thumb:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-toggle-true-hovered-bg:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-toggle-true-hovered-border:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-toggle-true-hovered-thumb:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-message-error-bg:var(--sjs2-color-bg-alert-secondary);
  --sjs2-color-component-message-error-icon:var(--sjs2-color-fg-alert-primary);
  --sjs2-color-component-message-error-text:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-message-info-bg:var(--sjs2-color-bg-note-secondary);
  --sjs2-color-component-message-info-icon:var(--sjs2-color-fg-note-primary);
  --sjs2-color-component-message-info-text:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-message-warning-bg:var(--sjs2-color-bg-warning-secondary);
  --sjs2-color-component-message-warning-icon:var(--sjs2-color-fg-warning-primary);
  --sjs2-color-component-message-warning-text:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-slider-default-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-default-fg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-slider-default-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-default-dot:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-slider-disabled-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-disabled-fg:var(--sjs2-color-fg-basic-tertiary-disabled);
  --sjs2-color-component-slider-disabled-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-disabled-dot:var(--sjs2-color-fg-basic-tertiary-disabled);
  --sjs2-color-component-slider-readonly-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-readonly-fg:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-slider-readonly-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-readonly-dot:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-slider-hovered-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-hovered-fg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-slider-hovered-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-hovered-dot:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-slider-invalid-bg:var(--sjs2-color-bg-alert-secondary);
  --sjs2-color-component-slider-invalid-fg:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-slider-invalid-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-invalid-dot:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-slider-design-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-design-fg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-slider-design-thumb:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-design-dot:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-slider-preview-bg:var(--sjs2-color-bg-basic-tertiary);
  --sjs2-color-component-slider-preview-fg:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-slider-preview-thumb:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-slider-preview-dot:var(--sjs2-color-bg-neutral-primary);
  --sjs2-color-component-panel-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-panel-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-panel-default-separator:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-hovered-title:var(--sjs2-color-fg-basic-primary-dim);
  --sjs2-color-component-panel-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dynamic-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dynamic-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-dynamic-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-panel-dynamic-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-dynamic-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-dynamic-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-panel-dynamic-default-separator:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-dynamic-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dynamic-hovered-title:var(--sjs2-color-fg-basic-primary-dim);
  --sjs2-color-component-panel-dynamic-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dynamic-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-dynamic-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-simple-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-question-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-question-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-question-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-question-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-question-hovered-title:var(--sjs2-color-fg-basic-primary-dim);
  --sjs2-color-component-page-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-page-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-page-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-page-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-boolean-item-false-default-bg:rgba(from var(--sjs2-color-bg-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-default-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-default-value:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-boolean-item-false-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-item-false-disabled-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-disabled-value:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-boolean-item-false-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-item-false-readonly-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-readonly-value:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-boolean-item-false-hovered-bg:var(--sjs2-color-bg-basic-secondary-dim);
  --sjs2-color-component-boolean-item-false-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-boolean-item-false-hovered-value:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-boolean-item-false-design-bg:rgba(from var(--sjs2-color-bg-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-design-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-false-design-value:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-boolean-item-true-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-item-true-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-boolean-item-true-default-value:var(--sjs2-color-fg-brand-primary);
  --sjs2-color-component-boolean-item-true-disabled-bg:var(--sjs2-color-bg-basic-primary-dim);
  --sjs2-color-component-boolean-item-true-disabled-border:rgba(from var(--sjs2-color-border-basic-secondary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-boolean-item-true-disabled-value:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-boolean-item-true-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-item-true-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-boolean-item-true-readonly-value:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-boolean-default-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-boolean-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-boolean-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-boolean-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-boolean-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-boolean-invalid-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-boolean-invalid-border:var(--sjs2-color-border-alert-primary);
  --sjs2-color-component-boolean-highlighted-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-boolean-highlighted-border:var(--sjs2-color-border-basic-primary);
  --sjs2-color-component-boolean-design-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-boolean-design-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-tagbox-item-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-tagbox-item-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-tagbox-item-default-label:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-tagbox-item-default-mask-stop-1:var(--sjs2-color-component-tagbox-item-default-bg);
  --sjs2-color-component-tagbox-item-default-mask-stop-2:rgba(from var(--sjs2-color-bg-basic-primary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-tagbox-item-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-tagbox-item-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-tagbox-item-hovered-label:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-tagbox-item-hovered-mask-stop-1:var(--sjs2-color-component-tagbox-item-hovered-bg);
  --sjs2-color-component-tagbox-item-hovered-mask-stop-2:rgba(from var(--sjs2-color-bg-basic-primary) r g b/var(--sjs2-opacity-hidden));
  --sjs2-color-component-tagbox-item-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-tagbox-item-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-tagbox-item-readonly-label:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-tagbox-item-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-tagbox-item-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-tagbox-item-disabled-label:var(--sjs2-color-fg-basic-primary-disabled);
  --sjs2-color-component-tagbox-item-action-default-bg:var(--sjs2-color-bg-neutral-secondary);
  --sjs2-color-component-tagbox-item-action-default-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-tagbox-item-action-hovered-bg:var(--sjs2-color-bg-neutral-secondary-dim);
  --sjs2-color-component-tagbox-item-action-hovered-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-tagbox-item-action-pressed-bg:var(--sjs2-color-bg-neutral-secondary);
  --sjs2-color-component-tagbox-item-action-pressed-icon:var(--sjs2-color-fg-neutral-primary-muted);
  --sjs2-color-component-label-default-text:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-label-default-hint:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-label-disabled-text:var(--sjs2-color-fg-basic-primary-disabled);
  --sjs2-color-component-label-disabled-hint:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-caption-default-text:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-caption-default-hint:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-caption-disabled-text:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-caption-disabled-hint:var(--sjs2-color-fg-basic-secondary-disabled);
  --sjs2-color-component-panel-nested-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-nested-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-nested-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-panel-nested-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-nested-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-nested-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-panel-nested-default-separator:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-nested-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-nested-hovered-title:var(--sjs2-color-fg-basic-primary-dim);
  --sjs2-color-component-panel-nested-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-nested-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-nested-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-nested-default-bg:transparent;
  --sjs2-color-component-panel-simple-nested-default-border:transparent;
  --sjs2-color-component-panel-simple-nested-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-nested-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-nested-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-simple-nested-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-survey-header-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-survey-header-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-survey-header-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-survey-header-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-survey-header-default-bg:transparent;
  --sjs2-color-component-radio-false-default-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-radio-false-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-radio-false-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-radio-false-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-radio-false-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-radio-false-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-radio-false-hovered-bg:var(--sjs2-color-bg-basic-secondary-dim);
  --sjs2-color-component-radio-false-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-radio-false-design-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-radio-false-design-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-radio-false-invalid-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-radio-false-invalid-border:var(--sjs2-color-border-alert-primary);
  --sjs2-color-component-radio-true-default-bg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-radio-true-default-border:var(--sjs2-color-border-brand-primary);
  --sjs2-color-component-radio-true-default-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-radio-true-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-radio-true-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-radio-true-disabled-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-radio-true-hovered-bg:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-radio-true-hovered-border:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-radio-true-hovered-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-radio-true-invalid-bg:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-radio-true-invalid-border:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-radio-true-invalid-icon:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-checkbox-false-default-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-checkbox-false-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-checkbox-false-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-checkbox-false-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-checkbox-false-readonly-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-checkbox-false-readonly-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-checkbox-false-hovered-bg:var(--sjs2-color-bg-basic-secondary-dim);
  --sjs2-color-component-checkbox-false-hovered-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-checkbox-false-design-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-checkbox-false-design-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-checkbox-false-invalid-bg:var(--sjs2-color-bg-basic-secondary);
  --sjs2-color-component-checkbox-false-invalid-border:var(--sjs2-color-border-alert-primary);
  --sjs2-color-component-checkbox-true-default-bg:var(--sjs2-color-bg-brand-primary);
  --sjs2-color-component-checkbox-true-default-border:var(--sjs2-color-border-brand-primary);
  --sjs2-color-component-checkbox-true-default-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-checkbox-true-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-checkbox-true-disabled-border:var(--sjs2-color-border-basic-secondary-disabled);
  --sjs2-color-component-checkbox-true-disabled-icon:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-checkbox-true-hovered-bg:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-checkbox-true-hovered-border:var(--sjs2-color-bg-brand-primary-dim);
  --sjs2-color-component-checkbox-true-hovered-icon:var(--sjs2-color-fg-brand-on-primary);
  --sjs2-color-component-checkbox-true-invalid-bg:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-checkbox-true-invalid-border:var(--sjs2-color-bg-alert-primary);
  --sjs2-color-component-checkbox-true-invalid-icon:var(--sjs2-color-fg-alert-on-primary);
  --sjs2-color-component-matrix-default-separator:transparent;
  --sjs2-color-component-panel-matrix-default-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-matrix-default-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-matrix-default-title:var(--sjs2-color-fg-basic-primary);
  --sjs2-color-component-panel-matrix-default-title-placeholder:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-matrix-default-description:var(--sjs2-color-fg-basic-secondary);
  --sjs2-color-component-panel-matrix-default-description-placeholder:var(--sjs2-color-fg-basic-tertiary);
  --sjs2-color-component-panel-matrix-default-separator:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-panel-matrix-hovered-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-matrix-hovered-title:var(--sjs2-color-fg-basic-primary-dim);
  --sjs2-color-component-panel-matrix-focused-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-matrix-disabled-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-panel-matrix-dragging-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-opacity-visible:var(--sjs2-opacity-x100);
  --sjs2-opacity-hovered:var(--sjs2-opacity-x080);
  --sjs2-opacity-pressed:var(--sjs2-opacity-x080);
  --sjs2-opacity-disabled:var(--sjs2-opacity-x025);
  --sjs2-opacity-hidden:var(--sjs2-opacity-x000);
  --sjs2-border-width-a11y:var(--sjs2-border-width-x400);
  --sjs2-border-width-component-matrix-default-separator:var(--sjs2-border-width-x000);
  --sjs2-border-spread-form-default:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-hovered:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-pressed:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-focused:var(--sjs2-border-width-x200);
  --sjs2-border-spread-form-highlighted:var(--sjs2-border-width-x200);
  --sjs2-border-spread-form-disabled:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-invalid:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-invalid-focused:var(--sjs2-border-width-x200);
  --sjs2-border-spread-form-readonly:var(--sjs2-border-width-x100);
  --sjs2-border-spread-form-design:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-default:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-hovered:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-pressed:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-disabled:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-design:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-readonly:var(--sjs2-border-width-x100);
  --sjs2-border-spread-trigger-invalid:var(--sjs2-border-width-x100);
  --sjs2-border-spread-surface-default:var(--sjs2-border-width-x100);
  --sjs2-border-spread-surface-hovered:var(--sjs2-border-width-x200);
  --sjs2-border-spread-surface-pressed:var(--sjs2-border-width-x200);
  --sjs2-border-spread-surface-focused:var(--sjs2-border-width-x200);
  --sjs2-border-spread-surface-disabled:var(--sjs2-border-width-x100);
  --sjs2-border-spread-surface-dragging:4px;
  --sjs2-border-spread-floating-default:0px;
  --sjs2-border-blur-form-default:0px;
  --sjs2-border-blur-form-hovered:0px;
  --sjs2-border-blur-form-pressed:0px;
  --sjs2-border-blur-form-focused:0px;
  --sjs2-border-blur-form-highlighted:0px;
  --sjs2-border-blur-form-disabled:0px;
  --sjs2-border-blur-form-invalid:0px;
  --sjs2-border-blur-form-invalid-focused:0px;
  --sjs2-border-blur-form-readonly:0px;
  --sjs2-border-blur-form-design:0px;
  --sjs2-border-blur-trigger-default:0px;
  --sjs2-border-blur-trigger-hovered:0px;
  --sjs2-border-blur-trigger-pressed:0px;
  --sjs2-border-blur-trigger-disabled:0px;
  --sjs2-border-blur-trigger-design:0px;
  --sjs2-border-blur-trigger-readonly:0px;
  --sjs2-border-blur-trigger-invalid:0px;
  --sjs2-border-blur-surface-default:0px;
  --sjs2-border-blur-surface-hovered:0px;
}
:where(.sd-theme-root) {
  --sjs2-border-blur-surface-pressed:0px;
  --sjs2-border-blur-surface-focused:0px;
  --sjs2-border-blur-surface-disabled:0px;
  --sjs2-border-blur-surface-dragging:12px;
  --sjs2-border-blur-floating-default:20px;
  --sjs2-border-offset-x-form-default:0px;
  --sjs2-border-offset-x-form-hovered:0px;
  --sjs2-border-offset-x-form-pressed:0px;
  --sjs2-border-offset-x-form-focused:0px;
  --sjs2-border-offset-x-form-highlighted:0px;
  --sjs2-border-offset-x-form-disabled:0px;
  --sjs2-border-offset-x-form-invalid:0px;
  --sjs2-border-offset-x-form-invalid-focused:0px;
  --sjs2-border-offset-x-form-readonly:0px;
  --sjs2-border-offset-x-form-design:0px;
  --sjs2-border-offset-x-trigger-default:0px;
  --sjs2-border-offset-x-trigger-hovered:0px;
  --sjs2-border-offset-x-trigger-pressed:0px;
  --sjs2-border-offset-x-trigger-disabled:0px;
  --sjs2-border-offset-x-trigger-design:0px;
  --sjs2-border-offset-x-trigger-readonly:0px;
  --sjs2-border-offset-x-trigger-invalid:0px;
  --sjs2-border-offset-x-surface-default:0px;
  --sjs2-border-offset-x-surface-hovered:0px;
  --sjs2-border-offset-x-surface-pressed:0px;
  --sjs2-border-offset-x-surface-focused:0px;
  --sjs2-border-offset-x-surface-disabled:0px;
  --sjs2-border-offset-x-surface-dragging:0px;
  --sjs2-border-offset-x-floating-default:0px;
  --sjs2-border-offset-y-form-default:0px;
  --sjs2-border-offset-y-form-hovered:0px;
  --sjs2-border-offset-y-form-pressed:0px;
  --sjs2-border-offset-y-form-focused:0px;
  --sjs2-border-offset-y-form-highlighted:0px;
  --sjs2-border-offset-y-form-disabled:0px;
  --sjs2-border-offset-y-form-invalid:0px;
  --sjs2-border-offset-y-form-invalid-focused:0px;
  --sjs2-border-offset-y-form-readonly:0px;
  --sjs2-border-offset-y-form-design:0px;
  --sjs2-border-offset-y-trigger-default:0px;
  --sjs2-border-offset-y-trigger-hovered:0px;
  --sjs2-border-offset-y-trigger-pressed:0px;
  --sjs2-border-offset-y-trigger-disabled:0px;
  --sjs2-border-offset-y-trigger-design:0px;
  --sjs2-border-offset-y-trigger-readonly:0px;
  --sjs2-border-offset-y-trigger-invalid:0px;
  --sjs2-border-offset-y-surface-default:0px;
  --sjs2-border-offset-y-surface-hovered:0px;
  --sjs2-border-offset-y-surface-pressed:0px;
  --sjs2-border-offset-y-surface-focused:0px;
  --sjs2-border-offset-y-surface-disabled:0px;
  --sjs2-border-offset-y-surface-dragging:6px;
  --sjs2-border-offset-y-floating-default:6px;
  --sjs2-border-effect-a11y:0px 0px 0px var(--sjs2-border-width-a11y) var(--sjs2-color-utility-a11y);
  --sjs2-border-effect-component-formbox-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-formbox-default-border);
  --sjs2-border-effect-component-formbox-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-formbox-hovered-border);
  --sjs2-border-effect-component-formbox-focused:inset var(--sjs2-border-offset-x-form-focused) var(--sjs2-border-offset-y-form-focused) var(--sjs2-border-blur-form-focused) var(--sjs2-border-spread-form-focused) var(--sjs2-color-component-formbox-focused-border);
  --sjs2-border-effect-component-formbox-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-formbox-disabled-border);
  --sjs2-border-effect-component-formbox-invalid:inset var(--sjs2-border-offset-x-form-invalid) var(--sjs2-border-offset-y-form-invalid) var(--sjs2-border-blur-form-invalid) var(--sjs2-border-spread-form-invalid) var(--sjs2-color-component-formbox-invalid-border);
  --sjs2-border-effect-component-formbox-invalid-focused:inset var(--sjs2-border-offset-x-form-invalid-focused) var(--sjs2-border-offset-y-form-invalid-focused) var(--sjs2-border-blur-form-invalid-focused) var(--sjs2-border-spread-form-invalid-focused) var(--sjs2-color-component-formbox-invalid-focused-border);
  --sjs2-border-effect-component-formbox-highlighted:inset var(--sjs2-border-offset-x-form-highlighted) var(--sjs2-border-offset-y-form-highlighted) var(--sjs2-border-blur-form-highlighted) var(--sjs2-border-spread-form-highlighted) var(--sjs2-color-component-formbox-highlighted-border);
  --sjs2-border-effect-component-formbox-readonly:inset var(--sjs2-border-offset-x-form-readonly) var(--sjs2-border-offset-y-form-readonly) var(--sjs2-border-blur-form-readonly) var(--sjs2-border-spread-form-readonly) var(--sjs2-color-component-formbox-readonly-border);
  --sjs2-border-effect-component-formbox-design:inset var(--sjs2-border-offset-x-form-design) var(--sjs2-border-offset-y-form-design) var(--sjs2-border-blur-form-design) var(--sjs2-border-spread-form-design) var(--sjs2-color-component-formbox-design-border);
  --sjs2-border-effect-component-formbox-a11y:0px 0px 0px 0px transparent;
  --sjs2-border-effect-component-toggle-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-toggle-false-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-toggle-false-default-border);
  --sjs2-border-effect-component-toggle-false-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-toggle-false-hovered-border);
  --sjs2-border-effect-component-toggle-false-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-toggle-false-disabled-border);
  --sjs2-border-effect-component-toggle-true-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-toggle-true-default-border);
  --sjs2-border-effect-component-toggle-true-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-toggle-true-hovered-border);
  --sjs2-border-effect-component-toggle-true-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-toggle-true-disabled-border);
  --sjs2-border-effect-component-action-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-action-alert-primary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-primary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-primary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-secondary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-secondary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-secondary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-tertiary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-tertiary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-tertiary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-quaternary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-quaternary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-quaternary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-tertiary-muted-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-tertiary-muted-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-tertiary-muted-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-tertiary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-tertiary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-tertiary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-tertiary-muted-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-tertiary-muted-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-tertiary-muted-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-alert-quaternary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-alert-quaternary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-alert-quaternary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-primary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-primary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-primary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-secondary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-secondary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-secondary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-tertiary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-tertiary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-tertiary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-quaternary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-quaternary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-quaternary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-tertiary-muted-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-tertiary-muted-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-tertiary-muted-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-tertiary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-tertiary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-tertiary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-tertiary-muted-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-tertiary-muted-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-tertiary-muted-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-brand-quaternary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-brand-quaternary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-brand-quaternary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-primary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-primary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-primary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-secondary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-secondary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-secondary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-tertiary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-tertiary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-tertiary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-quaternary-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-quaternary-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-quaternary-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-tertiary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-tertiary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-tertiary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-action-neutral-quaternary-surface-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-action-neutral-quaternary-surface-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-action-neutral-quaternary-surface-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-buttongroup-item-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-buttongroup-item-false-default:inset var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-buttongroup-item-false-default-border);
  --sjs2-border-effect-component-buttongroup-item-false-hovered:inset var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-component-buttongroup-item-false-hovered-border);
  --sjs2-border-effect-component-buttongroup-item-false-disabled:inset var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-component-buttongroup-item-false-disabled-border);
  --sjs2-border-effect-component-buttongroup-item-false-readonly:inset var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-component-buttongroup-item-false-readonly-border);
  --sjs2-border-effect-component-buttongroup-item-true-default:inset var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-buttongroup-item-true-default-border);
  --sjs2-border-effect-component-buttongroup-item-true-disabled:inset var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-component-buttongroup-item-true-disabled-border);
  --sjs2-border-effect-component-buttongroup-item-true-readonly:inset var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-component-buttongroup-item-true-readonly-border);
  --sjs2-border-effect-component-boolean-item-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-boolean-item-false-default:inset var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-boolean-item-false-default-border);
  --sjs2-border-effect-component-boolean-item-false-hovered:inset var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-component-boolean-item-false-hovered-border);
  --sjs2-border-effect-component-boolean-item-false-disabled:inset var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-component-boolean-item-false-disabled-border);
  --sjs2-border-effect-component-boolean-item-false-readonly:inset var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-component-boolean-item-false-readonly-border);
  --sjs2-border-effect-component-boolean-item-true-default:inset var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-boolean-item-true-default-border);
  --sjs2-border-effect-component-boolean-item-true-disabled:inset var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-component-boolean-item-true-disabled-border);
  --sjs2-border-effect-component-boolean-item-true-readonly:inset var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-component-boolean-item-true-readonly-border);
  --sjs2-border-effect-component-tagbox-item-default:inset var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-tagbox-item-default-border);
  --sjs2-border-effect-component-tagbox-item-hovered:inset var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-component-tagbox-item-hovered-border);
  --sjs2-border-effect-component-tagbox-item-disabled:inset var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-component-tagbox-item-disabled-border);
  --sjs2-border-effect-component-tagbox-item-readonly:inset var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-component-tagbox-item-readonly-border);
  --sjs2-border-effect-component-tagbox-item-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-boolean-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-boolean-default-border);
  --sjs2-border-effect-component-boolean-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-boolean-disabled-border);
  --sjs2-border-effect-component-boolean-invalid:inset var(--sjs2-border-offset-x-form-invalid) var(--sjs2-border-offset-y-form-invalid) var(--sjs2-border-blur-form-invalid) var(--sjs2-border-spread-form-invalid) var(--sjs2-color-component-boolean-invalid-border);
  --sjs2-border-effect-component-boolean-highlighted:inset var(--sjs2-border-offset-x-form-highlighted) var(--sjs2-border-offset-y-form-highlighted) var(--sjs2-border-blur-form-highlighted) var(--sjs2-border-spread-form-highlighted) var(--sjs2-color-component-boolean-highlighted-border);
  --sjs2-border-effect-component-boolean-readonly:inset var(--sjs2-border-offset-x-form-readonly) var(--sjs2-border-offset-y-form-readonly) var(--sjs2-border-blur-form-readonly) var(--sjs2-border-spread-form-readonly) var(--sjs2-color-component-boolean-readonly-border);
  --sjs2-border-effect-component-boolean-design:inset var(--sjs2-border-offset-x-form-design) var(--sjs2-border-offset-y-form-design) var(--sjs2-border-blur-form-design) var(--sjs2-border-spread-form-design) var(--sjs2-color-component-boolean-design-border);
  --sjs2-border-effect-component-boolean-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-slider-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-component-slider-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-component-slider-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-component-slider-invalid:var(--sjs2-border-offset-x-trigger-invalid) var(--sjs2-border-offset-y-trigger-invalid) var(--sjs2-border-blur-trigger-invalid) var(--sjs2-border-spread-trigger-invalid) var(--sjs2-color-utility-shadow-trigger-invalid);
  --sjs2-border-effect-component-slider-readonly:var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-utility-shadow-trigger-readonly);
  --sjs2-border-effect-component-slider-design:var(--sjs2-border-offset-x-trigger-design) var(--sjs2-border-offset-y-trigger-design) var(--sjs2-border-blur-trigger-design) var(--sjs2-border-spread-trigger-design) var(--sjs2-color-utility-shadow-trigger-design);
  --sjs2-border-effect-component-slider-preview:;
  --sjs2-border-effect-component-slider-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-panel-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-component-panel-default-border);
  --sjs2-border-effect-component-panel-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-component-panel-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-component-panel-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-component-panel-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-component-panel-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-component-panel-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-panel-nested-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-component-panel-nested-default-border);
  --sjs2-border-effect-component-panel-nested-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-component-panel-nested-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-component-panel-nested-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-component-panel-nested-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-component-panel-nested-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-component-panel-nested-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-panel-simple-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-component-panel-simple-default-border);
  --sjs2-border-effect-component-panel-simple-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-component-panel-simple-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-component-panel-simple-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-component-panel-simple-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-component-panel-simple-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-component-panel-simple-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-panel-dynamic-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-component-panel-dynamic-default-border);
  --sjs2-border-effect-component-panel-dynamic-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-component-panel-dynamic-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-component-panel-dynamic-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-component-panel-dynamic-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-component-panel-dynamic-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-component-panel-dynamic-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-panel-simple-nested-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-component-panel-simple-nested-default-border);
  --sjs2-border-effect-component-panel-simple-nested-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-component-panel-simple-nested-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-component-panel-simple-nested-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-component-panel-simple-nested-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-component-panel-simple-nested-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-component-panel-simple-nested-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-checkbox-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-checkbox-false-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-checkbox-false-default-border);
  --sjs2-border-effect-component-checkbox-false-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-checkbox-false-hovered-border);
  --sjs2-border-effect-component-checkbox-false-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-checkbox-false-disabled-border);
  --sjs2-border-effect-component-checkbox-false-design:inset var(--sjs2-border-offset-x-form-design) var(--sjs2-border-offset-y-form-design) var(--sjs2-border-blur-form-design) var(--sjs2-border-spread-form-design) var(--sjs2-color-component-checkbox-false-design-border);
  --sjs2-border-effect-component-checkbox-false-readonly:inset var(--sjs2-border-offset-x-form-readonly) var(--sjs2-border-offset-y-form-readonly) var(--sjs2-border-blur-form-readonly) var(--sjs2-border-spread-form-readonly) var(--sjs2-color-component-checkbox-false-readonly-border);
  --sjs2-border-effect-component-checkbox-false-invalid:inset var(--sjs2-border-offset-x-form-invalid) var(--sjs2-border-offset-y-form-invalid) var(--sjs2-border-blur-form-invalid) var(--sjs2-border-spread-form-invalid) var(--sjs2-color-component-checkbox-false-invalid-border);
  --sjs2-border-effect-component-checkbox-true-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-checkbox-true-default-border);
  --sjs2-border-effect-component-checkbox-true-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-checkbox-true-hovered-border);
  --sjs2-border-effect-component-checkbox-true-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-checkbox-true-disabled-border);
  --sjs2-border-effect-component-radio-a11y:var(--sjs2-border-effect-a11y);
  --sjs2-border-effect-component-radio-false-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-checkbox-false-default-border);
  --sjs2-border-effect-component-radio-false-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-checkbox-false-hovered-border);
  --sjs2-border-effect-component-radio-false-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-checkbox-false-disabled-border);
  --sjs2-border-effect-component-radio-false-design:inset var(--sjs2-border-offset-x-form-design) var(--sjs2-border-offset-y-form-design) var(--sjs2-border-blur-form-design) var(--sjs2-border-spread-form-design) var(--sjs2-color-component-checkbox-false-design-border);
  --sjs2-border-effect-component-radio-false-readonly:inset var(--sjs2-border-offset-x-form-readonly) var(--sjs2-border-offset-y-form-readonly) var(--sjs2-border-blur-form-readonly) var(--sjs2-border-spread-form-readonly) var(--sjs2-color-component-checkbox-false-readonly-border);
  --sjs2-border-effect-component-radio-false-invalid:inset var(--sjs2-border-offset-x-form-invalid) var(--sjs2-border-offset-y-form-invalid) var(--sjs2-border-blur-form-invalid) var(--sjs2-border-spread-form-invalid) var(--sjs2-color-component-checkbox-false-invalid-border);
  --sjs2-border-effect-component-radio-true-default:inset var(--sjs2-border-offset-x-form-default) var(--sjs2-border-offset-y-form-default) var(--sjs2-border-blur-form-default) var(--sjs2-border-spread-form-default) var(--sjs2-color-component-checkbox-true-default-border);
  --sjs2-border-effect-component-radio-true-hovered:inset var(--sjs2-border-offset-x-form-hovered) var(--sjs2-border-offset-y-form-hovered) var(--sjs2-border-blur-form-hovered) var(--sjs2-border-spread-form-hovered) var(--sjs2-color-component-checkbox-true-hovered-border);
  --sjs2-border-effect-component-radio-true-disabled:inset var(--sjs2-border-offset-x-form-disabled) var(--sjs2-border-offset-y-form-disabled) var(--sjs2-border-blur-form-disabled) var(--sjs2-border-spread-form-disabled) var(--sjs2-color-component-checkbox-true-disabled-border);
  --sjs2-border-effect-trigger-default:var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-utility-shadow-trigger-default);
  --sjs2-border-effect-trigger-hovered:var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-utility-shadow-trigger-hovered);
  --sjs2-border-effect-trigger-pressed:var(--sjs2-border-offset-x-trigger-pressed) var(--sjs2-border-offset-y-trigger-pressed) var(--sjs2-border-blur-trigger-pressed) var(--sjs2-border-spread-trigger-pressed) var(--sjs2-color-utility-shadow-trigger-pressed);
  --sjs2-border-effect-trigger-disabled:var(--sjs2-border-offset-x-trigger-disabled) var(--sjs2-border-offset-y-trigger-disabled) var(--sjs2-border-blur-trigger-disabled) var(--sjs2-border-spread-trigger-disabled) var(--sjs2-color-utility-shadow-trigger-disabled);
  --sjs2-border-effect-trigger-design:var(--sjs2-border-offset-x-trigger-design) var(--sjs2-border-offset-y-trigger-design) var(--sjs2-border-blur-trigger-design) var(--sjs2-border-spread-trigger-design) var(--sjs2-color-utility-shadow-trigger-design);
  --sjs2-border-effect-trigger-readonly:var(--sjs2-border-offset-x-trigger-readonly) var(--sjs2-border-offset-y-trigger-readonly) var(--sjs2-border-blur-trigger-readonly) var(--sjs2-border-spread-trigger-readonly) var(--sjs2-color-utility-shadow-trigger-readonly);
  --sjs2-border-effect-trigger-invalid:var(--sjs2-border-offset-x-trigger-invalid) var(--sjs2-border-offset-y-trigger-invalid) var(--sjs2-border-blur-trigger-invalid) var(--sjs2-border-spread-trigger-invalid) var(--sjs2-color-utility-shadow-trigger-invalid);
  --sjs2-border-effect-surface-default:var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-utility-shadow-surface-default);
  --sjs2-border-effect-surface-hovered:var(--sjs2-border-offset-x-surface-hovered) var(--sjs2-border-offset-y-surface-hovered) var(--sjs2-border-blur-surface-hovered) var(--sjs2-border-spread-surface-hovered) var(--sjs2-color-utility-shadow-surface-hovered);
  --sjs2-border-effect-surface-pressed:var(--sjs2-border-offset-x-surface-pressed) var(--sjs2-border-offset-y-surface-pressed) var(--sjs2-border-blur-surface-pressed) var(--sjs2-border-spread-surface-pressed) var(--sjs2-color-utility-shadow-surface-pressed);
  --sjs2-border-effect-surface-focused:var(--sjs2-border-offset-x-surface-focused) var(--sjs2-border-offset-y-surface-focused) var(--sjs2-border-blur-surface-focused) var(--sjs2-border-spread-surface-focused) var(--sjs2-color-utility-shadow-surface-focused);
  --sjs2-border-effect-surface-disabled:var(--sjs2-border-offset-x-surface-disabled) var(--sjs2-border-offset-y-surface-disabled) var(--sjs2-border-blur-surface-disabled) var(--sjs2-border-spread-surface-disabled) var(--sjs2-color-utility-shadow-surface-disabled);
  --sjs2-border-effect-surface-dragging:var(--sjs2-border-offset-x-surface-dragging) var(--sjs2-border-offset-y-surface-dragging) var(--sjs2-border-blur-surface-dragging) var(--sjs2-border-spread-surface-dragging) var(--sjs2-color-utility-shadow-surface-dragging);
  --sjs2-border-effect-floating-default:var(--sjs2-border-offset-x-floating-default) var(--sjs2-border-offset-y-floating-default) var(--sjs2-border-blur-floating-default) var(--sjs2-border-spread-floating-default) var(--sjs2-color-utility-shadow-floating-default);
  --sjs2-color-component-shortcut-key-bg:var(--sjs2-color-bg-basic-primary);
  --sjs2-color-component-shortcut-key-border:var(--sjs2-color-border-basic-secondary);
  --sjs2-color-component-shortcut-key-text:var(--sjs2-color-fg-basic-primary);
  --sjs2-radius-component-shortcut-key:var(--sjs2-radius-x050);
  --sjs2-opacity-component-shortcut-key-disabled:var(--sjs2-opacity-disabled);
}
:host,
:root {
  --sjs-transition-duration:150ms;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes changeHeight {
  0% {
    height: var(--animation-height-from);
  }
  to {
    height: var(--animation-height-to);
  }
}
@keyframes moveInWithOverflow {
  0% {
    border-bottom-width: 0;
    border-top-width: 0;
    height: var(--animation-height-from);
    margin-bottom: 0;
    margin-top: 0;
    min-height: var(--animation-height-from);
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
  }
  99% {
    border-bottom-width: var(--animation-border-bottom-width);
    border-top-width: var(--animation-border-top-width);
    height: var(--animation-height-to);
    margin-bottom: var(--animation-margin-bottom);
    margin-top: var(--animation-margin-top);
    min-height: var(--animation-height-to);
    overflow: hidden;
    padding-bottom: var(--animation-padding-bottom);
    padding-top: var(--animation-padding-top);
  }
  to {
    border-bottom-width: var(--animation-border-bottom-width);
    border-top-width: var(--animation-border-top-width);
    height: var(--animation-height-to);
    margin-bottom: var(--animation-margin-bottom);
    margin-top: var(--animation-margin-top);
    min-height: var(--animation-height-to);
    overflow: visible;
    padding-bottom: var(--animation-padding-bottom);
    padding-top: var(--animation-padding-top);
  }
}
@keyframes moveIn {
  0% {
    height: 0;
  }
  to {
    height: var(--animation-height);
  }
}
@keyframes paddingFadeIn {
  0% {
    padding-bottom: 0;
    padding-top: 0;
  }
  to {
    padding-bottom: var(--animation-padding-bottom);
    padding-top: var(--animation-padding-top);
  }
}
.sv-dragged-element-shortcut {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: calc(var(--sjs2-base-unit-radius)*4.5);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
  cursor: grabbing;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  height: var(--sjs2-size-x300);
  line-height: var(--sjs2-typography-line-height-default);
  min-width: calc(var(--sjs2-base-unit-size)*12.5);
  padding: var(--sjs2-spacing-x200);
  padding-left: var(--sjs2-spacing-x250);
  position: absolute;
  z-index: 10000;
}
.sv-matrixdynamic__drag-icon {
  padding-top: calc(var(--sjs2-base-unit-spacing)*1.75);
}
.sv-matrixdynamic__drag-icon:after {
  border: 1px solid #e7e7e7;
  border-radius: calc(var(--sjs2-base-unit-radius)*1.25);
  box-sizing: border-box;
  content: " ";
  cursor: move;
  display: block;
  height: var(--sjs2-size-x075);
  margin-top: var(--sjs2-spacing-x150);
  width: var(--sjs2-size-x250);
}
.sv-matrixdynamic-dragged-row {
  cursor: grabbing;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  position: absolute;
  z-index: 10000;
}
.sv-matrixdynamic-dragged-row .sd-table__row {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  box-shadow: var(--sjs2-border-effect-floating-default);
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 0;
}
.sv-matrix-row--drag-drop-ghost-mod td {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
}
.sv-matrix-row--drag-drop-ghost-mod td > * {
  visibility: hidden;
}
.sv-drag-drop-choices-shortcut {
  cursor: grabbing;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  max-width: 400px;
  min-width: 100px;
  position: absolute;
  z-index: 10000;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item {
  height: var(--sjs2-size-x600);
}
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor,
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
  overflow: hidden;
  white-space: nowrap;
}
.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: calc(var(--sjs2-base-unit-radius)*4.5);
  box-shadow: var(--sjs2-border-effect-floating-default);
  margin-left: 0;
  min-width: 100px;
  padding-right: var(--sjs2-spacing-x200);
}
.sv-drag-drop-image-picker-shortcut {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs2-border-effect-floating-default);
  cursor: grabbing;
  padding: var(--sjs2-spacing-x050);
  position: absolute;
  z-index: 10000;
}
sv-popup {
  display: block;
  position: absolute;
}
.sv-popup {
  height: 100vh;
  left: 0;
  outline: none;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2000;
}
.sv-dropdown-popup,
.sv-popup.sv-popup-inner {
  height: 0;
}
.sv-popup-inner > .sv-popup__container {
  margin-top: var(--sjs2-spacing-negative-x100);
}
.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {
  margin-top: var(--sjs2-spacing-negative-x050);
}
.sv-popup--menu-popup > .sv-popup__container {
  background: var(--sjs2-color-utility-sheet);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-component-drop);
  box-shadow: var(--sjs2-border-effect-floating-default);
  box-sizing: border-box;
  overflow: hidden;
}
.sv-popup__container {
  padding: 0;
  position: absolute;
}
.sv-popup__close-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: var(--sjs2-spacing-x100);
  position: absolute;
  right: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x100);
}
.sv-popup__close-button-icon {
  fill: var(--sjs2-color-fg-basic-secondary);
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sv-popup__content {
  min-height: 0;
  min-width: 100%;
  position: relative;
}
.sv-popup__body-content,
.sv-popup__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sv-popup__body-content {
  box-sizing: border-box;
  max-height: 90vh;
  max-width: 100vw;
  width: 100%;
}
.sv-popup--modal-popup {
  align-items: center;
  background-color: var(--sjs2-color-utility-overlay);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: var(--sjs2-spacing-x400) calc(var(--sjs2-base-unit-spacing)*15) var(--sjs2-spacing-x800);
}
.sv-popup--modal-popup > .sv-popup__container {
  background-color: var(--sjs2-color-utility-sheet);
  border-radius: var(--sjs2-radius-component-modal);
  box-shadow: var(--sjs2-border-effect-floating-default);
  display: flex;
  position: relative;
}
.sv-popup--modal-popup > .sv-popup__container > .sv-popup__body-content {
  gap: var(--sjs2-spacing-x400);
  height: auto;
  min-width: 452px;
  padding-inline: var(--sjs2-layout-component-modal-box-padding-horizontal);
  padding-bottom: var(--sjs2-layout-component-modal-box-padding-bottom);
  padding-top: var(--sjs2-layout-component-modal-box-padding-top);
}
.sv-popup--modal-popup .sv-popup__body-header {
  padding: var(--sjs2-layout-component-modal-header-padding-vertical) var(--sjs2-layout-component-modal-header-padding-horizontal);
}
.sv-popup--modal-popup .sv-popup__content {
  padding: var(--sjs2-layout-component-modal-content-area-padding-vertical) var(---sjs2-layout-component-modal-content-area-padding-horizontal);
}
.sv-popup--modal-popup .sv-popup__body-footer {
  padding: var(--sjs2-layout-component-modal-footer-padding-vertical) var(--sjs2-layout-component-modal-footer-padding-horizontal);
}
.sv-popup--modal-popup .sv-popup__body-footer .sv-modal-footer-action-bar {
  justify-content: flex-end;
  overflow: visible;
  width: 100%;
  --sd-action-bar-gap:var(--sjs2-layout-component-modal-footer-action-group-gap);
}
.sv-popup--modal-popup .sv-popup__scrolling-content {
  margin: -2px;
  padding: 2px;
}
.sd-root-modern--mobile .sv-popup--modal-popup .sv-popup__body-content {
  min-width: auto;
}
.sv-popup--confirm .sv-popup__body-footer .sv-modal-footer-action-bar > .sd-action-bar__item,
.sv-popup--confirm .sv-popup__body-footer .sv-modal-footer-action-bar > .sd-action-bar__item .sd-action {
  flex-grow: 1;
}
.sv-popup--confirm .sv-popup__body-content .sv-string-viewer {
  align-self: self-start;
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-popup__scrolling-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.sv-popup__scrolling-content ::-webkit-scrollbar,
.sv-popup__scrolling-content::-webkit-scrollbar {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
  height: 6px;
  width: 6px;
}
.sv-popup__scrolling-content ::-webkit-scrollbar-thumb,
.sv-popup__scrolling-content::-webkit-scrollbar-thumb {
  background: var(--sjs2-color-bg-brand-secondary);
}
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
  transform: translate(var(--sjs2-spacing-negative-x100)) rotate(180deg);
}
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
  transform: translate(var(--sjs2-spacing-negative-x100), var(--sjs2-spacing-negative-x100));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
  transform: translate(var(--sjs2-spacing-x100));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
  transform: translate(-12px, -4px) rotate(-90deg);
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
  transform: translate(var(--sjs2-spacing-negative-x100));
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
  transform: translate(-4px, -4px) rotate(90deg);
}
.sv-popup__pointer {
  display: block;
  position: absolute;
}
.sv-popup__pointer:after {
  align-self: center;
  border-bottom: calc(var(--sjs2-base-unit-border-width)*8) solid var(--sjs2-color-bg-basic-primary);
  border-left: calc(var(--sjs2-base-unit-border-width)*8) solid transparent;
  border-right: calc(var(--sjs2-base-unit-border-width)*8) solid transparent;
  content: " ";
  display: block;
  height: 0;
  width: 0;
}
.sv-popup__body-header {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.sv-popup__body-footer {
  display: flex;
}
.sv-popup__body-footer .sd-action-bar {
  --sd-action-bar-gap:var(--sjs2-spacing-x150);
  overflow: visible;
}
.sv-popup--menu-phone,
.sv-popup--menu-tablet {
  height: var(--sv-popup-overlay-height,100vh);
  padding: 0;
  top: var(--sv-popup-overlay-top,0);
  width: 100%;
  z-index: 2001;
}
.sv-popup--menu-phone .sv-popup__body-footer-item,
.sv-popup--menu-tablet .sv-popup__body-footer-item {
  width: 100%;
}
.sv-popup--menu-phone .sv-popup__body-footer .sd-action-bar,
.sv-popup--menu-tablet .sv-popup__body-footer .sd-action-bar {
  justify-content: flex-start;
  padding: 0 calc(var(--sjs2-spacing-x100) + var(--sjs2-spacing-x025));
  width: 100%;
}
.sv-popup--menu-phone .sv-popup__body-footer .sd-action-bar .sd-action-bar__item,
.sv-popup--menu-tablet .sv-popup__body-footer .sd-action-bar .sd-action-bar__item {
  flex: 0 0 auto;
}
.sv-popup--menu-phone .sv-popup__body-footer,
.sv-popup--menu-tablet .sv-popup__body-footer {
  background: var(--sjs2-color-bg-basic-secondary);
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x000);
}
.sv-popup--menu-phone .sv-list__filter,
.sv-popup--menu-tablet .sv-list__filter {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: var(--sjs2-spacing-x200);
}
.sv-popup--menu-phone .sv-list,
.sv-popup--menu-tablet .sv-list {
  flex-grow: 1;
}
.sv-popup--menu-phone .sv-list__filter-icon,
.sv-popup--menu-tablet .sv-list__filter-icon {
  height: var(--sjs2-size-x300);
  position: static;
}
.sv-popup--menu-phone .sv-list__empty-container,
.sv-popup--menu-tablet .sv-list__empty-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.sv-popup--menu-phone .sv-list__filter-clear-button,
.sv-popup--menu-tablet .sv-list__filter-clear-button {
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 100%;
  height: var(--sjs2-size-x300);
  padding: var(--sjs2-spacing-x050);
  width: var(--sjs2-size-x300);
}
.sv-popup--menu-phone .sv-list__filter-clear-button svg,
.sv-popup--menu-tablet .sv-list__filter-clear-button svg {
  height: var(--sjs2-size-x200);
  width: var(--sjs2-size-x200);
}
.sv-popup--menu-phone .sv-list__filter-clear-button svg use,
.sv-popup--menu-tablet .sv-list__filter-clear-button svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-popup--menu-phone .sv-list__filter-clear-button:hover,
.sv-popup--menu-tablet .sv-list__filter-clear-button:hover {
  background: var(--sjs2-color-bg-alert-secondary);
  border-radius: var(--sjs2-radius-round);
}
.sv-popup--menu-phone .sv-list__filter-clear-button:hover use,
.sv-popup--menu-tablet .sv-list__filter-clear-button:hover use {
  fill: var(--sjs2-color-bg-alert-primary);
}
.sv-popup--menu-phone .sv-list__input,
.sv-popup--menu-tablet .sv-list__input {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x100);
}
.sv-popup--menu-phone .sv-list__item--focused .sv-list__item-body,
.sv-popup--menu-phone .sv-list__item:focus .sv-list__item-body,
.sv-popup--menu-phone .sv-list__item:hover .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item--focused .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item:focus .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item:hover .sv-list__item-body {
  background: var(--sjs2-color-bg-basic-primary);
}
.sv-popup--menu-phone .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-phone .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-phone .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet .sv-list__item:hover.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-popup--menu-phone.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-phone.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-phone.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs2-color-bg-brand-secondary);
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-popup--menu-phone > .sv-popup__container {
  background: var(--sjs2-color-utility-sheet);
  border: unset;
  box-shadow: unset;
  box-sizing: content-box;
  height: calc(var(--sv-popup-overlay-height, 100vh));
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
  max-width: 100vw;
  width: 100%;
}
.sv-popup--menu-phone > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs2-color-bg-basic-primary);
  height: calc(var(--sv-popup-overlay-height, 100vh));
  max-height: var(--sv-popup-overlay-height,100vh);
  max-width: 100vw;
}
.sv-popup--menu-phone.sv-popup--sheet {
  background: var(--sjs2-color-utility-overlay);
}
.sv-popup--menu-phone.sv-popup--sheet > .sv-popup__container {
  border-radius: var(--sjs2-radius-component-modal) var(--sjs2-radius-component-modal) 0 0;
  bottom: 0;
  height: auto;
  left: 0;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs2-spacing-x600));
  overflow: hidden;
  top: auto;
}
.sv-popup--menu-phone.sv-popup--sheet > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs2-color-utility-sheet);
  height: auto;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs2-spacing-x600));
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__body-header {
  padding: calc(var(--sjs2-spacing-x200) + var(--sjs2-spacing-x050)) var(--sjs2-spacing-x200);
  padding-inline-end: calc(var(--sjs2-spacing-x200) + var(--sjs2-size-x500));
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__close-button {
  box-sizing: border-box;
  height: var(--sjs2-size-x500);
  inset-inline-end: var(--sjs2-spacing-x200);
  inset-inline-start: auto;
  padding: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x200);
  width: var(--sjs2-size-x500);
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-list__container,
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__content,
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__scrolling-content {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-list__container {
  box-sizing: border-box;
  gap: 0;
  min-width: 0;
  padding: 0;
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-filter {
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200) var(--sjs2-spacing-x200);
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-filter__box {
  background: var(--sjs2-color-component-formbox-default-bg);
  border-radius: var(--sjs2-radius-component-formbox);
  box-shadow: inset 0 0 0 var(--sjs2-border-width-x100) var(--sjs2-color-component-formbox-default-border);
  flex: 1 1 auto;
  padding: var(--sjs2-spacing-x150);
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-filter__input {
  flex: 1 1 auto;
  min-width: 0;
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-list {
  padding: 0 var(--sjs2-spacing-x200);
}
.sv-popup--menu-phone.sv-popup--sheet .sd-menu-item__body {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__body-footer {
  background: var(--sjs2-color-utility-sheet);
  border-top: none;
  padding: var(--sjs2-spacing-x200);
}
.sv-popup--menu-phone.sv-popup--sheet:has(.sd-menu-filter) .sv-popup__body-footer {
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__body-footer .sd-action-bar {
  padding: 0;
  width: 100%;
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__body-footer .sd-action-bar .sd-action-bar__item {
  flex: 1 1 auto;
}
.sv-popup--menu-phone.sv-popup--sheet .sv-popup__body-footer .sd-action-bar .sd-action {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
}
.sv-popup--menu-tablet {
  background: var(--sjs2-color-utility-overlay);
}
.sv-popup--menu-tablet > .sv-popup__container {
  background: var(--sjs2-color-utility-sheet);
  border: unset;
  box-sizing: content-box;
  --sv-popup-overlay-max-height:calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs2-base-unit-spacing)*8);
  --sv-popup-overlay-max-width:calc(100% - var(--sjs2-base-unit-spacing)*8);
  border-radius: var(--sjs2-radius-component-drop);
  box-shadow: var(--sjs2-border-effect-floating-default);
  height: auto;
  left: 50%;
  max-height: var(--sv-popup-overlay-max-height);
  max-width: var(--sv-popup-overlay-max-width);
  min-height: min(var(--sv-popup-overlay-max-height), var(--sjs2-base-unit-size) * 30);
  min-width: min(var(--sjs2-base-unit-size) * 40, var(--sv-popup-overlay-max-width));
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.sv-popup--menu-tablet > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs2-color-bg-basic-primary);
  height: auto;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs2-base-unit-spacing)*8);
  max-width: 100vw;
  min-height: min(var(--sv-popup-overlay-max-height), var(--sjs2-base-unit-size) * 30);
}
.sv-popup--menu-tablet .sv-list__container,
.sv-popup--menu-tablet .sv-popup__content,
.sv-popup--menu-tablet .sv-popup__scrolling-content {
  flex-grow: 1;
}
.sv-popup--visible {
  opacity: 1;
}
.sv-popup--enter {
  animation-duration: .15s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
}
.sv-popup--modal-popup.sv-popup--enter {
  animation-duration: .25s;
  animation-timing-function: ease-out;
}
.sv-popup--leave {
  animation-direction: reverse;
  animation-duration: .15s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
}
.sv-popup--modal-popup.sv-popup--leave {
  animation-duration: .25s;
  animation-timing-function: ease-in;
}
.sv-popup--hidden {
  opacity: 0;
}
@keyframes modalMoveUp {
  0% {
    transform: translateY(64px);
  }
  to {
    transform: translateY(0);
  }
}
.sv-popup--modal-popup.sv-popup--enter .sv-popup__container,
.sv-popup--modal-popup.sv-popup--leave .sv-popup__container {
  animation-duration: .25s;
  animation-fill-mode: forwards;
  animation-name: modalMoveUp;
  animation-timing-function: ease-out;
}
.sv-popup--modal-popup.sv-popup--leave .sv-popup__container {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}
.sv-button-group {
  align-items: center;
  background: var(--sjs2-color-component-formbox-default-bg);
  border-radius: var(--sjs2-radius-component-formbox);
  box-shadow: var(--sjs2-border-effect-component-formbox-default);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: var(--sjs2-layout-component-formbox-medium-gap);
  overflow-x: auto;
  padding: var(--sjs2-layout-component-formbox-medium-padding-vertical) var(--sjs2-layout-component-formbox-medium-padding-horizontal);
}
.sv-button-group__item-decorator {
  align-items: center;
  display: flex;
  white-space: nowrap;
}
.sv-button-group__item-caption {
  display: block;
  padding: 0 var(--sjs2-spacing-x100);
}
.sv-button-group__item-caption .sv-string-viewer {
  color: var(--sjs2-color-component-buttongroup-item-false-default-value);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-button-group__item-icon + .sv-button-group__item-caption {
  margin-left: var(--sjs2-spacing-x100);
}
.sv-button-group.sd-formbox--error {
  background: var(--sjs2-color-component-formbox-invalid-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-invalid);
}
.sv-button-group.sd-formbox--readonly {
  background: var(--sjs2-color-component-formbox-readonly-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-readonly);
}
.sv-button-group.sd-formbox--disabled {
  background: var(--sjs2-color-component-formbox-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-disabled);
}
.sv-button-group__item {
  appearance: none;
  flex-direction: row;
  outline: none;
  position: relative;
  --sd-buttongroup-a11y-boxshadow:0px 0px 0px 0px transparent;
}
.sv-button-group__item,
.sv-button-group__item .sv-button-group__item-decorator {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  justify-content: center;
}
.sv-button-group__item .sv-button-group__item-decorator {
  align-self: stretch;
  background: var(--sjs2-color-component-buttongroup-item-false-default-bg);
  border-radius: var(--sjs2-radius-component-buttongroup-item);
  box-shadow: var(--sjs2-border-effect-component-buttongroup-item-false-default), var(--sd-buttongroup-a11y-boxshadow);
  padding: var(--sjs2-layout-component-action-small-box-padding-vertical) var(--sjs2-layout-component-action-small-box-padding-horizontal);
}
.sv-button-group__item--allowhover .sv-button-group__item-decorator {
  cursor: pointer;
}
.sv-button-group__item--allowhover:hover .sv-button-group__item-decorator {
  background: var(--sjs2-color-component-buttongroup-item-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-buttongroup-item-false-hovered), var(--sd-buttongroup-a11y-boxshadow);
}
.sv-button-group__item--allowhover:hover .sv-button-group__item-decorator .sv-string-viewer {
  color: var(--sjs2-color-component-buttongroup-item-false-hovered-value);
}
.sv-button-group__item--allowhover:hover .sv-button-group__item-decorator .sv-button-group__item-icon use {
  fill: var(--sjs2-color-component-buttongroup-item-false-hovered-value);
}
.sv-button-group__item-control:focus-visible + .sv-button-group__item-decorator {
  --sd-buttongroup-a11y-boxshadow:var(--sjs2-border-effect-component-buttongroup-item-a11y);
}
.sv-button-group__item-icon {
  display: block;
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.sv-button-group__item-icon use {
  fill: var(--sjs2-color-component-buttongroup-item-false-default-value);
}
.sv-button-group__item--selected .sv-button-group__item-decorator {
  background: var(--sjs2-color-component-buttongroup-item-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-buttongroup-item-true-default), var(--sd-buttongroup-a11y-boxshadow);
}
.sv-button-group__item--selected .sv-button-group__item-decorator .sv-string-viewer {
  color: var(--sjs2-color-component-buttongroup-item-true-default-value);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-button-group__item--selected .sv-button-group__item-decorator .sv-button-group__item-icon use {
  fill: var(--sjs2-color-component-buttongroup-item-true-default-value);
}
.sv-button-group__item--disabled .sv-button-group__item-decorator {
  background: var(--sjs2-color-component-buttongroup-item-false-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-buttongroup-item-false-disabled);
}
.sv-button-group__item--disabled .sv-button-group__item-decorator .sv-string-viewer {
  color: var(--sjs2-color-component-buttongroup-item-false-disabled-value);
}
.sv-button-group__item--disabled .sv-button-group__item-decorator .sv-button-group__item-icon use {
  fill: var(--sjs2-color-component-buttongroup-item-false-disabled-value);
}
.sv-button-group__item--selected.sv-button-group__item--disabled .sv-button-group__item-decorator {
  background: var(--sjs2-color-component-buttongroup-item-true-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-buttongroup-item-true-disabled);
}
.sv-button-group__item--selected.sv-button-group__item--disabled .sv-button-group__item-decorator .sv-string-viewer {
  color: var(--sjs2-color-component-buttongroup-item-true-disabled-value);
}
.sv-button-group__item--selected.sv-button-group__item--disabled .sv-button-group__item-decorator .sv-button-group__item-icon use {
  fill: var(--sjs2-color-component-buttongroup-item-true-disabled-value);
}
.sv-visuallyhidden {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
}
.sv-hidden {
  display: none !important;
}
.sv-title-actions {
  align-items: center;
  display: flex;
  width: 100%;
}
.sv-title-actions__title {
  flex-wrap: wrap;
  max-width: 90%;
  min-width: 50%;
  white-space: normal;
}
.sv-action-title-bar {
  min-width: 56px;
}
.sv-title-actions .sv-title-actions__title {
  flex: 0 1 auto;
  flex-wrap: wrap;
  max-width: unset;
  min-width: unset;
}
.sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: unset;
}
.sv_window {
  background-clip: padding-box;
  background: var(--sjs2-color-bg-neutral-tertiary-dim);
  border: 1px solid var(--sjs2-color-border-basic-secondary-overlay);
  border-radius: var(--sjs2-radius-x100);
  bottom: var(--sjs2-spacing-x200);
  box-shadow: var(--sjs2-border-effect-floating-default);
  box-sizing: border-box;
  max-height: 50vh;
  overflow: auto;
  position: fixed;
  right: var(--sjs2-spacing-x200);
  width: calc(100% - var(--sjs2-size-x400)) !important;
  z-index: 100;
}
@-moz-document url-prefix() {
  .sv_window,
  .sv_window * {
    scrollbar-color: var(--sjs2-color-component-input-default-line) transparent;
    scrollbar-width: thin;
  }
}
.sv_window ::-webkit-scrollbar,
.sv_window::-webkit-scrollbar {
  background-color: transparent;
  height: 12px;
  width: 12px;
}
.sv_window ::-webkit-scrollbar-thumb,
.sv_window::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--sjs2-color-component-input-default-line);
  border: 4px solid transparent;
  border-radius: 32px;
}
.sv_window ::-webkit-scrollbar-track,
.sv_window::-webkit-scrollbar-track {
  background: transparent;
}
.sv_window ::-webkit-scrollbar-thumb:hover,
.sv_window::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-component-input-default-line);
  border: 2px solid transparent;
}
.sv_window_root-content {
  height: 100%;
}
.sv_window--full-screen {
  bottom: var(--sjs2-spacing-x200);
  left: var(--sjs2-spacing-x200);
  max-height: 100%;
  max-width: none !important;
  right: var(--sjs2-spacing-x200);
  top: var(--sjs2-spacing-x200);
  width: auto !important;
}
.sv_window_header {
  display: flex;
  justify-content: flex-end;
}
.sv_window_content {
  overflow: hidden;
}
.sv_window--collapsed {
  height: auto;
}
.sv_window--collapsed .sv_window_header {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
  border-radius: var(--sjs2-radius-x100);
  box-sizing: content-box;
  display: flex;
  height: var(--sjs2-size-x400);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.sv_window--collapsed .sv_window_content {
  display: none;
}
.sv_window--collapsed .sv_window_buttons_container {
  margin-right: 0;
  margin-top: 0;
}
.sv_window_header_title_collapsed {
  align-items: center;
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex: 1;
  font-weight: var(--sjs2-typography-font-weight-strong);
  justify-content: flex-start;
}
.sv_window_header_description,
.sv_window_header_title_collapsed {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv_window_header_description {
  color: var(--sjs2-color-component-question-default-description,var(--sjs2-color-fg-basic-secondary));
  font-feature-settings: "salt" on;
  font-weight: var(--sjs2-typography-font-weight-basic);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv_window_buttons_container {
  display: flex;
  gap: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x100);
  margin-top: var(--sjs2-spacing-x100);
  position: fixed;
  z-index: 10000;
}
.sv_window_button {
  align-items: center;
  border-radius: var(--sjs2-radius-x050);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: var(--sjs2-spacing-x100);
}
.sv_window_button:active,
.sv_window_button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.sv_window_button:active svg path,
.sv_window_button:active svg use,
.sv_window_button:hover svg path,
.sv_window_button:hover svg use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.sv_window_button:active {
  opacity: .5;
}
.sv_window_button svg path,
.sv_window_button svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-brand-info {
  color: #161616;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  margin-top: 1px;
  padding: 24px 40px;
  position: relative;
  text-align: right;
  z-index: 1;
}
.sv-brand-info a {
  color: #161616;
  text-decoration-line: underline;
}
.sd-body--static .sv-brand-info {
  margin-top: 16px;
  padding-top: 0;
}
.sd-body--responsive .sv-brand-info {
  margin-top: -8px;
  padding-top: 16px;
}
.sd-root-modern--mobile .sv-brand-info {
  margin-top: 0;
  padding: 48px 24px 8px;
  text-align: center;
}
.sv-brand-info__text {
  color: #161616;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-brand-info__logo {
  display: inline-block;
}
.sv-brand-info__logo img {
  width: 118px;
}
.sv-brand-info__terms {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  padding-top: 4px;
}
.sv-brand-info__terms a {
  color: #909090;
}
.sd-body--responsive .sv-brand-info {
  padding-left: 0;
  padding-right: 0;
}
.sv-ranking {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
.sv-ranking-item {
  cursor: pointer;
  opacity: 1;
  position: relative;
}
.sv-ranking-item:focus .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:focus {
  outline: none;
}
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
  height: var(--sjs2-size-x300);
  top: calc(var(--sjs2-base-unit-spacing)*.6);
  visibility: visible;
}
.sv-ranking-item:focus .sv-ranking-item__index {
  background: var(--sjs2-color-bg-basic-primary);
  outline: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.sv-ranking-item__content.sv-ranking-item__content {
  align-items: center;
  border-radius: var(--sjs2-radius-component-ranking);
  display: flex;
  line-height: 1em;
  padding: var(--sjs2-spacing-x050) 0;
}
.sv-ranking-item__icon-container {
  align-self: flex-start;
  bottom: 0;
  box-sizing: content-box;
  flex-shrink: 0;
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  height: calc(1lh + var(--sjs2-spacing-x200));
  left: 0;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  margin-left: var(--sjs2-spacing-negative-x200);
  padding-left: var(--sjs2-spacing-x100);
  padding-right: var(--sjs2-spacing-x100);
  position: relative;
  width: var(--sjs2-size-x300);
}
.sv-ranking-item--disabled.sv-ranking-item--disabled,
.sv-ranking-item--preview.sv-ranking-item--preview,
.sv-ranking-item--readonly.sv-ranking-item--readonly {
  cursor: auto;
  user-select: auto;
  -webkit-user-select: initial;
}
.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item__icon.sv-ranking-item__icon {
  fill: var(--sjs2-color-bg-brand-primary);
  position: absolute;
  top: var(--sjs2-spacing-x100);
  visibility: hidden;
}
.sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item__index.sv-ranking-item__index {
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  width: 1lh;
}
.sv-ranking-item__index.sv-ranking-item__index {
  align-items: center;
  align-self: self-start;
  background-color: var(--sjs2-color-bg-brand-secondary);
  border-radius: 100%;
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex-shrink: 0;
  font-weight: var(--sjs2-typography-font-weight-strong);
  justify-content: center;
  margin-left: var(--sjs2-spacing-x000);
  outline: var(--sjs2-border-width-x200) solid transparent;
  padding: var(--sjs2-spacing-x100);
  transition: outline var(--sjs-transition-duration,.15s), background var(--sjs-transition-duration,.15s);
}
.sv-ranking-item__index.sv-ranking-item__index svg {
  fill: currentColor;
  height: var(--sjs2-typography-font-size-component-input-content);
  width: var(--sjs2-typography-font-size-component-input-content);
}
.sv-ranking-item__text {
  align-self: self-start;
  color: var(--sjs2-color-component-label-default-text);
  display: inline-block;
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  line-height: var(--sjs2-typography-line-height-component-label-content);
  margin: 0 var(--sjs2-spacing-x200);
  overflow: hidden;
  overflow-wrap: break-word;
  padding-block: var(--sjs2-spacing-x100);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}
.sv-ranking-item__text .sv-string-editor,
.sv-ranking-item__text .sv-string-viewer {
  overflow: initial;
  white-space: pre-line;
}
.sd-ranking--disabled .sv-ranking-item__text,
.sv-ranking-item--disabled .sv-ranking-item__text {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: .25;
}
.sv-ranking-item--readonly .sv-ranking-item__index {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sv-ranking-item--preview .sv-ranking-item__index {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--sjs2-color-fg-basic-primary);
}
.sv-ranking-item__ghost.sv-ranking-item__ghost {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
  border-radius: var(--sjs2-radius-component-ranking);
  display: none;
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  height: calc(1lh + var(--sjs2-spacing-x200));
  left: 0;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  position: absolute;
  top: var(--sjs2-spacing-x050);
  width: calc(var(--sjs2-base-unit-size)*31);
  z-index: 1;
}
:dir(rtl) .sv-ranking,
[style*="direction: rtl"] .sv-ranking,
[style*="direction:rtl"] .sv-ranking {
  direction: ltr;
  transform: scaleX(-1);
}
:dir(rtl) .sd-ranking-item__index,
:dir(rtl) .sv-ranking-item__text,
:dir(rtl) .sv-ranking__container-placeholder,
[style*="direction: rtl"] .sd-ranking-item__index,
[style*="direction: rtl"] .sv-ranking-item__text,
[style*="direction: rtl"] .sv-ranking__container-placeholder,
[style*="direction:rtl"] .sd-ranking-item__index,
[style*="direction:rtl"] .sv-ranking-item__text,
[style*="direction:rtl"] .sv-ranking__container-placeholder {
  direction: rtl;
  transform: scaleX(-1);
}
.sv-ranking-item--ghost {
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  height: calc(1lh + var(--sjs2-spacing-x300));
  line-height: var(--sjs2-typography-line-height-component-label-content);
}
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor,
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer {
  white-space: unset;
}
.sv-ranking-item--ghost .sv-ranking-item__ghost {
  display: block;
}
.sv-ranking-item--ghost .sv-ranking-item__content {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__content {
  border-radius: var(--sjs2-radius-component-ranking);
  box-shadow: var(--sjs2-border-effect-floating-default);
}
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking--mobile .sv-ranking-item__icon--hover {
  fill: var(--sjs2-color-fg-basic-secondary);
  visibility: visible;
}
.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking--mobile.sv-ranking-shortcut {
  max-width: 80%;
}
.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon,
.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {
  margin-left: 0;
}
.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking--disabled {
  opacity: .8;
}
.sv-ranking-shortcut[hidden] {
  display: none;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  fill: var(--sjs2-color-bg-brand-primary);
}
.sv-ranking-shortcut .sv-ranking-item__text {
  margin-right: var(--sjs2-spacing-x400);
}
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  top: var(--sjs2-spacing-x100);
  width: 1lh;
}
.sv-ranking-shortcut .sv-ranking-item__content {
  padding-left: var(--sjs2-spacing-x050);
}
.sv-ranking-shortcut .sv-ranking-item__icon-container {
  margin-left: var(--sjs2-spacing-x000);
}
.sv-ranking-shortcut {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-ranking);
  box-shadow: var(--sjs2-border-effect-floating-default);
  cursor: grabbing;
  max-width: 400px;
  min-width: 100px;
  position: absolute;
  z-index: 10000;
}
.sv-ranking-shortcut .sv-ranking-item {
  box-sizing: content-box;
}
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor,
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
  overflow: hidden;
  white-space: nowrap;
}
.sv-ranking--select-to-rank {
  display: flex;
}
.sv-ranking--select-to-rank-vertical {
  flex-direction: column-reverse;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
  height: 1px;
  margin: var(--sjs2-spacing-x300) 0;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: var(--sjs2-spacing-x100);
  padding-top: var(--sjs2-spacing-x100);
}
.sv-ranking-item--animate-item-removing {
  animation-delay: var(--sjs-ranking-move-out-delay,0s), 0s;
  animation-direction: reverse;
  animation-duration: var(--sjs-ranking-move-out-duration,.15s), var(--sjs-ranking-fade-out-duration,.1s);
  animation-fill-mode: forwards;
  animation-name: moveIn, fadeIn;
  animation-timing-function: linear;
}
.sv-ranking-item--animate-item-adding {
  animation-delay: 0s, var(--sjs-ranking-fade-in-delay,.15s);
  animation-duration: var(--sjs-ranking-move-in-duration,.15s), var(--sjs-ranking-fade-in-duration,.1s);
  animation-fill-mode: forwards;
  animation-name: moveIn, fadeIn;
  animation-timing-function: linear;
  opacity: 0;
}
.sv-ranking-item--animate-item-adding-empty {
  animation-delay: 0;
  animation-duration: var(--sjs-ranking-fade-in-duration,.1s);
  animation-name: fadeIn;
  animation-timing-function: linear;
  opacity: 0;
}
.sv-ranking-item--animate-item-removing-empty {
  animation-delay: 0;
  animation-direction: reverse;
  animation-duration: var(--sjs-ranking-fade-out-duration,.1s);
  animation-name: fadeIn;
  animation-timing-function: linear;
}
@keyframes sv-animate-item-opacity-reverse-keyframes {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sv-animate-item-opacity-keyframes {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container {
  max-width: calc(50% - 1px);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
  width: 1px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: var(--sjs2-spacing-x200);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
  left: auto;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-left: var(--sjs2-spacing-x500);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-right: var(--sjs2-spacing-x500);
}
.sv-ranking__container-placeholder {
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-secondary);
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  height: 100%;
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
  padding-bottom: var(--sjs2-spacing-x050);
  padding-top: var(--sjs2-spacing-x050);
  white-space: normal;
}
.sv-ranking__container {
  flex: 1;
}
.sv-ranking__container--empty {
  box-sizing: border-box;
  text-align: center;
}
.sv-ranking__containers-divider {
  background: var(--sjs2-color-border-basic-secondary);
}
.sv-ranking__container--from .sv-ranking-item__icon--focus {
  display: none;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: 0 !important;
  padding-left: 16px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {
  left: auto;
}
.sv-ranking--select-to-rank-swap-areas {
  flex-direction: row-reverse;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
  left: -24px !important;
  padding-left: 0;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
  left: 0;
  padding-left: var(--sjs2-spacing-x200);
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
  left: var(--sjs2-spacing-x200);
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-left: 0;
  padding-right: var(--sjs2-spacing-x500);
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
  right: var(--sjs2-spacing-x200);
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-left: var(--sjs2-spacing-x500);
  padding-right: 0;
}
.sd-question--mobile .sv-ranking-item__icon-container,
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
  display: flex;
  justify-content: flex-end;
  margin-left: var(--sjs2-spacing-negative-x200);
  padding: 0;
  width: var(--sjs2-size-x500);
}
.sv-list {
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  padding: var(--sjs2-spacing-x050);
}
.sv-list,
.sv-list__empty-container {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sv-list__empty-container {
  align-items: center;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x050);
  justify-content: center;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x800);
  width: 100%;
}
.sv-list__empty-text {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-list__item {
  color: var(--sjs2-color-fg-basic-primary);
}
.sv-list__item,
.sv-list__item-body {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sv-list__item-body {
  --sjs-list-item-padding-left-default:--sjs2-spacing-x200;
  --sjs-list-item-padding-left:calc(var(--sjs-list-item-level)*var(--sjs-list-item-padding-left-default));
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding-block: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x800);
  padding-inline-start: var(--sjs2-spacing-x200);
  position: relative;
  text-align: start;
  transition: background-color var(--sjs-transition-duration,.15s), color var(--sjs-transition-duration,.15s);
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
  outline: none;
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-component-drop-item);
  padding-block: var(--sjs2-spacing-x075);
  padding-inline-end: calc(var(--sjs2-base-unit-spacing)*7.75);
  padding-inline-start: calc(var(--sjs2-base-unit-spacing)*1.75);
}
.sv-list__item:focus,
.sv-list__item:hover {
  outline: none;
}
.sv-list__item--hovered > .sv-list__item-body,
.sv-list__item:focus .sv-list__item-body {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sv-list__item--with-icon.sv-list__item--with-icon {
  padding: 0;
}
.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {
  display: flex;
  gap: var(--sjs2-spacing-x200);
  padding-bottom: var(--sjs2-spacing-x150);
  padding-top: var(--sjs2-spacing-x150);
}
.sv-list__item-icon {
  flex-shrink: 0;
  float: left;
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sv-list__item-icon svg {
  display: block;
}
.sv-list__item-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-list-item__marker-icon {
  box-sizing: content-box;
  flex-shrink: 0;
  height: var(--sjs2-size-x200);
  padding: var(--sjs2-spacing-x050);
  position: absolute;
  right: var(--sjs2-spacing-x100);
  width: var(--sjs2-size-x200);
}
.sv-list-item__marker-icon svg {
  display: block;
}
.sv-list-item__marker-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
:dir(rtl) .sv-list__item-icon,
[style*="direction: rtl"] .sv-list__item-icon,
[style*="direction:rtl"] .sv-list__item-icon {
  float: right;
}
.sv-list__item-separator {
  background-color: var(--sjs2-color-component-input-default-line);
  height: 1px;
  margin: var(--sjs2-spacing-x100) 0;
}
.sv-list--filtering .sv-list__item-separator {
  display: none;
}
.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,
.sv-list__item.sv-list__item--selected > .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
li:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {
  background-color: var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-list__item.sv-list__item--selected .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
  fill: var(--sjs2-color-bg-basic-primary);
}
.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
  fill: var(--sjs2-color-fg-brand-on-primary);
}
.sv-list__item--group-selected > .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {
  background-color: var(--sjs2-color-bg-brand-secondary);
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-list__item--group-selected > .sv-list__item-body use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-list__item.sv-list__item--disabled .sv-list__item-body {
  color: var(--sjs2-color-fg-basic-secondary);
  cursor: default;
}
.sv-list__item span {
  white-space: nowrap;
}
.sv-list__item-text--wrap span {
  white-space: normal;
  word-wrap: break-word;
}
.sv-list__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  position: relative;
}
.sv-list__filter {
  border-bottom: 1px solid var(--sjs2-color-border-basic-secondary-overlay);
}
.sv-list__filter-icon {
  display: block;
  inset-inline-start: var(--sjs2-spacing-x200);
  position: absolute;
  top: var(--sjs2-spacing-x150);
}
.sv-list__filter-icon .sv-svg-icon {
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sv-list__filter-icon .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-list__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  min-width: calc(var(--sjs2-base-unit-size)*30);
  outline: none;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x300);
  padding-inline-start: var(--sjs2-spacing-x700);
  width: 100%;
}
.sv-list__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.sv-list__input:disabled,
.sv-list__input:disabled::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.sv-list__loading-indicator {
  pointer-events: none;
}
.sv-list__loading-indicator .sv-list__item-body {
  background-color: transparent;
}
.sv-scroll__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.sv-scroll__scroller {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sv-scroll__scroller::-webkit-scrollbar {
  display: none;
}
.sv-scroll__scrollbar {
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: auto;
  margin-inline-start: -1px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: fit-content;
  z-index: 30;
}
@-moz-document url-prefix() {
  .sv-scroll__scrollbar {
    scrollbar-color: var(--sjs2-color-utility-scrollbar) transparent;
    scrollbar-width: thin;
  }
}
.sv-scroll__wrapper:hover .sv-scroll__scrollbar {
  visibility: visible;
}
.sv-scroll__scrollbar-sizer {
  width: 1px;
}
.sv-scroll__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.sv-save-data_root {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-notifier);
  bottom: var(--sjs2-spacing-x300);
  box-shadow: var(--sjs-shadow-medium,0 2px 6px 0 rgba(0,0,0,.1));
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex-direction: row;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: center;
  left: 50%;
  line-height: var(--sjs2-typography-line-height-default);
  min-width: calc(var(--sjs2-base-unit-size)*30);
  opacity: 0;
  padding: var(--sjs2-spacing-x300) var(--sjs2-spacing-x600);
  position: fixed;
  text-align: center;
  transform: translateX(-50%) translateY(var(--sjs2-spacing-x300));
  transition-delay: .25s;
  transition-property: transform, opacity;
  transition-timing-function: ease-in;
  transition: .5s;
  z-index: 1600;
}
.sv-save-data_root.sv-save-data_root--shown {
  opacity: .75;
  transform: translateX(-50%) translateY(0);
  transition-delay: .25s;
  transition-property: transform, opacity;
  transition-timing-function: ease-out;
}
.sv-save-data_root span {
  display: flex;
  flex-grow: 1;
}
.sv-save-data_root .sd-action-bar {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.sv-save-data_root--shown.sv-save-data_error,
.sv-save-data_root--shown.sv-save-data_success {
  opacity: 1;
}
.sv-save-data_root.sv-save-data_root--with-buttons {
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x600);
}
.sv-save-data_root.sv-save-data_error {
  background-color: var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-fg-alert-on-primary);
  gap: var(--sjs2-spacing-x600);
}
.sv-save-data_root.sv-save-data_error,
.sv-save-data_root.sv-save-data_success {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sv-save-data_root.sv-save-data_success {
  background-color: var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
}
.sv-save-data_root .sv-save-data_button {
  outline: var(--sjs2-border-width-x200) solid var(--sd-action-title-color);
}
.sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
  word-break: break-word;
}
.sd-action-bar {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  white-space: nowrap;
  --sd-action-bar-gap:0px;
  gap: var(--sd-action-bar-gap);
}
.sd-action-bar__item--space {
  margin-left: auto;
}
.sd-action-bar__item--hidden {
  height: 0;
  margin: 0 calc(var(--sd-action-bar-gap)*-1/2);
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.sd-action-bar__item--hidden .sd-action-bar__item-content {
  min-width: fit-content;
}
.sd-action-bar__item-content {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.sd-action-bar__item-content > * {
  flex: 0 0 auto;
}
.sd-action-bar__separator {
  background-color: var(--sjs2-color-component-input-default-line);
  display: inline-block;
  height: 24px;
  margin-right: var(--sd-action-bar-gap);
  vertical-align: middle;
  width: 1px;
}
.sd-action-bar--default-size {
  --sd-action-bar-gap:var(--sjs2-spacing-x100);
}
.sd-action-bar--small-size {
  --sd-action-bar-gap:var(--sjs2-spacing-x50);
}
.sd-action {
  --sd-action-boxshadow:0px 0px 0px 0px transparent;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--sd-action-background);
  border: none;
  border-radius: var(--sd-action-border-radius,var(--sjs2-radius-component-action));
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  font-style: normal;
  gap: var(--sd-action-gap);
  justify-content: center;
  outline: none;
  padding: var(--sd-action-padding);
  transition:
    background-color var(--sjs-transition-duration,.15s),
    box-shadow var(--sjs-transition-duration,.15s),
    transform var(--sjs-transition-duration,.15s);
}
.sd-action--disabled,
.sd-action:where(:disabled) {
  background: var(--sd-action-disabled-background);
  cursor: default;
}
.sd-action--disabled .sd-action__title,
.sd-action:where(:disabled) .sd-action__title {
  color: var(--sd-action-disabled-title-color);
}
.sd-action--disabled .sd-action__icon use,
.sd-action:where(:disabled) .sd-action__icon use {
  fill: var(--sd-action-disabled-icon-color);
}
.sd-action--popup-active:where(:not(:disabled, .sd-action--disabled)),
.sd-action:where(:hover):where(:not(:disabled, .sd-action--disabled)) {
  background: var(--sd-action-hover-background);
}
.sd-action--popup-active:where(:not(:disabled, .sd-action--disabled)) .sd-action__title,
.sd-action:where(:hover):where(:not(:disabled, .sd-action--disabled)) .sd-action__title {
  color: var(--sd-action-hover-title-color);
}
.sd-action--popup-active:where(:not(:disabled, .sd-action--disabled)) .sd-action__icon use,
.sd-action:where(:hover):where(:not(:disabled, .sd-action--disabled)) .sd-action__icon use {
  fill: var(--sd-action-hover-icon-color);
}
.sd-action:where(:active):where(:not(:disabled, .sd-action--disabled)) {
  transform: scale(var(--sjs2-scale-x098));
}
.sd-action:where(:focus-visible):where(:not(:disabled, .sd-action--disabled)) {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
}
.sd-action__title {
  color: var(--sd-action-title-color);
  font-family:
    var(--sd-action-title-font-family),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sd-action-title-font-size);
  font-weight: var(--sd-action-title-font-weight);
  line-height: var(--sd-action-title-line-height);
  padding: var(--sd-action-title-padding);
  transition: color var(--sjs-transition-duration,.15s);
}
.sd-action__icon {
  box-sizing: content-box;
  height: 1lh;
  line-height: var(--sd-action-icon-size);
  padding: var(--sd-action-icon-padding);
  pointer-events: none;
  width: 1lh;
}
.sd-action__icon use {
  fill: var(--sd-action-icon-color);
  transition: fill var(--sjs-transition-duration,.15s);
}
.sd-action--border {
  box-shadow: var(--sd-action-boxshadow);
}
.sd-action--border:where(.sd-action--disabled),
.sd-action--border:where(:disabled) {
  box-shadow: var(--sd-action-disabled-box-shadow);
}
.sd-action--border:where(.sd-action--popup-active):where(:not(:disabled, .sd-action--disabled)),
.sd-action--border:where(:hover):where(:not(:disabled, .sd-action--disabled)) {
  box-shadow: var(--sd-action-hover-box-shadow);
}
.sd-action--border:where(:focus-visible):where(:not(:disabled, .sd-action--disabled)) {
  box-shadow: var(--sd-action-boxshadow), var(--sjs2-border-effect-component-action-a11y);
}
.sd-action--large {
  --sd-action-padding:var(--sjs2-layout-component-action-large-box-padding-vertical) var(--sjs2-layout-component-action-large-box-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-action-large-box-gap);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-large-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-large-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-large-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-large-content);
  --sd-action-title-padding:var(--sjs2-layout-component-action-large-label-padding-vertical) var(--sjs2-layout-component-action-large-label-padding-horizontal);
  --sd-action-icon-size:var(--sjs2-line-height-x300);
  --sd-action-icon-padding:var(--sjs2-layout-component-action-large-icon-padding-vertical) var(--sjs2-layout-component-action-large-icon-padding-horizontal);
}
.sd-action--medium {
  --sd-action-padding:var(--sjs2-layout-component-action-medium-box-padding-vertical) var(--sjs2-layout-component-action-medium-box-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-action-medium-box-gap);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-medium-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-medium-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-medium-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-medium-content);
  --sd-action-title-padding:var(--sjs2-layout-component-action-medium-label-padding-vertical) var(--sjs2-layout-component-action-medium-label-padding-horizontal);
  --sd-action-icon-size:var(--sjs2-line-height-x300);
  --sd-action-icon-padding:var(--sjs2-layout-component-action-medium-icon-padding-vertical) var(--sjs2-layout-component-action-medium-icon-padding-horizontal);
}
.sd-action--small {
  --sd-action-padding:var(--sjs2-layout-component-action-small-box-padding-vertical) var(--sjs2-layout-component-action-small-box-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-action-small-box-gap);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-small-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-small-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-small-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-small-content);
  --sd-action-title-padding:var(--sjs2-layout-component-action-small-label-padding-vertical) var(--sjs2-layout-component-action-small-label-padding-horizontal);
  --sd-action-icon-size:var(--sjs2-line-height-x300);
  --sd-action-icon-padding:var(--sjs2-layout-component-action-small-icon-padding-vertical) var(--sjs2-layout-component-action-small-icon-padding-horizontal);
}
.sd-action--x-small {
  --sd-action-padding:var(--sjs2-layout-component-action-x-small-box-padding-vertical) var(--sjs2-layout-component-action-x-small-box-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-action-x-small-box-gap);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-x-small-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-x-small-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-x-small-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-x-small-content);
  --sd-action-title-padding:var(--sjs2-layout-component-action-x-small-label-padding-vertical) var(--sjs2-layout-component-action-x-small-label-padding-horizontal);
  --sd-action-icon-size:var(--sjs2-line-height-x200);
  --sd-action-icon-padding:var(--sjs2-layout-component-action-x-small-icon-padding-vertical) var(--sjs2-layout-component-action-x-small-icon-padding-horizontal);
}
.sd-action--xx-small {
  --sd-action-padding:var(--sjs2-layout-component-action-xx-small-box-padding-vertical) var(--sjs2-layout-component-action-xx-small-box-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-action-xx-small-box-gap);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-xx-small-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-xx-small-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-xx-small-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-xx-small-content);
  --sd-action-title-padding:var(--sjs2-layout-component-action-xx-small-label-padding-vertical) var(--sjs2-layout-component-action-xx-small-label-padding-horizontal);
  --sd-action-icon-size:var(--sjs2-line-height-x200);
  --sd-action-icon-padding:var(--sjs2-layout-component-action-xx-small-icon-padding-vertical) var(--sjs2-layout-component-action-xx-small-icon-padding-horizontal);
}
.sd-action--neutral.sd-action--primary {
  --sd-action-background:var(--sjs2-color-component-action-neutral-primary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-neutral-primary-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-neutral-primary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-neutral-primary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-primary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-primary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-neutral-primary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-primary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-primary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-primary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-primary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-primary-disabled);
}
.sd-action--neutral.sd-action--secondary {
  --sd-action-background:var(--sjs2-color-component-action-neutral-secondary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-neutral-secondary-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-neutral-secondary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-neutral-secondary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-secondary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-secondary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-neutral-secondary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-secondary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-secondary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-secondary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-secondary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-secondary-disabled);
}
.sd-action--neutral.sd-action--tertiary,
.sd-action--neutral.sd-action--tertiary-muted {
  --sd-action-background:var(--sjs2-color-component-action-neutral-tertiary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-neutral-tertiary-hovered-bg);
  --sd-action-disabled-background:var( --sjs2-color-component-action-neutral-tertiary-disabled-bg,rgba(95,94,97,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-neutral-tertiary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-tertiary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-tertiary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-neutral-tertiary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-tertiary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-tertiary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-tertiary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-tertiary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-tertiary-disabled);
}
.sd-action--neutral.sd-action--quaternary {
  --sd-action-background:var(--sjs2-color-component-action-neutral-quaternary-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-neutral-quaternary-hovered-bg,rgba(95,94,97,.1) );
  --sd-action-disabled-background:var( --sjs2-color-component-action-neutral-quaternary-disabled-bg,rgba(95,94,97,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-neutral-quaternary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-quaternary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-quaternary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-neutral-quaternary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-quaternary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-quaternary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-quaternary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-quaternary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-quaternary-disabled);
}
.sd-action--neutral.sd-action--tertiary-muted-surface,
.sd-action--neutral.sd-action--tertiary-surface {
  --sd-action-background:var(--sjs2-color-component-action-neutral-tertiary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-neutral-tertiary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-neutral-tertiary-surface-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-neutral-tertiary-surface-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-tertiary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-tertiary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-neutral-tertiary-surface-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-tertiary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-tertiary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-tertiary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-tertiary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-tertiary-surface-disabled);
}
.sd-action--neutral.sd-action--quaternary-surface {
  --sd-action-background:var(--sjs2-color-component-action-neutral-quaternary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-neutral-quaternary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-neutral-quaternary-surface-disabled-bg);
  --sd-action-title-color:var( --sjs2-color-component-action-neutral-quaternary-surface-default-label,rgba(28,27,32,.4) );
  --sd-action-hover-title-color:var(--sjs2-color-component-action-neutral-quaternary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-neutral-quaternary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var( --sjs2-color-component-action-neutral-quaternary-surface-default-icon,rgba(28,27,32,.4) );
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-neutral-quaternary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-neutral-quaternary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-neutral-quaternary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-neutral-quaternary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-neutral-quaternary-surface-disabled);
}
.sd-action--alert.sd-action--primary {
  --sd-action-background:var(--sjs2-color-component-action-alert-primary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-alert-primary-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-alert-primary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-alert-primary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-primary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-primary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-primary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-primary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-primary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-primary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-primary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-primary-disabled);
}
.sd-action--alert.sd-action--secondary {
  --sd-action-background:var(--sjs2-color-component-action-alert-secondary-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-alert-secondary-hovered-bg,rgba(229,10,62,.15) );
  --sd-action-disabled-background:var(--sjs2-color-component-action-alert-secondary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-alert-secondary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-secondary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-secondary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-secondary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-secondary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-secondary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-secondary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-secondary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-secondary-disabled);
}
.sd-action--alert.sd-action--tertiary {
  --sd-action-background:var(--sjs2-color-component-action-alert-tertiary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-alert-tertiary-hovered-bg);
  --sd-action-disabled-background:var( --sjs2-color-component-action-alert-tertiary-disabled-bg,rgba(229,10,62,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-alert-tertiary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-tertiary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-tertiary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-tertiary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-tertiary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-tertiary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-tertiary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-disabled);
}
.sd-action--alert.sd-action--quaternary {
  --sd-action-background:var(--sjs2-color-component-action-alert-quaternary-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-alert-quaternary-hovered-bg,rgba(229,10,62,.1) );
  --sd-action-disabled-background:var( --sjs2-color-component-action-alert-quaternary-disabled-bg,rgba(229,10,62,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-alert-quaternary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-quaternary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-quaternary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-quaternary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-quaternary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-quaternary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-quaternary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-quaternary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-quaternary-disabled);
}
.sd-action--alert.sd-action--tertiary-surface {
  --sd-action-background:var(--sjs2-color-component-action-alert-tertiary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-alert-tertiary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-alert-tertiary-surface-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-alert-tertiary-surface-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-tertiary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-tertiary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-tertiary-surface-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-tertiary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-tertiary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-tertiary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-surface-disabled);
}
.sd-action--alert.sd-action--tertiary-muted {
  --sd-action-background:var(--sjs2-color-component-action-alert-tertiary-muted-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-alert-tertiary-muted-hovered-bg,rgba(229,10,62,.1) );
  --sd-action-disabled-background:var( --sjs2-color-component-action-alert-tertiary-muted-disabled-bg,rgba(229,10,62,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-alert-tertiary-muted-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-tertiary-muted-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-tertiary-muted-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-tertiary-muted-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-tertiary-muted-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-tertiary-muted-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-disabled);
}
.sd-action--alert.sd-action--tertiary-muted-surface {
  --sd-action-background:var(--sjs2-color-component-action-alert-tertiary-muted-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-alert-tertiary-muted-surface-hovered-bg);
  --sd-action-disabled-background:var( --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-bg,#f5f5f5 );
  --sd-action-title-color:var(--sjs2-color-component-action-alert-tertiary-muted-surface-default-label);
  --sd-action-hover-title-color:var( --sjs2-color-component-action-alert-tertiary-muted-surface-hovered-label,#c30935 );
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-alert-tertiary-muted-surface-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-tertiary-muted-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-tertiary-muted-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-tertiary-muted-surface-disabled);
}
.sd-action--alert.sd-action--quaternary-surface {
  --sd-action-background:var(--sjs2-color-component-action-alert-quaternary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-alert-quaternary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-alert-quaternary-surface-disabled-bg);
  --sd-action-title-color:var( --sjs2-color-component-action-alert-quaternary-surface-default-label,rgba(28,27,32,.4) );
  --sd-action-hover-title-color:var(--sjs2-color-component-action-alert-quaternary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-alert-quaternary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var( --sjs2-color-component-action-alert-quaternary-surface-default-icon,rgba(28,27,32,.4) );
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-alert-quaternary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-alert-quaternary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-alert-quaternary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-alert-quaternary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-alert-quaternary-surface-disabled);
}
.sd-action--brand.sd-action--primary {
  --sd-action-background:var(--sjs2-color-component-action-brand-primary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-brand-primary-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-brand-primary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-brand-primary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-primary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-primary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-primary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-primary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-primary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-primary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-primary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-primary-disabled);
}
.sd-action--brand.sd-action--secondary {
  --sd-action-background:var(--sjs2-color-component-action-brand-secondary-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-brand-secondary-hovered-bg,rgba(25,179,148,.15) );
  --sd-action-disabled-background:var(--sjs2-color-component-action-brand-secondary-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-brand-secondary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-secondary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-secondary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-secondary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-secondary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-secondary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-secondary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-secondary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-secondary-disabled);
}
.sd-action--brand.sd-action--tertiary {
  --sd-action-background:var(--sjs2-color-component-action-brand-tertiary-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-brand-tertiary-hovered-bg);
  --sd-action-disabled-background:var( --sjs2-color-component-action-brand-tertiary-disabled-bg,rgba(25,179,148,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-brand-tertiary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-tertiary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-tertiary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-tertiary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-tertiary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-tertiary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-tertiary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-disabled);
}
.sd-action--brand.sd-action--quaternary {
  --sd-action-background:var(--sjs2-color-component-action-brand-quaternary-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-brand-quaternary-hovered-bg,rgba(25,179,148,.1) );
  --sd-action-disabled-background:var( --sjs2-color-component-action-brand-quaternary-disabled-bg,rgba(25,179,148,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-brand-quaternary-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-quaternary-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-quaternary-disabled-label,rgba(28,27,32,.4) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-quaternary-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-quaternary-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-quaternary-disabled-icon,rgba(28,27,32,.4) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-quaternary-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-quaternary-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-quaternary-disabled);
}
.sd-action--brand.sd-action--tertiary-surface {
  --sd-action-background:var(--sjs2-color-component-action-brand-tertiary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-brand-tertiary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-brand-tertiary-surface-disabled-bg);
  --sd-action-title-color:var(--sjs2-color-component-action-brand-tertiary-surface-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-tertiary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-tertiary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-tertiary-surface-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-tertiary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-tertiary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-tertiary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-surface-disabled);
}
.sd-action--brand.sd-action--tertiary-muted {
  --sd-action-background:var(--sjs2-color-component-action-brand-tertiary-muted-default-bg);
  --sd-action-hover-background:var( --sjs2-color-component-action-brand-tertiary-muted-hovered-bg,rgba(25,179,148,.1) );
  --sd-action-disabled-background:var( --sjs2-color-component-action-brand-tertiary-muted-disabled-bg,rgba(25,179,148,0) );
  --sd-action-title-color:var(--sjs2-color-component-action-brand-tertiary-muted-default-label);
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-tertiary-muted-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-tertiary-muted-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-tertiary-muted-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-tertiary-muted-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-tertiary-muted-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-disabled);
}
.sd-action--brand.sd-action--tertiary-muted-surface {
  --sd-action-background:var(--sjs2-color-component-action-brand-tertiary-muted-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-brand-tertiary-muted-surface-hovered-bg);
  --sd-action-disabled-background:var( --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-bg,#f5f5f5 );
  --sd-action-title-color:var(--sjs2-color-component-action-brand-tertiary-muted-surface-default-label);
  --sd-action-hover-title-color:var( --sjs2-color-component-action-brand-tertiary-muted-surface-hovered-label,#19b394 );
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var(--sjs2-color-component-action-brand-tertiary-muted-surface-default-icon);
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-tertiary-muted-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-tertiary-muted-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-tertiary-muted-surface-disabled);
}
.sd-action--brand.sd-action--quaternary-surface {
  --sd-action-background:var(--sjs2-color-component-action-brand-quaternary-surface-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-action-brand-quaternary-surface-hovered-bg);
  --sd-action-disabled-background:var(--sjs2-color-component-action-brand-quaternary-surface-disabled-bg);
  --sd-action-title-color:var( --sjs2-color-component-action-brand-quaternary-surface-default-label,rgba(28,27,32,.4) );
  --sd-action-hover-title-color:var(--sjs2-color-component-action-brand-quaternary-surface-hovered-label);
  --sd-action-disabled-title-color:var( --sjs2-color-component-action-brand-quaternary-surface-disabled-label,rgba(28,27,32,.2) );
  --sd-action-icon-color:var( --sjs2-color-component-action-brand-quaternary-surface-default-icon,rgba(28,27,32,.4) );
  --sd-action-hover-icon-color:var(--sjs2-color-component-action-brand-quaternary-surface-hovered-icon);
  --sd-action-disabled-icon-color:var( --sjs2-color-component-action-brand-quaternary-surface-disabled-icon,rgba(28,27,32,.2) );
  --sd-action-boxshadow:var(--sjs2-border-effect-component-action-brand-quaternary-surface-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-action-brand-quaternary-surface-hovered);
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-component-action-brand-quaternary-surface-disabled);
}
.sd-action.sv-dots__item {
  width: auto;
}
.sd-pager {
  --sd-action-bar-gap:0;
}
.sd-action.sd-pager__page {
  flex-direction: row-reverse;
}
.sd-action.sd-pager__page,
.sd-action.sd-pager__total {
  box-sizing: border-box;
  min-width: var(--sjs2-spacing-x400);
}
.sd-action.sd-pager__total {
  --sd-action-disabled-background:var(--sd-action-background);
  --sd-action-disabled-title-color:var(--sd-action-title-color);
}
.sd-pager .sd-action-bar__item--space {
  margin-inline-start: var(--sjs2-spacing-x075);
}
.sd-question--mobile .sd-pager {
  width: 100%;
}
.sd-question--mobile .sd-pager .sd-action-bar__item--space {
  margin-inline-start: auto;
}
.sd-matrixdropdown__sort-bar,
.sd-matrixdynamic__sort-bar,
.sd-paneldynamic__sort-bar {
  --sd-action-bar-gap:var(--sjs2-layout-component-panel-header-action-group-gap);
  flex-wrap: nowrap;
  justify-content: flex-end;
  min-width: 0;
}
.sd-matrixdropdown__sort-bar .sd-action-bar__item-content > .sd-action-bar__separator,
.sd-matrixdynamic__sort-bar .sd-action-bar__item-content > .sd-action-bar__separator,
.sd-paneldynamic__sort-bar .sd-action-bar__item-content > .sd-action-bar__separator {
  align-self: stretch;
  background-color: var(--sjs2-color-border-basic-secondary);
  height: auto;
  margin-right: 0;
  margin-inline-end: var(--sjs2-layout-component-panel-header-action-group-gap);
}
.sd-sort-bar__level {
  --sd-action-bar-gap:var(--sjs2-spacing-x100);
  flex-wrap: nowrap;
}
.sd-action.sd-sort-bar__dropdown {
  box-sizing: border-box;
  flex-direction: row-reverse;
}
.sd-action.sd-sort-bar__label {
  box-sizing: border-box;
  --sd-action-padding:var(--sjs2-layout-component-action-x-small-box-padding-vertical) var(--sjs2-spacing-x000);
  --sd-action-title-padding:var(--sjs2-layout-component-action-x-small-label-padding-vertical) var(--sjs2-spacing-x000);
  --sd-action-disabled-background:var(--sd-action-background);
  --sd-action-disabled-title-color:var(--sd-action-title-color);
}
.sd-question__header--sort-bar.sd-question__header--location-top {
  align-items: center;
  column-gap: var(--sjs2-layout-component-question-header-action-group-gap);
  display: grid;
  grid-template-columns: fit-content(50%) minmax(0, 1fr);
}
.sd-question__header--sort-bar.sd-question__header--location-top > * {
  grid-column: 1;
}
.sd-question__header--sort-bar.sd-question__header--location-top > :last-child {
  grid-column: 2;
  grid-row: 1;
  justify-self: stretch;
}
.sd-question--mobile .sd-question__header--sort-bar,
.sd-question__header--sort-bar.sd-question__header--location--left {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}
.sd-question--mobile .sd-question__header--sort-bar > :last-child,
.sd-question__header--sort-bar.sd-question__header--location--left > :last-child {
  align-self: stretch;
  justify-content: flex-start;
  margin-block-start: calc(var(--sjs2-layout-component-question-header-action-group-gap) - var(--sd-question-header-row-gap));
}
.sd-question--mobile .sd-matrixdropdown__sort-bar,
.sd-question--mobile .sd-matrixdynamic__sort-bar,
.sd-question--mobile .sd-paneldynamic__sort-bar {
  box-sizing: border-box;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: calc(var(--sjs2-border-width-a11y)*-1);
  max-width: 100%;
  overflow-x: auto;
  padding: var(--sjs2-border-width-a11y);
}
.sd-question--mobile .sd-question__header--sort-bar > :last-child {
  margin-block-start: calc(var(--sjs2-layout-component-question-header-action-group-gap) - var(--sd-question-header-row-gap) - var(--sjs2-border-width-a11y));
  max-width: calc(100% + var(--sjs2-border-width-a11y)*2);
}
.sd-matrixdropdown__sort-bar-top,
.sd-matrixdynamic__sort-bar-top,
.sd-paneldynamic__sort-bar-top {
  display: flex;
  margin-block-end: var(--sjs2-layout-component-question-header-action-group-gap);
}
.sd-matrixdropdown__sort-bar-top > .sd-action-bar,
.sd-matrixdynamic__sort-bar-top > .sd-action-bar,
.sd-paneldynamic__sort-bar-top > .sd-action-bar {
  flex: 1 1 auto;
  justify-content: flex-start;
}
.sv-popup--records-sort.sv-popup--modal-popup {
  padding-inline: var(--sjs2-spacing-x200);
}
.sv-popup--records-sort.sv-popup--modal-popup > .sv-popup__container > .sv-popup__body-content {
  max-width: calc(100vw - var(--sjs2-spacing-x200)*2);
  min-width: 0;
  padding-bottom: var(--sjs2-spacing-x300);
  padding-top: var(--sjs2-spacing-x300);
  width: 580px;
}
.sv-popup--records-sort.sv-popup--modal-popup .sv-popup__close-button {
  inset-inline-end: var(--sjs2-spacing-x200);
  inset-inline-start: auto;
  right: var(--sjs2-spacing-x200);
  top: var(--sjs2-spacing-x200);
}
.sv-popup--records-sort.sv-popup--modal-popup .sv-popup__body-footer .sv-modal-footer-action-bar > .sd-action-bar__item:last-child {
  margin-inline-start: auto;
}
.sd-sort-dialog {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x400);
}
.sd-sort-dialog__row {
  --sd-action-bar-gap:var(--sjs2-spacing-x150);
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) calc(var(--sjs2-size-x300) + var(--sjs2-spacing-x100)*2);
}
.sd-sort-dialog__row .sd-action-bar__item,
.sd-sort-dialog__row .sd-action-bar__item-content {
  min-width: 0;
}
.sd-sort-dialog__row .sd-action-bar__item-content > * {
  flex: 1 1 auto;
  min-width: 0;
}
.sd-sort-dialog__row .sd-action.sd-sort-bar__dropdown {
  justify-content: space-between;
  width: 100%;
  --sd-action-background:var(--sjs2-color-component-formbox-default-bg);
  --sd-action-hover-background:var(--sjs2-color-component-formbox-hovered-bg);
  --sd-action-boxshadow:var(--sjs2-border-effect-component-formbox-default);
  --sd-action-hover-box-shadow:var(--sjs2-border-effect-component-formbox-hovered);
  --sd-action-border-radius:var(--sjs2-radius-component-formbox);
  --sd-action-padding:var(--sjs2-layout-component-formbox-medium-padding-vertical) var(--sjs2-layout-component-formbox-medium-padding-horizontal);
  --sd-action-gap:var(--sjs2-layout-component-formbox-medium-gap);
  --sd-action-title-padding:var(--sjs2-layout-component-input-medium-content-padding-vertical) var(--sjs2-layout-component-input-medium-content-padding-horizontal);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-input-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-input-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-input-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-input-content);
  --sd-action-title-color:var(--sjs2-color-component-input-default-value);
  --sd-action-hover-title-color:var(--sjs2-color-component-input-default-value);
  --sd-action-icon-size:var(--sjs2-size-x300);
  --sd-action-icon-padding:var(--sjs2-spacing-x100);
}
.sd-sort-dialog__row .sd-action.sd-sort-bar__dropdown .sd-action__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
}
.sd-selectlist__container {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-layout-component-drop-box-gap-vertical);
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.sd-selectlist {
  box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  padding: var(--sjs2-layout-component-drop-box-padding-vertical) var(--sjs2-layout-component-drop-box-padding-horizontal);
  width: 100%;
}
.sd-selectlist__item {
  align-items: center;
  align-self: stretch;
  background: var(--sjs2-color-bg-brand-tertiary);
  border-radius: var(--sjs2-radius-component-drop-item);
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: start;
  transition: box-shadow var(--sjs-transition-duration,.15s);
}
.sd-selectlist__item:focus-visible {
  outline: none;
}
.sd-selectlist__item-body {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: var(--sjs2-layout-component-drop-item-box-gap);
  padding: var(--sjs2-layout-component-drop-item-box-padding-vertical) var(--sjs2-layout-component-drop-item-box-padding-right) var(--sjs2-layout-component-drop-item-box-padding-vertical) var(--sjs2-layout-component-drop-item-box-padding-left);
  width: 100%;
}
.sd-selectlist__item-body .sv-string-viewer {
  display: -webkit-box;
  padding: 0 var(--sjs2-layout-component-drop-item-label-padding-horizontal);
  -webkit-box-orient: vertical;
  flex: 1 0 0;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-selectlist__item-body sv-ng-string,
.sd-selectlist__item-body sv-ng-string-viewer {
  display: contents;
}
.sd-selectlist__item--selected {
  background: var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-selectlist__item--selected.sd-selectlist__item--hovered {
  background: var(--sjs2-color-bg-brand-primary-dim);
  border-radius: var(--sjs2-radius-component-drop-item);
}
.sd-selectlist__item--focused {
  box-shadow: var(--sjs2-border-effect-a11y);
}
.sd-selectlist__item--hovered {
  background: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-selectlist__item--disabled {
  color: var(--sjs2-color-fg-basic-primary-disabled);
  cursor: default;
}
.sd-selectlist__item-icon {
  height: 1lh;
  width: 1lh;
}
.sd-selectlist__item-text--wrap span.sv-string-viewer {
  display: inline;
  white-space: normal;
  word-wrap: break-word;
}
.sd-selectlist__item--custom-value {
  color: var(--sjs2-color-fg-brand-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-selectlist__item--custom-value.sd-selectlist__item--hovered {
  background: var(--sjs2-color-bg-brand-tertiary-dim);
}
.sd-selectlist__empty-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: center;
  min-height: var(--sjs2-size-x1500);
}
.sd-selectlist__empty-text {
  align-items: flex-start;
  align-self: stretch;
  color: var(--sjs2-color-fg-basic-secondary);
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-selectlist__filter {
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: flex;
  padding: var(--sjs2-spacing-x200);
  width: 100%;
}
.sd-selectlist-filter__box {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x200);
  width: 100%;
}
.sd-selectlist__filter-icon,
.sd-selectlist__filter-icon .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.sd-selectlist__filter-icon .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sd-selectlist__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  outline: none;
  padding: 0;
}
.sd-selectlist__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.sd-selectlist__filter-clear-button {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 100%;
  display: flex;
  height: var(--sjs2-size-icon-small);
  justify-content: center;
  margin-inline-start: auto;
  padding: var(--sjs2-layout-control-action-xx-small-icon-vertical) var(--sjs2-layout-control-action-xx-small-icon-horizontal);
  width: var(--sjs2-size-icon-small);
}
.sd-selectlist__filter-clear-button svg {
  height: var(--sjs2-typography-font-size-component-input-content);
  width: var(--sjs2-typography-font-size-component-input-content);
}
.sd-selectlist__filter-clear-button svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sd-selectlist__filter-clear-button:hover {
  background: var(--sjs2-color-bg-alert-tertiary-dim);
  border-radius: var(--sjs2-radius-semantic-form-item);
}
.sd-selectlist__filter-clear-button:hover use {
  fill: var(--sjs2-color-fg-alert-primary);
}
.sd-menu-list__container {
  --thm-list-padding:var(--sjs2-spacing-x100);
  align-items: flex-start;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-layout-component-menu-box-gap-vertical);
  min-width: 188px;
  overflow: hidden;
  padding: var(--sjs2-layout-component-menu-box-padding-vertical) var(--sjs2-layout-component-menu-box-padding-horizontal);
}
.sd-menu-list {
  box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  padding: var(--thm-list-padding);
  width: 100%;
}
.sd-menu-item {
  border-radius: var(--sjs2-radius-component-menu-item);
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: start;
  transition: box-shadow var(--sjs-transition-duration,.15s);
}
.sd-menu-item:focus-visible {
  outline: none;
}
.sd-menu-item .sv-popup-inner .sv-popup__container {
  margin-inline: var(--thm-list-padding);
}
.sd-menu-item__body {
  --thm-list-item-padding-left:calc(var(--sjs-list-item-level)*var(--sjs2-layout-component-menu-item-box-padding-left));
  align-items: center;
  border-radius: var(--sjs2-radius-component-menu-item);
  box-sizing: border-box;
  display: flex;
  gap: var(--sjs2-layout-component-menu-item-box-gap);
  padding: var(--sjs2-layout-component-menu-item-box-padding-vertical) var(--sjs2-layout-component-menu-item-box-padding-right) var(--sjs2-layout-component-menu-item-box-padding-vertical) var(--thm-list-item-padding-left,var(--sjs2-layout-component-menu-item-box-padding-left));
  width: 100%;
}
.sd-menu-item__body .sv-string-viewer {
  display: -webkit-box;
  padding: 0 var(--sjs2-layout-component-menu-item-label-padding-horizontal);
  -webkit-box-orient: vertical;
  flex: 1 0 0;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-menu-item__body sv-ng-string,
.sd-menu-item__body sv-ng-string-viewer {
  display: contents;
}
.sd-menu-item__body use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.sd-menu-item--selected.sd-menu-item--hovered > .sd-menu-item__body,
.sd-menu-item--selected > .sd-menu-item__body {
  background: var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-menu-item--selected .sd-menu-item__icon use,
.sd-menu-item--selected.sd-menu-item--hovered .sd-menu-item__icon use {
  fill: var(--sjs2-color-fg-brand-on-primary);
}
.sd-menu-item--group-selected > .sd-menu-item__body,
.sd-menu-item--hovered > .sd-menu-item__body {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.sd-menu-item--focused,
.sd-menu-item:focus-visible {
  box-shadow: var(--sjs2-border-effect-a11y);
}
.sd-menu-item--label.sd-menu-item--hovered > .sd-menu-item__body,
.sd-menu-item--label > .sd-menu-item__body {
  background-color: transparent;
  color: var(--sjs2-color-fg-basic-secondary);
  cursor: default;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
}
.sd-menu-item--brand {
  color: var(--sjs2-color-fg-brand-primary);
}
.sd-menu-item--brand use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-menu-item--brand.sd-menu-item--group-selected > .sd-menu-item__body,
.sd-menu-item--brand.sd-menu-item--hovered > .sd-menu-item__body {
  background: var(--sjs2-color-bg-brand-tertiary-dim);
}
.sd-menu-item--alert {
  color: var(--sjs2-color-fg-alert-primary);
}
.sd-menu-item--alert use {
  fill: var(--sjs2-color-fg-alert-primary);
}
.sd-menu-item--alert.sd-menu-item--group-selected > .sd-menu-item__body,
.sd-menu-item--alert.sd-menu-item--hovered > .sd-menu-item__body {
  background: var(--sjs2-color-bg-alert-tertiary-dim);
  border-radius: var(--sjs2-radius-component-menu-item);
}
.sd-menu-item--disabled {
  color: var(--sjs2-color-fg-basic-primary-disabled);
  cursor: default;
}
.sd-menu-item--disabled use {
  fill: var(--sjs2-color-fg-basic-primary-disabled);
}
.sd-menu-item__text--wrap span.sv-string-viewer {
  display: inline;
  white-space: normal;
  word-wrap: break-word;
}
.sd-menu-item__icon,
.sd-menu-item__marker-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.sd-menu-item__marker-icon + * {
  margin-inline-start: var(--sjs2-spacing-negative-x100);
}
.sd-menu-item__separator {
  background: var(--sjs2-color-border-basic-secondary);
  height: var(--sjs2-border-width-x100);
  margin: var(--sjs2-spacing-x100) 0;
  width: 100%;
}
.sd-menu-filter {
  align-items: center;
  align-self: stretch;
  background: var(--sjs2-color-utility-sheet);
  border-bottom: solid var(--sjs2-border-width-x100) var(--sjs2-color-border-basic-secondary);
  display: flex;
  padding: var(--sjs2-spacing-x100);
}
.sd-menu-filter__box {
  display: flex;
  gap: var(--sjs2-spacing-x100);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
}
.sd-menu-filter__icon,
.sd-menu-filter__icon .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.sd-menu-filter__icon .sv-svg-icon use {
  fill: var(--sjs2-color-component-input-default-icon);
}
.sd-menu-filter__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: var(--sjs2-color-component-input-default-value);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  outline: none;
  padding: 0;
}
.sd-selectlist__input::placeholder {
  color: var(--sjs2-color-component-input-default-placeholder);
}
.sd-menu-list__empty-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: var(--sjs2-spacing-x200);
  width: 100%;
}
.sd-menu-list__empty-text {
  color: var(--sjs2-color-fg-basic-secondary);
  flex: 1 0 0;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
}
.sd-element__title {
  outline: none;
}
.sd-element__title.sd-element__title--disabled {
  opacity: .25;
}
.sd-root--readonly .sd-element__title.sd-element__title--disabled {
  opacity: 1;
}
.sd-element--invisible {
  opacity: .35;
}
.sd-element__header .sv-string-editor {
  max-width: 100%;
  white-space: normal;
}
.sd-element__title {
  font-size: 0;
  line-height: 0;
  margin: 0;
  position: static;
}
.sd-element__title .sd-element__num {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
}
.sd-element__title .sv-string-viewer {
  white-space: normal;
}
.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
}
.sd-element__title.sd-element__title--singleinput span {
  color: var(--sjs2-color-component-page-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-page-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-page-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-page-title);
  line-height: var(--sjs2-typography-line-height-component-page-title);
  margin: 0 0 var(--sjs2-spacing-x050) 0;
  position: static;
}
.sd-element__num {
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-secondary);
  flex-shrink: 0;
  float: left;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  margin-inline-start: var(--sjs2-spacing-negative-x500);
  padding-bottom: calc(var(--sjs2-base-unit-spacing)*.375);
  padding-inline-end: var(--sjs2-spacing-x100);
  padding-top: calc(var(--sjs2-base-unit-spacing)*.625);
  padding-inline-start: 0;
  text-align: end;
  white-space: nowrap;
  width: var(--sjs2-size-x500);
}
.sd-element__num + span,
.sd-page__num + span {
  float: left;
  width: 0;
}
:dir(rtl) .sd-element__num,
[style*="direction: rtl"] .sd-element__num,
[style*="direction:rtl"] .sd-element__num {
  float: right;
}
.sd-element__title--num-inline .sd-element__num {
  float: none;
  margin-inline-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  width: auto;
}
.sd-element__title--num-inline .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-element__title--expandable.sd-element__title--expandable {
  display: block;
  position: relative;
}
.sd-element__title-expandable-svg-container {
  display: block;
  height: 1lh;
  inset-inline-start: var(--sjs2-spacing-negative-x300);
  padding-inline-end: var(--sjs2-spacing-x100);
  position: absolute;
  width: var(--sjs2-size-x200);
}
.sd-element__title-expandable-svg {
  border-radius: var(--sjs2-radius-form-item,4px);
  display: inline-block;
  height: var(--sjs2-size-x200);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background var(--sjs-transition-duration,.15s), fill var(--sjs-transition-duration,.15s);
  width: var(--sjs2-size-x200);
}
.sd-element--collapsed,
.sd-element__header--expandable {
  cursor: pointer;
}
.sd-element--collapsed:hover .sd-element__title-expandable-svg,
.sd-element__header--expandable:hover .sd-element__title-expandable-svg {
  background: var(--sjs2-color-bg-basic-secondary-dim);
}
.sd-element__header--expandable:has(:focus-visible) .sd-element__title-expandable-svg {
  box-shadow: var(--sjs2-border-effect-a11y);
}
.sd-root-modern--mobile .sd-element__title--expandable {
  display: flex;
}
.sd-root-modern--mobile .sd-element__title--expandable .sv-string-viewer,
.sd-root-modern--mobile .sd-element__title--expandable sv-ng-string {
  flex-grow: 1;
}
.sd-root-modern--mobile .sd-element__title-expandable-svg-container {
  flex-grow: 0;
  flex-shrink: 0;
  inset-inline-start: 0;
  order: 1;
  padding-inline-end: 0;
  position: relative;
}
.sd-element-wrapper {
  max-width: 100%;
}
.sd-element-wrapper--min-width {
  min-width: min(100%, var(--sjs-element-min-width,calc(var(--sjs2-base-unit-size)*37.5)));
}
@keyframes elementMoveIn {
  0% {
    flex-basis: 0;
    flex-grow: 0;
    height: 0;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    padding-left: 0;
    width: 0;
  }
  to {
    flex-basis: var(--animation-width);
    height: var(--animation-height);
    min-width: var(--animation-width);
    overflow: visible;
    padding-left: var(--animation-padding-left);
    width: var(--animation-width);
  }
}
.sd-element-wrapper--enter {
  animation-delay: 0s, var(--sjs-element-fade-in-delay,.1s);
  animation-duration: var(--sjs-element-move-in-duration,.25s), var(--sjs-element-fade-in-duration,.5s);
  animation-fill-mode: forwards;
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: ease-out;
  opacity: 0;
}
.sd-element-wrapper--leave {
  animation-delay: var(--sjs-element-move-out-delay,0s), 0s;
  animation-direction: reverse;
  animation-duration: var(--sjs-element-move-out-duration,.25s), var(--sjs-element-fade-out-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: ease-in;
}
.sd-element__content {
  box-sizing: border-box;
}
.sd-element__expandable-content--enter,
.sd-element__expandable-content--leave {
  --animation-padding-top:0;
  --animation-padding-bottom:0;
}
.sd-element__expandable-content--enter {
  animation-delay:
    var(--sjs-expand-fade-in-delay,.15s),
    0s,
    0s;
  animation-duration: var(--sjs-expand-fade-in-duration,.5s), var(--sjs-expand-move-in-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  min-height: 0 !important;
  opacity: 0;
}
.sd-element__expandable-content--leave {
  animation-delay:
    0s,
    var(--sjs-collapse-move-out-delay,.1s),
    var(--sjs-collapse-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration: var(--sjs-collapse-fade-out-duration,.15s), var(--sjs-collapse-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.sd-question {
  position: relative;
  --sv-element-add-padding-left:0px;
  --sd-question-container-padding-block:var(--sjs2-layout-component-panel-simple-box-padding-top) var(--sjs2-layout-component-panel-simple-box-padding-bottom);
  --sd-question-container-padding-inline:var(--sjs2-layout-component-panel-simple-box-padding-horizontal);
  --sd-question-container-gap-vertical:var(--sjs2-layout-component-panel-simple-box-gap-vertical);
  --sd-question-container-gap-horizontal:var(--sjs2-layout-component-panel-simple-box-gap-horizontal);
  --sd-question-container-border-radius:none;
  --sd-question-container-background:none;
  --sd-question-container-box-shadow:none;
  --sd-question-header-content-container-padding-block:0;
  --sd-question-header-content-container-padding-inline:0;
  --sd-question-header-content-container-row-gap:var(--sjs2-layout-component-question-box-gap-vertical);
  --sd-question-header-content-container-column-gap:var( --sjs2-layout-component-panel-simple-content-area-gap-horizontal );
  --sd-question-header-padding-block:var(--sjs2-layout-component-question-header-padding-top) var(--sjs2-layout-component-question-header-padding-bottom);
  --sd-question-header-padding-inline:var(--sjs2-layout-component-question-header-padding-left) var(--sjs2-layout-component-question-header-padding-right);
  --sd-question-header-row-gap:var(--sjs2-layout-component-question-header-gap-vertical);
  --sd-question-header-column-gap:var(--sjs2-layout-component-question-header-gap-horizontal);
  --sd-question-header-border-bottom:none;
  --sd-question-title-padding-block:var(--sjs2-layout-component-question-title-padding-top) var(--sjs2-layout-component-question-title-padding-bottom);
  --sd-question-title-padding-inline:var(--sjs2-layout-component-question-title-padding-horizontal);
  --sd-question-title-color:var(--sjs2-color-component-question-default-title);
  --sd-question-title-hovered-color:var(--sjs2-color-component-question-hovered-title);
  --sd-question-description-padding-block:var(--sjs2-layout-component-question-description-padding-top) var(--sjs2-layout-component-question-description-padding-bottom);
  --sd-question-description-padding-inline:var(--sjs2-layout-component-question-description-padding-horizontal);
  --sd-question-description-color:var(--sjs2-color-component-question-default-description);
  --sd-question-description-under-input-padding-block:var(--sd-question-description-padding-block);
  --sd-question-description-under-input-padding-inline:var(--sd-question-description-padding-inline);
  --sd-question-description-under-input-margin-block:var(--sjs2-layout-component-question-box-gap-vertical) 0;
  --sd-question-comment-padding-block:0;
  --sd-question-comment-padding-inline:0;
}
.sd-question--nested {
  --sd-question-container-padding-block:var(--sjs2-layout-component-panel-simple-nested-box-padding-top) var(--sjs2-layout-component-panel-simple-nested-box-padding-bottom);
  --sd-question-container-padding-inline:var(--sjs2-layout-component-panel-simple-nested-box-padding-horizontal);
  --sd-question-container-gap-vertical:var(--sjs2-layout-component-panel-simple-nested-box-gap-vertical);
  --sd-question-container-gap-horizontal:var(--sjs2-layout-component-panel-simple-nested-box-gap-horizontal);
  --sd-question-container-border-radius:var(--sjs2-radius-component-panel);
  --sd-question-container-background:var(--sjs2-color-component-panel-simple-nested-default-bg);
  --sd-question-container-box-shadow:var(--sjs2-border-effect-component-panel-simple-nested-default);
  --sd-question-header-content-container-padding-block:var( --sjs2-layout-component-panel-simple-nested-content-area-padding-top ) var(--sjs2-layout-component-panel-simple-nested-content-area-padding-bottom);
  --sd-question-header-content-container-padding-inline:calc(var(--sjs2-layout-component-panel-simple-nested-content-area-padding-horizontal) + var(--sv-element-add-padding-left, 0px));
  --sd-question-header-content-container-row-gap:var(--sjs2-layout-component-question-box-gap-vertical);
  --sd-question-header-content-container-column-gap:var( --sjs2-layout-component-panel-simple-nested-content-area-gap-horizontal );
}
.sd-question--with-frame {
  --sd-question-container-border-radius:var(--sjs2-radius-component-panel);
  --sd-question-container-background:var(--sjs2-color-component-panel-simple-default-bg);
  --sd-question-container-box-shadow:var(--sjs2-border-effect-component-panel-simple-default);
  --sd-question-header-content-container-padding-block:var( --sjs2-layout-component-panel-simple-content-area-padding-top ) var(--sjs2-layout-component-panel-simple-content-area-padding-bottom);
  --sd-question-header-content-container-padding-inline:calc(var(--sjs2-layout-component-panel-simple-content-area-padding-horizontal) + var(--sv-element-add-padding-left, 0px)) var(--sjs2-layout-component-panel-simple-content-area-padding-horizontal);
}
.sd-question {
  background: var(--sd-question-container-background);
  border-radius: var(--sd-question-container-border-radius);
  box-shadow: var(--sd-question-container-box-shadow);
}
.sd-question__container {
  column-gap: var(--sd-question-container-gap-horizontal);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-block: var(--sd-question-container-padding-block);
  padding-inline: var(--sd-question-container-padding-inline);
  row-gap: var(--sd-question-container-gap-vertical);
}
.sd-question__header-and-content-container {
  column-gap: var(--sd-question-header-content-container-column-gap);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-block: var(--sd-question-header-content-container-padding-block);
  padding-inline: var(--sd-question-header-content-container-padding-inline);
  row-gap: var(--sd-question-header-content-container-row-gap);
}
.sd-question--title-bottom > .sd-question__container > .sd-question__header-and-content-container {
  row-gap: calc(var(--sd-base-vertical-padding)*.375);
}
.sd-question--left > .sd-question__container > .sd-question__header-and-content-container {
  column-gap: var(--sjs2-spacing-x300);
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--sjs2-spacing-x100);
}
.sd-element--nested > div > .sd-question__header-and-content-container {
  padding: 0;
  padding-inline-start: var(--sv-element-add-padding-left,0);
}
.sd-question--single-input > .sd-question__container > .sd-question__header-and-content-container,
.sd-question--single-input > .sd-question__container > .sd-question__header-and-content-container > .sd-question__header--complex {
  padding: 0;
}
.sd-question__header {
  column-gap: var(--sd-question-header-column-gap);
  display: flex;
  flex-direction: column;
  padding-block: var(--sd-question-header-padding-block);
  padding-inline: var(--sd-question-header-padding-inline);
  row-gap: var(--sd-question-header-row-gap);
}
.sd-question__header--location-top {
  border-bottom: var(--sd-question-header-border-bottom);
}
.sd-question__header--location--left {
  margin: var(--sjs2-layout-component-question-header-side-padding-top) var(--sjs2-layout-component-question-header-side-padding-right) var(--sjs2-layout-component-question-header-side-padding-bottom) var(--sjs2-layout-component-question-header-side-padding-left);
  vertical-align: top;
  width: auto;
}
.sd-question__content--left {
  flex: 1;
  max-width: 100%;
}
.sd-question__title {
  color: var(--sjs2-color-component-question-default-title);
  color: var(--sd-question-title-color);
  font-family:
    var(--sjs2-typography-font-family-component-question-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-question-title);
  line-height: var(--sjs2-typography-line-height-component-question-title);
  padding-block: var(--sd-question-title-padding-block);
  padding-inline: var(--sd-question-title-padding-inline);
  transition: color var(--sjs-transition-duration,.15s);
}
.sd-question__title-expandable-svg {
  fill: var(--sd-question-title-color);
}
.sd-question--collapsed:hover .sd-question__title,
.sd-question__header--expandable:hover .sd-question__title {
  color: var(--sd-question-title-hovered-color);
}
.sd-question--collapsed:hover .sd-question__title-expandable-svg,
.sd-question__header--expandable:hover .sd-question__title-expandable-svg {
  fill: var(--sd-question-title-hovered-color);
}
.sd-question__title--empty .sv-string-viewer {
  display: inline-block;
  height: calc((var(--sjs2-typography-font-size-component-question-title))*1.5);
}
.sd-question__description {
  color: var(--sjs2-color-component-question-default-description);
  color: var(--sd-question-description-color);
  font-family:
    var(--sjs2-typography-font-family-component-question-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-question-description);
  line-height: var(--sjs2-typography-line-height-component-question-description);
  padding-block: var(--sd-question-description-padding-block);
  padding-inline: var(--sd-question-description-padding-inline);
  white-space: normal;
}
.sd-question--no-pointer-events .sd-rating label,
.sd-question--no-pointer-events .sd-selectbase label {
  pointer-events: none;
}
.sd-question__content--support-container-queries {
  container-type: inline-size;
}
.sd-element--with-frame > .sd-element__erbox--above-element,
.sd-element--with-frame > div > .sd-element__erbox--above-element {
  border-radius: var(--sjs2-radius-component-panel) var(--sjs2-radius-component-panel) 0 0;
}
.sd-element--with-frame > div > .sd-question__erbox--below-question {
  border-radius: 0 0 var(--sjs2-radius-component-panel) var(--sjs2-radius-component-panel);
}
.sd-question__description--under-input {
  margin-block: var(--sd-question-description-under-input-margin-block);
  padding-block: var(--sd-question-description-under-input-padding-block);
  padding-inline: var(--sd-question-description-under-input-padding-inline);
}
.sd-scrollable .sd-question__content {
  overflow-x: auto;
  padding: var(--sjs2-spacing-x200) 0;
}
.sd-question__required-text {
  color: var(--sjs2-color-bg-alert-primary);
  vertical-align: top;
}
.sd-question__comment-area {
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex-direction: column;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  gap: var(--sjs2-spacing-x100);
  line-height: var(--sjs2-typography-line-height-default);
  margin-top: var(--sjs2-spacing-x200);
  padding-block: var(--sd-question-comment-padding-block);
  padding-inline: var(--sd-question-comment-padding-inline);
  white-space: normal;
}
.sd-question__placeholder {
  align-items: center;
  color: var(--sjs2-color-component-question-default-title-placeholder,var(--sjs2-color-fg-basic-secondary));
  display: flex;
  flex-direction: column;
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  gap: var(--sjs2-spacing-x200);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-component-input-content);
  min-height: calc(var(--sjs2-base-unit-size)*24);
  text-align: center;
}
.sd-question__placeholder > div .sv-string-viewer,
.sd-question__placeholder > span .sv-string-viewer {
  white-space: pre-line;
}
.sd-scrollable-container:not(.sd-scrollable-container--compact) {
  max-width: 100%;
  overflow: visible;
  width: max-content;
}
.sd-question__bar {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: var(--sd-question-bar-gap);
  justify-content: space-between;
  padding-block: var(--sd-question-bar-padding-block);
  padding-inline: var(--sd-question-bar-padding-inline);
}
.sd-question__bar--header {
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.sd-question__bar--footer {
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.sd-question__records-bar {
  width: max-content;
}
.sd-error,
.sd-question--mobile .sd-question__bar {
  flex-direction: column;
}
.sd-error {
  background-color: var(--sjs2-color-component-message-error-bg);
  border-radius: var(--sjs2-radius-component-message);
  box-sizing: border-box;
  color: var(--sjs2-color-component-message-error-text);
  display: flex;
  gap: var(--sjs2-layout-component-message-box-gap-vertical);
  padding: var(--sjs2-layout-component-message-box-padding-vertical) var(--sjs2-layout-component-message-box-padding-horizontal);
  text-align: left;
  white-space: normal;
  width: 100%;
}
.sd-error use {
  fill: var(--sjs2-color-component-message-error-icon);
}
.sd-error--warning {
  background: var(--sjs2-color-component-message-warning-bg);
  color: var(--sjs2-color-component-message-warning-text);
}
.sd-error--warning use {
  fill: var(--sjs2-color-component-message-warning-icon);
}
.sd-error--info {
  background: var(--sjs2-color-component-message-info-bg);
  color: var(--sjs2-color-component-message-info-text);
}
.sd-error--info use {
  fill: var(--sjs2-color-component-message-info-icon);
}
.sd-error__item {
  align-items: flex-start;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  gap: var(--sjs2-layout-component-message-content-gap-horizontal);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-formbox {
  align-items: center;
  background: var(--sjs2-color-component-formbox-default-bg);
  border: none;
  border-radius: var(--sjs2-radius-component-formbox);
  box-shadow: var(--sjs2-border-effect-component-formbox-default), var(--sjs2-border-effect-component-formbox-focused-reset);
  box-sizing: border-box;
  display: flex;
  gap: var(--sjs2-layout-component-formbox-medium-gap);
  padding: var(--sjs2-layout-component-formbox-medium-padding-vertical) var(--sjs2-layout-component-formbox-medium-padding-horizontal);
  position: static;
  text-align: start;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  width: 100%;
}
.sd-formbox:where(:hover) {
  background: var(--sjs2-color-component-formbox-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-hovered), var(--sjs2-border-effect-component-formbox-focused-reset);
}
.sd-formbox:where(:focus-within) {
  background: var(--sjs2-color-component-formbox-focused-bg);
  box-shadow:
    var(--sjs2-border-effect-component-formbox-default-reset),
    var(--sjs2-border-effect-component-formbox-focused),
    var(--sjs2-border-effect-component-formbox-a11y);
}
.sd-formbox:where(:focus-within) .sd-formbox__character-counter {
  display: block;
}
.sd-formbox--readonly {
  background: var(--sjs2-color-component-formbox-readonly-bg);
  border-radius: var(--sjs2-radius-component-formbox);
  box-shadow: var(--sjs2-border-effect-component-formbox-readonly);
}
.sd-formbox--readonly .sd-formbox__input {
  cursor: default;
}
.sd-formbox--preview {
  background: none;
  border-bottom: 1px solid var(--sjs2-color-fg-basic-primary);
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.sd-formbox--preview,
.sd-formbox--preview .sd-formbox__input {
  padding-left: 0;
  padding-right: 0;
}
.sd-formbox--preview .sd-formbox__label {
  border: none;
}
.sd-formbox--error {
  background: var(--sjs2-color-component-formbox-invalid-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-invalid);
}
.sd-formbox--error:where(:focus-within) {
  background: var(--sjs2-color-component-formbox-invalid-focused-bg);
  box-shadow: var(--sjs2-border-effect-component-formbox-invalid-focused);
}
.sd-formbox .sd-formbox {
  display: contents;
}
.sd-formbox__group {
  align-items: stretch;
  align-self: stretch;
  justify-content: flex-end;
  --sd-action-bar-gap:var(--sjs2-layout-component-input-medium-action-group-gap);
}
.sd-formbox__group .sd-action {
  --sd-action-border-radius:var(--sjs2-radius-component-formbox-action);
  --sd-action-icon-size:var(--sjs2-typography-line-height-component-input-content);
}
.sd-formbox__group .sd-action-bar__item,
.sd-formbox__group .sd-action-bar__item-content {
  height: 100%;
}
.sd-formbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  box-sizing: border-box;
  color: var(--sjs2-color-component-input-default-value);
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  margin: 0;
  min-height: calc(1lh + var(--sjs2-layout-component-input-medium-content-padding-vertical)*2);
  min-width: 0;
  padding: var(--sjs2-layout-component-input-medium-content-padding-vertical) var(--sjs2-layout-component-input-medium-content-padding-horizontal);
  text-overflow: ellipsis;
  width: 100%;
}
.sd-formbox__input::placeholder {
  color: var(--sjs2-color-component-input-default-placeholder);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sd-formbox__input:disabled {
  opacity: 1;
}
.sd-formbox__input:focus {
  outline: none;
}
.sd-formbox__input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.sd-formbox__label {
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-component-input-default-line);
  box-sizing: content-box;
  color: var(--sjs2-color-component-input-default-label);
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  height: calc(100% - var(--sjs2-spacing-x300));
  line-height: var(--sjs2-typography-line-height-component-input-content);
  max-width: 30%;
  padding: var(--sjs2-layout-component-input-medium-label-padding-vertical) calc(var(--sjs2-layout-component-input-medium-label-padding-horizontal) + var(--sjs2-layout-component-formbox-medium-gap)) var(--sjs2-layout-component-input-medium-label-padding-vertical) var(--sjs2-layout-component-input-medium-label-padding-horizontal);
  white-space: normal;
}
.sd-formbox__character-counter {
  align-self: center;
  color: var(--sjs2-color-component-input-default-limit);
  display: none;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  padding: var(--sjs2-layout-component-input-medium-limit-padding-vertical) var(--sjs2-layout-component-input-medium-limit-padding-right) var(--sjs2-layout-component-input-medium-limit-padding-vertical) var(--sjs2-layout-component-input-medium-limit-padding-left);
}
.sd-formbox__input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x100);
  height: var(--sjs2-size-x150);
}
.sd-formbox__input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--sjs2-color-bg-brand-primary);
  border: 2px solid var(--sjs2-color-bg-brand-primary);
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-basic-primary);
  height: var(--sjs2-size-x300);
  margin-top: var(--sjs2-spacing-negative-x075);
  width: var(--sjs2-size-x300);
}
.sd-formbox__input[type=range]::-moz-range-track {
  background-color: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x100);
  height: var(--sjs2-size-x150);
}
.sd-formbox__input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--sjs2-color-bg-brand-primary);
  border: 2px solid var(--sjs2-color-bg-brand-primary);
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-basic-primary);
  height: var(--sjs2-size-x300);
  margin-top: var(--sjs2-spacing-negative-x075);
  width: var(--sjs2-size-x300);
}
.sd-formbox__input[type=date]:not(.sd-formbox__input--value-changed),
.sd-formbox__input[type=datetime-local]:not(.sd-formbox__input--value-changed),
.sd-formbox__input[type=month]:not(.sd-formbox__input--value-changed),
.sd-formbox__input[type=time]:not(.sd-formbox__input--value-changed),
.sd-formbox__input[type=week]:not(.sd-formbox__input--value-changed) {
  color: var(--sjs2-color-component-input-default-placeholder);
}
:dir(rtl) .sd-formbox__input--mask,
[style*="direction: rtl"] .sd-formbox__input--mask,
[style*="direction:rtl"] .sd-formbox__input--mask {
  text-align: right;
}
:dir(rtl) .sd-formbox__input--mask::placeholder,
[style*="direction: rtl"] .sd-formbox__input--mask::placeholder,
[style*="direction:rtl"] .sd-formbox__input--mask::placeholder {
  unicode-bidi: plaintext;
}
.sd-comment:has(.sd-comment__input[style*=width]) {
  width: fit-content;
}
.sd-comment__input {
  max-width: 100%;
  min-height: var(--sjs2-size-x500);
  min-width: var(--sjs2-size-x600);
}
.sd-comment {
  align-items: flex-end;
  flex-direction: column;
  gap: 0;
  height: auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.sd-comment__grip {
  bottom: var(--sjs2-spacing-x050);
  cursor: se-resize;
  position: absolute;
  right: var(--sjs2-spacing-x050);
}
.sd-comment__grip .sv-svg-icon {
  display: block;
  fill: var(--sjs2-color-component-input-default-icon);
  height: var(--sjs2-size-x200);
  width: var(--sjs2-size-x200);
}
.sd-comment__character-counter {
  display: block;
  opacity: 0;
}
.sd-comment:focus-within .sd-comment__character-counter {
  opacity: 1;
}
.sd-panel {
  --sd-panel-padding-inline:var(--sjs2-layout-component-panel-box-padding-horizontal);
  --sd-panel-padding-block:var(--sjs2-layout-component-panel-box-padding-top) var(--sjs2-layout-component-panel-box-padding-bottom);
  --sd-panel-gap-vertical:var(--sjs2-layout-component-panel-box-gap-vertical);
  --sd-panel-border-radius:none;
  --sd-panel-background:none;
  --sd-panel-box-shadow:none;
  --sd-panel-header-padding-block:var(--sjs2-layout-component-panel-header-padding-top) var(--sjs2-layout-component-panel-header-padding-bottom);
  --sd-panel-header-padding-inline:var(--sjs2-layout-component-panel-header-padding-left) var(--sjs2-layout-component-panel-header-padding-right);
  --sd-panel-header-gap-vertical:var(--sjs2-layout-component-panel-header-gap-vertical);
  --sd-panel-header-border-bottom:none;
  --sd-panel-title-padding-block:var(--sjs2-layout-component-panel-title-padding-vertical);
  --sd-panel-title-padding-inline:var(--sjs2-layout-component-panel-title-padding-horizontal);
  --sd-panel-title-color:var(--sjs2-color-component-panel-default-title);
  --sd-panel-title-hovered-color:var(--sjs2-color-component-panel-hovered-title);
  --sd-panel-description-padding-inline:var(--sjs2-layout-component-panel-description-padding-horizontal);
  --sd-panel-description-padding-block:var(--sjs2-layout-component-panel-description-padding-top) var(--sjs2-layout-component-panel-description-padding-bottom);
  --sd-panel-description-color:var(--sjs2-color-component-panel-default-description);
  --sd-panel-content-padding-inline:var(--sjs2-layout-component-panel-content-area-padding-horizontal);
  --sd-panel-content-padding-block:var(--sjs2-layout-component-panel-content-area-padding-top) var(--sjs2-layout-component-panel-content-area-padding-bottom);
  --sd-panel-content-row-gap:var(--sjs2-layout-component-panel-content-area-gap-vertical);
  --sd-panel-content-column-gap:var(--sjs2-layout-component-panel-content-area-gap-horizontal);
  --sd-panel-footer-padding-block:var(--sjs2-layout-component-panel-footer-padding-top) var(--sjs2-layout-component-panel-footer-padding-bottom);
  --sd-panel-footer-padding-inline:var(--sjs2-layout-component-panel-footer-padding-left) var(--sjs2-layout-component-panel-footer-padding-right);
  --sd-panel-footer-gap:var(--sjs2-layout-component-panel-footer-action-group-gap);
}
.sd-panel--with-frame {
  --sd-panel-border-radius:var(--sjs2-radius-component-panel);
  --sd-panel-background:var(--sjs2-color-component-panel-default-bg);
  --sd-panel-box-shadow:var(--sjs2-border-effect-component-panel-default);
}
.sd-panel:where(.sd-panel--with-frame, .sd-panel--nested) {
  --sd-panel-header-border-bottom:var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-component-panel-default-separator);
}
.sd-panel--nested {
  --sd-panel-border-radius:var(--sjs2-radius-component-panel-nested);
  --sd-panel-background:var(--sjs2-color-component-panel-nested-default-bg);
  --sd-panel-box-shadow:var(--sjs2-border-effect-component-panel-nested-default);
  --sd-panel-padding-inline:var(--sjs2-layout-component-panel-nested-box-padding-horizontal);
  --sd-panel-padding-block:var(--sjs2-layout-component-panel-nested-box-padding-top) var(--sjs2-layout-component-panel-nested-box-padding-bottom);
  --sd-panel-gap-vertical:var(--sjs2-layout-component-panel-nested-box-gap-vertical);
  --sd-panel-header-padding-block:var(--sjs2-layout-component-panel-nested-header-padding-top) var(--sjs2-layout-component-panel-nested-header-padding-bottom);
  --sd-panel-header-padding-inline:var(--sjs2-layout-component-panel-nested-header-padding-left) var(--sjs2-layout-component-panel-nested-header-padding-right);
  --sd-panel-header-gap-vertical:var(--sjs2-layout-component-panel-nested-header-gap-vertical);
  --sd-panel-title-padding-block:var(--sjs2-layout-component-panel-nested-title-padding-vertical);
  --sd-panel-title-padding-inline:var(--sjs2-layout-component-panel-nested-title-padding-horizontal);
  --sd-panel-title-color:var(--sjs2-color-component-panel-nested-default-title);
  --sd-panel-title-hovered-color:var(--sjs2-color-component-panel-nested-hovered-title);
  --sd-panel-description-padding-inline:var(--sjs2-layout-component-panel-nested-description-padding-horizontal);
  --sd-panel-description-padding-block:var(--sjs2-layout-component-panel-nested-description-padding-top) var(--sjs2-layout-component-panel-nested-description-padding-bottom);
  --sd-panel-description-color:var(--sjs2-color-component-panel-nested-default-description);
  --sd-panel-content-padding-inline:var(--sjs2-layout-component-panel-nested-content-area-padding-horizontal);
  --sd-panel-content-padding-block:var(--sjs2-layout-component-panel-nested-content-area-padding-top) var(--sjs2-layout-component-panel-nested-content-area-padding-bottom);
  --sd-panel-content-row-gap:var(--sjs2-layout-component-panel-nested-content-area-gap-vertical);
  --sd-panel-content-column-gap:var(--sjs2-layout-component-panel-nested-content-area-gap-horizontal);
  --sd-panel-footer-padding-block:var(--sjs2-layout-component-panel-nested-footer-padding-top) var(--sjs2-layout-component-panel-nested-footer-padding-bottom);
  --sd-panel-footer-padding-inline:var(--sjs2-layout-component-panel-nested-footer-padding-left) var(--sjs2-layout-component-panel-nested-footer-padding-right);
  --sd-panel-footer-gap:var(--sjs2-layout-component-panel-nested-footer-action-group-gap);
}
.sd-panel--collapsed {
  --sd-panel-header-border-bottom:none;
}
.sd-panel {
  background: var(--sd-panel-background);
  border-radius: var(--sd-panel-border-radius);
  box-shadow: var(--sd-panel-box-shadow);
  padding-block: var(--sd-panel-padding-block);
  padding-inline: var(--sd-panel-padding-inline);
  position: relative;
  transition: background var(--sjs-transition-duration,.15s);
}
.sd-panel,
.sd-panel__expandable-content {
  display: flex;
  flex-direction: column;
  gap: var(--sd-panel-gap-vertical);
}
.sd-panel__header {
  border-bottom: var(--sd-panel-header-border-bottom);
  display: flex;
  flex-direction: column;
  gap: var(--sd-panel-header-gap-vertical);
  padding-block: var(--sd-panel-header-padding-block);
  padding-inline: var(--sd-panel-header-padding-inline);
}
.sd-panel__title {
  color: var(--sjs2-color-component-panel-default-title);
  color: var(--sd-panel-title-color);
  font-family:
    var(--sjs2-typography-font-family-component-panel-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-panel-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-panel-title);
  line-height: var(--sjs2-typography-line-height-component-panel-title);
  padding-block: var(--sd-panel-title-padding-block);
  padding-inline: var(--sd-panel-title-padding-inline);
}
.sd-panel__title-expandable-svg {
  fill: var(--sd-panel-title-color);
}
.sd-panel--collapsed:hover .sd-panel__title,
.sd-panel__header--expandable:hover .sd-panel__title {
  color: var(--sd-panel-title-hovered-color);
}
.sd-panel--collapsed:hover .sd-panel__title-expandable-svg,
.sd-panel__header--expandable:hover .sd-panel__title-expandable-svg {
  fill: var(--sd-panel-title-hovered-color);
}
.sd-panel__required-text {
  color: var(--sjs2-color-bg-alert-primary);
}
.sd-panel__description {
  color: var(--sjs2-color-component-panel-default-description);
  color: var(--sjs2-color-component-question-default-description,var(--sjs2-color-fg-basic-secondary));
  color: var(--sd-panel-description-color);
  font-family:
    var(--sjs2-typography-font-family-component-panel-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-panel-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-panel-description);
  line-height: var(--sjs2-typography-line-height-component-panel-description);
  padding-block: var(--sd-panel-description-padding-block);
  padding-inline: var(--sd-panel-description-padding-inline);
}
.sd-panel__content {
  column-gap: var(--sd-panel-content-column-gap);
  display: flex;
  flex-direction: column;
  padding-block: var(--sd-panel-content-padding-block);
  padding-inline: var(--sd-panel-content-padding-inline);
  row-gap: var(--sd-panel-content-row-gap);
}
.sd-panel__footer {
  box-sizing: border-box;
  padding-block: var(--sd-panel-footer-padding-block);
  padding-inline: var(--sd-panel-footer-padding-inline);
  --sd-action-bar-gap:var(--sd-panel-footer-gap);
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
  border-bottom: none;
  padding: 0;
  padding-bottom: calc(var(--sd-base-vertical-padding)*.5 + var(--sjs2-spacing-x150));
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
  color: var(--sjs2-color-component-page-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-page-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-page-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-page-title);
  line-height: var(--sjs2-typography-line-height-component-page-title);
  position: static;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-element__num {
  float: none;
  margin: initial;
  padding: initial;
  width: auto;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
  color: var(--sjs2-color-component-page-default-description);
  font-family:
    var(--sjs2-typography-font-family-component-page-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-page-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-page-description);
  line-height: var(--sjs2-typography-line-height-component-page-description);
  position: static;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {
  display: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 var(--sjs2-layout-component-page-content-area-gap-vertical) 0;
}
.sd-panel.sd-panel--as-page > .sd-panel__expandable-content > .sd-panel__content {
  padding: 0;
  row-gap: var(--sjs2-layout-component-page-content-area-gap-vertical);
}
.sd-panel.sd-panel--as-page > .sd-panel__expandable-content > .sd-panel__footer {
  border: none;
  margin: 0;
  padding: var(--sjs2-spacing-x400) 0 0;
  width: auto;
}
.sd-row ~ .sd-row .sd-panel--as-page {
  padding-top: var(--sjs2-spacing-x400);
}
.sjs_sp_placeholder {
  align-items: center;
  color: var(--sjs2-color-component-question-default-title-placeholder,var(--sjs2-color-fg-basic-secondary));
  display: flex;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  height: 100%;
  justify-content: center;
  line-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1;
}
.sjs_sp_container {
  border: 1px dashed var(--sjs2-color-component-input-default-line);
  box-sizing: content-box;
  max-width: 100%;
  position: relative;
}
.sjs_sp_container > div > canvas:focus {
  outline: none;
}
.sd-question--preview .sjs_sp_container,
.sd-question--readonly .sjs_sp_container {
  border: none;
}
.sd-question--preview .sjs_sp_placeholder,
.sd-question--readonly .sjs_sp_placeholder {
  color: var(--sjs2-color-fg-basic-primary);
}
.sjs_sp_controls {
  bottom: 0;
  left: 0;
  position: absolute;
}
.sjs_sp_controls > button {
  -webkit-user-select: none;
  user-select: none;
}
.sjs_sp_controls.sd-signaturepad__controls {
  bottom: auto;
  left: auto;
  right: var(--sjs2-spacing-x150);
  top: var(--sjs2-spacing-x150);
}
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.sd-signaturepad__background-image {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.sd-signaturepad__loading-indicator {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-signaturepad__loading-indicator .sd-loading-indicator {
  position: absolute;
  right: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x100);
}
.sjs_sp_canvas {
  display: block;
  max-width: 100%;
  position: relative;
}
.sjs_sp__background-image {
  height: 100%;
  left: 0;
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-matrixdynamic__toolbar {
  flex-grow: 1;
  --sd-action-bar-gap:var(--sjs2-layout-component-panel-footer-action-group-gap);
}
.sd-matrixdynamic__content > div {
  display: contents;
}
.sd-matrixdynamic__drag-element {
  padding: var(--sjs2-spacing-x200);
}
.sd-matrixdynamic__drag-element:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
}
.sd-matrixdynamic__drag-element:after {
  border: 1px solid var(--sjs2-color-component-input-default-line);
  border-radius: calc(var(--sjs2-base-unit-radius)*1.25);
  box-sizing: border-box;
  content: " ";
  display: block;
  height: var(--sjs2-size-x050);
  width: var(--sjs2-size-x200);
}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
  margin-left: 0;
}
.sd-drag-element__svg {
  cursor: pointer;
  display: block;
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sd-drag-element__svg use {
  fill: var(--sjs2-color-component-action-brand-tertiary-default-icon);
}
@keyframes paddingAnimation {
  0% {
    padding-bottom: 0;
    padding-top: 0;
  }
  to {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
.sd-table__row--enter,
.sd-table__row--leave {
  animation-name: empty;
  --move-whole-animation-duration:calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration:calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sd-table__row--enter > td,
.sd-table__row--leave > td {
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: paddingAnimation;
  animation-timing-function: var(--animation-timing-function);
}
.sd-table__row--enter > td > div,
.sd-table__row--leave > td > div {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  opacity: 0;
}
.sd-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-matrix-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-matrix-row-fade-in-duration,250ms);
  --fade-animation-delay:var(--sjs-matrix-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.sd-table__row--leave {
  --move-animation-delay:var(--sjs-matrix-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-matrix-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-matrix-row-fade-out-duration,100ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.sd-table__row--detail.sd-table__row--enter > td,
.sd-table__row--detail.sd-table__row--leave > td {
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: paddingAnimation;
  animation-timing-function: var(--animation-timing-function);
}
.sd-table__row--detail.sd-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-matrix-detail-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-matrix-detail-row-fade-in-duration,500ms);
  --fade-animation-delay:var(--sjs-matrix-detail-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.sd-table__row--detail.sd-table__row--leave {
  --move-animation-delay:var(--sjs-matrix-detail-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-matrix-detail-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-matrix-detail-row-fade-out-duration,150ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.sd-question--mobile .sd-table__row--enter,
.sd-question--mobile .sd-table__row--leave {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  opacity: 0;
}
.sd-question--mobile .sd-table__row--enter > td,
.sd-question--mobile .sd-table__row--leave > td {
  animation: none;
}
.sd-question--mobile .sd-table__row--enter > td > div,
.sd-question--mobile .sd-table__row--leave > td > div {
  animation: none;
  opacity: 1;
}
.sd-matrixdynamic__placeholder {
  box-sizing: border-box;
  padding-block: var(--sjs2-layout-component-matrix-box-padding-top) var(--sjs2-layout-component-matrix-box-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-box-padding-left) var(--sjs2-layout-component-matrix-box-padding-right);
}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__toolbar {
  flex-grow: 0;
}
.sd-question--mobile .sd-matrixdynamic__toolbar {
  align-items: stretch;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
}
.sd-question--mobile .sd-matrixdynamic__toolbar .sd-action-bar__item {
  margin: 0;
}
.sd-question--mobile .sd-matrixdynamic__toolbar .sd-action-bar__item--hidden {
  display: none;
}
.sd-question--mobile .sd-matrixdynamic__toolbar .sd-action {
  box-sizing: border-box;
  flex-basis: 100%;
}
.sd-question--mobile .sd-matrixdynamic__toolbar .sd-action-bar__item-content {
  width: 100%;
}
.sd-question--scroll {
  overflow-x: scroll;
}
.sd-composite,
.sd-question--table {
  --sd-question-container-padding-block:var(--sjs2-layout-component-panel-box-padding-top) var(--sjs2-layout-component-panel-box-padding-bottom);
  --sd-question-container-padding-inline:var(--sjs2-layout-component-panel-box-padding-horizontal);
  --sd-question-container-gap-vertical:var(--sjs2-layout-component-panel-box-gap-vertical);
  --sd-question-container-gap-horizontal:var(--sjs2-layout-component-panel-box-gap-horizontal);
  --sd-question-header-content-container-padding-block:0;
  --sd-question-header-content-container-padding-inline:0;
  --sd-question-header-content-container-row-gap:var(--sjs2-layout-component-panel-box-gap-vertical);
  --sd-question-header-content-container-column-gap:var(--sjs2-layout-component-panel-box-gap-horizontal);
  --sd-question-header-padding-block:var(--sjs2-layout-component-panel-header-padding-top) var(--sjs2-layout-component-panel-header-padding-bottom);
  --sd-question-header-padding-inline:var(--sjs2-layout-component-panel-header-padding-left) var(--sjs2-layout-component-panel-header-padding-right);
  --sd-question-header-gap-vertical:var(--sjs2-layout-component-panel-header-gap-vertical);
  --sd-question-title-padding-block:var(--sjs2-layout-component-panel-title-padding-vertical);
  --sd-question-title-padding-inline:var(--sjs2-layout-component-panel-title-padding-horizontal);
  --sd-question-title-color:var(--sjs2-color-component-panel-default-title);
  --sd-question-title-hovered-color:var(--sjs2-color-component-panel-hovered-title);
  --sd-question-description-padding-inline:var(--sjs2-layout-component-panel-description-padding-horizontal);
  --sd-question-description-padding-block:var(--sjs2-layout-component-panel-description-padding-top) var(--sjs2-layout-component-panel-description-padding-bottom);
  --sd-question-description-color:var(--sjs2-color-component-panel-default-description);
  --sd-question-description-under-input-padding-block:var(--sjs2-layout-component-question-box-gap-vertical) var(--sjs2-layout-component-matrix-box-padding-bottom);
  --sd-question-description-under-input-padding-inline:var(--sd-question-header-padding-inline);
  --sd-question-description-under-input-margin-block:0;
  --sd-question-comment-padding-inline:var(--sd-question-header-padding-inline);
  --sd-question-comment-padding-block:0 var(--sjs2-layout-component-matrix-box-padding-bottom);
  --sd-question-bar-gap:var(--sjs2-layout-component-panel-matrix-footer-gap);
  --sd-question-bar-padding-block:var(--sjs2-layout-component-panel-matrix-footer-padding-top,24px) var(--sjs2-layout-component-panel-matrix-footer-padding-bottom,24px);
  --sd-question-bar-padding-inline:var(--sjs2-layout-component-panel-matrix-footer-padding-left,40px) var(--sjs2-layout-component-panel-matrix-footer-padding-right,40px);
}
.sd-composite:where(.sd-question--with-frame),
.sd-question--table:where(.sd-question--with-frame) {
  --sd-question-container-border-radius:var(--sjs2-radius-component-panel);
  --sd-question-container-background:var(--sjs2-color-component-panel-default-bg);
  --sd-question-container-box-shadow:var(--sjs2-border-effect-component-panel-default);
}
.sd-composite:where(.sd-question--nested),
.sd-question--table:where(.sd-question--nested) {
  --sd-question-container-border-radius:var(--sjs2-radius-component-panel-nested);
  --sd-question-container-background:var(--sjs2-color-component-panel-nested-default-bg);
  --sd-question-container-box-shadow:var(--sjs2-border-effect-component-panel-nested-default);
  --sd-question-container-padding-block:var(--sjs2-layout-component-panel-nested-box-padding-top) var(--sjs2-layout-component-panel-nested-box-padding-bottom);
  --sd-question-container-padding-inline:var(--sjs2-layout-component-panel-nested-box-padding-horizontal);
  --sd-question-container-gap-vertical:var(--sjs2-layout-component-panel-nested-box-gap-vertical);
  --sd-question-header-content-container-padding-block:0;
  --sd-question-header-content-container-padding-inline:0 --sd-question-header-content-container-row-gap:var(--sjs2-layout-component-panel-nested-box-gap-vertical);
  --sd-question-header-padding-block:var(--sjs2-layout-component-panel-nested-header-padding-top) var(--sjs2-layout-component-panel-nested-header-padding-bottom);
  --sd-question-header-padding-inline:var(--sjs2-layout-component-panel-nested-header-padding-left) var(--sjs2-layout-component-panel-nested-header-padding-right);
  --sd-question-header-gap-vertical:var(--sjs2-layout-component-panel-nested-header-gap-vertical);
  --sd-question-title-padding-block:var(--sjs2-layout-component-panel-nested-title-padding-vertical);
  --sd-question-title-padding-inline:var(--sjs2-layout-component-panel-nested-title-padding-horizontal);
  --sd-question-title-color:var(--sjs2-color-component-panel-nested-default-title);
  --sd-question-title-hovered-color:var(--sjs2-color-component-panel-nested-hovered-title);
  --sd-question-description-padding-inline:var(--sjs2-layout-component-panel-nested-description-padding-horizontal);
  --sd-question-description-padding-block:var(--sjs2-layout-component-panel-nested-description-padding-top) var(--sjs2-layout-component-panel-nested-description-padding-bottom);
  --sd-question-description-color:var(--sjs2-color-component-panel-nested-default-description);
}
.sd-composite:where(.sd-question--with-frame, .sd-question--nested),
.sd-question--table:where(.sd-question--with-frame, .sd-question--nested) {
  --sd-question-header-border-bottom:var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-component-panel-default-separator);
}
.sd-composite:where(.sd-question--collapsed),
.sd-question--table:where(.sd-question--collapsed) {
  --sd-question-header-border-bottom:none;
}
.sd-table-wrapper {
  display: block;
  --sd-table-sticky-background-color:linear-gradient(var(--sd-question-container-background),var(--sd-question-container-background)),linear-gradient(var(--sjs2-color-utility-surface-survey),var(--sjs2-color-utility-surface-survey)),linear-gradient(var(--sjs2-color-utility-body),var(--sjs2-color-utility-body));
  --sjs2-layout-component-panel-content-area-padding-horizontal:0;
  column-gap: var(--sjs2-layout-component-panel-content-area-gap-horizontal);
  overflow-x: auto;
  padding-block: var(--sjs2-layout-component-matrix-box-padding-top) var(--sjs2-layout-component-matrix-box-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-box-padding-left) var(--sjs2-layout-component-matrix-box-padding-right);
  row-gap: var(--sjs2-layout-component-panel-content-area-gap-vertical);
}
.sd-table {
  --sd-table-cell-width:10000px;
  --sd-table-cell-min-width:var(--sjs2-size-x1500);
  border-collapse: collapse;
  border-spacing: 0;
  white-space: normal;
  width: 100%;
}
.sd-table__cell {
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-weight: 400;
  line-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  padding-block: var(--sjs2-layout-component-matrix-cell-padding-top) var(--sjs2-layout-component-matrix-cell-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-cell-padding-left) var(--sjs2-layout-component-matrix-cell-padding-right);
  text-align: center;
}
.sd-table__cell:not(.sd-table__cell--empty, .sd-table__cell--actions, :empty) {
  min-width: var(--sd-table-cell-min-width);
}
.sd-table__cell .sd-item {
  text-align: initial;
}
.sd-table__cell--header {
  color: var(--sjs2-color-component-question-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-question-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-question-title);
  line-height: var(--sjs2-typography-line-height-component-question-title);
  padding-block: var(--sjs2-layout-component-matrix-header-cell-padding-top) var(--sjs2-layout-component-matrix-header-cell-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-header-cell-padding-left) var(--sjs2-layout-component-matrix-header-cell-padding-right);
  vertical-align: top;
}
.sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: var(--sd-table-cell-min-width);
}
.sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown,
.sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {
  min-width: calc(var(--sjs2-base-unit-size)*22);
}
.sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
  min-width: calc(var(--sjs2-base-unit-size)*18);
}
.sd-table__cell--header.sd-table__cell--action {
  width: 0;
}
.sd-table__cell--actions {
  white-space: nowrap;
}
.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {
  justify-content: center;
}
.sd-table__cell--actions:first-of-type .sd-action-bar {
  padding-inline-end: var(--sjs2-layout-component-matrix-action-group-left-padding-right);
  --sd-action-bar-gap:var(--sjs2-layout-component-matrix-action-group-left-gap-horizontal);
}
.sd-table__cell--actions:last-of-type .sd-action-bar {
  padding-inline-start: var(--sjs2-layout-component-matrix-action-group-right-padding-left);
  --sd-action-bar-gap:var(--sjs2-layout-component-matrix-action-group-right-gap-horizontal);
}
.sd-table__cell--row-text {
  color: var(--sjs2-color-component-question-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-question-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-question-title);
  line-height: var(--sjs2-typography-line-height-component-question-title);
  min-width: var(--sjs2-size-x1200);
  text-align: start;
}
.sd-table__cell--error {
  padding-block: 0;
}
.sd-table__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-table__cell--item .sd-selectbase__item {
  justify-content: center;
  text-align: center;
}
.sd-table__cell--item .sd-selectbase__label {
  justify-content: center;
}
.sd-table__cell--footer {
  padding-top: var(--sjs2-spacing-x100);
  text-align: end;
}
.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {
  border-bottom: 1px solid var(--sjs2-color-border-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
}
.sd-table__cell--footer .sd-table__question-wrapper--left {
  text-align: start;
}
.sd-table__cell--footer .sd-table__question-wrapper--center {
  text-align: center;
}
.sd-table__cell--footer .sd-table__question-wrapper--right {
  text-align: end;
}
.sd-table__question-wrapper .sd-boolean-root {
  margin: auto;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  justify-content: flex-end;
}
.sd-table__cell--footer-total {
  font-weight: 600;
  text-align: start;
}
.sd-table__cell--detail-panel {
  padding-block: var(--sjs2-layout-component-matrix-cell-padding-top) var(--sjs2-layout-component-matrix-cell-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-cell-padding-left) var(--sjs2-layout-component-matrix-cell-padding-right);
  text-align: inherit;
}
.sd-table__cell:where(:nth-child(1 of .sd-table__cell)) {
  padding-inline-start: var(--sjs2-layout-component-matrix-cell-left-padding-left);
}
.sd-table__cell:where(:nth-last-child(1 of .sd-table__cell)) {
  padding-inline-end: var(--sjs2-layout-component-matrix-cell-right-padding-right);
}
.sd-table__cell--error-top {
  padding-bottom: 0;
  vertical-align: bottom;
}
.sd-table__cell--error-bottom {
  padding-top: 0;
  vertical-align: top;
}
.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions, .sd-table__cell--action, .sd-table__cell--empty, .sd-table__cell--error) {
  width: var(--sd-table-cell-width);
}
.sd-table--align-top .sd-table__cell {
  vertical-align: baseline;
}
.sv-matrix-row--drag-drop-ghost-mod {
  --sd-table-sticky-background-color:linear-gradient(var(--sjs2-color-bg-neutral-tertiary-dim),var(--sjs2-color-bg-neutral-tertiary-dim)),linear-gradient(var(--sd-question-container-background),var(--sd-question-container-background)),linear-gradient(var(--sjs2-color-utility-surface-survey),var(--sjs2-color-utility-surface-survey)),linear-gradient(var(--sjs2-color-utility-body),var(--sjs2-color-utility-body));
}
.sd-table__body--alternative-rows .sd-table__cell--error-top {
  padding-bottom: var(--sjs2-layout-component-matrix-cell-padding-bottom);
}
.sd-table__body--alternative-rows .sd-table__cell--error-bottom {
  padding-top: var(--sjs2-layout-component-matrix-cell-padding-top);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) {
  --sd-table-sticky-background-color:linear-gradient(var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim)),var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim))),linear-gradient(var(--sd-question-container-background),var(--sd-question-container-background)),linear-gradient(var(--sjs2-color-utility-surface-survey),var(--sjs2-color-utility-surface-survey)),linear-gradient(var(--sjs2-color-utility-body),var(--sjs2-color-utility-body));
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type.sd-matrix__text--checked,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-formbox,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-formbox {
  background-color: var(--sjs2-color-fg-brand-on-primary);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator {
  background-color: var(--sjs2-color-bg-basic-primary);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-item:not(.sd-item--error).sd-checkbox--checked .sd-checkbox__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-checkbox--checked .sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-true-default-bg);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-true-default-bg);
}
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--readonly .sd-item__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
.sd-table__body--alternative-rows > .sd-table__row--data:nth-child(odd of .sd-table__row--data) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--readonly .sd-item__decorator {
  background-color: transparent;
}
.sd-question--disabled .sd-table__cell {
  opacity: .25;
}
.sd-root--readonly .sd-question--disabled .sd-table__cell {
  opacity: 1;
}
.sd-matrix__question-wrapper {
  position: relative;
}
.sd-table__question-wrapper:not(:focus-within):hover {
  position: relative;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
.sd-table__cell--empty:first-of-type,
.sd-table__cell--empty:last-of-type,
.sd-table__cell--footer-total:first-of-type,
.sd-table__cell--footer-total:last-of-type,
.sd-table__cell--row-text:first-of-type,
.sd-table__cell--row-text:last-of-type {
  background: var(--sd-table-sticky-background-color);
  position: sticky;
  z-index: 12;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
.sd-table__cell--empty:first-of-type,
.sd-table__cell--footer-total:first-of-type,
.sd-table__cell--row-text:first-of-type {
  left: 0;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
.sd-table__cell--empty:last-of-type,
.sd-table__cell--footer-total:last-of-type,
.sd-table__cell--row-text:last-of-type {
  right: 0;
}
.sd-table__row-disabled > .sd-table__cell {
  opacity: .25;
}
.sd-table > thead > tr,
.sd-table__row--data {
  border-bottom: var(--sjs2-border-width-component-matrix-default-separator) solid var(--sjs2-color-component-matrix-default-separator);
}
.sd-question--mobile .sd-table-wrapper {
  margin: 0;
  overflow-x: visible;
  padding: 0;
  width: auto;
  --sd-table-sticky-background-color:transparent;
}
.sd-question--mobile .sd-table__row {
  column-gap: var(--sjs2-layout-component-panel-nested-content-area-gap-horizontal);
  display: flex;
  flex-direction: column;
  padding-block: var(--sjs2-layout-component-panel-nested-content-area-padding-top) var(--sjs2-layout-component-panel-nested-content-area-padding-bottom);
  padding-inline: var(--sjs2-layout-component-panel-nested-content-area-padding-horizontal);
  row-gap: var(--sjs2-layout-component-panel-nested-content-area-gap-vertical);
}
.sd-question--mobile .sd-table__row:where(:not(:last-of-type)) {
  border-bottom: 1px solid var(--sjs2-color-border-basic-secondary);
}
.sd-question--mobile .sd-table {
  display: block;
  width: calc(100% - var(--sjs2-layout-component-panel-content-area-padding-horizontal)*2 + var(--sjs2-spacing-x200));
}
.sd-question--mobile .sd-table > tbody,
.sd-question--mobile .sd-table > tfoot {
  display: block;
}
.sd-question--mobile .sd-table thead {
  display: none;
}
.sd-question--mobile .sd-table__cell {
  border-bottom: none;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-layout-component-question-box-gap-vertical);
  padding: 0;
  text-align: start;
}
.sd-question--mobile .sd-matrix__cell,
.sd-question--mobile .sd-table__cell:first-of-type {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {
  display: none;
}
.sd-question--mobile .sd-table__responsive-title {
  display: block;
  font-weight: 600;
  text-align: start;
}
.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {
  white-space: normal;
}
.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {
  display: none;
}
.sd-question--mobile .sd-table__cell--detail-panel {
  border-bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {
  padding: 0;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions {
  gap: var(--sjs2-layout-component-panel-nested-footer-action-group-gap);
  margin-block: calc(var(--sjs2-layout-component-panel-nested-content-area-padding-bottom) - var(--sjs2-layout-component-panel-nested-content-area-gap-vertical)) calc(var(--sjs2-layout-component-panel-nested-content-area-padding-bottom)*-1);
  margin-inline: calc(var(--sjs2-layout-component-panel-nested-content-area-padding-horizontal)*-1);
  padding-block: var(--sjs2-layout-component-panel-nested-footer-padding-top) var(--sjs2-layout-component-panel-nested-footer-padding-bottom);
  padding-inline: var(--sjs2-layout-component-panel-nested-footer-padding-left) var(--sjs2-layout-component-panel-nested-footer-padding-right);
  width: auto;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sv-action--show-detail-mobile {
  flex-grow: 1;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
  align-items: stretch;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar .sd-action-bar__item {
  margin: 0;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar .sd-action-bar__item--hidden {
  display: none;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar .sd-action {
  box-sizing: border-box;
  flex-basis: 100%;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar .sd-action-bar__item-content {
  width: 100%;
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {
  margin-bottom: var(--sjs2-spacing-negative-x100);
  margin-top: var(--sjs2-spacing-x300);
}
.sd-question--mobile .sd-table__cell--row-text {
  color: var(--sjs2-color-fg-basic-secondary);
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
  margin-bottom: var(--sjs2-spacing-x100);
  margin-top: var(--sjs2-spacing-x000);
}
.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {
  margin: initial;
}
.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail {
  display: none;
}
.sd-table__cell--header.sd-table__cell--sortable {
  height: 1px;
  padding: 0;
}
.sd-table__header-sort-button {
  align-items: flex-start;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: var(--sjs2-layout-component-matrix-header-cell-gap-horizontal);
  height: 100%;
  margin: 0;
  outline: none;
  padding-block: var(--sjs2-layout-component-matrix-header-cell-padding-top) var(--sjs2-layout-component-matrix-header-cell-padding-bottom);
  padding-inline: var(--sjs2-layout-component-matrix-header-cell-padding-left) var(--sjs2-layout-component-matrix-header-cell-padding-right);
  text-align: inherit;
  width: 100%;
}
.sd-table__header-sort-button:focus-visible {
  box-shadow: inset 0 0 0 var(--sjs2-border-width-a11y) var(--sjs2-color-utility-a11y);
}
.sd-table__header-sort-title {
  flex: 1;
  min-width: 0;
}
.sd-table__header-sort {
  align-items: center;
  background: var(--sjs2-color-component-action-neutral-quaternary-default-bg);
  border-radius: var(--sjs2-radius-component-action);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--sjs2-spacing-x050);
}
.sd-table__header-sort .sv-svg-icon {
  display: block;
}
.sd-table__header-sort use {
  fill: var(--sjs2-color-component-action-neutral-quaternary-default-icon);
}
.sd-table__header-sort--none {
  opacity: 0;
}
.sd-table__header-sort-button:focus-visible .sd-table__header-sort--none,
.sd-table__header-sort-button:hover .sd-table__header-sort--none {
  opacity: 1;
}
.sd-table__header-sort--asc,
.sd-table__header-sort--desc {
  background: var(--sjs2-color-component-action-neutral-quaternary-hovered-bg);
}
.sd-table__header-sort--asc use,
.sd-table__header-sort--desc use {
  fill: var(--sjs2-color-component-action-neutral-quaternary-hovered-icon);
}
.sd-page {
  align-items: flex-start;
  border-radius: var(--sjs2-radius-component-page);
  column-gap: var(--sjs2-layout-component-page-box-gap-horizontal);
  padding: var(--sjs2-layout-component-page-box-padding-top) var(--sjs2-layout-component-page-box-padding-horizontal) var(--sjs2-layout-component-page-box-padding-bottom);
  position: relative;
  row-gap: var(--sjs2-layout-component-page-box-gap-vertical);
}
.sd-page,
.sd-page__header {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sd-page__header {
  gap: var(--sjs2-layout-component-page-header-gap-vertical);
  margin: 0 0 var(--sjs2-layout-component-page-header-gap-vertical) 0;
  padding: var(--sjs2-layout-component-page-header-padding-top,40px) var(--sjs2-layout-component-page-header-padding-horizontal,40px) var(--sjs2-layout-component-page-header-padding-bottom,0) var(--sjs2-layout-component-page-header-padding-horizontal,40px);
}
.sd-page__title {
  color: var(--sjs2-color-component-page-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-page-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-page-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-page-title);
  line-height: var(--sjs2-typography-line-height-component-page-title);
  padding-inline-end: var(--sjs2-layout-component-page-title-padding-horizontal);
  padding-bottom: var(--sjs2-layout-component-page-title-padding-vertical);
  padding-inline-start: var(--sjs2-layout-component-page-title-padding-horizontal);
  padding-top: var(--sjs2-layout-component-page-title-padding-vertical);
  position: static;
}
.sd-page__description {
  color: var(--sjs2-color-component-page-default-description);
  font-family:
    var(--sjs2-typography-font-family-component-page-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-page-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-page-description);
  line-height: var(--sjs2-typography-line-height-component-page-description);
  padding-inline-end: var(--sjs2-layout-component-page-description-padding-horizontal);
  padding-bottom: var(--sjs2-layout-component-page-description-padding-bottom);
  padding-inline-start: var(--sjs2-layout-component-page-description-padding-horizontal);
  padding-top: var(--sjs2-layout-component-page-description-padding-top);
  position: static;
}
.sd-page__content {
  column-gap: var(--sjs2-layout-component-page-content-area-gap-horizontal);
  flex-direction: column;
  padding: var(--sjs2-layout-component-page-content-area-padding-top) var(--sjs2-layout-component-page-content-area-padding-horizontal) var(--sjs2-layout-component-page-content-area-padding-bottom);
  row-gap: var(--sjs2-layout-component-page-content-area-gap-vertical);
}
.sd-page__content,
.sd-row {
  box-sizing: border-box;
  display: flex;
  width: 100%;
}
.sd-row {
  flex-direction: row;
}
.sd-row--multiple {
  flex-wrap: wrap;
  margin-left: calc(var(--sd-base-padding)*-1);
  row-gap: var(--sjs2-spacing-x200);
  width: calc(100% + var(--sd-base-padding));
}
.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left:var(--sjs2-layout-component-page-content-area-gap-horizontal);
  align-items: stretch;
  display: flex;
  padding-left: var(--sjs2-layout-component-page-content-area-gap-horizontal);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {
  margin-left: calc(var(--sjs2-layout-component-panel-content-area-gap-horizontal)*-1);
  row-gap: var(--sjs2-layout-component-panel-content-area-gap-vertical);
  width: calc(100% + var(--sjs2-layout-component-panel-content-area-gap-horizontal));
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {
  --animation-padding-left:var(--sjs2-layout-component-panel-content-area-gap-horizontal);
  padding-left: var(--sjs2-layout-component-panel-content-area-gap-horizontal);
}
.sd-page__row.sd-row--multiple {
  margin-left: calc(var(--sjs2-layout-component-page-content-area-gap-horizontal)*-1);
  row-gap: var(--sjs2-layout-component-page-content-area-gap-vertical);
  width: calc(100% + var(--sjs2-layout-component-page-content-area-gap-horizontal));
}
.sd-row__panel,
.sd-row__question {
  box-sizing: border-box;
  width: 100%;
}
.sd-row__question {
  white-space: nowrap;
}
.sd-row.sd-row--enter {
  margin-top: 0;
}
.sd-row--enter {
  animation-delay:
    var(--sjs-row-fade-in-delay,.15s),
    0s,
    0s;
  animation-duration:
    var(--sjs-row-fade-in-duration,.5s),
    var(--sjs-row-move-in-duration,.15s),
    var(--sjs-row-move-in-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  height: 0;
  min-height: 0 !important;
  opacity: 0;
}
.sd-row--delayed-enter {
  animation-delay:
    calc(var(--sjs-row-fade-in-delay, .15s) + var(--sjs-row-fade-in-animation-delay, .4s)),
    var(--sjs-row-fade-in-animation-delay,.4s),
    var(--sjs-row-fade-in-animation-delay,.4s);
}
.sd-row--leave {
  animation-delay:
    0s,
    var(--sjs-row-move-out-delay,.1s),
    var(--sjs-row-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration:
    var(--sjs-row-fade-out-duration,.15s),
    var(--sjs-row-move-out-duration,.25s),
    var(--sjs-row-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.sd-row--enter .sd-element-wrapper--enter,
.sd-row--leave .sd-element-wrapper--leave {
  animation: none;
}
.sv-skeleton-element {
  min-height: 50px;
}
.sd-title.sd-container-modern__title {
  align-items: center;
  box-shadow: inset 0 -2px 0 0 var(--sjs2-color-bg-brand-primary);
  display: flex;
  gap: var(--sjs2-spacing-x400);
  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
}
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
  margin-left: auto;
}
.sd-title.sd-container-modern__title .sd-logo__image {
  margin-top: var(--sjs2-spacing-x100);
}
.sd-header__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x100);
}
.sd-header__text .sd-title {
  color: var(--sjs2-color-component-survey-header-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-survey-header-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-survey-header-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-survey-header-title);
  line-height: var(--sjs2-typography-line-height-component-survey-header-title);
}
.sd-header__text h3 {
  line-height: var(--sjs2-line-height-x500);
}
.sd-header__text h5 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-header__text .sd-description {
  color: var(--sjs2-color-component-survey-header-default-description);
  font-family:
    var(--sjs2-typography-font-family-component-survey-header-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-survey-header-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-survey-header-description);
  line-height: var(--sjs2-typography-line-height-component-survey-header-description);
}
.sd-root-modern .sd-container-modern__title {
  background-color: var(--sjs2-color-bg-basic-primary);
}
.sd-root-modern .sd-container-modern__title .sd-description,
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
  margin: 0;
}
.sd-title .sv-title-actions {
  align-items: flex-start;
  width: 100%;
}
.sd-title .sv-title-actions .sv-title-actions__title {
  flex: 0 1 auto;
  flex-wrap: wrap;
  max-width: calc(100% - var(--sjs2-spacing-x300));
  min-width: unset;
  white-space: normal;
}
.sv-title-actions:has(.sd-action-bar--empty) .sv-title-actions__title {
  max-width: 100%;
}
.sd-action-title-bar {
  flex: 1 9 auto;
  justify-content: flex-end;
  margin: var(--sjs2-spacing-negative-x100) 0;
  min-width: var(--sjs2-size-x600);
  --sd-action-bar-gap:var(--sjs2-layout-component-question-header-action-group-gap);
}
.sd-action-title-bar .sd-action-bar__item {
  flex: 0 0 auto;
}
.sd-element--complex > .sd-element__header .sd-action-title-bar {
  --sd-action-bar-gap:var(--sjs2-layout-component-panel-header-action-group-gap);
}
.sd-element--complex.sd-question--paneldynamic > .sd-element__header .sd-action-title-bar {
  --sd-action-bar-gap:var(--sjs2-layout-component-panel-dynamic-header-action-group-gap);
}
.sd-action-title-bar.sd-action-bar--empty {
  min-width: 0;
}
.sd-item {
  display: flex;
  padding: calc(var(--sjs2-layout-component-labeled-group-box-gap-vertical)/2) 0;
}
.sd-item:where(:first-child:not(.sd-selectbase__item--inline)) {
  padding-top: var(--sjs2-layout-component-labeled-group-box-padding-vertical);
}
.sd-item:where(:last-child:not(.sd-selectbase__item--inline)) {
  padding-bottom: var(--sjs2-layout-component-labeled-group-box-padding-vertical);
}
.sd-item__decorator {
  align-items: center;
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: var(--sjs2-size-x300);
  justify-content: center;
  margin-bottom: var(--sjs2-layout-component-labeled-item-box-padding-vertical);
  position: relative;
  transition: box-shadow var(--sjs-transition-duration,.15s), background var(--sjs-transition-duration,.15s);
  width: var(--sjs2-size-x300);
}
.sd-item--preview.sd-item--preview .sd-item__decorator {
  background-color: transparent;
  box-shadow: none;
  transition: none;
}
.sd-item__control-label {
  color: var(--sjs2-color-component-label-default-text);
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  line-height: var(--sjs2-typography-line-height-component-label-content);
  min-width: 0;
  text-align: start;
  white-space: normal;
  width: 100%;
}
.sd-item__control-label .sv-string-viewer {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-item--disabled .sd-item__control-label {
  color: var(--sjs2-color-component-label-disabled-text);
}
.sd-root--readonly .sd-item--disabled .sd-item__control-label {
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
}
.sd-item__shortcut-key {
  align-items: center;
  align-self: flex-start;
  background: var(--sjs2-color-component-shortcut-key-bg);
  border-radius: var(--sjs2-radius-component-shortcut-key);
  box-shadow: inset 0 0 0 1px var(--sjs2-color-component-shortcut-key-border), 0 1px 0 0 var(--sjs2-color-component-shortcut-key-border);
  box-sizing: border-box;
  color: var(--sjs2-color-component-shortcut-key-text);
  display: flex;
  flex-shrink: 0;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  height: var(--sjs2-size-x300);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-small);
  margin-inline-end: var(--sjs2-layout-component-labeled-item-box-gap-horizontal);
  min-width: var(--sjs2-size-x300);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x100);
  text-align: center;
  white-space: nowrap;
}
.sd-item__shortcut-key--disabled {
  opacity: var(--sjs2-opacity-component-shortcut-key-disabled);
}
.sd-selectbase {
  border: none;
  margin: 0;
  min-inline-size: 0;
  min-width: 0;
  padding: 0;
}
.sd-selectbase--row {
  border: none;
  column-gap: var(--sjs2-spacing-x400);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.sd-selectbase--multi-column {
  display: flex;
  flex: 1 1 0px;
  flex-wrap: nowrap;
  margin: calc(var(--sjs2-border-width-a11y)*-1);
  overflow: auto;
  padding: var(--sjs2-border-width-a11y);
}
.sd-selectbase__label {
  cursor: pointer;
  display: inline-flex;
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  gap: var(--sjs2-layout-component-labeled-item-box-gap-horizontal);
  line-height: var(--sjs2-typography-line-height-component-label-content);
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.sd-item--disabled .sd-selectbase__label,
.sd-item--preview .sd-selectbase__label,
.sd-item--readonly .sd-selectbase__label {
  cursor: default;
}
.sd-selectbase__column {
  box-sizing: border-box;
  display: block;
  flex: 1 1 0px;
  max-width: 100%;
  vertical-align: top;
}
.sd-selectbase__column:not(:last-child) {
  padding-right: var(--sjs2-layout-component-labeled-group-box-gap-horizontal);
}
.sd-selectbase__column.sv-q-column-1 {
  width: 100%;
}
.sd-item--enter,
.sd-item--leave {
  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);
  animation-fill-mode: forwards;
  animation-name: moveInWithOverflow, fadeIn;
  animation-timing-function: linear;
  opacity: 0;
}
.sd-item--enter {
  --animation-direction:normal;
  --move-animation-duration:var(--sjs-ranking-move-in-duration,150ms);
  --move-animation-delay:0s;
  --fade-animation-duration:var(--sjs-ranking-fade-in-duration,100ms);
  --fade-animation-delay:var(--sjs-ranking-fade-in-delay,150ms);
}
.sd-item--leave {
  --animation-direction:reverse;
  --move-animation-duration:var(--sjs-ranking-move-out-duration,150ms);
  --move-animation-delay:var(--sjs-ranking-move-out-delay,0ms);
  --fade-animation-duration:var(--sjs-ranking-fade-out-duration,100ms);
  --fade-animation-delay:0s;
}
div[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {
  --move-animation-duration:0s;
  --fade-animation-delay:0s;
}
.sd-selectbase__other {
  margin-top: 0;
}
.sd-selectbase__other:not(:last-of-type) {
  margin-bottom: var(--sjs2-spacing-x200);
}
.sd-selectbase__item-panel--enter,
.sd-selectbase__item-panel--leave {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  min-height: 0 !important;
}
.sd-selectbase__item-panel--enter {
  height: 0;
  opacity: 0;
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
  --move-animation-duration:var(--sjs-item-panel-move-in-duration,300ms);
  --move-animation-delay:0s;
  --fade-animation-duration:var(--sjs-item-panel-fade-in-duration,300ms);
  --fade-animation-delay:var(--sjs-item-panel-fade-in-delay,100ms);
}
.sd-selectbase__item-panel--leave {
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
  --move-animation-duration:var(--sjs-item-panel-move-out-duration,250ms);
  --move-animation-delay:var(--sjs-item-panel-move-out-delay,100ms);
  --fade-animation-duration:var(--sjs-item-panel-fade-out-duration,150ms);
  --fade-animation-delay:0s;
}
.sd-selectbase__item-comment--enter,
.sd-selectbase__item-comment--leave {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  min-height: 0 !important;
}
.sd-selectbase__item-comment--enter {
  height: 0;
  opacity: 0;
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
  --move-animation-duration:var(--sjs-item-comment-move-in-duration,200ms);
  --move-animation-delay:0s;
  --fade-animation-duration:var(--sjs-item-comment-fade-in-duration,300ms);
  --fade-animation-delay:var(--sjs-item-comment-fade-in-delay,150ms);
}
.sd-selectbase__item-comment--leave {
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
  --move-animation-duration:var(--sjs-item-comment-move-out-duration,250ms);
  --move-animation-delay:var(--sjs-item-comment-move-out-delay,100ms);
  --fade-animation-duration:var(--sjs-item-comment-fade-out-duration,150ms);
  --fade-animation-delay:0s;
}
.sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-false-default-bg);
  border-radius: var(--sjs2-radius-component-checkbox);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-default);
  height: var(--sjs2-size-component-checkbox-box);
  margin-top: calc((1lh - var(--sjs2-size-component-checkbox-box))/2 + var(--sjs2-layout-component-labeled-item-box-padding-vertical));
  width: var(--sjs2-size-component-checkbox-box);
}
.sd-checkbox__svg {
  display: block;
  height: var(--sjs2-size-component-checkbox-icon);
  width: var(--sjs2-size-component-checkbox-icon);
}
.sd-checkbox__svg use {
  fill: transparent;
  transition: fill var(--sjs-transition-duration,.15s);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs2-color-component-checkbox-true-default-icon);
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use,
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {
  fill: var(--sjs2-color-component-checkbox-true-disabled-icon);
}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-checkbox--disabled.sd-checkbox--disabled .sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-false-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-disabled);
}
.sd-checkbox--disabled.sd-checkbox--disabled.sd-checkbox--checked .sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-true-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-disabled);
}
.sd-checkbox--readonly.sd-checkbox--readonly .sd-checkbox__decorator,
.sd-checkbox--readonly.sd-checkbox--readonly.sd-checkbox:not(.sd-checkbox--checked) .sd-item__control:focus + .sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-false-readonly-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-readonly);
}
.sd-checkbox--checked .sd-checkbox__decorator {
  background: var(--sjs2-color-component-checkbox-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-default);
}
.sd-item__control:focus-visible + .sd-checkbox__decorator:before {
  border-radius: var(--sjs2-radius-component-checkbox);
  box-shadow: var(--sjs2-border-effect-component-checkbox-a11y);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  width: 100%;
}
.sd-checkbox--allowhover:not(.sd-checkbox--readonly) .sd-selectbase__label:hover .sd-checkbox__decorator,
.sd-checkbox--allowhover:not(.sd-checkbox--readonly).sd-matrix__label:hover .sd-checkbox__decorator {
  background: var(--sjs2-color-component-checkbox-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-hovered);
  outline: none;
}
.sd-checkbox--allowhover.sd-checkbox--checked:not(.sd-checkbox--readonly) .sd-selectbase__label:hover .sd-checkbox__decorator,
.sd-checkbox--allowhover.sd-checkbox--checked:not(.sd-checkbox--readonly).sd-matrix__label:hover .sd-checkbox__decorator {
  background: var(--sjs2-color-component-checkbox-true-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-hovered);
  outline: none;
}
.sd-item--error.sd-checkbox:not(.sd-checkbox--checked) .sd-checkbox__decorator {
  background-color: var(--sjs2-color-component-checkbox-false-invalid-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-invalid);
}
.sd-checkbox--label-rendered {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x100);
}
.sd-checkbox--label-rendered .sd-description {
  padding-left: var(--sjs2-spacing-x400);
}
.sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-false-default-bg);
  border-radius: var(--sjs2-radius-component-radio);
  box-shadow: var(--sjs2-border-effect-component-radio-false-default);
  height: var(--sjs2-size-component-radio-box);
  margin-top: calc((1lh - var(--sjs2-size-component-radio-box))/2 + var(--sjs2-layout-component-labeled-item-box-padding-vertical));
  width: var(--sjs2-size-component-radio-box);
}
.sd-radio__svg {
  display: block;
  height: var(--sjs2-size-component-radio-icon);
  width: var(--sjs2-size-component-radio-icon);
}
.sd-radio__svg use {
  fill: transparent;
  transition: fill var(--sjs-transition-duration,.15s);
}
.sd-radio--checked .sd-radio__svg use {
  fill: var(--sjs2-color-component-radio-true-default-icon);
}
.sd-radio--checked.sd-radio--disabled .sd-radio__svg use,
.sd-radio--checked.sd-radio--readonly .sd-radio__svg use {
  fill: var(--sjs2-color-component-radio-true-disabled-icon);
}
.sd-radio--checked.sd-radio--preview .sd-radio__svg use {
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-radio--disabled.sd-radio--disabled .sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-false-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-false-disabled);
}
.sd-radio--disabled.sd-radio--disabled.sd-radio--checked .sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-true-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-true-disabled);
}
.sd-radio--readonly.sd-radio--readonly .sd-radio__decorator,
.sd-radio--readonly.sd-radio--readonly.sd-radio:not(.sd-radio--checked) .sd-item__control:focus + .sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-false-readonly-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-false-readonly);
}
.sd-radio--checked .sd-radio__decorator {
  background: var(--sjs2-color-component-radio-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-true-default);
}
.sd-item__control:focus-visible + .sd-radio__decorator:before {
  border-radius: var(--sjs2-radius-component-radio);
  box-shadow: var(--sjs2-border-effect-component-radio-a11y);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  width: 100%;
}
.sd-radio--allowhover:not(.sd-radio--readonly) .sd-selectbase__label:hover .sd-radio__decorator,
.sd-radio--allowhover:not(.sd-radio--readonly).sd-matrix__label:hover .sd-radio__decorator {
  background: var(--sjs2-color-component-radio-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-false-hovered);
  outline: none;
}
.sd-radio--allowhover.sd-radio--checked:not(.sd-radio--readonly) .sd-selectbase__label:hover .sd-radio__decorator,
.sd-radio--allowhover.sd-radio--checked:not(.sd-radio--readonly).sd-matrix__label:hover .sd-radio__decorator {
  background: var(--sjs2-color-component-radio-true-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-true-hovered);
  outline: none;
}
.sd-item--error.sd-radio:not(.sd-radio--checked) .sd-radio__decorator {
  background-color: var(--sjs2-color-component-radio-false-invalid-bg);
  box-shadow: var(--sjs2-border-effect-component-radio-false-invalid);
}
.sd-boolean-switch {
  --sd-boolean-switch-thumb-gap:var(--sjs2-spacing-x050);
  --sd-boolean-switch-thumb-width:var(--sjs2-font-size-x150);
  --sd-boolean-switch-thumb-height:var(--sjs2-font-size-x150);
  --sd-boolean-switch-button-spacing:var(--sjs2-spacing-x075);
  --sd-boolean-switch-button-width:calc(var(--sd-boolean-switch-thumb-width)*2 + var(--sd-boolean-switch-button-spacing)*2 + var(--sd-boolean-switch-thumb-gap));
  --sd-boolean-switch-button-heigth:calc(var(--sd-boolean-switch-thumb-height) + var(--sd-boolean-switch-button-spacing)*2);
  align-items: flex-start;
  cursor: pointer;
  gap: var(--sjs2-spacing-x100);
  padding-block: var(--sjs2-layout-component-labeled-group-box-padding-vertical);
}
.sd-boolean-switch,
.sd-boolean-switch__button {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  position: relative;
}
.sd-boolean-switch__button {
  align-items: center;
  background: var(--sjs2-color-component-toggle-false-default-bg);
  border-radius: var(--sjs2-radius-component-toggle);
  box-shadow: var(--sjs2-border-effect-component-toggle-false-default);
  height: var(--sd-boolean-switch-button-heigth);
  line-height: var(--sjs2-typography-line-height-component-label-content);
  margin-top: calc((1lh - var(--sd-boolean-switch-button-heigth))/2);
  outline: none;
  width: var(--sd-boolean-switch-button-width);
}
.sd-boolean-switch__button:focus-visible:before {
  border-radius: var(--sjs2-radius-component-toggle);
  box-shadow: var(--sjs2-border-effect-component-toggle-a11y);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-boolean-switch__button:hover {
  background: var(--sjs2-color-component-toggle-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-toggle-false-hovered);
}
.sd-boolean-switch__button:hover .sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-false-hovered-thumb);
}
.sd-boolean-switch__button--checked {
  background: var(--sjs2-color-component-toggle-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-toggle-true-default);
}
.sd-boolean-switch__button--checked .sd-boolean-switch__thumb {
  transform: translateX(calc(var(--sd-boolean-switch-thumb-width) + var(--sd-boolean-switch-thumb-gap)));
}
.sd-boolean-switch__button--checked .sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-true-default-thumb);
}
.sd-boolean-switch__button--checked:hover {
  background: var(--sjs2-color-component-toggle-true-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-toggle-true-hovered);
}
.sd-boolean-switch__button--checked:hover .sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-true-hovered-thumb);
}
.sd-boolean-switch__button--readonly:not(.sd-boolean-switch__button--checked),
.sd-question--disabled .sd-boolean-switch,
.sd-question--preview .sd-boolean-switch,
.sd-question--readonly .sd-boolean-switch {
  cursor: default;
}
.sd-boolean-switch__button--readonly:not(.sd-boolean-switch__button--checked),
.sd-boolean-switch__button--readonly:not(.sd-boolean-switch__button--checked):hover {
  background: var(--sjs2-color-component-toggle-false-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-toggle-false-disabled);
}
.sd-boolean-switch__button--readonly:not(.sd-boolean-switch__button--checked) .sd-boolean-switch__thumb-circle,
.sd-boolean-switch__button--readonly:not(.sd-boolean-switch__button--checked):hover .sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-false-disabled-thumb);
}
.sd-boolean-switch__button--checked.sd-boolean-switch__button--readonly,
.sd-boolean-switch__button--checked.sd-boolean-switch__button--readonly:hover {
  background: var(--sjs2-color-component-toggle-true-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-toggle-true-disabled);
}
.sd-boolean-switch__button--checked.sd-boolean-switch__button--readonly .sd-boolean-switch__thumb-circle,
.sd-boolean-switch__button--checked.sd-boolean-switch__button--readonly:hover .sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-true-disabled-thumb);
}
.sd-boolean-switch__thumb {
  justify-content: flex-start;
  left: var(--sd-boolean-switch-button-spacing);
  position: absolute;
  top: var(--sd-boolean-switch-button-spacing);
  transition: transform var(--sjs-transition-duration,.15s) ease-in-out;
}
.sd-boolean-switch__thumb,
.sd-boolean-switch__thumb-circle {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: 0;
}
.sd-boolean-switch__thumb-circle {
  background: var(--sjs2-color-component-toggle-false-default-thumb);
  border: 0 solid var(--sjs2-color-component-toggle-false-default-border);
  border-radius: var(--sjs2-radius-component-toggle-thumb);
  height: var(--sd-boolean-switch-thumb-height);
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: var(--sd-boolean-switch-thumb-width);
}
.sd-boolean-switch__caption {
  align-items: flex-start;
  align-self: center;
  flex-direction: row;
  gap: 0;
}
.sd-boolean-switch__caption,
.sd-boolean-switch__title {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-start;
  min-width: 0;
  position: relative;
}
.sd-boolean-switch__title {
  align-items: center;
  color: var(--sjs2-color-component-label-default-text);
  font-family:
    var(--sjs2-typography-font-family-component-label-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-label-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-label-content);
  line-height: var(--sjs2-typography-line-height-component-label-content);
  text-align: left;
}
.sd-question--readonly .sd-boolean-switch__title {
  color: var(--sjs2-color-component-label-disabled-text);
}
.sd-visuallyhidden {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.sd-matrix fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.sd-matrix__label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
}
.sd-matrix__label.sd-item--disabled,
.sd-matrix__label.sd-item--preview,
.sd-matrix__label.sd-item--readonly {
  cursor: default;
}
.sd-matrix__text {
  cursor: pointer;
  padding: var(--sjs2-spacing-x200);
}
.sd-matrix__text--checked {
  background-color: var(--sjs2-color-bg-brand-secondary);
  padding: var(--sjs2-spacing-x200);
}
.sd-question--disabled .sd-matrix__text,
.sd-question--preview .sd-matrix__text,
.sd-question--readonly .sd-matrix__text {
  cursor: default;
}
.sd-question--mobile .sd-matrix__row {
  gap: 0;
}
.sd-question--mobile .sd-matrix__cell {
  align-items: flex-start;
  border-bottom: none;
  border-top: none;
  display: flex;
}
.sd-question--mobile .sd-matrix__cell .sd-matrix__responsive-title {
  margin-left: var(--sjs2-spacing-x100);
  text-align: start;
}
.sd-question--mobile .sd-matrix__cell:first-of-type {
  padding-bottom: var(--sjs2-spacing-x100);
}
.sd-question--mobile .sd-matrix__label {
  justify-content: flex-start;
}
.sd-question--mobile .sd-matrix__cell.sd-table__cell--row-text {
  color: var(--sjs2-color-component-question-default-title);
}
.sd-rating {
  --sd-rating-bad-color:var(--sjs2-color-bg-alert-primary);
  --sd-rating-normal-color:var(--sjs2-color-bg-warning-primary);
  --sd-rating-good-color:var(--sjs2-color-bg-positive-primary);
  --sd-rating-bad-color-light:var(--sjs2-color-bg-alert-secondary);
  --sd-rating-normal-color-light:var(--sjs2-color-bg-warning-secondary);
  --sd-rating-good-color-light:var(--sjs2-color-bg-positive-secondary);
  min-height: var(--sjs2-size-x600);
  overflow-x: auto;
}
.sd-rating fieldset {
  align-items: center;
  border: none;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--sjs2-spacing-x100);
  margin-inline-start: 0;
  padding: 0 0 2px;
}
.sd-rating.sd-rating--wrappable fieldset {
  flex-wrap: wrap;
  min-width: 0;
}
.sd-rating.sd-rating--labels-top fieldset {
  padding-top: calc(var(--sjs2-base-unit-spacing)*4.5);
  position: relative;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  border: 0;
  inset-inline-start: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  border: 0;
  inset-inline-end: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(var(--sjs2-base-unit-spacing)*4.5);
  position: relative;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  border: 0;
  bottom: 0;
  inset-inline-start: 0;
  margin: 0;
  position: absolute;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  border: 0;
  bottom: 0;
  inset-inline-end: 0;
  margin: 0;
  position: absolute;
}
.sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: calc(var(--sjs2-base-unit-spacing)*4.5);
  padding-top: calc(var(--sjs2-base-unit-spacing)*4.5);
  position: relative;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  border: 0;
  inset-inline-start: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  border: 0;
  bottom: 0;
  inset-inline-end: 0;
  margin: 0;
  position: absolute;
}
.sd-rating--small {
  margin: auto;
  min-height: var(--sjs2-size-x300);
}
.sd-rating--small fieldset {
  gap: var(--sjs2-spacing-x100);
  padding: 0;
}
.sd-rating__item {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary);
  border: 0 solid transparent;
  border-radius: var(--sjs2-radius-component-rating);
  box-shadow: var(--sjs2-border-effect-surface-default), inset 0 0 0 0 var(--sjs2-color-bg-basic-primary);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  display: flex;
  fill: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  height: var(--sjs2-size-x600);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
  min-width: var(--sjs2-size-x600);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x250);
  position: relative;
  text-align: center;
  transition: box-shadow var(--sjs-transition-duration,.15s), background-color var(--sjs-transition-duration,.15s);
  white-space: nowrap;
}
.sd-rating__item--fixed-size {
  padding: 0;
  width: var(--sjs2-size-x600);
}
legend + .sd-rating__item,
legend + sv-ng-rating-item + .sd-rating__item,
legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
  margin-inline-start: 2px;
}
.sd-rating__item--error {
  background-color: var(--sjs2-color-bg-alert-secondary);
  border: none;
  box-shadow: 0 1px 2px transparent;
}
.sd-rating__item.sd-rating__item--disabled {
  color: var(--sjs2-color-fg-basic-primary);
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
  background-color: var(--sjs2-color-bg-basic-primary-disabled);
  border: none;
  color: var(--sjs2-color-fg-brand-on-primary);
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item.sd-rating__item--readonly {
  background-color: transparent;
  border: 2px solid var(--sjs2-color-border-basic-secondary-overlay);
  box-shadow: none;
  fill: transparent;
  transform: none;
}
.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs2-color-fg-basic-secondary);
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {
  border-color: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item.sd-rating__item--preview {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  fill: transparent;
  transform: none;
}
.sd-rating__item.sd-rating__item--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {
  border-color: var(--sjs2-color-fg-basic-primary);
  border-width: 1px;
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-question--disabled .sd-rating__item-text {
  opacity: .25;
}
.sd-rating__item--allowhover:hover {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-rating__item:focus-within {
  box-shadow: 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item--selected {
  background-color: var(--sjs2-color-bg-brand-primary);
  box-shadow: 0 0 0 0 var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
  font-weight: 600;
}
.sd-rating__item--selected:focus-within {
  box-shadow:
    var(--sjs2-border-effect-surface-default-reset),
    inset 0 0 0 4px var(--sjs2-color-bg-basic-primary),
    0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item-smiley {
  align-items: center;
  border: 2px solid var(--sjs2-color-component-input-default-line);
  border-radius: var(--sjs2-radius-component-rating);
  box-shadow: var(--sjs2-border-effect-surface-default-reset), inset 0 0 0 0 var(--sjs2-color-bg-basic-primary);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  display: flex;
  fill: var(--sjs2-color-component-input-default-line);
  justify-content: center;
  min-height: var(--sjs2-size-x600);
  min-width: var(--sjs2-size-x600);
  padding: calc(var(--sjs2-base-unit-spacing)*1.25);
  position: relative;
  text-align: center;
  transition: box-shadow var(--sjs-transition-duration,.15s), background-color var(--sjs-transition-duration,.15s);
  white-space: nowrap;
}
.sd-rating__item-smiley svg {
  display: block;
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sd-rating__item-smiley--small {
  border-width: 1px;
  min-height: var(--sjs2-size-x300);
  min-width: var(--sjs2-size-x300);
  padding: calc(var(--sjs2-base-unit-spacing)*.625);
}
.sd-rating__item-smiley--small svg {
  height: var(--sjs2-size-x150);
  width: var(--sjs2-size-x150);
}
.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
}
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-basic-primary), 0 0 0 1px var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
}
legend + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item-smiley {
  margin-inline-start: 2px;
}
.sd-rating__item-smiley--scale-colored {
  border-color: var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  fill: var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  transition:
    box-shadow var(--sjs-transition-duration,.15s),
    opacity var(--sjs-transition-duration,.15s),
    background-color var(--sjs-transition-duration,.15s);
}
.sd-rating__item-smiley--error {
  background-color: var(--sjs2-color-bg-alert-secondary);
  border-color: transparent;
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {
  fill: var(--sd-rating-item-color,var(--sjs2-color-fg-basic-secondary));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: 1;
}
.sd-rating__item-smiley.sd-rating__item-smiley--disabled {
  opacity: .5;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {
  fill: var(--sjs2-color-fg-brand-on-primary);
  opacity: 1;
}
.sd-rating__item-smiley.sd-rating__item-smiley--readonly {
  border-color: var(--sjs2-color-component-input-default-line);
  fill: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {
  background-color: unset;
  border-color: var(--sjs2-color-fg-basic-primary);
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  border: 1px solid var(--sjs2-color-fg-basic-primary);
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {
  margin: 1px;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  background-color: var(--sjs2-color-fg-basic-primary);
  fill: var(--sjs2-color-bg-basic-primary);
}
.sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
  border-color: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-smiley:focus-within {
  border: none;
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item-smiley--selected {
  background-color: var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  border-color: var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  fill: var(--sjs2-color-fg-brand-on-primary);
  font-weight: 600;
}
.sd-rating__item-smiley--selected:focus-within {
  border: 0 solid var(--sjs2-color-bg-basic-primary);
  box-shadow:
    var(--sjs2-border-effect-surface-default-reset),
    inset 0 0 0 4px var(--sjs2-color-bg-basic-primary),
    0 0 0 2px var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: .25;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sd-rating-item-color-light,var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim)));
  border-color: var(--sd-rating-item-color,var(--sjs2-color-component-input-default-line));
  opacity: .5;
}
.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  opacity: .5;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 2px var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  opacity: 1;
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 1px var(--sd-rating-item-color,var(--sjs2-color-bg-brand-primary));
  opacity: 1;
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected {
  opacity: 1;
}
.sd-rating__item-star {
  box-sizing: content-box;
  cursor: pointer;
  height: var(--sjs2-size-x600);
  position: relative;
  width: var(--sjs2-size-x600);
}
.sd-rating__item-star:not(:first-of-type) {
  margin-left: var(--sjs2-spacing-negative-x050);
  padding-left: var(--sjs2-spacing-x050);
}
.sd-rating__item-star:not(:last-of-type) {
  margin-right: var(--sjs2-spacing-negative-x050);
  padding-right: var(--sjs2-spacing-x050);
}
.sd-rating__item-star svg {
  display: block;
  fill: transparent;
  height: var(--sjs2-size-x600);
  position: absolute;
  stroke: var(--sjs2-color-component-input-default-line);
  stroke-width: 2px;
  transition:
    stroke var(--sjs-transition-duration,.15s),
    opacity var(--sjs-transition-duration,.15s),
    fill var(--sjs-transition-duration,.15s);
  width: var(--sjs2-size-x600);
}
.sd-rating__item-star .sv-star {
  opacity: 1;
}
.sd-rating__item-star .sv-star-2 {
  opacity: 0;
}
.sd-rating__item-star--small,
.sd-rating__item-star--small svg {
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sd-rating__item-star--small.sd-rating__item-star--selected svg {
  stroke-width: 1px;
}
.sd-rating__item-star--selected svg {
  fill: var(--sjs2-color-bg-brand-primary);
  stroke: transparent;
}
.sd-rating__item-star--selected:first-child svg {
  transition-delay: 0s;
}
.sd-rating__item-star--selected:nth-child(2) svg {
  transition-delay: 25ms;
}
.sd-rating__item-star--selected:nth-child(3) svg {
  transition-delay: 50ms;
}
.sd-rating__item-star--selected:nth-child(4) svg {
  transition-delay: 75ms;
}
.sd-rating__item-star--selected:nth-child(5) svg {
  transition-delay: .1s;
}
.sd-rating__item-star--selected:nth-child(6) svg {
  transition-delay: 125ms;
}
.sd-rating__item-star--selected:nth-child(7) svg {
  transition-delay: .15s;
}
.sd-rating__item-star--selected:nth-child(8) svg {
  transition-delay: 175ms;
}
.sd-rating__item-star--selected:nth-child(9) svg {
  transition-delay: .2s;
}
.sd-rating__item-star--selected:nth-child(10) svg {
  transition-delay: 225ms;
}
.sd-rating__item-star--selected:nth-child(11) svg {
  transition-delay: .25s;
}
.sd-rating__item-star--selected:nth-child(12) svg {
  transition-delay: 275ms;
}
.sd-rating__item-star--selected:nth-child(13) svg {
  transition-delay: .3s;
}
.sd-rating__item-star--selected:nth-child(14) svg {
  transition-delay: 325ms;
}
.sd-rating__item-star--selected:nth-child(15) svg {
  transition-delay: .35s;
}
.sd-rating__item-star--selected:nth-child(16) svg {
  transition-delay: 375ms;
}
.sd-rating__item-star--selected:nth-child(17) svg {
  transition-delay: .4s;
}
.sd-rating__item-star--selected:nth-child(18) svg {
  transition-delay: 425ms;
}
.sd-rating__item-star--selected:nth-child(19) svg {
  transition-delay: .45s;
}
.sd-rating__item-star--selected:nth-child(20) svg {
  transition-delay: 475ms;
}
.sd-rating__item-star--selected:nth-child(21) svg {
  transition-delay: .5s;
}
.sd-rating__item-star--selected:nth-child(22) svg {
  transition-delay: 525ms;
}
.sd-rating__item-star--selected:nth-child(23) svg {
  transition-delay: .55s;
}
.sd-rating__item-star--selected:nth-child(24) svg {
  transition-delay: 575ms;
}
.sd-rating__item-star--selected:nth-child(25) svg {
  transition-delay: .6s;
}
.sd-rating__item-star--error svg {
  fill: var(--sjs2-color-bg-alert-secondary);
  stroke: none;
}
.sd-rating__item-star--disabled {
  opacity: .5;
}
.sd-rating__item-star--disabled svg {
  fill: none;
  stroke: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {
  fill: var(--sjs2-color-component-input-default-line);
  stroke: none;
}
.sd-rating__item-star--readonly svg {
  fill: none;
  stroke: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {
  fill: var(--sjs2-color-fg-basic-primary);
  stroke: none;
}
.sd-rating__item-star--preview svg {
  fill: none;
  stroke: var(--sjs2-color-fg-basic-primary);
  stroke-width: 1px;
}
.sd-rating__item-star--selected.sd-rating__item-star--preview svg {
  fill: var(--sjs2-color-fg-basic-primary);
  stroke: none;
}
.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {
  fill: transparent;
  stroke: var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item-star--unhighlighted svg {
  fill: var(--sjs2-color-component-input-default-line);
  stroke: transparent;
}
.sd-rating__item-star--highlighted svg {
  fill: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
  stroke: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {
  fill: var(--sjs2-color-component-input-default-line);
  stroke: var(--sjs2-color-component-input-default-line);
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {
  fill: var(--sjs2-color-bg-brand-primary);
  stroke: var(--sjs2-color-bg-brand-primary);
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {
  opacity: 0;
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {
  opacity: 1;
}
.sd-rating__item-text.sd-rating__item-text {
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  display: inline-block;
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  transition: color var(--sjs-transition-duration,.15s);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text,
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
  border: 2px solid transparent;
  color: var(--sjs2-color-component-question-default-description,var(--sjs2-color-fg-basic-secondary));
  margin-bottom: calc(var(--sjs2-base-unit-spacing)*1.25);
  margin-top: calc(var(--sjs2-base-unit-spacing)*1.25);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
  border-left: 0;
  margin-right: var(--sjs2-spacing-x100);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-left: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x200);
}
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
  white-space: nowrap;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
  min-width: var(--sjs2-size-x300);
}
.sd-rating__item-text.sd-rating__item-text:after {
  color: transparent;
  content: attr(data-text);
  display: block;
  font-weight: 600;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.sd-rating--wrappable .sd-rating__item-text {
  max-width: 100%;
}
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {
  border: none;
}
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
  border: none;
  color: var(--sjs2-color-fg-brand-on-primary);
  font-weight: inherit;
}
.sd-rating__item--disabled,
.sd-rating__item--preview,
.sd-rating__item--readonly,
.sd-rating__item-smiley--disabled,
.sd-rating__item-smiley--preview,
.sd-rating__item-smiley--readonly,
.sd-rating__item-star--disabled,
.sd-rating__item-star--preview,
.sd-rating__item-star--readonly {
  cursor: default;
}
.sd-rating-dropdown-item {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x400);
  justify-content: space-between;
  width: 100%;
}
.sd-rating-dropdown-item_description {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
}
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {
  color: var(--sjs2-color-fg-brand-on-primary);
}
.sv-ranking-item--error .sv-ranking-item__index {
  background-color: var(--sjs2-color-bg-alert-secondary);
  border-color: transparent;
  box-shadow: 0 1px 2px transparent;
}
.sd-element--with-frame .sv-ranking-item {
  left: var(--sjs2-spacing-negative-x300);
}
.sv-ranking.sd-ranking--readonly {
  user-select: auto;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty,
.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
.sv-ranking.sd-ranking--preview {
  user-select: auto;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--preview .sv-ranking__container--empty,
.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
@container (max-width: 496px) {
  .sv-ranking--select-to-rank-horizontal {
    flex-direction: column-reverse;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
    height: 1px;
    margin: var(--sjs2-spacing-x300) 0;
    width: auto;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: var(--sjs2-spacing-x100);
    padding-top: var(--sjs2-spacing-x100);
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {
    max-width: none;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item,
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
    left: auto;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    padding-left: var(--sjs2-spacing-x300);
    padding-right: var(--sjs2-spacing-x300);
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
    padding-right: 0;
  }
}
@container (max-width: 176px) {
  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    margin-left: var(--sjs2-spacing-negative-x500);
    margin-right: var(--sjs2-spacing-negative-x500);
  }
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
  margin-left: 0;
  margin-right: var(--sjs2-spacing-x100);
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
  left: 0;
}
.sv-ranking-item__content.sd-ranking-item__content {
  line-height: var(--sjs2-line-height-x300);
}
.sv-dragdrop-movedown {
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
  transform: translate(0);
}
@keyframes svdragdropmovedown {
  0% {
    transform: translateY(-50px);
  }
  to {
    transform: translate(0);
  }
}
.sv-dragdrop-moveup {
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
  transform: translate(0);
}
@keyframes svdragdropmoveup {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translate(0);
  }
}
.sv-dropdown_select-wrapper {
  position: relative;
}
.sd-dropdown--select {
  justify-content: end;
}
.sd-dropdown--select:before {
  content: "";
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  min-height: calc(1lh + var(--sjs2-layout-component-input-medium-content-padding-vertical)*2);
  pointer-events: none;
}
.sd-dropdown--select select.sd-dropdown__input {
  bottom: 0;
  left: 0;
  padding: calc(var(--sjs2-layout-component-input-medium-content-padding-vertical) + var(--sjs2-layout-component-formbox-medium-padding-vertical)) calc(var(--sjs2-layout-component-input-medium-content-padding-horizontal) + var(--sjs2-layout-component-formbox-medium-padding-horizontal));
  position: absolute;
  right: 0;
  top: 0;
}
.sd-dropdown--select select.sd-dropdown__input option {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-dropdown--select .sd-dropdown__group {
  pointer-events: none;
}
.sd-dropdown--select.sd-dropdown--empty .sd-dropdown__input {
  color: var(--sjs2-color-component-input-default-placeholder);
}
.sd-dropdown--empty.sd-formbox--readonly {
  justify-content: flex-end;
}
.sd-dropdown__input-field-component {
  height: auto;
}
.sd-dropdown input[readonly] {
  pointer-events: none;
}
.sd-dropdown__input sv-ng-string,
.sd-dropdown__input sv-ng-string-viewer {
  display: contents;
}
.sd-dropdown__input-prefix-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sd-dropdown__input-prefix-wrapper span {
  align-self: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-dropdown__filter-string-input {
  appearance: none;
  background-color: transparent;
  border: none;
  bottom: 0;
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  left: 0;
  line-height: inherit;
  max-width: 100%;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%;
}
.sd-dropdown:where(:not(.sd-dropdown__input-field-component, .sd-tagbox)) .sd-dropdown__filter-string-input {
  position: static;
}
.sd-dropdown:where(:not(.sd-dropdown__input-field-component, .sd-tagbox)) .sd-dropdown__input-prefix-wrapper > span,
.sd-dropdown:where(:not(.sd-dropdown__input-field-component, .sd-tagbox)) .sd-dropdown__input-prefix-wrapper > sv-ng-string span {
  position: absolute;
  width: 100%;
}
.sd-dropdown:where(:not(.sd-dropdown__input-field-component, .sd-tagbox)) .sd-dropdown__hint-suffix {
  position: absolute;
}
.sd-dropdown--empty .sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs2-color-component-input-default-placeholder);
}
.sd-dropdown__filter-string-input::placeholder {
  appearance: none;
  color: inherit;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sd-dropdown__input {
  display: flex;
}
.sd-dropdown__hint-prefix,
.sd-dropdown__hint-suffix {
  color: var(--sjs2-color-component-input-default-placeholder);
  display: flex;
}
.sd-dropdown__hint-prefix span,
.sd-dropdown__hint-suffix span {
  white-space: pre;
}
.sd-dropdown__hint-prefix {
  align-items: center;
}
.sd-dropdown.sd-formbox--preview .sv-string-viewer,
.sd-dropdown.sd-formbox--readonly .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sv-dropdown-popup.sv-popup--menu-popup.sv-popup--top .sv-popup__container {
  transform: translateY(-2px);
}
.sv-dropdown-popup.sv-popup--menu-popup.sv-popup--bottom .sv-popup__container {
  transform: translateY(2px);
}
:dir(rtl) .sd-dropdown,
[style*="direction: rtl"] .sd-dropdown,
[style*="direction:rtl"] .sd-dropdown {
  background-position: left var(--sjs2-spacing-x150) top 50%, 0 0;
}
.sv-list-item--custom-value .sv-list__item-body {
  color: var(--sjs2-color-bg-brand-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-tagbox--preview .sd-tagbox__input,
.sd-tagbox--readonly .sd-tagbox__input {
  white-space: normal;
}
.sd-formbox.sd-tagbox:focus-within {
  box-shadow: var(--sjs2-border-effect-component-formbox-default-reset), var(--sjs2-border-effect-component-formbox-focused);
}
.sd-tagbox-item {
  align-items: center;
  background: var(--sjs2-color-component-tagbox-item-default-bg);
  border-radius: var(--sjs2-radius-component-tagbox-item);
  box-shadow: var(--sjs2-border-offset-x-trigger-default) var(--sjs2-border-offset-y-trigger-default) var(--sjs2-border-blur-trigger-default) var(--sjs2-border-spread-trigger-default) var(--sjs2-color-component-tagbox-item-default-border), 0 0 0 0 transparent;
  box-sizing: border-box;
  display: flex;
  max-width: calc(100% - var(--sjs2-spacing-x100));
  overflow: hidden;
  padding: var(--sjs2-spacing-x100);
  position: relative;
}
.sd-tagbox-item:hover {
  background: var(--sjs2-color-component-tagbox-item-hovered-bg);
  box-shadow: var(--sjs2-border-offset-x-trigger-hovered) var(--sjs2-border-offset-y-trigger-hovered) var(--sjs2-border-blur-trigger-hovered) var(--sjs2-border-spread-trigger-hovered) var(--sjs2-color-component-tagbox-item-hovered-border), 0 0 0 0 transparent;
}
.sd-tagbox-item__text {
  box-sizing: content-box;
  color: var(--sjs2-color-component-tagbox-item-default-label);
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  min-width: var(--sjs2-size-x500);
  padding: 0 var(--sjs2-spacing-x075);
  text-align: center;
}
.sd-tagbox-item__text:hover {
  color: var(--sjs2-color-component-tagbox-item-hovered-label);
}
.sd-tagbox-item__text span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-tagbox-item:focus .sd-tagbox-item__clean,
.sd-tagbox-item:focus-within .sd-tagbox-item__clean,
.sd-tagbox-item:hover .sd-tagbox-item__clean {
  align-self: center;
  opacity: 1;
}
.sd-tagbox-item__clean {
  align-items: center;
  background:
    linear-gradient(
      270deg,
      var(--sjs2-color-component-tagbox-item-hovered-mask-stop-1) 50%,
      var(--sjs2-color-component-tagbox-item-hovered-mask-stop-2) 100%);
  box-sizing: border-box;
  display: flex;
  height: 100%;
  inset-inline-end: 0;
  justify-content: flex-end;
  opacity: 0;
  padding: var(--sjs2-spacing-x100);
  position: absolute;
  transition: opacity var(--sjs-transition-duration,.15s);
  width: 70px;
}
.sd-tagbox-item__clean-button {
  background: var(--sjs2-color-component-tagbox-item-action-default-bg);
  border-radius: var(--sjs2-radius-component-tagbox-item-action);
  cursor: pointer;
  display: flex;
  outline: none;
  transition: background var(--sjs-transition-duration,.15s), box-shadow var(--sjs-transition-duration,.15s);
}
.sd-tagbox-item__clean-button:hover {
  background: var(--sjs2-color-component-tagbox-item-action-hovered-bg);
}
.sd-tagbox-item__clean-button:hover use {
  fill: var(--sjs2-color-component-tagbox-item-action-hovered-icon);
}
.sd-tagbox-item__clean-button:active {
  background: var(--sjs2-color-component-tagbox-item-action-pressed-bg);
}
.sd-tagbox-item__clean-button:active use {
  fill: var(--sjs2-color-component-tagbox-item-action-pressed-icon);
}
.sd-tagbox-item__clean-button:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-tagbox-item-a11y);
}
.sd-tagbox-item__clean-button-svg {
  box-sizing: content-box;
  display: block;
  height: 1lh;
  line-height: var(--sjs2-line-height-x200);
  padding: var(--sjs2-spacing-x050);
  width: 1lh;
}
.sd-tagbox-item__clean-button-svg use {
  fill: var(--sjs2-color-component-tagbox-item-action-default-icon);
  transition: fill var(--sjs-transition-duration,.15s);
}
.sd-tagbox:where(:not(.sd-tagbox--empty, .sd-tagbox--readonly)) .sd-tagbox__input {
  padding: 0;
}
.sd-tagbox__input.sd-dropdown__input {
  align-content: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--sjs2-layout-component-input-small-tag-group-gap);
  margin-block: unset;
  margin-inline: unset;
  position: relative;
}
.sd-tagbox__filter-string-input {
  display: flex;
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
.sd-tagbox__placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
  cursor: text;
  height: 100%;
  left: 0;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  text-align: start;
  top: 0;
  width: auto;
}
:dir(rtl) .sd-tagbox-item__clean,
[style*="direction: rtl"] .sd-tagbox-item__clean,
[style*="direction:rtl"] .sd-tagbox-item__clean {
  background:
    linear-gradient(
      90deg,
      var(--sjs2-color-component-tagbox-item-hovered-mask-stop-1) 50%,
      var(--sjs2-color-component-tagbox-item-hovered-mask-stop-2) 100%);
}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__input {
  align-content: normal;
}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper {
  width: 100%;
}
.sd-tagbox__hint {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
}
.sd-tagbox__hint-suffix-wrapper {
  position: relative;
  width: 100%;
}
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
  align-items: center;
  display: flex;
  height: 100%;
}
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  max-width: 50%;
}
.sd-imagepicker {
  border: none;
  gap: var(--sjs2-spacing-x200);
  margin: 0;
  padding: 0;
  width: 100%;
}
.sd-imagepicker--static {
  display: flex;
  flex-wrap: wrap;
}
.sd-imagepicker--responsive {
  display: grid;
}
.sd-imagepicker--column {
  align-items: flex-start;
  flex-direction: column;
}
@supports not (aspect-ratio:1/1) {
  .sd-imagepicker > div {
    margin-right: var(--sjs2-spacing-x200);
  }
}
.sd-imagepicker__item .sd-imagepicker__image-container > div,
.sd-imagepicker__item img {
  background-color: var(--sjs2-color-bg-basic-secondary);
  border-radius: var(--sjs2-radius-x100);
}
.sd-imagepicker__item-decorator {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sd-imagepicker__label {
  cursor: pointer;
  position: relative;
}
.sd-imagepicker__label .sd-visuallyhidden {
  height: 100%;
  margin: 0;
}
.sd-imagepicker__item--disabled .sd-imagepicker__label,
.sd-imagepicker__item--preview .sd-imagepicker__label,
.sd-imagepicker__item--readonly .sd-imagepicker__label {
  cursor: default;
}
.sd-imagepicker__image-container {
  position: relative;
}
.sd-imagepicker__shortcut-key {
  inset-block-start: var(--sjs2-spacing-x100);
  inset-inline-start: var(--sjs2-spacing-x100);
  margin-inline-end: 0;
  position: absolute;
  z-index: 2;
}
.sd-imagepicker__check-decorator {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: 100%;
  box-sizing: border-box;
  display: block;
  opacity: 0;
  padding: var(--sjs2-spacing-x150);
  position: absolute;
  right: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x100);
  transition: opacity var(--sjs-transition-duration,.15s);
  z-index: 1;
}
.sd-imagepicker__check-icon {
  display: block;
  fill: var(--sjs2-color-bg-brand-primary);
  height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  width: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {
  opacity: 1;
}
.sd-imagepicker__item--error .sd-imagepicker__image-container:before {
  background-color: var(--sjs2-color-bg-alert-secondary);
  background:
    linear-gradient(
      0deg,
      var(--sjs2-color-bg-alert-secondary),
      var(--sjs2-color-bg-alert-secondary));
  border-radius: var(--sjs2-radius-x100);
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-imagepicker__item:focus-within .sd-imagepicker__image {
  opacity: .5;
}
.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {
  opacity: .5;
}
.sd-imagepicker__image {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  transition: opacity var(--sjs-transition-duration,.15s);
}
.sd-imagepicker__text {
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-component-input-content);
  line-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  margin-top: var(--sjs2-spacing-x100);
}
.sd-imagepicker__no-image {
  background-color: var(--sjs2-color-bg-basic-secondary);
  display: flex;
  inset-block-start: 0;
}
.sd-imagepicker__no-image-svg {
  height: var(--sjs2-size-x600);
  margin: auto;
  width: var(--sjs2-size-x600);
}
.sd-imagepicker__no-image-svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
  opacity: .5;
}
.sd-imagepicker__text {
  text-align: center;
  white-space: normal;
}
.sd-imagepicker__column {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
  padding-right: 0;
}
.sd-imagepicker__column.sd-selectbase__column {
  min-width: 0;
}
.sd-imagepicker__column .sd-imagepicker__item {
  width: 100%;
}
.sd-imagepicker__column .sd-imagepicker__text {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {
  padding-right: 0;
}
.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {
  fill: var(--sjs2-color-fg-basic-primary);
}
.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {
  display: none;
}
.sd-imagepicker__item--preview .sd-imagepicker__image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .25;
}
.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.sd-image__image {
  border-radius: var(--sjs2-radius-x100);
  display: block;
  max-width: 100%;
}
.sd-image__image--adaptive {
  height: auto;
  max-width: calc(var(--sjs2-base-unit-size)*80);
  width: 100%;
}
.sd-image__no-image {
  align-items: center;
  background: var(--sjs2-color-bg-basic-secondary);
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: calc(var(--sjs2-base-unit-size)*27.5);
  min-width: var(--sjs2-size-x500);
  position: relative;
  width: 100%;
}
.sd-image__no-image use {
  fill: var(--sjs2-color-fg-basic-secondary);
  opacity: .5;
}
.sd-question--image {
  width: 100%;
}
.sd-html {
  color: var(--sjs2-color-component-page-default-title);
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
  white-space: normal;
}
.sd-html,
.sd-html h1 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-html h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize,calc(var(--sjs2-base-unit-font-size)*8));
  font-stretch: var(--sjs-article-font-xx-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-xx-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-xx-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing,0);
  line-height: var(--sjs-article-font-xx-large-lineHeight,64px);
  text-decoration: var(--sjs-article-font-xx-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-xx-large-textCase,"none");
}
.sd-html h2 {
  font-size: var(--sjs-article-font-x-large-fontSize,var(--sjs2-font-size-x600));
  font-stretch: var(--sjs-article-font-x-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-x-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-x-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing,0);
  line-height: var(--sjs-article-font-x-large-lineHeight,56px);
  text-decoration: var(--sjs-article-font-x-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-x-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-x-large-textCase,"none");
}
.sd-html h2,
.sd-html h3 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-html h3 {
  font-size: var(--sjs-article-font-large-fontSize,var(--sjs2-font-size-x400));
  font-stretch: var(--sjs-article-font-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-large-letterSpacing,0);
  line-height: var(--sjs-article-font-large-lineHeight,40px);
  text-decoration: var(--sjs-article-font-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-large-textCase,"none");
}
.sd-html h4,
.sd-html h5,
.sd-html h6 {
  font-size: var(--sjs-article-font-medium-fontSize,var(--sjs2-font-size-x300));
  font-stretch: var(--sjs-article-font-medium-fontStretch,"normal");
  font-style: var(--sjs-article-font-medium-fontStyle,"normal");
  font-weight: var(--sjs-article-font-medium-fontWeight,700);
  letter-spacing: var(--sjs-article-font-medium-letterSpacing,0);
  line-height: var(--sjs-article-font-medium-lineHeight,32px);
  text-decoration: var(--sjs-article-font-medium-textDecoration,"none");
  text-indent: var(--sjs-article-font-medium-paragraphIndent,0);
  text-transform: var(--sjs-article-font-medium-textCase,"none");
}
.sd-html div,
.sd-html h4,
.sd-html h5,
.sd-html h6,
.sd-html p,
.sd-html span,
.sd-html td {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-html div,
.sd-html p,
.sd-html span,
.sd-html td {
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
}
.sd-html a,
.sd-html button {
  color: var(--sjs2-color-bg-brand-primary);
}
.sd-html button {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border: none;
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-surface-default), 0 0 0 0 var(--sjs2-color-bg-brand-primary);
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: 600;
  line-height: calc((var(--sjs2-typography-font-size-component-question-title))*1.5);
  outline: solid var(--sjs2-border-width-x200) transparent;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x400);
  text-align: center;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: baseline;
}
.sd-html button:hover {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-html button:focus {
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-html button span {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.sd-expression,
.sd-html--nested {
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
}
.sd-expression {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  white-space: break-spaces;
}
.sd-question__content--left .sd-expression {
  line-height: var(--sjs2-line-height-x300);
  padding: var(--sjs2-spacing-x150) 0;
}
.sd-progress {
  background-color: var(--sjs2-color-bg-basic-tertiary);
  height: var(--sjs2-size-x050);
}
.sd-progress,
.sd-progress__bar {
  border-radius: var(--sjs2-radius-round);
  position: relative;
}
.sd-progress__bar {
  background-color: var(--sjs2-color-bg-brand-primary);
  height: 100%;
  overflow: hidden;
}
.sd-progress__text {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-tooltip);
  box-shadow: var(--sjs2-border-offset-x-surface-default) var(--sjs2-border-offset-y-surface-default) var(--sjs2-border-blur-surface-default) var(--sjs2-border-spread-surface-default) var(--sjs2-color-utility-shadow-surface-default), 0 0 0 0 transparent;
  color: var(--sjs2-color-fg-basic-primary);
  display: inline-flex;
  flex-direction: column;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-small);
  margin-top: var(--sjs2-spacing-x050);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  position: absolute;
  right: var(--sjs2-spacing-x150);
}
@media only screen and (min-width:1000px) {
  .sd-progress__text {
    margin-left: 5%;
  }
}
@media only screen and (max-width:1000px) {
  .sd-progress__text {
    margin-left: 10px;
  }
}
.sd-body__progress--top {
  margin-bottom: var(--sjs2-spacing-x400);
  position: sticky;
  top: 0;
  z-index: 50;
}
.sd-body__progress--bottom .sd-progress__text {
  margin-top: calc(var(--sjs2-base-unit-spacing)*-3.5);
  padding-bottom: 0;
}
.sd-progress--linear {
  background-color: var(--sjs2-color-utility-surface-survey);
  border-radius: 0;
  box-sizing: border-box;
  height: auto;
  padding: var(--sjs2-spacing-x075);
}
.sd-progress--linear:before {
  background-color: var(--sjs2-color-bg-basic-tertiary);
  border-radius: var(--sjs2-radius-round);
  content: "";
  inset-block: var(--sjs2-spacing-x075);
  inset-inline: var(--sjs2-spacing-x075);
  pointer-events: none;
  position: absolute;
}
.sd-progress--linear .sd-progress__bar {
  height: var(--sjs2-size-x050);
}
.sd-progress--linear .sd-progress__text {
  margin-left: 0;
  margin-top: 0;
  padding: var(--sjs2-spacing-x075) var(--sjs2-spacing-x150);
  right: var(--sjs2-spacing-x300);
  top: calc(100% + var(--sjs2-spacing-x050));
}
.sd-progress--linear.sd-body__progress--bottom .sd-progress__text {
  bottom: calc(100% + var(--sjs2-spacing-x050));
  margin-top: 0;
  padding-bottom: var(--sjs2-spacing-x075);
  top: auto;
}
.sv-root--sticky-top .sd-progress__text {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs-shadow-medium,0 2px 6px 0 rgba(0,0,0,.1)), var(--sjs2-border-effect-surface-default);
  color: var(--sjs2-color-fg-basic-primary);
  opacity: .75;
}
.sd-boolean {
  background-color: var(--sjs2-color-component-boolean-default-bg);
  border-radius: var(--sjs2-radius-component-boolean);
  box-shadow: var(--sjs2-border-effect-component-boolean-default), var(--sjs2-border-effect-component-formbox-focused-reset);
  cursor: pointer;
  display: flex;
  gap: var(--sjs2-spacing-x050);
  padding: var(--sjs2-spacing-x050);
  position: relative;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  width: max-content;
}
.sd-boolean.sd-boolean--allowhover:has(input:focus-visible) {
  box-shadow: var(--sjs2-border-effect-component-formbox-default-reset), var(--sjs2-border-effect-component-boolean-a11y);
}
.sd-boolean__label,
.sd-boolean__thumb {
  background-color: var(--sjs2-color-component-boolean-item-false-default-bg);
  border-radius: var(--sjs2-radius-component-boolean-item);
  box-shadow: var(--sjs2-border-effect-component-boolean-item-false-default);
  color: var(--sjs2-color-component-boolean-item-false-default-value);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
}
.sd-boolean__switch {
  align-items: center;
  border-radius: var(--sjs2-radius-component-boolean);
  box-sizing: border-box;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: var(--sjs2-spacing-x050);
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
.sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label--false {
  color: transparent;
  transition-duration: .15s;
  transition-property: color;
  transition-timing-function: linear;
}
.sd-boolean--indeterminate .sd-boolean__thumb,
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
  display: none;
}
.sd-boolean__thumb {
  background-color: var(--sjs2-color-component-boolean-item-true-default-bg);
  border-radius: var(--sjs2-radius-component-boolean-item);
  box-shadow: var(--sjs2-border-effect-component-boolean-item-true-default);
  color: var(--sjs2-color-component-boolean-item-true-default-value);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  left: var(--sjs2-spacing-x050);
  line-height: var(--sjs2-typography-line-height-default);
  position: absolute;
  transform: translateX(0);
  transition-duration: .2s;
  transition-property: transform, left;
  transition-timing-function: linear;
  z-index: 2;
}
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
  white-space: nowrap;
}
.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: calc(100% - var(--sjs2-size-x050));
  transform: translateX(-100%);
}
:dir(rtl) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean__thumb {
  left: var(--sjs2-spacing-x050);
  right: unset;
  transform: translateX(100%);
}
:dir(rtl) .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
:dir(rtl) .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: var(--sjs2-spacing-x050);
  right: unset;
  transform: translateX(0);
}
.sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label--false {
  color: var(--sjs2-color-component-boolean-item-false-default-value);
}
.sd-boolean--disabled {
  background-color: var(--sjs2-color-component-boolean-disabled-bg);
  box-shadow: var(--sjs2-border-effect-component-boolean-disabled);
  cursor: default;
  pointer-events: none;
}
.sd-boolean--disabled .sd-boolean__thumb {
  box-shadow: var(--sjs2-border-effect-component-boolean-item-true-disabled);
  color: var(--sjs2-color-component-boolean-item-true-disabled-value);
}
.sd-boolean--disabled .sd-boolean__label {
  color: var(--sjs2-color-component-boolean-item-false-disabled-value);
}
.sd-boolean--readonly {
  background-color: var(--sjs2-color-component-boolean-readonly-bg);
  box-shadow: var(--sjs2-border-effect-component-boolean-readonly);
  cursor: default;
  pointer-events: none;
  transition: none;
}
.sd-boolean--readonly .sd-boolean__thumb {
  box-shadow: var(--sjs2-border-effect-component-boolean-item-true-readonly);
  color: var(--sjs2-color-component-boolean-item-true-readonly-value);
  transition: none;
}
.sd-boolean--preview {
  background: transparent;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  transition: none;
}
.sd-boolean--preview .sd-boolean__thumb {
  border: 1px solid var(--sjs2-color-fg-basic-primary);
  box-shadow: none;
  color: var(--sjs2-color-fg-basic-primary);
  transition: none;
}
.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb,
.sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {
  margin-left: auto;
}
.sd-boolean--preview .sd-checkbox__label--preview {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-boolean__thumb-ghost {
  background-color: transparent;
  border-radius: var(--sjs2-radius-component-boolean-item);
  transition: background-color var(--sjs-transition-duration,.15s);
  z-index: 1;
}
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover .sd-boolean__label {
  background-color: var(--sjs2-color-component-boolean-item-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-boolean-item-false-hovered);
  color: var(--sjs2-color-component-boolean-item-false-hovered-value);
}
.sd-boolean--error {
  background-color: var(--sjs2-color-component-boolean-invalid-bg);
  box-shadow: var(--sjs2-border-effect-component-boolean-invalid);
}
.sd-question--boolean .sd-item__control-label,
.sd-slider {
  display: flex;
}
.sd-slider {
  flex-direction: column;
  gap: var(--sjs2-spacing-x100);
  margin-top: var(--sjs2-spacing-x100);
  position: relative;
  width: 100%;
}
.sd-slider-container {
  cursor: pointer;
  margin-left: var(--sjs2-spacing-x150);
  margin-right: var(--sjs2-spacing-x150);
  min-height: var(--sjs2-size-x400);
  position: relative;
}
.sd-slider-container__slider {
  position: relative;
}
.sd-slider__track {
  height: var(--sjs2-size-x050);
  position: absolute;
  top: calc(var(--sjs2-size-x400)/2 - var(--sjs2-size-x050)/2);
}
.sd-slider__inverse-track,
.sd-slider__inverse-track:after,
.sd-slider__inverse-track:before {
  background: var(--sjs2-color-component-slider-default-bg);
}
.sd-slider__inverse-track--left {
  left: 0;
}
.sd-slider__inverse-track--left:before {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  content: "";
  height: var(--sjs2-size-x050);
  left: var(--sjs2-spacing-negative-x100);
  position: absolute;
  width: var(--sjs2-size-x100);
}
.sd-slider__inverse-track--right {
  right: 0;
}
.sd-slider__inverse-track--right:after {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  content: "";
  height: var(--sjs2-size-x050);
  position: absolute;
  right: var(--sjs2-spacing-negative-x100);
  width: var(--sjs2-size-x100);
}
.sd-slider__range-track {
  background: var(--sjs2-color-component-slider-default-fg);
  left: 0;
}
.sd-slider__range-track:before {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  left: var(--sjs2-spacing-negative-x100);
}
.sd-slider__range-track:after,
.sd-slider__range-track:before {
  background: var(--sjs2-color-component-slider-default-fg);
  content: "";
  height: var(--sjs2-size-x050);
  position: absolute;
  width: var(--sjs2-size-x100);
}
.sd-slider__range-track:after {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  right: var(--sjs2-spacing-negative-x100);
}
.sd-slider__thumb-container {
  align-items: center;
  border-radius: var(--sjs2-radius-component-slider-thumb);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: var(--sjs2-size-x400);
  justify-content: center;
  margin-left: calc(var(--sjs2-size-x400)/-2);
  position: absolute;
  width: var(--sjs2-size-x400);
  z-index: 2;
}
.sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__tooltip--on-hover {
  opacity: 1;
}
.sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {
  height: var(--sjs2-size-x200);
  width: var(--sjs2-size-x200);
}
.sd-slider__thumb-container--indeterminate .sd-slider__thumb-dot {
  background: transparent;
}
.sd-slider__thumb-container--focused .sd-slider__thumb {
  background: var(--sjs2-color-component-slider-default-thumb);
  border: none;
  box-shadow: var(--sjs2-border-effect-component-slider-a11y);
}
.sd-slider__thumb-container--focused .sd-slider__tooltip--on-hover {
  opacity: 1;
}
.sd-slider__thumb {
  align-items: center;
  background: var(--sjs2-color-component-slider-default-thumb);
  border: none;
  border-radius: var(--sjs2-radius-component-slider-thumb);
  box-shadow: var(--sjs2-border-effect-trigger-default);
  display: flex;
  justify-content: center;
  padding: var(--sjs2-spacing-x075);
  transition: box-shadow var(--sjs-transition-duration,.15s);
}
.sd-slider__thumb-dot {
  background: var(--sjs2-color-component-slider-default-dot);
  border-radius: var(--sjs2-radius-component-slider-thumb);
  display: flex;
  height: var(--sjs2-size-x150);
  transition: width var(--sjs-transition-duration,.15s), height var(--sjs-transition-duration,.15s);
  width: var(--sjs2-size-x150);
}
.sd-slider__tooltip {
  bottom: calc(100% + var(--sjs2-size-x075));
  flex-direction: column;
  opacity: 1;
  position: absolute;
  transition: opacity var(--sjs-transition-duration,.15s);
  -webkit-user-select: none;
  user-select: none;
}
.sd-slider__tooltip,
.sd-slider__tooltip-panel {
  border-radius: var(--sjs2-radius-component-tooltip);
  display: flex;
}
.sd-slider__tooltip-panel {
  align-items: center;
  background: var(--sjs2-color-bg-neutral-primary);
  justify-content: center;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.sd-slider__tooltip-panel:after {
  background: var(--sjs2-color-bg-neutral-primary);
  bottom: calc(var(--sjs2-size-x075)*1.41/-1);
  clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);
  content: " ";
  height: calc(var(--sjs2-size-x075)*1.41);
  left: calc(50% - var(--sjs2-size-x075)*1.41);
  position: absolute;
  transform: translate(calc(var(--sjs2-size-x075)/1.41), calc(var(--sjs2-size-x075)/-1.41)) rotate(-45deg);
  width: calc(var(--sjs2-size-x075)*1.41);
}
.sd-slider__tooltip-value {
  color: var(--sjs2-color-fg-neutral-on-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
}
.sd-slider__tooltip--on-hover {
  opacity: 0;
}
.sd-slider-labels-container {
  margin-left: var(--sjs2-spacing-x150);
  margin-right: var(--sjs2-spacing-x150);
  -webkit-user-select: none;
  user-select: none;
}
.sd-slider-labels-container > div {
  align-items: center;
  display: flex;
  min-height: var(--sjs2-size-x400);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.sd-slider__label {
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x050);
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  -webkit-user-select: none;
  user-select: none;
}
.sd-slider__label-tick {
  align-items: flex-start;
  background: var(--sjs2-color-fg-basic-tertiary);
  display: flex;
  flex-direction: column;
  height: var(--sjs2-size-x050);
  width: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-slider__label-text,
.sd-slider__label-text-container {
  box-sizing: border-box;
  max-width: 100%;
}
.sd-slider__label-text {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  overflow: hidden;
  padding: 0 var(--sjs2-spacing-x100);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-slider__label-text--secondary {
  color: var(--sjs2-color-fg-basic-secondary);
}
input[type=range].sd-slider__input {
  -webkit-appearance: none;
  height: var(--sjs2-size-x400);
  left: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
input[type=range][name=range-input].sd-slider__input {
  z-index: 3;
}
input[type=range][name=range-input].sd-slider__input:hover + .sd-slider-container .sd-slider__tooltip--on-hover {
  opacity: 1;
}
input[type=range].sd-slider__input:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}
input[type=range].sd-slider__input::-webkit-slider-runnable-track {
  height: var(--sjs2-size-x050);
  margin: 0 calc(var(--sjs2-size-x400)/-2);
}
input[type=range].sd-slider__input::-moz-range-track {
  height: var(--sjs2-size-x050);
  margin: 0 calc(var(--sjs2-size-x400)/-2);
}
input[type=range].sd-slider__input:focus {
  outline: none;
}
input[type=range].sd-slider__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--sjs2-color-component-slider-default-dot);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  height: 67px;
  pointer-events: all;
  position: relative;
  top: -50px;
  width: var(--sjs2-size-x400);
}
input[type=range][name=range-input].sd-slider__input::-webkit-slider-thumb {
  height: var(--sjs2-size-x400);
  top: 0;
}
input[type=range].sd-slider__input::-moz-range-thumb {
  -webkit-appearance: none;
  background: var(--sjs2-color-component-slider-default-dot);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  height: 75px;
  pointer-events: all;
  position: relative;
  top: -20px;
  width: var(--sjs2-size-x400);
}
input[type=range][name=range-input].sd-slider__input::-moz-range-thumb {
  height: var(--sjs2-size-x400);
  top: 0;
}
input[type=range].sd-slider__input::-ms-fill-lower,
input[type=range].sd-slider__input::-ms-fill-upper {
  background: transparent;
  border: 0;
}
input[type=range].sd-slider__input::-ms-tooltip {
  display: none;
}
:host,
:root {
  --sjs-range-slider-range-input-thumb-width:0px;
  --sjs-range-slider-range-input-thumb-left:0;
  --sjs-range-slider-range-input-thumb-position:absolute;
}
input[type=range][name=range-input].sd-slider__input::-webkit-slider-thumb {
  left: var(--sjs-range-slider-range-input-thumb-left,0);
  position: var(--sjs-range-slider-range-input-thumb-position,relative);
  width: var(--sjs-range-slider-range-input-thumb-width,0);
}
input[type=range][name=range-input].sd-slider__input::-moz-range-thumb {
  left: var(--sjs-range-slider-range-input-thumb-left,0);
  position: var(--sjs-range-slider-range-input-thumb-position,relative);
  width: var(--sjs-range-slider-range-input-thumb-width,0);
}
.sd-question--preview .sd-slider__tooltip,
.sd-question--readonly .sd-slider__tooltip {
  display: none;
}
.sd-question--readonly .sd-slider-container,
.sd-question--readonly .sd-slider__input,
.sd-question--readonly .sd-slider__label,
.sd-question--readonly .sd-slider__thumb-container {
  cursor: default;
}
.sd-question--readonly input[type=range].sd-slider__input::-webkit-slider-thumb {
  cursor: default;
}
.sd-question--readonly input[type=range].sd-slider__input::-moz-range-thumb {
  cursor: default;
}
.sd-question--readonly .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {
  height: var(--sjs2-size-x150);
  width: var(--sjs2-size-x150);
}
.sd-question--readonly .sd-slider__thumb-container--focused .sd-slider__thumb {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-component-slider-readonly-thumb-border);
  box-shadow: none;
}
.sd-question--readonly .sd-slider__thumb {
  background: var(--sjs2-color-component-slider-readonly-thumb);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-component-slider-readonly-thumb-border);
  box-shadow: var(--sjs2-border-effect-trigger-readonly);
}
.sd-question--readonly .sd-slider__thumb .sd-slider__thumb-dot {
  background: var(--sjs2-color-component-slider-readonly-dot);
}
.sd-question--readonly .sd-slider__inverse-track,
.sd-question--readonly .sd-slider__inverse-track:after,
.sd-question--readonly .sd-slider__inverse-track:before {
  background: var(--sjs2-color-component-slider-readonly-bg);
}
.sd-question--readonly .sd-slider__range-track,
.sd-question--readonly .sd-slider__range-track:after,
.sd-question--readonly .sd-slider__range-track:before {
  background: var(--sjs2-color-component-slider-readonly-fg);
}
.sd-question--readonly .sd-slider__label-tick {
  background: var(--sjs2-color-border-basic-secondary);
}
.sd-question--readonly .sd-slider__label-text--secondary {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-question--preview .sd-slider--single .sd-slider__inverse-track--left:before {
  background: var(--sjs2-color-component-slider-readonly-fg);
}
.sd-question--preview .sd-slider__track {
  top: calc(var(--sjs2-size-x400)/2 - var(--sjs2-base-unit-size)*.125/2);
}
.sd-question--preview .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {
  height: var(--sjs2-size-x200);
  width: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-question--preview .sd-slider__thumb-container--focused .sd-slider__thumb {
  border: none;
  box-shadow: none;
}
.sd-question--preview .sd-slider__thumb {
  background: var(--sjs2-color-component-slider-readonly-thumb);
  box-shadow: none;
  padding: 0;
}
.sd-question--preview .sd-slider__thumb .sd-slider__thumb-dot {
  background: var(--sjs2-color-component-slider-readonly-dot);
  height: var(--sjs2-size-x200);
  width: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-question--preview .sd-slider__inverse-track,
.sd-question--preview .sd-slider__inverse-track:after,
.sd-question--preview .sd-slider__inverse-track:before {
  background: var(--sjs2-color-component-slider-readonly-bg);
  height: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-question--preview .sd-slider__range-track {
  background: var(--sjs2-color-component-slider-readonly-fg);
  height: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-question--preview .sd-slider__range-track:after,
.sd-question--preview .sd-slider__range-track:before {
  display: none;
  height: calc(var(--sjs2-base-unit-size)*.125);
}
.sd-question--preview .sd-slider--negative-scale-mode .sd-slider__inverse-track--left:before {
  background: var(--sjs2-color-component-slider-readonly-bg);
}
.sd-question--preview .sd-slider__label-tick {
  background: var(--sjs2-color-component-slider-readonly-thumb-border);
}
.sd-question--preview .sd-slider__label-text--secondary {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-question--error .sd-slider__inverse-track,
.sd-question--error .sd-slider__inverse-track:after,
.sd-question--error .sd-slider__inverse-track:before {
  background: var(--sjs2-color-component-slider-invalid-bg);
}
.sd-question--error .sd-slider__range-track,
.sd-question--error .sd-slider__range-track:after,
.sd-question--error .sd-slider__range-track:before {
  background: var(--sjs2-color-component-slider-invalid-fg);
}
.sd-question--error .sd-slider__thumb-dot {
  background: var(--sjs2-color-component-slider-invalid-dot);
}
.sd-slider--design-mode .sd-slider-container,
.sd-slider--design-mode .sd-slider__input,
.sd-slider--design-mode .sd-slider__label,
.sd-slider--design-mode .sd-slider__thumb-container {
  cursor: default;
}
.sd-slider--design-mode input[type=range].sd-slider__input::-webkit-slider-thumb {
  cursor: default;
}
.sd-slider--design-mode input[type=range].sd-slider__input::-moz-range-thumb {
  cursor: default;
}
.sd-slider--design-mode .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__tooltip--on-hover {
  opacity: 0;
}
.sd-slider--design-mode .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {
  height: var(--sjs2-size-x150);
  width: var(--sjs2-size-x150);
}
.sd-slider--design-mode input[type=range][name=range-input].sd-slider__input:hover + .sd-slider-container .sd-slider__tooltip--on-hover {
  opacity: 0;
}
.sd-slider--negative-scale-mode .sd-slider__range-track:after,
.sd-slider--negative-scale-mode .sd-slider__range-track:before {
  display: none;
}
.sd-slider--animated-thumb-mode .sd-slider__thumb-container {
  transition: left var(--sjs-transition-duration,.15s);
}
.sd-slider--animated-thumb-mode .sd-slider__track {
  transition:
    left var(--sjs-transition-duration,.15s),
    right var(--sjs-transition-duration,.15s),
    width var(--sjs-transition-duration,.15s);
}
.sd-slider--tooltips-always-mode {
  margin-top: var(--sjs2-spacing-x500);
}
.sd-slider--labels-show-value-text-mode {
  margin-bottom: var(--sjs2-spacing-x300);
}
:dir(rtl) .sd-slider,
:dir(rtl) .sd-slider__input,
:dir(rtl) .sd-slider__label-text,
:dir(rtl) .sd-slider__tooltip-value,
[style*="direction: rtl"] .sd-slider,
[style*="direction: rtl"] .sd-slider__input,
[style*="direction: rtl"] .sd-slider__label-text,
[style*="direction: rtl"] .sd-slider__tooltip-value,
[style*="direction:rtl"] .sd-slider,
[style*="direction:rtl"] .sd-slider__input,
[style*="direction:rtl"] .sd-slider__label-text,
[style*="direction:rtl"] .sd-slider__tooltip-value {
  transform: scaleX(-1);
}
:dir(rtl) .sd-slider__label-text,
:dir(rtl) .sd-slider__tooltip-value,
[style*="direction: rtl"] .sd-slider__label-text,
[style*="direction: rtl"] .sd-slider__tooltip-value,
[style*="direction:rtl"] .sd-slider__label-text,
[style*="direction:rtl"] .sd-slider__tooltip-value {
  direction: ltr;
}
.sd-question--paneldynamic {
  --sd-question-container-padding-block:var(--sjs2-layout-component-panel-dynamic-box-padding-top) var(--sjs2-layout-component-panel-dynamic-box-padding-bottom);
  --sd-question-container-padding-inline:var(--sjs2-layout-component-panel-dynamic-box-padding-horizontal);
  --sd-question-container-gap-vertical:var(--sjs2-layout-component-panel-dynamic-box-gap-vertical);
  --sd-question-container-gap-horizontal:var(--sjs2-layout-component-panel-dynamic-box-gap-horizontal);
  --sd-question-header-content-container-padding-block:0;
  --sd-question-header-content-container-padding-inline:0;
  --sd-question-header-content-container-row-gap:0;
  --sd-question-header-content-container-column-gap:0;
  --sd-question-header-padding-block:var(--sjs2-layout-component-panel-dynamic-header-padding-top) var(--sjs2-layout-component-panel-dynamic-header-padding-bottom);
  --sd-question-header-padding-inline:var(--sjs2-layout-component-panel-dynamic-header-padding-left) var(--sjs2-layout-component-panel-dynamic-header-padding-right);
  --sd-question-header-gap-vertical:var(--sjs2-layout-component-panel-dynamic-header-gap-vertical);
  --sd-question-title-padding-block:var(--sjs2-layout-component-panel-dynamic-title-padding-vertical);
  --sd-question-title-padding-inline:var(--sjs2-layout-component-panel-dynamic-title-padding-horizontal);
  --sd-question-title-color:var(--sjs2-color-component-panel-dynamic-default-title);
  --sd-question-title-hovered-color:var(--sjs2-color-component-panel-dynamic-hovered-title);
  --sd-question-description-padding-inline:var(--sjs2-layout-component-panel-dynamic-description-padding-horizontal);
  --sd-question-description-padding-block:var(--sjs2-layout-component-panel-dynamic-description-padding-top) var(--sjs2-layout-component-panel-dynamic-description-padding-bottom);
  --sd-question-description-color:var(--sjs2-color-component-panel-dynamic-default-description);
  --sd-question-bar-gap:var(--sjs2-layout-component-panel-dynamic-footer-gap);
  --sd-question-bar-padding-block:var(--sjs2-layout-component-panel-dynamic-footer-padding-top) var(--sjs2-layout-component-panel-dynamic-footer-padding-bottom);
  --sd-question-bar-padding-inline:var(--sjs2-layout-component-panel-dynamic-footer-padding-left) var(--sjs2-layout-component-panel-dynamic-footer-padding-right);
}
.sd-question--paneldynamic:where(.sd-question--with-frame, .sd-question--nested) {
  --sd-question-container-border-radius:var(--sjs2-radius-component-panel);
  --sd-question-container-background:var(--sjs2-color-component-panel-dynamic-default-bg);
  --sd-question-container-box-shadow:var(--sjs2-border-effect-component-panel-dynamic-default);
  --sd-question-header-border-bottom:var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-component-panel-dynamic-default-separator);
}
.sd-question--paneldynamic:where(.sd-question--collapsed) {
  --sd-question-header-border-bottom:none;
}
.sd-paneldynamic {
  gap: var(--sjs2-layout-component-panel-dynamic-content-area-gap-vertical);
  padding-bottom: var(--sjs2-layout-component-panel-dynamic-content-area-padding-bottom);
  padding-inline-end: var(--sjs2-layout-component-panel-dynamic-content-area-padding-horizontal);
  padding-top: var(--sjs2-layout-component-panel-dynamic-content-area-padding-top);
  padding-inline-start: var(--sjs2-layout-component-panel-dynamic-content-area-padding-horizontal);
}
.sd-paneldynamic .sd-progress {
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.sd-paneldynamic .sd-progress ~ .sd-paneldynamic__panels-container {
  padding-top: 1px;
}
.sd-paneldynamic ~ .sd-question__comment-area {
  padding: var(--sjs2-layout-component-panel-content-area-padding-vertical,var(--sjs2-spacing-x500)) var(--sjs2-layout-component-panel-content-area-padding-horizontal,var(--sjs2-spacing-x500));
  padding-top: 0;
}
.sd-root-modern--mobile .sd-paneldynamic ~ .sd-question__comment-area {
  padding: var(--sjs2-layout-component-panel-content-area-padding-vertical,var(--sjs2-spacing-x300)) var(--sjs2-spacing-x300);
  padding-top: 0;
}
.sd-paneldynamic__header-tab,
.sd-paneldynamic__navigation--top > .sd-question__container > .sd-question__header-and-content-container > .sd-question__header {
  border-bottom: none;
}
.sd-paneldynamic__footer {
  clear: both;
  position: relative;
}
.sd-paneldynamic__footer .sd-progress {
  top: -1px;
}
.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom,
.sd-paneldynamic__footer .sd-paneldynamic__progress-text {
  display: initial;
}
.sd-question--preview .sd-paneldynamic .sd-question__placeholder,
.sd-question--readonly .sd-paneldynamic .sd-question__placeholder {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-paneldynamic__panel-wrapper:after {
  clear: both;
  content: " ";
  display: table;
}
.sd-paneldynamic__separator {
  display: none;
}
.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {
  background: var(--sjs2-color-border-basic-secondary);
  border: none;
  content: " ";
  display: block;
  height: 1px;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sd-paneldynamic__separator:only-child {
  display: none;
}
.sd-paneldynamic__panel-wrapper--in-row.sd-paneldynamic__panel-wrapper--in-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  position: relative;
}
.sd-paneldynamic__panel-wrapper--in-row.sd-paneldynamic__panel-wrapper--in-row:before {
  left: calc(var(--sd-base-padding)*-1);
  right: calc(var(--sd-base-padding)*-1);
  top: 0;
}
.sd-paneldynamic__progress-text {
  color: var(--sjs2-color-component-question-default-description,var(--sjs2-color-fg-basic-secondary));
  font-size: var(--sjs2-typography-font-size-component-question-title);
  line-height: calc((var(--sjs2-typography-font-size-component-question-title))*1.5);
  margin: 0;
  margin-right: calc(var(--sjs2-spacing-x150) + var(--sjs2-spacing-x025));
}
.sd-paneldynamic__toolbar {
  flex-grow: 1;
  --sd-action-bar-gap:var(--sjs2-layout-component-panel-dynamic-footer-action-group-gap);
}
.sd-paneldynamic__placeholder .sd-paneldynamic__toolbar {
  flex-grow: 0;
}
.sd-paneldynamic__placeholder .sd-action-bar--empty {
  margin-top: var(--sjs2-spacing-negative-x200);
}
.sd-question--mobile .sd-paneldynamic__panel-footer,
.sd-question--mobile .sd-paneldynamic__toolbar {
  align-items: stretch;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
}
.sd-question--mobile .sd-paneldynamic__panel-footer .sd-action-bar__item,
.sd-question--mobile .sd-paneldynamic__toolbar .sd-action-bar__item {
  margin: 0;
}
.sd-question--mobile .sd-paneldynamic__panel-footer .sd-action-bar__item--hidden,
.sd-question--mobile .sd-paneldynamic__toolbar .sd-action-bar__item--hidden {
  display: none;
}
.sd-question--mobile .sd-paneldynamic__panel-footer .sd-action,
.sd-question--mobile .sd-paneldynamic__toolbar .sd-action {
  box-sizing: border-box;
  flex-basis: 100%;
}
.sd-question--mobile .sd-paneldynamic__panel-footer .sd-action-bar__item-content,
.sd-question--mobile .sd-paneldynamic__toolbar .sd-action-bar__item-content {
  width: 100%;
}
.sd-paneldynamic__panel-footer {
  border-top: none;
  justify-content: flex-end;
  padding-top: 0;
  position: relative;
}
.sd-paneldynamic__panel-footer.sd-action-bar--empty {
  display: none;
}
.sd-paneldynamic__tabs-container {
  padding-left: var(--sjs2-layout-component-panel-dynamic-header-padding-left);
  padding-right: var(--sjs2-layout-component-panel-dynamic-header-padding-right);
  padding-top: var(--sd-base-padding);
}
.sd-paneldynamic__tabs-container .sd-tabs-toolbar {
  margin-bottom: -1px;
}
.sd-paneldynamic__tabs-container:after {
  background: var(--sjs2-color-border-basic-secondary);
  bottom: 0;
  content: " ";
  display: block;
  height: 1px;
  margin: 0 calc(var(--sjs2-layout-component-panel-dynamic-header-padding-right)*-1) 0 calc(var(--sjs2-layout-component-panel-dynamic-header-padding-left)*-1);
  position: relative;
}
.sd-paneldynamic__tabs-container--with-header {
  padding-top: var(--sjs2-spacing-x300);
}
.sd-root-modern--mobile .sd-paneldynamic__tabs-container--with-header:after {
  margin: 0 var(--sjs2-spacing-negative-x300);
}
.sd-tabs-toolbar.sd-action-bar {
  align-items: flex-start;
  z-index: 1;
  --sd-action-bar-gap:var(--sjs2-spacing-x400);
}
.sd-tabs-toolbar.sd-tabs-toolbar--left {
  justify-content: flex-start;
}
.sd-tabs-toolbar.sd-tabs-toolbar--right {
  justify-content: flex-end;
}
.sd-tabs-toolbar.sd-tabs-toolbar--center {
  justify-content: center;
}
.sd-tab-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  box-shadow: inset 0 0 0 var(--sjs2-color-bg-brand-primary);
  box-sizing: border-box;
  color: var(--sjs2-color-component-question-default-description,var(--sjs2-color-fg-basic-secondary));
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  line-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  overflow-x: hidden;
  padding: var(--sjs2-spacing-x100) 0 var(--sjs2-spacing-x200);
  transition: box-shadow var(--sjs-transition-duration,.15s);
  white-space: nowrap;
}
.sd-tab-item:focus-visible,
.sd-tab-item:hover {
  box-shadow: inset 0 -2px 0 var(--sjs2-color-bg-brand-primary);
  outline: none;
}
.sd-tab-item.sd-tab-item--active {
  box-shadow: inset 0 -2px 0 var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
}
.sd-tab-item--icon {
  border-radius: var(--sjs2-radius-component-action);
  padding: var(--sjs2-spacing-x100);
  width: auto;
}
.sd-tab-item--icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
  opacity: .5;
}
.sd-tab-item--icon.sd-tab-item--active,
.sd-tab-item--icon:hover {
  background-color: var(--sjs2-color-component-action-brand-tertiary-hovered-bg);
  box-shadow: none;
}
.sd-tab-item--icon.sd-tab-item--active use,
.sd-tab-item--icon:hover use {
  fill: var(--sjs2-color-component-action-brand-tertiary-hovered-icon);
}
.sd-tab-item--icon:hover use {
  opacity: 1;
}
.sd-tabs-toolbar .sv-dots {
  width: auto;
}
.sd-tabs-toolbar .sv-dots.sd-action-bar__item--hidden {
  width: 0;
}
.sd-tab-item__title {
  align-items: center;
  display: flex;
  height: var(--sjs2-size-x300);
  line-height: var(--sjs2-line-height-x300);
}
.sd-question__title ~ .sd-tabs-toolbar {
  margin-top: var(--sjs2-spacing-x300);
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: 0;
}
.sd-element--collapsed .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: var(--sjs2-spacing-x200);
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab:after {
  content: none;
}
.sd-paneldynamic__panels-container {
  column-gap: var(--sjs2-layout-component-panel-dynamic-content-area-gap-horizontal);
  overflow: hidden;
  padding-bottom: var(--sjs2-layout-component-panel-dynamic-content-area-padding-bottom);
  padding-inline-end: var(--sjs2-layout-component-panel-dynamic-content-area-padding-horizontal);
  padding-top: var(--sjs2-layout-component-panel-dynamic-content-area-padding-top);
  padding-inline-start: var(--sjs2-layout-component-panel-dynamic-content-area-padding-horizontal);
  position: relative;
  row-gap: var(--sjs2-layout-component-panel-dynamic-content-area-gap-vertical);
}
.sd-paneldynamic__panel-wrapper {
  box-sizing: border-box;
  position: relative;
}
@keyframes movePanel {
  0% {
    transform: translateX(var(--sjs-pd-tab-move-margin));
  }
  to {
    transform: translateX(0);
  }
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-animation-delay:0ms;
  animation-delay:
    calc(var(--sjs-pd-tab-move-in-delay, .1s) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0s) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0s) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-fade-in-delay, .1s) + var(--sjs-pd-tab-animation-delay));
  animation-duration:
    var(--sjs-pd-tab-move-in-duration,.25s),
    var(--sjs-pd-tab-height-change-duration,.25s),
    var(--sjs-pd-tab-height-change-duration,.25s),
    var(--sjs-pd-tab-fade-in-duration,.25s);
  animation-fill-mode: forwards;
  animation-name:
    movePanel,
    changeHeight,
    paddingFadeIn,
    fadeIn;
  animation-timing-function: ease-out;
  height: var(--animation-height-from);
  opacity: 0;
  padding-bottom: 0;
  transform: translateX(var(--sjs-pd-tab-move-margin));
  --animation-padding-top:0;
  --animation-padding-bottom:calc(var(--sd-base-padding)*1);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {
  --sjs-pd-tab-move-margin:calc(var(--sjs-pd-tab-move-in-margin, 50%)*1);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-move-margin:calc(var(--sjs-pd-tab-move-in-margin, 50%)*-1);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  animation-delay: var(--sjs-pd-tab-fade-out-delay,0s), var(--sjs-pd-tab-move-out-delay,0s);
  animation-direction: reverse;
  animation-duration: var(--sjs-pd-tab-fade-out-duration,.25s), var(--sjs-pd-tab-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, movePanel;
  animation-timing-function: ease-in;
  left: var(--sd-base-padding);
  position: absolute;
  top: 0;
  width: calc(100% - var(--sd-base-padding)*2);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {
  --sjs-pd-tab-move-margin:calc(var(--sjs-pd-tab-move-out-margin, 50%)*-1);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  --sjs-pd-tab-move-margin:calc(var(--sjs-pd-tab-move-out-margin, 50%)*1);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {
  animation-delay:
    calc(var(--sjs-pd-tab-add-fade-in-delay, .25s) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0s) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0s) + var(--sjs-pd-tab-animation-delay));
  animation-duration:
    var(--sjs-pd-tab-add-fade-in-duration,.5s),
    var(--sjs-pd-tab-height-change-duration,.25s),
    var(--sjs-pd-tab-height-change-duration,.25s);
  animation-fill-mode: forwards;
  animation-name:
    fadeIn,
    changeHeight,
    paddingFadeIn;
  animation-timing-function: ease-out;
  transform: translateX(0);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {
  --sjs-pd-tab-animation-delay:var(--sjs-pd-tab-remove-fade-in-delay,150ms);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {
  animation-delay: var(--sjs-pd-tab-remove-fade-out-delay,0s);
  animation-direction: reverse;
  animation-duration: var(--sjs-pd-tab-remove-fade-out-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: ease-in;
  left: var(--sd-base-padding);
  position: absolute;
  top: 0;
  width: calc(100% - var(--sd-base-padding)*2);
}
.sd-paneldynamic__panel-wrapper--enter,
.sd-paneldynamic__panel-wrapper--leave {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  --animation-padding-top:0;
  --animation-padding-bottom:calc(var(--sd-base-padding)*1);
  min-height: 0 !important;
}
.sd-paneldynamic__panel-wrapper--enter {
  animation-delay:
    var(--sjs-pd-list-fade-in-delay,.25s),
    0s,
    0s;
  animation-duration:
    var(--sjs-pd-list-fade-in-duration,.5s),
    var(--sjs-pd-list-move-in-duration,.25s),
    var(--sjs-pd-list-move-in-duration,.25s);
  animation-timing-function: ease-out;
  opacity: 0;
}
.sd-paneldynamic__panel-wrapper--leave {
  animation-delay:
    0s,
    var(--sjs-pd-list-move-out-delay,.1s),
    var(--sjs-pd-list-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration:
    var(--sjs-pd-list-fade-out-duration,.15s),
    var(--sjs-pd-list-move-out-duration,.25s),
    var(--sjs-pd-list-move-out-duration,.25s);
  animation-timing-function: ease-in;
  --animation-padding-bottom:calc(var(--sd-base-padding)*1);
}
.sd-file {
  box-sizing: border-box;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  min-height: calc(var(--sjs2-base-unit-size)*36);
  padding: 0 var(--sjs2-spacing-x600);
  position: relative;
}
.sd-file .sd-action-bar:not(.sd-file__actions-container) {
  bottom: 0;
  justify-content: center;
  left: 0;
  padding: var(--sjs2-spacing-x100) 0;
  position: absolute;
  width: 100%;
}
.sd-file .sd-action-bar:not(.sd-file__actions-container) .sv-action--file-index .sd-action {
  background-color: transparent;
  font-weight: 600;
  padding: var(--sjs2-spacing-x050) 0;
}
.sd-file .sd-action-bar:not(.sd-file__actions-container) .sv-action--file-index .sd-action .sd-action__title {
  color: var(--sd-action-title-color);
}
.sd-file .sd-action-bar:not(.sd-file__actions-container) .sv-action--file-index .sd-action:disabled {
  opacity: 1;
}
.sd-file__decorator {
  align-items: center;
  border: 1px dashed var(--sjs2-color-component-input-default-line);
  box-sizing: border-box;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
  height: 100%;
  justify-content: center;
  left: var(--sjs2-spacing-x000);
  position: absolute;
  width: 100%;
}
.sd-file--answered .sd-file__decorator {
  container-type: unset;
}
.sd-file__decorator--drag {
  background: var(--sjs2-color-bg-brand-secondary);
  border: 1px solid var(--sjs2-color-bg-brand-primary);
  box-shadow: inset 0 0 0 1px var(--sjs2-color-bg-brand-primary);
  z-index: 1;
}
.sd-file__drag-area-placeholder {
  color: var(--sjs2-color-component-question-default-title-placeholder,var(--sjs2-color-fg-basic-secondary));
  font-size: var(--sjs2-typography-font-size-component-input-content);
  line-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  padding: 0 var(--sjs2-spacing-x800);
  text-align: center;
  white-space: normal;
}
@container (max-width: 496px) {
  .sd-file__drag-area-placeholder {
    padding: 0 var(--sjs2-spacing-x100);
  }
}
@container (max-width: 176px) {
  .sd-file__drag-area-placeholder {
    display: none;
  }
  .sd-file__decorator .sd-action {
    padding: var(--sjs2-spacing-x100);
  }
  .sd-file__decorator .sd-action .sv-svg-icon {
    margin-left: 0;
  }
  .sd-file__decorator .sd-file__actions-container {
    flex-direction: column;
  }
  .sd-file__decorator .sd-file__actions-container span {
    display: none;
  }
}
.sd-root-modern--mobile .sd-file__decorator {
  padding: 0 var(--sjs2-spacing-x400);
}
.sd-file__wrapper {
  max-width: 100%;
  width: max-content;
}
.sd-file__actions-container {
  flex-wrap: wrap;
  margin-top: var(--sjs2-spacing-x050);
  --sd-action-bar-gap:var(--sjs2-layout-component-upload-action-group-gap);
  justify-content: center;
}
.sd-file__actions-container .sv-action--hidden {
  display: none;
}
.sd-file--answered .sd-file__actions-container {
  margin-top: 0;
  position: absolute;
  right: var(--sjs2-spacing-x150);
  top: var(--sjs2-spacing-x150);
  z-index: 2;
}
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
  inset-inline-end: calc((var(--sjs2-typography-font-size-component-input-content))*1.5 + var(--sjs2-spacing-x500));
}
.sd-file__list {
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
  max-height: var(--sjs2-size-x1500);
  min-height: var(--sjs2-size-x1500);
  overflow: hidden;
  padding: calc(var(--sjs2-base-unit-spacing)*10.5) 0;
  position: relative;
  width: 100%;
}
.sd-file__page {
  align-items: stretch;
  display: flex;
  gap: var(--sjs2-spacing-x400);
  height: calc(100% - var(--sjs2-base-unit-size)*21);
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}
@keyframes file-page-to-right {
  0% {
    left: 0;
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
@keyframes file-page-from-right {
  0% {
    left: 100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes file-page-from-left {
  0% {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes file-page-to-left {
  0% {
    left: 0;
    opacity: 1;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}
.sd-file__page--enter-from-left,
.sd-file__page--enter-from-right,
.sd-file__page--leave-to-left,
.sd-file__page--leave-to-right {
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
.sd-file__page--leave-to-right {
  animation-name: file-page-to-right;
}
.sd-file__page--enter-from-right {
  animation-name: file-page-from-right;
}
.sd-file__page--leave-to-left {
  animation-name: file-page-to-left;
}
.sd-file__page--enter-from-left {
  animation-name: file-page-from-left;
}
.sd-file__preview-item {
  align-items: stretch;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100%;
  position: relative;
  width: var(--sjs2-size-x1200);
}
.sd-file__preview-item .sd-file__default-image {
  height: var(--sjs2-size-x900);
  width: var(--sjs2-size-x900);
}
.sd-file__preview-item .sd-file__default-image use {
  fill: var(--sjs2-color-component-question-default-title-placeholder,var(--sjs2-color-fg-basic-secondary));
}
.sd-file__preview-item:hover .sd-file__remove-file-button {
  opacity: 1;
}
.sd-file__preview-item:hover .sd-file__sign a {
  text-decoration: underline;
}
.sd-file__sign {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  margin-top: var(--sjs2-spacing-x100);
  text-align: center;
}
.sd-file__sign a {
  color: var(--sjs2-color-component-question-default-title,var(--sjs2-color-fg-basic-primary));
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: var(--sjs2-line-height-x200);
  max-height: var(--sjs2-line-height-x600);
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: normal;
  width: var(--sjs2-size-x1200);
  word-break: break-all;
  -webkit-box-orient: vertical;
}
.sd-file__remove-file-button {
  left: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  transition: opacity var(--sjs-transition-duration,.15s);
}
.sd-file__image-wrapper--default-image .sd-file__remove-file-button {
  left: 50%;
  top: 50%;
  transform: translate(calc(var(--sjs2-base-unit-spacing)*3.5 - 50% - 1.5px), calc(var(--sjs2-base-unit-spacing)*-4.25 - 50% + 1.5px));
}
.sd-file__decorator--error {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.sd-file__image-wrapper {
  align-items: center;
  background: var(--sjs2-color-bg-neutral-tertiary-dim);
  display: flex;
  height: var(--sjs2-size-x1200);
  justify-content: center;
  min-height: var(--sjs2-size-x1200);
  position: relative;
  text-align: center;
  width: var(--sjs2-size-x1200);
}
.sd-file__image-wrapper img:not(.sd-file__default-image) {
  display: block;
  height: var(--sjs2-size-x1200);
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: var(--sjs2-size-x1200);
}
.sd-file__image-wrapper--default-image {
  background: transparent;
}
.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {
  display: none;
}
.sd-file--single-image {
  height: calc(var(--sjs2-base-unit-size)*36);
}
.sd-file--single-image .sd-file__page {
  height: 100%;
}
.sd-file--single-image .sd-file__preview-item {
  margin: 0;
  width: 100%;
}
.sd-file--single-image .sd-file__list {
  height: 100%;
  left: 0;
  max-height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper {
  background-color: var(--sjs2-color-bg-basic-secondary);
  min-height: 100%;
  min-width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper img {
  height: 100%;
  width: 100%;
}
.sd-file--single-image .sd-file__sign {
  margin: 0;
  min-height: 100%;
  position: absolute;
  width: 100%;
}
.sd-file--single-image .sd-file__sign a {
  color: transparent;
  height: 100%;
  max-width: 100%;
  min-width: 100%;
  outline: none;
  width: 100%;
}
.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
  background: transparent;
}
.sd-file__drag-area {
  position: static;
  width: 100%;
}
.sd-file__change-camera-button {
  left: var(--sjs2-spacing-x100);
  position: absolute;
  top: var(--sjs2-spacing-x100);
  z-index: 2;
}
.sd-file__close-camera-button {
  position: absolute;
  right: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x100);
  z-index: 2;
}
.sd-action.sd-file__take-picture-button {
  bottom: 16px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.sd-action.sd-file__take-picture-button .sv-svg-icon {
  height: var(--sjs2-size-x400);
  width: var(--sjs2-size-x400);
}
.sd-file__video-container {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-file__loading-indicator {
  border: 1px dashed var(--sjs2-color-component-input-default-line);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.sd-file__loading-indicator .sd-loading-indicator {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-file__choose-file-btn--disabled {
  cursor: default;
  opacity: .25;
}
.sd-file--readonly .sd-file__decorator {
  border-color: transparent;
}
.sd-file--readonly .sd-file__actions-container {
  display: none;
}
.sd-file--readonly .sd-file__image-wrapper {
  background: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-file--readonly .sd-file__drag-area-placeholder {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-file--preview .sd-file__decorator {
  border-color: transparent;
}
.sd-file--preview .sd-file__image-wrapper {
  background: transparent;
}
.sd-file--preview .sd-file__actions-container {
  display: none;
}
.sd-file--preview .sd-file__drag-area-placeholder {
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-hidden {
  display: none !important;
}
.sd-body__navigation {
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: var(--sjs2-layout-component-survey-footer-padding-top,0) var(--sjs2-layout-component-survey-footer-padding-horizontal,40px) var(--sjs2-layout-component-survey-footer-padding-bottom,40px);
  --sd-action-bar-gap:var(--sjs2-layout-component-survey-footer-action-group-gap);
}
.sd-root-modern--mobile .sd-body__navigation .sd-action,
.sd-root-modern--mobile .sd-body__navigation .sd-action-bar__item:not(.sd-action-bar__item--hidden) {
  flex-grow: 1;
}
.sd-root-modern--mobile .sd-body__navigation .sd-action {
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x400);
}
.sd-body {
  --sjs-default-font-size:calc(var(--sjs2-base-unit-font-size)*2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--sjs2-layout-component-survey-box-padding-bottom);
  padding-top: var(--sjs2-layout-component-survey-box-gap-vertical);
  width: 100%;
}
.sd-body,
.sd-body > .sv-components-column {
  row-gap: var(--sjs2-layout-component-survey-box-gap-vertical);
}
.sd-body .sd-body__page {
  min-width: min(100%, 300px);
}
.sd-body .sd-body__timer {
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) 0;
}
.sd-body.sd-body--static {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--sjs2-base-unit-size)*90);
}
.sd-body.sd-body--responsive {
  box-sizing: border-box;
  max-width: none;
}
.sd-body.sd-body--responsive .sd-body__timer {
  padding-left: 0;
  padding-right: 0;
}
.sd-body.sd-body--responsive.sd-body--with-timer {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% + var(--sd-timer-size)*-1.44444 + var(--sjs2-size-x600));
}
.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}
.sd-body--empty {
  box-sizing: border-box;
  min-height: 400px;
  padding-top: 180px;
  text-align: center;
}
.sd-body--empty,
.sd-body--loading {
  color: var(--sjs2-color-component-page-default-title);
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
}
.sd-body--empty,
.sd-body--empty h1,
.sd-body--loading,
.sd-body--loading h1 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-body--empty h1,
.sd-body--loading h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize,calc(var(--sjs2-base-unit-font-size)*8));
  font-stretch: var(--sjs-article-font-xx-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-xx-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-xx-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing,0);
  line-height: var(--sjs-article-font-xx-large-lineHeight,64px);
  text-decoration: var(--sjs-article-font-xx-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-xx-large-textCase,"none");
}
.sd-body--empty h2,
.sd-body--loading h2 {
  font-size: var(--sjs-article-font-x-large-fontSize,var(--sjs2-font-size-x600));
  font-stretch: var(--sjs-article-font-x-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-x-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-x-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing,0);
  line-height: var(--sjs-article-font-x-large-lineHeight,56px);
  text-decoration: var(--sjs-article-font-x-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-x-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-x-large-textCase,"none");
}
.sd-body--empty h2,
.sd-body--empty h3,
.sd-body--loading h2,
.sd-body--loading h3 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-body--empty h3,
.sd-body--loading h3 {
  font-size: var(--sjs-article-font-large-fontSize,var(--sjs2-font-size-x400));
  font-stretch: var(--sjs-article-font-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-large-letterSpacing,0);
  line-height: var(--sjs-article-font-large-lineHeight,40px);
  text-decoration: var(--sjs-article-font-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-large-textCase,"none");
}
.sd-body--empty h4,
.sd-body--empty h5,
.sd-body--empty h6,
.sd-body--loading h4,
.sd-body--loading h5,
.sd-body--loading h6 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs-article-font-medium-fontSize,var(--sjs2-font-size-x300));
  font-stretch: var(--sjs-article-font-medium-fontStretch,"normal");
  font-style: var(--sjs-article-font-medium-fontStyle,"normal");
  font-weight: var(--sjs-article-font-medium-fontWeight,700);
  letter-spacing: var(--sjs-article-font-medium-letterSpacing,0);
  line-height: var(--sjs-article-font-medium-lineHeight,32px);
  text-decoration: var(--sjs-article-font-medium-textDecoration,"none");
  text-indent: var(--sjs-article-font-medium-paragraphIndent,0);
  text-transform: var(--sjs-article-font-medium-textCase,"none");
}
.sd-body--empty div,
.sd-body--empty p,
.sd-body--empty span,
.sd-body--empty td,
.sd-body--loading div,
.sd-body--loading p,
.sd-body--loading span,
.sd-body--loading td {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
}
.sd-body--empty a,
.sd-body--loading a {
  color: var(--sjs2-color-bg-brand-primary);
}
.sd-body--empty button,
.sd-body--loading button {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border: none;
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-surface-default), 0 0 0 0 var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-bg-brand-primary);
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: 600;
  line-height: calc((var(--sjs2-typography-font-size-component-question-title))*1.5);
  outline: solid var(--sjs2-border-width-x200) transparent;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x400);
  text-align: center;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: baseline;
}
.sd-body--empty button:hover,
.sd-body--loading button:hover {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-body--empty button:focus,
.sd-body--loading button:focus {
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-body--empty button span,
.sd-body--loading button span {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.sd-root_background-image {
  background-position-x: center;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sd-root-modern--single-question {
  display: flex;
  flex-direction: column;
}
.sd-root-modern--single-question .sv-scroll__container > .sd-root-modern__wrapper,
.sd-root-modern--single-question > .sd-root-modern__wrapper,
.sd-root-modern--single-question > .sv-scroll__wrapper {
  flex-grow: 1;
}
.sd-root-modern--single-question .sd-root-modern__wrapper {
  display: flex;
  flex-direction: column;
}
.sd-root-modern--single-question .sd-root-modern__wrapper > form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sd-root-modern--single-question .sd-container-modern:not(:has(> .sv-collab-changes)) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sd-root-modern--single-question .sd-container-modern > .sv-components-row,
.sd-root-modern--single-question .sv-components-column--expandable > .sd-body {
  flex-grow: 1;
}
.sd-body.sd-body--single-question > .sd-body__page,
.sd-body.sd-body--single-question > .sv-components-container-contentBottom {
  flex-grow: 1;
  flex-shrink: 0;
}
.sd-body.sd-body--single-question:has(.sv-components-container-contentBottom) > .sd-body__page > .sd-page__content {
  margin-top: auto;
}
.sd-body.sd-body--single-question:not(:has(.sv-components-container-contentBottom)) > .sd-body__page > .sd-page__content {
  margin-block: auto;
}
.sd-body.sd-body--single-question:has(> .sv-components-container-contentTop):not(:has(> .sv-components-container-contentBottom)) > .sv-components-container-contentTop {
  margin-top: auto;
}
.sd-body.sd-body--single-question:has(> .sv-components-container-contentTop):not(:has(> .sv-components-container-contentBottom)) > .sd-body__page {
  flex-grow: 0;
  margin-bottom: auto;
}
.sd-body.sd-body--single-question:has(> .sv-components-container-contentTop):not(:has(> .sv-components-container-contentBottom)) > .sd-body__page > .sd-page__content {
  margin-block: 0;
}
.sd-multipletext {
  border-spacing: 0;
  height: 1px;
  table-layout: fixed;
  width: 100%;
}
.sd-multipletext__cell {
  height: 100%;
}
.sd-multipletext__cell:not(:first-of-type) {
  padding-inline-start: var(--sjs2-spacing-x200);
}
.sd-multipletext__item-container {
  align-items: flex-start;
  display: flex;
  height: 100%;
}
.sd-multipletext__item {
  display: flex;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x050);
}
.sd-question__content--multipletext .sd-multipletext__item-container {
  position: relative;
}
.sd-multipletext__item-container--error {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.sd-multipletext__cell {
  padding-inline-end: 0;
  padding-bottom: var(--sjs2-spacing-x100);
  padding-inline-start: 0;
  padding-top: var(--sjs2-spacing-x100);
}
.sd-multipletext__cell--error-bottom,
.sd-multipletext__row:first-of-type .sd-multipletext__cell {
  padding-top: 0;
}
.sd-multipletext__cell--error-top,
.sd-multipletext__row:last-of-type .sd-multipletext__cell {
  padding-bottom: 0;
}
.sd-multipletext__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-body--loading,
.sd-completed-before-page,
.sd-completedpage {
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs2-color-component-page-default-title);
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: 700;
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  height: auto;
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-align: center;
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
}
.sd-body--loading,
.sd-body--loading h1,
.sd-completed-before-page,
.sd-completed-before-page h1,
.sd-completedpage,
.sd-completedpage h1 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-body--loading h1,
.sd-completed-before-page h1,
.sd-completedpage h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize,calc(var(--sjs2-base-unit-font-size)*8));
  font-stretch: var(--sjs-article-font-xx-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-xx-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-xx-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing,0);
  line-height: var(--sjs-article-font-xx-large-lineHeight,64px);
  text-decoration: var(--sjs-article-font-xx-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-xx-large-textCase,"none");
}
.sd-body--loading h2,
.sd-completed-before-page h2,
.sd-completedpage h2 {
  font-size: var(--sjs-article-font-x-large-fontSize,var(--sjs2-font-size-x600));
  font-stretch: var(--sjs-article-font-x-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-x-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-x-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing,0);
  line-height: var(--sjs-article-font-x-large-lineHeight,56px);
  text-decoration: var(--sjs-article-font-x-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-x-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-x-large-textCase,"none");
}
.sd-body--loading h2,
.sd-body--loading h3,
.sd-completed-before-page h2,
.sd-completed-before-page h3,
.sd-completedpage h2,
.sd-completedpage h3 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sd-body--loading h3,
.sd-completed-before-page h3,
.sd-completedpage h3 {
  font-size: var(--sjs-article-font-large-fontSize,var(--sjs2-font-size-x400));
  font-stretch: var(--sjs-article-font-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-large-letterSpacing,0);
  line-height: var(--sjs-article-font-large-lineHeight,40px);
  text-decoration: var(--sjs-article-font-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-large-textCase,"none");
}
.sd-body--loading h4,
.sd-body--loading h5,
.sd-body--loading h6,
.sd-completed-before-page h4,
.sd-completed-before-page h5,
.sd-completed-before-page h6,
.sd-completedpage h4,
.sd-completedpage h5,
.sd-completedpage h6 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs-article-font-medium-fontSize,var(--sjs2-font-size-x300));
  font-stretch: var(--sjs-article-font-medium-fontStretch,"normal");
  font-style: var(--sjs-article-font-medium-fontStyle,"normal");
  font-weight: var(--sjs-article-font-medium-fontWeight,700);
  letter-spacing: var(--sjs-article-font-medium-letterSpacing,0);
  line-height: var(--sjs-article-font-medium-lineHeight,32px);
  text-decoration: var(--sjs-article-font-medium-textDecoration,"none");
  text-indent: var(--sjs-article-font-medium-paragraphIndent,0);
  text-transform: var(--sjs-article-font-medium-textCase,"none");
}
.sd-body--loading div,
.sd-body--loading p,
.sd-body--loading span,
.sd-body--loading td,
.sd-completed-before-page div,
.sd-completed-before-page p,
.sd-completed-before-page span,
.sd-completed-before-page td,
.sd-completedpage div,
.sd-completedpage p,
.sd-completedpage span,
.sd-completedpage td {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs-article-font-default-fontSize,var(--sjs2-font-size-x200));
  font-stretch: var(--sjs-article-font-default-fontStretch,"normal");
  font-style: var(--sjs-article-font-default-fontStyle,"normal");
  font-weight: var(--sjs-article-font-default-fontWeight,400);
  letter-spacing: var(--sjs-article-font-default-letterSpacing,0);
  line-height: var(--sjs-article-font-default-lineHeight,28px);
  text-decoration: var(--sjs-article-font-default-textDecoration,"none");
  text-indent: var(--sjs-article-font-default-paragraphIndent,0);
  text-transform: var(--sjs-article-font-default-textCase,"none");
}
.sd-body--loading a,
.sd-completed-before-page a,
.sd-completedpage a {
  color: var(--sjs2-color-bg-brand-primary);
}
.sd-body--loading button,
.sd-completed-before-page button,
.sd-completedpage button {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border: none;
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-surface-default), 0 0 0 0 var(--sjs2-color-bg-brand-primary);
  color: var(--sjs2-color-bg-brand-primary);
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-question-title);
  font-style: normal;
  font-weight: 600;
  line-height: calc((var(--sjs2-typography-font-size-component-question-title))*1.5);
  outline: solid var(--sjs2-border-width-x200) transparent;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x400);
  text-align: center;
  transition: box-shadow var(--sjs-transition-duration,.15s);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: baseline;
}
.sd-body--loading button:hover,
.sd-completed-before-page button:hover,
.sd-completedpage button:hover {
  background-color: var(--sjs2-color-unknown-variable-001,var(--sjs2-color-bg-basic-primary-dim));
}
.sd-body--loading button:focus,
.sd-completed-before-page button:focus,
.sd-completedpage button:focus {
  box-shadow: var(--sjs2-border-effect-surface-default-reset), 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.sd-body--loading button span,
.sd-completed-before-page button span,
.sd-completedpage button span {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.sd-body--loading:not(:has(> *)),
.sd-completed-before-page:not(:has(> *)),
.sd-completedpage:not(:has(> *)) {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs-article-font-large-fontSize,var(--sjs2-font-size-x400));
  font-stretch: var(--sjs-article-font-large-fontStretch,"normal");
  font-style: var(--sjs-article-font-large-fontStyle,"normal");
  font-weight: var(--sjs-article-font-large-fontWeight,700);
  letter-spacing: var(--sjs-article-font-large-letterSpacing,0);
  line-height: var(--sjs-article-font-large-lineHeight,40px);
  text-decoration: var(--sjs-article-font-large-textDecoration,"none");
  text-indent: var(--sjs-article-font-large-paragraphIndent,0);
  text-transform: var(--sjs-article-font-large-textCase,"none");
}
.sd-completedpage:has(> *) {
  padding: calc(var(--sjs2-base-unit-spacing)*13) 0 var(--sjs2-spacing-x200) 0;
}
.sd-completedpage {
  padding: calc(var(--sjs2-base-unit-spacing)*17) 0 var(--sjs2-spacing-x600) 0;
}
.sd-body--loading:has(> *),
.sd-completed-before-page:has(> *) {
  padding: 0;
}
.sd-body--loading,
.sd-completed-before-page {
  padding: var(--sjs2-spacing-x400) 0 var(--sjs2-spacing-x400) 0;
}
.sd-progress-buttons {
  padding: var(--sjs2-spacing-x300) var(--sjs2-spacing-x500);
}
.sd-progress-buttons--bottom {
  padding-top: 0;
}
.sd-progress-buttons__list-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}
.sd-progress-buttons__list {
  --sd-progress-buttons-marker-size:var(--sjs2-size-x300);
  --sd-progress-buttons-gap:var(--sjs2-size-x100);
  --sd-progress-buttons-edge-title-max-width:100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.sd-progress-buttons__list li {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-end;
  min-width: var(--sjs2-size-x1200);
  position: relative;
  text-align: center;
}
.sd-progress-buttons__list li:after,
.sd-progress-buttons__list li:before {
  background-color: var(--sjs2-color-border-basic-secondary);
  bottom: calc(var(--sd-progress-buttons-marker-size)/2);
  content: "";
  display: none;
  height: var(--sjs2-border-width-x100);
  position: absolute;
  transition: background-color var(--sjs-transition-duration,.1s);
}
.sd-progress-buttons__list li:not(:first-child):not(:last-child):after {
  display: block;
  right: calc(50% + var(--sd-progress-buttons-marker-size)/2 + var(--sd-progress-buttons-gap));
  width: calc(100% - var(--sd-progress-buttons-marker-size) - var(--sd-progress-buttons-gap)*2);
}
.sd-progress-buttons__list li:nth-last-child(2):not(:first-child):before {
  display: block;
  left: calc(50% + var(--sd-progress-buttons-marker-size)/2 + var(--sd-progress-buttons-gap));
  width: calc(100% - var(--sd-progress-buttons-marker-size) - var(--sd-progress-buttons-gap)*2);
}
.sd-progress-buttons__list li.sd-progress-buttons__list-element--current:after,
.sd-progress-buttons__list li.sd-progress-buttons__list-element--passed:after {
  background-color: var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list li:not(.sd-progress-buttons__list-element--passed) + li:after {
  background-color: var(--sjs2-color-border-basic-secondary);
}
.sd-progress-buttons__list li:nth-last-child(2):has(+ .sd-progress-buttons__list-element--current):before,
.sd-progress-buttons__list li:nth-last-child(2):has(+ .sd-progress-buttons__list-element--passed):before {
  background-color: var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list li:nth-last-child(2):not(.sd-progress-buttons__list-element--passed):before {
  background-color: var(--sjs2-color-border-basic-secondary);
}
.sd-progress-buttons__list li:first-child,
.sd-progress-buttons__list li:last-child {
  flex: 0.5 0.5 calc(var(--sd-progress-buttons-marker-size)/2);
  min-width: calc(var(--sjs2-size-x1200)/2 + var(--sd-progress-buttons-marker-size)/2);
  width: auto;
}
.sd-progress-buttons__list li:first-child .sd-progress-buttons__page-description,
.sd-progress-buttons__list li:first-child .sd-progress-buttons__page-title,
.sd-progress-buttons__list li:last-child .sd-progress-buttons__page-description,
.sd-progress-buttons__list li:last-child .sd-progress-buttons__page-title {
  max-width: var(--sd-progress-buttons-edge-title-max-width);
}
.sd-progress-buttons__list li:first-child {
  align-items: flex-start;
}
.sd-progress-buttons__list li:first-child .sd-progress-buttons__page-description,
.sd-progress-buttons__list li:first-child .sd-progress-buttons__page-title {
  text-align: start;
}
.sd-progress-buttons__list li:last-child {
  align-items: flex-end;
}
.sd-progress-buttons__list li:last-child .sd-progress-buttons__page-description,
.sd-progress-buttons__list li:last-child .sd-progress-buttons__page-title {
  text-align: end;
}
.sd-progress-buttons__list:has(li:nth-child(2):last-child):after {
  background-color: var(--sjs2-color-border-basic-secondary);
  bottom: calc(var(--sd-progress-buttons-marker-size)/2);
  content: "";
  height: var(--sjs2-border-width-x100);
  left: calc(var(--sd-progress-buttons-marker-size) + var(--sd-progress-buttons-gap));
  position: absolute;
  right: calc(var(--sd-progress-buttons-marker-size) + var(--sd-progress-buttons-gap));
  transition: background-color var(--sjs-transition-duration,.1s);
}
.sd-progress-buttons__list:has(li:nth-child(2):last-child):has(li:first-child.sd-progress-buttons__list-element--passed):has(li:last-child.sd-progress-buttons__list-element--current):after,
.sd-progress-buttons__list:has(li:nth-child(2):last-child):has(li:first-child.sd-progress-buttons__list-element--passed):has(li:last-child.sd-progress-buttons__list-element--passed):after {
  background-color: var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__button {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-secondary);
  border: 1px solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-component-stepper-item);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-tertiary);
  content: attr(data-page-number);
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  height: var(--sjs2-size-x300);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
  margin: 0;
  margin-top: var(--sjs2-spacing-x150);
  padding: 0;
  transition:
    background-color var(--sjs-transition-duration,.1s),
    border-color var(--sjs-transition-duration,.1s),
    color var(--sjs-transition-duration,.1s),
    box-shadow var(--sjs-transition-duration,.15s);
  width: var(--sjs2-size-x300);
}
.sd-progress-buttons__button:focus-visible {
  box-shadow: var(--sjs2-border-effect-a11y);
  outline: none;
}
.sd-progress-buttons__button:hover {
  background-color: var(--sjs2-color-bg-basic-secondary-dim);
}
.sd-progress-buttons__button:hover .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-basic-secondary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) {
  background-color: var(--sjs2-color-bg-basic-secondary-dim);
}
.sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-basic-secondary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__page-description,
.sd-progress-buttons__page-title {
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  max-width: calc(100% - var(--sjs2-size-x400));
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button,
.sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-secondary-dim);
}
.sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button .sd-progress-buttons__dot,
.sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-basic-secondary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__page-title {
  font-weight: var(--sjs2-typography-font-weight-strong);
}
.sd-progress-buttons__page-description,
.sd-progress-buttons__page-title {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}
.sd-progress-buttons__page-description {
  font-weight: var(--sjs2-typography-font-weight-basic);
  margin-top: var(--sjs2-spacing-x050);
}
.sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-basic-tertiary);
  border-radius: var(--sjs2-radius-round);
  height: var(--sjs2-size-x100);
  width: var(--sjs2-size-x100);
}
.sd-progress-buttons__check-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x200);
  width: 1lh;
}
.sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-brand-primary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button:hover .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-brand-primary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-brand-primary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button .sd-progress-buttons__dot,
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button .sd-progress-buttons__dot {
  background-color: var(--sjs2-color-fg-brand-primary);
  height: var(--sjs2-size-x125);
  width: var(--sjs2-size-x125);
}
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-brand-primary);
  border-color: var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-on-primary);
}
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:hover {
  background-color: var(--sjs2-color-bg-brand-primary-dim);
  border-color: var(--sjs2-color-bg-brand-primary-dim);
}
.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) {
  background-color: var(--sjs2-color-bg-brand-primary-dim);
  border-color: var(--sjs2-color-bg-brand-primary-dim);
}
.sd-progress-buttons__list-element--passed .sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button,
.sd-progress-buttons__list-element--passed .sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-brand-primary-dim);
  border-color: var(--sjs2-color-bg-brand-primary-dim);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:hover .sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:has(+ .sd-progress-buttons__page-title:hover) .sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button,
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description:hover ~ .sd-progress-buttons__button .sd-progress-buttons__check-icon use,
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title:hover ~ .sd-progress-buttons__button .sd-progress-buttons__check-icon use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list {
  --sd-progress-buttons-marker-size:var(--sjs2-size-x400);
}
.sd-progress-buttons--numbered .sd-progress-buttons__button {
  border: 1px solid var(--sjs2-color-border-basic-secondary);
  height: var(--sjs2-size-x400);
  padding: 0 3px 1px 2px;
  width: var(--sjs2-size-x400);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-brand-primary);
  border-color: var(--sjs2-color-border-brand-primary);
  color: var(--sjs2-color-fg-brand-on-primary);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-element--passed .sd-progress-buttons__button:hover {
  background-color: var(--sjs2-color-bg-brand-primary-dim);
  border-color: var(--sjs2-color-bg-brand-primary-dim);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: 2px solid var(--sjs2-color-border-brand-primary);
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-element--current.sd-progress-buttons__list-element--passed .sd-progress-buttons__button:hover {
  border-color: var(--sjs2-color-border-brand-primary);
  color: var(--sjs2-color-fg-basic-primary);
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__list li {
  flex-direction: column-reverse;
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__list li:after,
.sd-progress-buttons--titles-bottom .sd-progress-buttons__list li:before {
  bottom: auto;
  top: calc(var(--sd-progress-buttons-marker-size)/2);
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__list:has(li:nth-child(2):last-child):after {
  bottom: auto;
  top: calc(var(--sd-progress-buttons-marker-size)/2);
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__button {
  margin-bottom: var(--sjs2-spacing-x150);
  margin-top: 0;
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__page-description {
  margin-bottom: var(--sjs2-spacing-x050);
  margin-top: 0;
}
.sd-progress-buttons--titles-bottom .sd-progress-buttons__list-container {
  padding-bottom: 0;
  padding-top: 10px;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list {
  align-items: center;
  display: flex;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li {
  align-items: center;
  column-gap: var(--sjs2-size-x100);
  display: grid;
  flex: 1 1 0;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto;
  min-width: var(--sjs2-size-x1500);
  text-align: start;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:first-child,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:last-child {
  align-items: center;
  min-width: var(--sjs2-size-x1500);
  width: auto;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:first-child .sd-progress-buttons__page-description,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:first-child .sd-progress-buttons__page-title,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:last-child .sd-progress-buttons__page-description,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:last-child .sd-progress-buttons__page-title {
  max-width: 100%;
  text-align: start;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:first-child {
  flex: 1 1 0;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:last-child {
  flex: 0 0 auto;
  grid-template-columns: auto auto;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:before,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:nth-last-child(2):before {
  display: none;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:after,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:not(:first-child):not(:last-child):after,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:nth-child(2):last-child:after,
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:nth-child(2):not(:last-child):after {
  align-self: center;
  background-color: var(--sjs2-color-border-basic-secondary);
  grid-column: 3;
  grid-row: 1/3;
  height: var(--sjs2-border-width-x100);
  margin-inline: var(--sjs2-size-x100);
  position: static;
  width: auto;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:first-child:after {
  display: block;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li:last-child:after {
  display: none;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__list li.sd-progress-buttons__list-element--passed:after {
  background-color: var(--sjs2-color-border-brand-primary);
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__button {
  align-self: center;
  grid-column: 1;
  grid-row: 1/3;
  margin-top: 0;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__page-title {
  grid-column: 2;
  grid-row: 1;
  max-width: 100%;
  min-width: 0;
  text-align: start;
}
.sd-progress-buttons--titles-inline .sd-progress-buttons__page-description {
  grid-column: 2;
  grid-row: 2;
  margin-top: 0;
  max-width: 100%;
  min-width: 0;
  text-align: start;
}
:dir(rtl) .sd-progress-buttons__list,
[style*="direction: rtl"] .sd-progress-buttons__list,
[style*="direction:rtl"] .sd-progress-buttons__list {
  direction: ltr;
  transform: scaleX(-1);
}
:dir(rtl) .sd-progress-buttons__list .sd-progress-buttons__button,
[style*="direction: rtl"] .sd-progress-buttons__list .sd-progress-buttons__button,
[style*="direction:rtl"] .sd-progress-buttons__list .sd-progress-buttons__button {
  transform: scaleX(-1);
}
.sd-progress-buttons--fit-survey-width {
  box-sizing: border-box;
  margin: auto;
  max-width: calc(var(--sjs2-base-unit-size)*90);
  width: 100%;
}
.sv_progress-toc {
  background: var(--sjs2-color-bg-basic-primary);
  box-sizing: border-box;
  height: 100%;
  max-width: calc(var(--sjs2-base-unit-size)*42);
  min-width: calc(var(--sjs2-base-unit-size)*32);
  padding: var(--sjs2-spacing-x100);
}
.sv_progress-toc .sv-list {
  padding: 0;
}
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs2-color-bg-brand-secondary);
  color: var(--sjs2-color-fg-basic-primary);
  font-weight: 400;
}
.sv_progress-toc .sv-list__item span {
  white-space: break-spaces;
}
.sv_progress-toc .sv-list__item-body {
  border-radius: var(--sjs2-radius-x100);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-bottom: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x200);
  padding-top: var(--sjs2-spacing-x150);
}
.sv_progress-toc use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv_progress-toc--left {
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-component-input-default-line);
}
.sv_progress-toc--right {
  border-left: var(--sjs2-border-width-x100) solid var(--sjs2-color-component-input-default-line);
}
.sv_progress-toc--mobile {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
  border-radius: var(--sjs2-radius-round);
  height: auto;
  min-width: auto;
  position: absolute;
  right: var(--sjs2-spacing-x400);
  top: var(--sjs2-spacing-x300);
  width: auto;
  z-index: 15;
}
.sv_progress-toc--mobile > div {
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sv_progress-toc--mobile:hover {
  background-color: var(--sjs2-color-bg-neutral-tertiary-dim);
}
.sv_progress-toc.sv_progress-toc--sticky {
  height: auto;
  overflow-y: auto;
  position: sticky;
  top: 0;
}
.sd-list__item-body {
  border-radius: var(--sjs2-radius-component-drop-item);
  font-family:
    var(--sjs2-typography-font-family-component-input-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-input-content);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-input-content);
  line-height: var(--sjs2-typography-line-height-component-input-content);
  padding-block: var(--sjs2-spacing-x150);
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
  outline: none;
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
  padding-block: calc(var(--sjs2-base-unit-spacing)*1.25);
}
.sd-timer {
  background: #fff;
  border-radius: 100%;
  bottom: calc(var(--sd-timer-size)/144*32);
  box-shadow: var(--sjs2-border-effect-floating-default);
  box-sizing: border-box;
  display: flex;
  height: var(--sd-timer-size);
  margin-right: calc(var(--sd-timer-size)/144*32);
  padding: calc(var(--sd-timer-size)/144*8);
  position: fixed;
  right: var(--sjs2-spacing-x100);
  width: var(--sd-timer-size);
  z-index: 2;
}
.sd-timer--top {
  margin-bottom: calc(var(--sd-timer-size)*-1);
  margin-top: var(--sjs2-spacing-x400);
  top: calc(var(--sd-timer-size)/144*32);
}
.sd-timer--bottom {
  bottom: calc(var(--sd-timer-size)/144*32);
  margin-top: calc(var(--sd-timer-size)*-1.22222);
}
.sd-timer__progress {
  --sd-timer-stroke-background-color:var(--sjs2-color-bg-neutral-tertiary-dim);
  --sd-timer-stroke-background-width:2px;
  fill: none;
  height: 100%;
  stroke: var(--sjs2-color-bg-brand-primary);
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 4px;
  transform: rotate(-90deg);
  width: 100%;
}
.sd-timer__progress--animation {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
}
.sd-timer__stroke-background {
  stroke: var(--sd-timer-stroke-background-color);
  stroke-width: var(--sd-timer-stroke-background-width);
}
.sd-timer__text-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  padding: var(--sjs2-spacing-x100);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-timer__text--major,
.sd-timer__text-container {
  color: var(--sjs2-color-bg-brand-primary);
  font-size: calc(var(--sd-timer-size)/144*32);
  font-weight: 700;
}
.sd-timer__text--minor {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  margin-top: var(--sjs2-spacing-negative-x050);
}
.sv-header {
  background-color: var(--sjs2-color-component-survey-header-default-bg);
  position: relative;
}
.sv-header__overlap {
  box-sizing: content-box;
  padding-bottom: var(--sjs2-spacing-x800);
}
.sv-header__overlap ~ div .sd-body,
.sv-header__overlap ~ div .sv-body {
  margin-top: calc(var(--sjs2-base-unit-spacing)*-14);
}
.sd-root-modern--mobile .sv-header__overlap {
  padding-bottom: var(--sjs2-spacing-x200);
}
.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,
.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {
  margin-top: var(--sjs2-spacing-negative-x700);
}
.sv-header__overlap.sv-header__without-background {
  margin-bottom: 0;
  padding-bottom: 0;
}
.sv-header__overlap.sv-header__without-background ~ div .sd-body,
.sv-header__overlap.sv-header__without-background ~ div .sv-body {
  margin-top: 0;
}
.sv-header__without-background .sv-header--mobile,
.sv-header__without-background .sv-header__content {
  padding-bottom: var(--sjs2-layout-component-survey-header-padding-bottom);
}
.sd-body .sv-header__content {
  padding-bottom: var(--sjs2-spacing-x500);
  padding-top: 0;
}
.sv-header__content {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  height: 100%;
  padding-bottom: var(--sjs2-spacing-x500);
  padding-top: calc(var(--sjs2-layout-component-survey-header-padding-top) + var(--sjs2-layout-component-survey-box-padding-top));
  padding-inline: var(--sjs2-layout-component-survey-header-padding-horizontal);
  position: relative;
  --sd-header-column-gap:var(--sjs2-spacing-x600);
  column-gap: var(--sd-header-column-gap);
  row-gap: var(--sjs2-spacing-x150);
}
.sv-header--height-auto .sv-header__content {
  grid-template-rows: auto;
  height: auto;
}
.sv-header--height-auto .sv-header__cell:not(.sv-header__cell--empty) .sv-header__cell-content {
  min-height: 100%;
  min-width: 100%;
  position: relative;
}
.sv-header--height-auto .sv-header__cell--right .sv-header__cell-content {
  left: 100%;
  transform: translateX(-100%);
}
.sv-header__content--static {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--sjs2-base-unit-size)*90);
}
.sv-header__background-image {
  background-position-x: center;
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.sv-header__background-image--contain {
  background-repeat: no-repeat;
}
.sv-header__cell {
  position: relative;
}
.sv-header__cell-content {
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-width: 300%;
  position: absolute;
  top: 0;
  width: max-content;
}
.sv-header__cell--left .sv-header__cell-content {
  left: 0;
}
.sv-header__cell--center .sv-header__cell-content {
  left: 50%;
  min-width: 100%;
  transform: translateX(-50%);
}
.sv-header__cell--right .sv-header__cell-content {
  right: 0;
}
.sv-header__logo {
  display: flex;
}
.sv-header__logo img {
  display: block;
}
.sv-header__title {
  display: flex;
  padding-block: var(--sjs2-layout-component-survey-title-padding-vertical);
  padding-inline: var(--sjs2-layout-component-survey-title-padding-horizontal);
}
.sv-header__title .sd-title {
  color: var(--sjs2-color-component-survey-header-default-title);
  font-family:
    var(--sjs2-typography-font-family-component-survey-header-title),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-survey-header-title);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-survey-header-title);
  line-height: var(--sjs2-typography-line-height-component-survey-header-title);
  margin: 0;
}
.sv-header__logo ~ .sv-header__description,
.sv-header__logo ~ .sv-header__title {
  margin-top: var(--sjs2-spacing-x300);
}
.sv-header__title ~ .sv-header__description {
  margin-top: var(--sjs2-layout-component-survey-header-gap-vertical);
  padding-bottom: var(--sjs2-layout-component-survey-description-padding-bottom);
  padding-top: var(--sjs2-layout-component-survey-description-padding-top);
  padding-inline: var(--sjs2-layout-component-survey-description-padding-horizontal);
}
.sv-header__description {
  display: flex;
}
.sv-header__description .sd-description {
  color: var(--sjs2-color-component-survey-header-default-description);
  font-family:
    var(--sjs2-typography-font-family-component-survey-header-description),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-survey-header-description);
  font-style: normal;
  font-weight: var(--sjs2-typography-font-weight-component-survey-header-description);
  line-height: var(--sjs2-typography-line-height-component-survey-header-description);
  margin: 0;
}
.sv-header__content .sd-header__text h3 {
  margin: 0;
}
.sv-header--mobile {
  padding: var(--sjs2-spacing-x300);
  position: relative;
  z-index: 1;
}
.sv-header--mobile .sv-header__logo img {
  max-width: 100%;
}
@keyframes rotationAnimation {
  0% {
    rotate: 0deg;
  }
  to {
    rotate: 1turn;
  }
}
.sd-loading-indicator {
  height: var(--sjs2-size-x600);
}
.sd-loading-indicator .sv-svg-icon {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: rotationAnimation;
  animation-timing-function: linear;
  height: var(--sjs2-size-x600);
  width: var(--sjs2-size-x600);
}
.sd-loading-indicator .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.sd-components-container,
sv-components-container {
  display: flex;
}
.sv-components-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sv-components-column {
  display: flex;
  flex-direction: column;
}
.sv-components-column--expandable {
  flex-grow: 1;
}
.sv-components-row > .sv-components-column--expandable {
  width: 1px;
}
.sd-breadcrumbs {
  align-content: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sjs2-spacing-x100);
  padding-bottom: var(--sjs2-spacing-x250);
}
.sd-breadcrumbs-item {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sd-breadcrumbs-item__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: unset;
  cursor: pointer;
  display: flex;
  font-family: unset;
  font-size: unset;
  overflow-x: hidden;
  padding: 0;
  white-space: nowrap;
}
.sd-breadcrumbs-item__button .sd-action__title {
  color: unset;
  font-size: unset;
  font-weight: 400;
  line-height: unset;
  padding: 0;
}
.sd-breadcrumbs-separator {
  align-items: center;
  display: flex;
  height: var(--sjs2-size-x150);
  justify-content: center;
  width: var(--sjs2-size-x150);
}
.sd-breadcrumbs-separator use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sd-summary {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs2-border-effect-surface-default);
  overflow: hidden;
}
.sd-summary-placeholder .sd-question__placeholder {
  min-height: auto;
  padding: 0;
}
.sd-summary-row {
  align-self: stretch;
  background: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.sd-summary-row,
.sd-summary-row__content {
  align-items: flex-start;
  display: flex;
  flex: 1 0 0;
  gap: var(--sjs2-spacing-x400);
}
.sd-summary-row__content {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x000);
}
.sd-summary-row__actions {
  align-items: flex-start;
  display: flex;
  gap: var(--sjs2-spacing-x100);
  opacity: 0;
  transition: opacity var(--sjs-transition-duration,.15s);
}
.sd-question--mobile .sd-summary-row__actions,
.sd-summary-row:hover .sd-summary-row__actions {
  opacity: 1;
}
.sd-summary-row-action {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--sjs2-radius-round);
  box-sizing: border-box;
  color: unset;
  cursor: pointer;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  gap: var(--sjs2-spacing-x100);
  justify-content: center;
  overflow-x: hidden;
  padding: 0;
  padding: var(--sjs2-spacing-x100);
  transition: background-color var(--sjs-transition-duration,.15s);
  white-space: nowrap;
}
.sd-summary-row-action:focus,
.sd-summary-row-action:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  outline: none;
}
.sd-summary-row-action.svc-toolbar__item--pressed,
.sd-summary-row-action:active {
  opacity: .5;
}
.sd-summary-row-action.svc-toolbar__item--active {
  outline: none;
}
.sd-summary-row-action:disabled {
  cursor: default;
  opacity: .25;
}
.sd-summary-row-action .sv-svg-icon {
  height: var(--sjs2-size-x200);
  width: var(--sjs2-size-x200);
}
.sd-summary-row-action--edit use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.sd-summary-row-action--delete:focus,
.sd-summary-row-action--delete:hover {
  background-color: var(--sjs2-color-bg-alert-secondary);
  outline: none;
}
.sd-summary-row-action--delete use {
  fill: var(--sjs2-color-bg-alert-primary);
}
.sd-imagemap {
  position: relative;
}
.sd-imagemap-bg {
  display: block;
  width: 100%;
}
.sd-imagemap-svg {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}
.sd-imagemap-svg-item {
  fill: var(--sd-imagemap-idle-fill-color,transparent);
  stroke: var(--sd-imagemap-idle-stroke-color,transparent);
  stroke-width: var(--sd-imagemap-idle-stroke-width,0);
}
.sd-imagemap-svg-item--hover {
  fill: var(--sd-imagemap-hover-fill-color,var(--sjs2-color-bg-accent-secondary));
  stroke: var(--sd-imagemap-hover-stroke-color,var(--sjs2-color-bg-accent-primary));
  stroke-width: var(--sd-imagemap-hover-stroke-width,1);
}
.sd-imagemap-svg-item--selected {
  fill: var(--sd-imagemap-selected-fill-color,var(--sjs2-color-bg-brand-secondary));
  stroke: var(--sd-imagemap-selected-stroke-color,var(--sjs2-color-project-brand-600));
  stroke-width: var(--sd-imagemap-selected-stroke-width,1);
}
.sd-imagemap-svg-item--disabled {
  display: none;
}
.sd-imagemap-control-point {
  cursor: pointer;
  fill: var(--sjs2-color-bg-accent-primary);
  stroke: var(--sjs2-color-bg-accent-secondary);
  stroke-width: 1;
}
.sd-imagemap-control-point:hover {
  fill: var(--sjs2-color-bg-warning-primary);
  stroke: #000;
  stroke-width: 1.5;
}
.sd-container-modern,
.sd-root-modern {
  --sd-base-padding:var(--sjs2-spacing-x500);
  --sd-base-vertical-padding:var(--sjs2-spacing-x400);
  --sd-page-vertical-padding:var(--sjs2-spacing-x300);
  --sjs2-spacing-large-horizontal:var(--sjs2-spacing-x500);
  --sjs2-spacing-large-vertical:var(--sjs2-spacing-x500);
  --sjs2-spacing-medium-horizontal:var(--sjs2-spacing-x300);
  --sjs2-spacing-medium-vertical:var(--sjs2-spacing-x300);
}
.sd-root-modern--mobile .sd-container-modern,
.sd-root-modern.sd-root-modern--mobile {
  --sd-base-padding:var(--sjs2-spacing-x300);
  --sd-base-vertical-padding:var(--sjs2-spacing-x200);
  --sd-page-vertical-padding:var(--sjs2-spacing-x200);
  --sjs2-spacing-large-horizontal:var(--sjs2-spacing-x200);
  --sjs2-spacing-large-vertical:var(--sjs2-spacing-x500);
  --sjs2-spacing-medium-horizontal:var(--sjs2-spacing-x200);
  --sjs2-spacing-medium-vertical:var(--sjs2-spacing-x200);
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num {
  float: none;
  margin-inline-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  width: auto;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
  flex-direction: column;
}
.sd-root-modern.sd-root-modern--mobile .sd-header__text {
  min-width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__cell {
  display: block;
}
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
  padding-left: 0;
  padding-top: var(--sjs2-spacing-x100);
}
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
  padding-bottom: var(--sjs2-spacing-x100);
}
.sd-multipletext--mobile .sd-multipletext__item-container {
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.sd-multipletext--mobile .sd-multipletext__item-title {
  border-right: none;
  margin: 0;
  max-width: none;
  padding: var(--sjs2-spacing-x100) 0;
  width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__item {
  flex-basis: 0;
  min-width: 0;
}
.sd-multipletext--mobile .sd-multipletext__item .sd-formbox__input {
  margin: 0;
  min-height: calc((var(--sjs2-typography-font-size-component-input-content))*1.5);
  padding: 0;
}
.sd-multipletext--mobile .sd-multipletext__item .sd-formbox__character-counter {
  padding-bottom: 0;
  padding-top: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within,
.sd-multipletext--mobile .sd-multipletext__item-container--answered {
  flex-direction: column;
  gap: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title,
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  padding: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item,
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item {
  flex-basis: auto;
  min-width: auto;
  width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-formbox__input,
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-formbox__input {
  width: 100%;
}
.sd-selectbase--mobile .sd-selectbase--multi-column {
  flex-direction: column;
}
.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
body {
  --sv-defaultV2-mark:true;
}
.sd-root-modern {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  --sd-mobile-width:600px;
  --sd-timer-size:calc(var(--sjs2-base-unit-size)*18);
  background-color: var(--sjs2-color-utility-body);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  position: relative;
  width: 100%;
}
@-moz-document url-prefix() {
  .sd-root-modern,
  .sd-root-modern * {
    scrollbar-color: var(--sjs2-color-component-input-default-line) transparent;
    scrollbar-width: thin;
  }
}
.sd-root-modern ::-webkit-scrollbar,
.sd-root-modern::-webkit-scrollbar {
  background-color: transparent;
  height: 12px;
  width: 12px;
}
.sd-root-modern ::-webkit-scrollbar-thumb,
.sd-root-modern::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--sjs2-color-component-input-default-line);
  border: 4px solid transparent;
  border-radius: 32px;
}
.sd-root-modern ::-webkit-scrollbar-track,
.sd-root-modern::-webkit-scrollbar-track {
  background: transparent;
}
.sd-root-modern ::-webkit-scrollbar-thumb:hover,
.sd-root-modern::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-component-input-default-line);
  border: 2px solid transparent;
}
.sd-root-modern form {
  position: relative;
}
.sd-root-modern:before {
  background-color: var(--sjs2-color-utility-surface-survey);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.sd-root-modern--animation-disabled *,
.sd-root-modern--animation-disabled :after,
.sd-root-modern--animation-disabled :before {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-duration: .01ms !important;
  animation-duration: .01ms !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.sd-root-modern--animation-disabled .sd-loading-indicator .sv-svg-icon {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
}
@media (prefers-reduced-motion:reduce) {
  .sd-root-modern *,
  .sd-root-modern :after,
  .sd-root-modern :before,
  .sv-popup *,
  .sv-popup :after,
  .sv-popup :before {
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important;
    -webkit-animation-duration: .01ms !important;
    animation-duration: .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    -webkit-transition-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .sd-loading-indicator .sv-svg-icon {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important;
  }
}
.sd-root-modern.sd-root-modern--full-container {
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
.sd-root-modern--mobile {
  --sd-timer-size:var(--sjs2-size-x900);
}
.sd-root-modern__wrapper {
  position: relative;
}
.sd-root-modern__wrapper--has-image {
  min-height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
  height: 100%;
  position: static;
  width: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.sv-popup .sv-popup__scrolling-content {
  box-sizing: content-box;
}
@-moz-document url-prefix() {
  .sv-popup .sv-popup__scrolling-content,
  .sv-popup .sv-popup__scrolling-content * {
    scrollbar-color: var(--sjs2-color-component-input-default-line) transparent;
    scrollbar-width: thin;
  }
}
.sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar,
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {
  background-color: transparent;
  height: 12px;
  width: 12px;
}
.sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb,
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--sjs2-color-component-input-default-line);
  border: 4px solid transparent;
  border-radius: 32px;
}
.sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-track,
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track {
  background: transparent;
}
.sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-component-input-default-line);
  border: 2px solid transparent;
}
.sv-components-container-center {
  position: sticky;
  top: 0;
}
.sv-root--sticky-top .sv-components-container-center {
  z-index: 15;
}
.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center,
.sv-root--sticky-top.sd-progress--pages .sv-components-container-center {
  background-color: var(--sjs2-color-utility-sheet);
  box-shadow: var(--sjs2-border-effect-surface-default);
}
.sv-components-container-left,
.sv-components-container-right {
  width: fit-content;
}

/* node_modules/survey-creator-core/survey-creator-core.min.css */
/*!
 * SurveyJS Creator v3.2.3
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-variable-presets .sd-question--table {
  --sjs2-layout-component-matrix-box-padding-top:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-box-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-left-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-right-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-header-cell-left-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-header-cell-right-padding-right:var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-padding-top:var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-cell-padding-bottom:var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-header-cell-padding-top:var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-padding-bottom:var(--sjs2-spacing-x100);
  --sjs2-layout-component-panel-footer-padding-top:var(--sjs2-spacing-x100);
  --sjs2-layout-component-panel-footer-padding-bottom:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-left:var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-right:var(--sjs2-spacing-x000);
}
.svc-variable-presets .sd-table__cell:not(.sd-table__cell--actions) {
  text-align: start;
}
.svc-json-editor-tab__content {
  display: flex;
  flex-direction: column;
}
.svc-json-editor-tab__ace-editor {
  height: 100%;
}
svc-tab-json-editor-textarea {
  background: var(--sjs2-color-utility-surface-json-editor);
  height: 100%;
  width: 100%;
}
.svc-json-editor-tab__content {
  height: 100%;
  position: relative;
}
.svc-json-editor-tab__content-area {
  background: var(--sjs2-color-utility-surface-json-editor);
  border: none;
  box-sizing: content-box;
  color: var(--ctr-code-viewer-text-color,var(--sjs-code-gray-300,#505050));
  font-family:
    var(--sjs2-typography-font-family-code),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  height: 100%;
  line-height: var(--sjs2-typography-line-height-default);
  outline: none;
  width: 100%;
}
.svc-json-errors {
  --thm-json-error-row:calc(var(--sjs2-border-width-x100) + var(--sjs2-spacing-x200) + var(--sjs2-line-height-x300));
  display: flex;
  flex-direction: column;
  margin: 0;
  max-height: calc(var(--thm-json-error-row)*5);
  overflow-y: auto;
  padding: 0;
}
.svc-json-errors__item {
  background: var(--sjs2-color-bg-alert-secondary);
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  display: block;
  pointer-events: none;
}
.svc-json-errors__item--warning {
  background: var(--sjs2-color-bg-warning-secondary);
}
.svc-json-errors__item--warning .svc-json-error__icon {
  fill: var(--sjs2-color-bg-warning-primary);
}
.svc-json-error {
  align-items: center;
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  gap: var(--sjs2-spacing-x200);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.svc-json-error .sv-string-viewer {
  cursor: pointer;
  pointer-events: all;
}
.svc-json-error .sv-string-viewer:hover {
  text-decoration: underline;
}
.svc-json-error__icon {
  box-sizing: border-box;
  display: block;
  fill: var(--sjs2-color-bg-alert-primary);
  flex: 0 0 auto;
  height: 1lh;
  line-height: var(--sjs2-line-height-x200);
  width: 1lh;
}
.svc-json-error__container {
  display: flex;
  flex: 1 1 auto;
  gap: var(--sjs2-spacing-x200);
  min-width: 0;
}
.svc-json-error__title {
  flex: 0 1 auto;
  min-width: 0;
}
.svc-json-error__fix-button {
  align-items: center;
  appearance: none;
  background: var(--sjs2-color-bg-basic-primary);
  border: none;
  border-radius: var(--sjs2-radius-x050);
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  padding: 0 var(--sjs2-spacing-x100);
  pointer-events: all;
}
.svc-json-error__fix-button svg {
  fill: var(--sjs2-color-fg-basic-secondary);
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-json-error__fix-button:hover svg {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svd-simulator {
  background: var(--sjs2-color-bg-basic-secondary);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-border-basic-secondary);
  left: 50%;
  top: 50%;
  transform: scale(1.26) translate(-50%, -50%);
  transform-origin: 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svd-simulator,
.svd-simulator-wrapper {
  box-sizing: content-box;
  position: relative;
}
.svd-simulator-wrapper {
  background: var(--sjs2-color-bg-basic-primary);
  border: var(--sjs2-border-width-x400) solid var(--sjs2-color-bg-basic-secondary);
  border-radius: var(--sjs2-radius-x400);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1), 0 8px 16px 0 var(--sjs2-color-utility-shadow-floating-default);
  margin: 0 auto;
  overflow: hidden;
}
.svd-simulator-main.svd-simulator-main--desktop {
  min-height: auto;
}
.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {
  height: 100%;
}
.svd-simulator-main.svd-simulator-main--frame {
  align-items: center;
  display: flex;
}
.svd-simulator-main:not(.svd-simulator-main--frame) {
  background-color: transparent;
}
.svd-simulator-main .sd-root-modern {
  min-height: 100%;
}
.svd-simulator-main .sd-root-modern span {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.svd-simulator-main .sd-root-modern .sv-popup--menu-popup {
  right: 0;
  width: auto;
}
.svd-simulator-content {
  background: var(--sjs2-color-bg-basic-primary,#fff);
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.svd-simulator-content .sv-popup--modal-popup {
  height: 100%;
  width: 100%;
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup {
  --svc-variables-viewer-outer-gap:var(--sjs2-spacing-x300);
  padding: var(--svc-variables-viewer-outer-gap);
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup > .sv-popup__container > .sv-popup__body-content {
  gap: var(--sjs2-spacing-x200);
  height: min(var(--sjs2-base-unit-size) * 100, 100vh - 2 * var(--svc-variables-viewer-outer-gap));
  max-height: none;
  min-width: 0;
  padding: var(--sjs2-spacing-x300);
  width: min(var(--sjs2-base-unit-size) * 125, 100vw - 2 * var(--svc-variables-viewer-outer-gap));
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__body-footer,
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__body-header {
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__content {
  flex-grow: 1;
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__scrolling-content {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
}
.svc-variables-viewer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
.svc-variables-viewer__text {
  background: var(--sjs2-color-bg-basic-secondary);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x100);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  flex-grow: 1;
  font-family:
    var(--sjs2-typography-font-family-code),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-family: var(--sjs2-typography-font-family-code), monospace;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  margin: 0;
  min-height: 0;
  outline: none;
  overflow: auto;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  resize: none;
  width: 100%;
}
.svc-variables-viewer__text:focus {
  border-color: var(--sjs2-color-border-brand-primary);
}
.svc-test-tab__content {
  align-items: center;
  background: var(--sjs2-color-utility-surface-designer);
  justify-content: center;
}
.svc-test-tab__content .svc-plugin-tab__content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-around;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__content-actions {
  margin-bottom: calc(var(--sjs2-base-unit-spacing)*12);
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  width: fit-content;
}
.svc-test-tab__content-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.svc-test-tab__content-actions .svc-pages-toolbar {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0 var(--sjs2-border-width-x100) 0 0 var(--sjs2-color-border-basic-secondary);
  justify-content: center;
  padding: var(--sjs2-spacing-x100) 0;
  width: 100%;
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content .sd-body--empty {
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex-direction: column;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  overflow: hidden;
  position: static;
  text-align: center;
}
.svc-page-selector .sd-action {
  box-sizing: border-box;
  max-width: 100%;
}
.svc-page-selector .sd-action__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sl-table {
  margin: 0 25%;
  margin-top: var(--sjs2-spacing-negative-x200);
  width: 50%;
}
.sl-table__row {
  position: relative;
}
.sl-table__cell.st-table__cell--actions:first-of-type .sd-action-bar {
  margin-top: var(--sjs2-spacing-negative-x050);
  padding-right: var(--sjs2-spacing-x200);
}
.sl-table .sl-table__detail-button.sl-table__detail-button {
  border-radius: var(--sjs2-radius-x100);
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x150);
  transition: background-color var(--sjs-creator-transition-duration,.15s);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:focus:enabled {
  background-color: transparent;
}
.sl-table .sl-table__detail-button.sl-table__detail-button use {
  transition: fill var(--sjs-creator-transition-duration,.15s);
}
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key,
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key use,
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.sl-panel .sd-action__title,
.sl-paneldynamic__add-btn .sd-action__title {
  padding: 0;
}
.sl-table__remove-button .sd-action use {
  fill: var(--sjs2-color-bg-alert-primary);
}
.sl-table__cell .sd-action__icon {
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
}
.sl-table__cell .sd-action.sv-focused--by-key .sd-action__icon,
.sl-table__row:hover .sl-table__cell .sd-action__icon {
  opacity: var(--sjs2-opacity-visible);
}
.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs2-color-bg-brand-primary);
}
.sl-table .svc-action-button {
  margin-left: 0;
  padding: var(--sjs2-spacing-x050) 0;
}
.sl-table__cell .svc-action-button,
.sl-table__cell .svc-action-button:focus,
.sl-table__cell .svc-action-button:focus:enabled,
.sl-table__cell .svc-action-button:hover,
.sl-table__cell .svc-action-button:hover:enabled {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-primary);
  display: -webkit-box;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  -webkit-line-clamp: 3;
  line-height: var(--sjs2-typography-line-height-medium);
  max-height: calc(var(--sjs2-typography-line-height-medium)*3);
  outline: none;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.sl-table__cell {
  padding: 0;
  vertical-align: top;
  width: 100%;
}
.sl-table__row .sl-table__cell {
  --animation-padding-top:var(--sjs2-spacing-x500);
  padding-top: var(--sjs2-spacing-x500);
}
.sl-table__cell--actions {
  position: absolute;
  width: max-content;
}
.sl-table__cell--actions:first-of-type {
  transform: translateX(-100%);
}
.sl-table__cell--detail-button {
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  overflow: hidden;
}
.sl-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sl-table thead th:first-child {
  left: 0;
  position: absolute;
  transform: translateX(-100%);
}
.sl-table thead th:last-child {
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.sl-table thead .sl-table__cell.st-table__cell--header {
  text-align: left;
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: var(--sjs2-spacing-x400);
}
.sl-table td:first-of-type .sv-action-bar,
.sl-table th:first-of-type .sv-action-bar {
  justify-content: flex-end;
}
.sl-table td:last-of-type,
.sl-table th:last-of-type {
  padding-right: var(--sjs2-spacing-x400);
}
.sl-panel .sl-panel__footer {
  padding: 0;
}
.sl-panel .sl-panel__footer .sv-action,
.sl-panel .sl-panel__footer .sv-action__content {
  width: 100%;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button {
  align-items: center;
  background-color: var(--sjs2-color-bg-brand-secondary);
  border-radius: var(--sjs2-radius-x100);
  display: flex;
  margin: var(--sjs2-spacing-x200) 0 0 0;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x400);
  transition: background-color var(--sjs-creator-transition-duration,.15s);
  -webkit-user-select: none;
  user-select: none;
  width: auto;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button .sd-action__title {
  color: var(--sjs2-color-bg-brand-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
  transition: color var(--sjs-creator-transition-duration,.15s);
  vertical-align: baseline;
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--sjs2-color-bg-brand-primary);
}
.sl-panel .sl-panel__footer button:hover:enabled .sd-action__title {
  color: var(--sjs2-color-fg-brand-on-primary);
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  align-items: center;
  color: inherit;
  display: flex;
  flex-grow: 1;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
}
.sl-element .sd-paneldynamic__buttons-container {
  padding: 0;
}
.sl-question {
  align-items: center;
  display: flex;
  margin-top: var(--sjs2-spacing-x200);
}
.sl-question .sd-question__header-and-content-container {
  align-items: center;
  flex-direction: row;
  gap: 0;
  padding: 0;
}
.sl-question .sd-question__header-and-content-container > div {
  width: 100%;
}
.sl-question .sd-paneldynamic__footer,
.sl-row .sd-question__header-and-content-container {
  padding: 0;
}
.sl-question--header-left > .sd-question__container > .sd-question__header-and-content-container > .sl-question__header {
  width: auto;
}
.sl-question--header-left > .sd-question__container > .sd-question__header-and-content-container > .sd-question__content {
  flex-grow: 1;
  width: auto;
}
.sl-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
}
.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {
  margin-top: 0;
}
.svc-creator-popup .sd-selectlist__item-body {
  padding-inline-end: var(--sjs2-spacing-x550);
}
.sl-row--multiple .sl-panel {
  padding-bottom: 0;
}
.sl-question__header--left {
  margin-right: var(--sjs2-spacing-x100);
}
.sl-row .svc-logic-question-value.sd-question--title-top .sd-question__content {
  width: 100%;
}
.sl-row .sd-rating {
  margin: -2px;
  overflow-x: auto;
  padding: 2px;
}
.sl-question__title {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  margin: 0;
}
.sl-question__title span + span {
  display: none;
}
.sl-row--multiple .sl-question {
  padding-right: var(--sjs2-spacing-x100);
}
.svc-logic-question-text-editor {
  margin-top: var(--sjs2-spacing-x200);
}
.svc-logic-question-ai-prompt > * {
  flex-grow: 1;
}
.svc-logic-question-ai-prompt__content {
  display: none;
}
.svc-logic-question-value {
  --sd-base-padding:var(--sjs2-spacing-x500);
  --sd-base-vertical-padding:var(--sjs2-spacing-x400);
  --sd-page-vertical-padding:var(--sjs2-spacing-x300);
  margin-top: var(--sjs2-spacing-x200);
}
.svc-logic-question-value > .sd-question__container > .sd-question__header-and-content-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: var(--sd-base-padding);
  padding-top: var(--sd-base-vertical-padding);
  row-gap: var(--sjs2-spacing-x200);
}
.svc-logic_trigger-editor {
  margin-top: var(--sjs2-spacing-x200);
}
.svc-logic_trigger-editor .svc-logic-question-value {
  margin-top: 0;
}
.sv-popup.svc-property-editor .sl-row {
  flex-flow: nowrap;
}
.sd-comment.sl-comment {
  height: calc(var(--sjs2-base-unit-line-height)*17);
}
.sl-body .sd-element-wrapper--enter,
.sl-body .sd-element-wrapper--leave,
.sl-body .sd-element__content--enter,
.sl-body .sd-element__content--leave,
.sl-body .sd-item--enter,
.sl-body .sd-item--leave,
.sl-body .sd-paneldynamic__panel-wrapper--enter,
.sl-body .sd-paneldynamic__panel-wrapper--leave,
.sl-body .sd-row--enter,
.sl-body .sd-row--leave,
.sl-body .sd-table__row--enter,
.sl-body .sd-table__row--leave {
  animation: none;
}
.sl-body .sd-page__content {
  padding: 0;
}
.sl-panel-wrapper--list.sl-panel-wrapper--enter,
.sl-panel-wrapper--list.sl-panel-wrapper--leave {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
}
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  animation-delay: var(--sl-pd-list-fade-in-delay,.15s), 0s;
  animation-duration: var(--sl-pd-list-fade-in-duration,.25s), var(--sl-pd-list-move-in-duration,.15s);
  animation-timing-function: ease-out;
  opacity: 0;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave {
  animation-delay: 0s, var(--sl-pd-list-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration: var(--sl-pd-list-fade-out-duration,.1s), var(--sl-pd-list-move-out-duration,.25s);
  animation-timing-function: ease-in;
}
.sl-paneldynamic__content {
  width: 100%;
}
.sl-paneldynamic__buttons-container {
  display: flex;
  justify-content: flex-start;
}
.sl-paneldynamic__buttons-container .sv-action-bar {
  margin: 0;
}
.sl-table__row--enter,
.sl-table__row--leave {
  animation-name: empty;
  --move-whole-animation-duration:calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration:calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sl-table__row--enter > td,
.sl-table__row--leave > td {
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: paddingFadeIn;
  animation-timing-function: var(--animation-timing-function);
}
.sl-table__row--enter > td > div,
.sl-table__row--leave > td > div {
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  opacity: 0;
}
.sl-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-sl-matrix-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-sl-matrix-row-fade-in-duration,250ms);
  --fade-animation-delay:var(--sjs-sl-matrix-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.sl-table__row--leave {
  --move-animation-delay:var(--sjs-sl-matrix-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-sl-matrix-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-sl-matrix-row-fade-out-duration,100ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.sl-table__row--detail.sl-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-sl-matrix-detail-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-sl-matrix-detail-row-fade-in-duration,500ms);
  --fade-animation-delay:var(--sjs-sl-matrix-detail-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.sl-table__row--detail.sl-table__row--leave {
  --move-animation-delay:var(--sjs-sl-matrix-detail-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-sl-matrix-detail-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-sl-matrix-detail-row-fade-out-duration,150ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.sl-row--enter {
  animation-delay:
    var(--sjs-sl-row-fade-in-delay,.15s),
    0s,
    0s;
  animation-duration:
    var(--sjs-sl-row-fade-in-duration,.5s),
    var(--sjs-sl-row-move-in-duration,.15s),
    var(--sjs-sl-row-move-in-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  min-height: 0 !important;
  opacity: 0;
}
.sl-row--delayed-enter {
  animation-delay:
    calc(var(--sjs-sl-row-fade-in-delay, .15s) + var(--sjs-sl-row-fade-in-animation-delay, .4s)),
    var(--sjs-sl-row-fade-in-animation-delay,.4s),
    var(--sjs-sl-row-fade-in-animation-delay,.4s);
  height: 0;
  overflow: hidden;
}
.sl-row--leave {
  animation-delay:
    0s,
    var(--sjs-sl-row-move-out-delay,.1s),
    var(--sjs-sl-row-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration:
    var(--sjs-sl-row-fade-out-duration,.15s),
    var(--sjs-sl-row-move-out-duration,.25s),
    var(--sjs-sl-row-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.sl-element-wrapper--enter {
  animation-delay: var(--sjs-sl-element-fade-in-delay,.15s), 0s;
  animation-duration: var(--sjs-sl-element-fade-in-duration,.5s), var(--sjs-sl-element-move-in-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  height: 0;
  min-height: 0 !important;
  opacity: 0;
}
.sl-element-wrapper--leave {
  animation-delay: 0s, var(--sjs-sl-element-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration: var(--sjs-sl-element-fade-out-duration,.15s), var(--sjs-sl-element-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.svc-tab-translation {
  height: 100%;
  width: 100%;
}
.svc-translation-tab {
  background-color: var(--sjs2-color-utility-surface-translations);
}
.svc-translation-tab--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 0;
  justify-content: center;
  width: 100%;
}
.st-properties {
  background-color: var(--sjs2-color-bg-basic-primary);
  flex-grow: 1;
  padding-left: var(--sjs2-spacing-x400);
  padding-right: var(--sjs2-spacing-x400);
  padding-top: var(--sjs2-spacing-x200);
}
.st-properties .spg-table .sd-table__cell--drag + .spg-table__cell,
.st-properties .spg-table .sd-table__cell--drag + sv-ng-matrixdropdown-cell + .spg-table__cell,
.st-properties .spg-table .spg-table__cell--actions + .spg-table__cell,
.st-properties .spg-table .spg-table__cell--actions + sv-ng-matrixdropdown-cell + .spg-table__cell,
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: var(--sjs2-size-x500);
}
.st-properties .spg-table .spg-table__question-wrapper {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x100);
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-matrixdynamic__dragged-row {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.st-properties .spg-matrixdynamic__dragged-row .spg-table__cell:nth-child(3) {
  flex: 1;
}
.st-content {
  display: flex;
  height: 100%;
}
.st-strings {
  overflow-x: hidden;
  overflow-y: auto;
}
.st-strings-wrapper {
  flex-grow: 1;
}
.st-property-panel {
  border-left: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  flex-grow: 0;
  flex-shrink: 0;
  width: 450px;
}
.st-language-settings__content {
  column-gap: var(--sjs2-spacing-x200);
  row-gap: var(--sjs2-spacing-x200);
}
.st-strings-header .st-table__cell {
  background: none;
  height: auto;
}
.st-root-modern,
.st-strings-header .st-table__cell {
  background-color: var(--sjs2-color-bg-basic-secondary);
}
.st-root-modern {
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}
.st-table__cell.st-table__cell--header,
.st-title.st-panel__title {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  text-align: left;
}
.st-table__cell.st-table__cell--header,
.st-title.st-panel__title {
  color: var(--sjs2-color-fg-basic-primary-muted);
}
.st-title.st-panel__title {
  background-color: var(--sjs2-color-component-formbox-design-bg);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  margin: 0;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
}
.st-table tr {
  align-items: stretch;
  display: flex;
}
.st-table__cell {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: block;
  flex: 1 1;
  padding: var(--sjs2-spacing-x100) 0;
}
td.st-table__cell:first-of-type {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  max-width: 300px;
  padding-right: var(--sjs2-spacing-x300);
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: var(--sjs2-spacing-x300);
}
.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: var(--sjs2-spacing-x600);
}
.st-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.st-formbox__input {
  background-color: var(--sjs2-color-bg-basic-primary);
  border: unset;
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  outline: none;
  padding: 0;
  resize: none;
  width: calc(100% - var(--sjs2-spacing-x300));
}
.st-formbox--readonly .st-formbox__input {
  cursor: default;
}
.sd-translation-line-skeleton {
  background-color: var(--sjs2-color-bg-basic-secondary);
  min-height: var(--sjs2-size-x500);
}
.st-translation-machine-from,
.svc-translation-machine {
  margin-right: auto;
}
.st-translation-machine-from__container {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.st-translation-machine-from__btn {
  flex-direction: row-reverse;
  white-space: nowrap;
  --sd-action-icon-size:var(--sjs2-line-height-x200);
}
.st-translation-machine-from__btn:disabled .sd-action__title,
.st-translation-machine-from__title {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.st-body__footer {
  background: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
}
.st-translation-dialog .st-strings-wrapper {
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs2-border-effect-surface-default);
  overflow: hidden;
}
.st-container-modern .sv-components-column--expandable {
  width: auto;
}
.st-body .sd-element-wrapper--enter,
.st-body .sd-element-wrapper--leave,
.st-body .sd-element__content--enter,
.st-body .sd-element__content--leave,
.st-body .sd-item--enter,
.st-body .sd-item--leave,
.st-body .sd-paneldynamic__panel-wrapper--enter,
.st-body .sd-paneldynamic__panel-wrapper--leave,
.st-body .sd-row--enter,
.st-body .sd-row--leave,
.st-body .sd-table__row--enter,
.st-body .sd-table__row--leave {
  animation: none;
}
.st-panel .sd-panel__header,
.st-row .sd-question__header-and-content-container {
  padding: 0;
}
.st-side-by-side {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.st-side-by-side__panes {
  align-items: stretch;
  display: flex;
  min-height: 100%;
  width: 100%;
}
.st-side-by-side__source,
.st-side-by-side__target {
  flex: 1 1 50%;
  height: auto;
  min-width: 0;
  overflow: visible;
  width: 50%;
}
.st-side-by-side__source {
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.st-side-by-side--no-target .st-side-by-side__source {
  border-right: none;
  flex: 1 1 100%;
  width: 100%;
}
.st-side-by-side--vertical {
  overflow: hidden;
}
.st-side-by-side--vertical .st-side-by-side__panes {
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.st-side-by-side--vertical .st-side-by-side__source,
.st-side-by-side--vertical .st-side-by-side__target {
  flex: 1 1 50%;
  height: 50%;
  overflow-y: auto;
  width: 100%;
}
.st-side-by-side--vertical .st-side-by-side__source {
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-right: none;
}
.st-side-by-side--vertical.st-side-by-side--no-target .st-side-by-side__source {
  border-bottom: none;
  flex: 1 1 100%;
  height: 100%;
}
.st-side-by-side .sd-header__text .sv-title-actions {
  align-items: flex-start;
}
.st-side-by-side .sd-header__text .sv-title-actions .sv-title-actions__title {
  flex: 0 1 auto;
}
.st-side-by-side .sd-header__text .sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
}
.st-side-by-side .sd-description,
.st-side-by-side .sd-description .sv-string-editor,
.st-side-by-side .sd-title,
.st-side-by-side .sd-title .sv-string-editor {
  overflow-wrap: anywhere;
}
.st-side-by-side__target .sjs_sp_placeholder {
  pointer-events: all;
  -webkit-user-select: all;
  user-select: all;
}
.st-page .sd-page__content {
  padding: 0;
  row-gap: 0;
}
.svc-translation-state {
  --sd-action-title-color:var(--sjs2-color-fg-basic-primary-muted);
  --sd-action-hover-title-color:var(--sjs2-color-fg-basic-primary-muted);
  --sd-action-icon-color:var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state svg use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state.svc-translation-state--untranslated {
  --sd-action-title-color:var(--sjs2-color-fg-warning-primary);
  --sd-action-hover-title-color:var(--sjs2-color-fg-warning-primary);
  --sd-action-icon-color:var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--untranslated svg use {
  fill: var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--untranslated .sd-action__title {
  color: var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--expanded {
  --sd-action-title-color:var(--sjs2-color-fg-brand-primary);
  --sd-action-hover-title-color:var(--sjs2-color-fg-brand-primary);
  --sd-action-icon-color:var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded svg use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded .sd-action__title {
  color: var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded svg {
  transform: rotate(180deg);
}
.st-element-strings-dialog .sd-body,
.st-element-strings-dialog .sd-body__page,
.st-element-strings-dialog .sd-container-modern,
.st-element-strings-dialog .sd-page,
.st-element-strings-dialog .sd-root-modern {
  background: transparent;
  box-shadow: none;
  margin: 0;
  max-width: none;
  padding: 0;
}
.st-element-strings-dialog .sd-page__content {
  padding: 0;
}
.sv-popup--modal-popup.svc-property-editor.st-element-strings-dialog .sv-popup__container .sd-body,
.sv-popup--modal-popup.svc-property-editor.st-element-strings-dialog .sv-popup__container .sv-components-column--expandable {
  min-width: min(var(--sjs2-base-unit-size) * 106, 80vw);
}
.st-element-strings .sd-action-title-bar {
  margin-left: auto;
}
.st-element-strings .sd-table__cell--header {
  text-align: left;
}
.st-element-strings .sd-table__cell--row-text {
  color: var(--sjs2-color-fg-basic-primary-muted);
  font-size: var(--sjs2-font-size-s,12px);
  line-height: var(--sjs2-line-height-s,16px);
  overflow-wrap: anywhere;
}
.st-dropdown-choices--wrapper {
  margin-top: var(--sjs2-spacing-x200);
}
.st-dropdown-choices--wrapper .svc-question__dropdown-choice input {
  pointer-events: none;
}
.st-dropdown-choices--wrapper .svc-question__dropdown-collapse-button {
  margin-top: var(--sjs2-spacing-x100);
}
.svc-translation-locale-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--sjs2-spacing-x100);
  min-width: 0;
  width: 100%;
}
.svc-translation-locale-item__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svc-translation-locale-item__progress {
  color: var(--sjs2-color-fg-basic-primary-muted);
  flex-shrink: 0;
  margin-left: auto;
}
.svc-creator-popup.sv-popup--modal-popup.svc-expression-assistant {
  --svc-expression-assistant-viewport-height:calc(100vh - var(--sjs2-spacing-x400) - var(--sjs2-spacing-x800));
}
.svc-creator-popup.sv-popup--modal-popup.svc-expression-assistant > .sv-popup__container > .sv-popup__body-content {
  max-height: min(var(--sjs2-base-unit-size) * 110, var(--svc-expression-assistant-viewport-height));
  min-height: min(var(--sjs2-base-unit-size) * 75, var(--svc-expression-assistant-viewport-height));
}
.svc-creator-popup.sv-popup--modal-popup.svc-expression-assistant .sv-popup__content {
  flex-grow: 1;
}
.svc-creator-popup.sv-popup--modal-popup.svc-expression-assistant .sv-popup__scrolling-content {
  flex-grow: 1;
  min-height: 0;
}
.svc-expression-assistant .svc-expression-assistant__label {
  font-weight: 600;
}
.svc-expression-assistant .svc-expression-assistant__current,
.svc-expression-assistant .svc-expression-assistant__display,
.svc-expression-assistant .svc-expression-assistant__explanation,
.svc-expression-assistant .svc-expression-assistant__note,
.svc-expression-assistant .svc-expression-assistant__suggested {
  margin-bottom: var(--sjs2-spacing-x100,8px);
}
.svc-expression-assistant .svc-expression-assistant__findings {
  margin: var(--sjs2-spacing-x050,4px) 0 0;
}
.svc-expression-assistant .svc-expression-assistant__finding--error strong {
  color: var(--sjs2-color-fg-state-danger-default,#e50a3e);
}
.svc-logic-tab {
  background: var(--sjs2-color-utility-surface-logic);
}
.svc-logic_trigger-editor .sd-row {
  margin-top: 0;
}
.svc-logic-paneldynamic div.svc-logic-operator {
  box-sizing: content-box;
  max-width: calc(var(--sjs2-base-unit-size)*40);
}
.svc-logic-paneldynamic .svc-logic-operator {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sjs2-radius-x100);
  cursor: pointer;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  outline: none;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
}
.svc-logic-operator.svc-logic-operator {
  transition: background-color var(--sjs-creator-transition-duration,.15s), color var(--sjs-creator-transition-duration,.15s);
}
.svc-logic-operator.svc-logic-operator:focus,
.svc-logic-operator.svc-logic-operator:hover {
  box-shadow: none;
  color: var(--sjs2-color-fg-note-on-primary);
  outline: none;
}
.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--sjs2-color-bg-note-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--question:focus,
.svc-logic-operator.svc-logic-operator--question:hover {
  background-color: var(--sjs2-color-bg-note-primary);
  color: var(--sjs2-color-fg-note-on-primary);
}
.svc-logic-operator.svc-logic-operator--conjunction {
  background-color: var(--sjs2-color-bg-warning-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--conjunction:focus,
.svc-logic-operator.svc-logic-operator--conjunction:hover {
  background-color: var(--sjs2-color-bg-warning-primary);
  color: var(--sjs2-color-fg-warning-on-primary);
}
.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--sjs2-color-bg-warning-secondary);
}
.svc-logic-operator.svc-logic-operator--operator .sd-action__title {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--operator:focus,
.svc-logic-operator.svc-logic-operator--operator:hover {
  background-color: var(--sjs2-color-bg-warning-primary);
}
.svc-logic-operator.svc-logic-operator--operator:focus .sd-action__title,
.svc-logic-operator.svc-logic-operator--operator:hover .sd-action__title {
  color: var(--sjs2-color-fg-warning-on-primary);
}
.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--sjs2-color-bg-alert-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--action .sd-action__title {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--action:focus,
.svc-logic-operator.svc-logic-operator--action:hover {
  background-color: var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-fg-alert-on-primary);
}
.svc-logic-operator.svc-logic-operator--action:focus .sd-action__title,
.svc-logic-operator.svc-logic-operator--action:hover .sd-action__title {
  color: var(--sjs2-color-fg-alert-on-primary);
}
.svc-logic-operator--action.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  margin-top: var(--sjs2-spacing-x200);
}
.svc-logic-operator--action.sl-paneldynamic__add-btn .sd-action__title,
.svc-logic-operator--operator.sl-paneldynamic__add-btn .sd-action__title,
.svc-logic-question--answered .svc-logic-operator--action,
.svc-logic-question--answered .svc-logic-operator--conjunction,
.svc-logic-question--answered .svc-logic-operator--operator,
.svc-logic-question--answered .svc-logic-operator--question {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-logic-operator.svc-logic-operator--error {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-alert-primary);
}
.svc-logic-operator.svc-logic-operator--error:focus,
.svc-logic-operator.svc-logic-operator--error:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-bg-alert-primary);
}
.svc-logic-operator.sd-formbox--readonly {
  pointer-events: none;
}
.svc-logic-operator__error,
.svc-logic-paneldynamic .sd-paneldynamic__separator {
  display: none;
}
.svc-action-button--icon.svc-icon-remove {
  align-items: center;
  background: none;
  border: none;
  border-radius: var(--sjs2-radius-x100);
  display: none;
  justify-content: center;
  outline: none;
  padding: var(--sjs2-spacing-x100);
}
.svc-action-button--icon.svc-icon-remove .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-action-button--icon.svc-icon-remove use {
  fill: var(--sjs2-color-bg-alert-primary);
}
.svc-action-button--icon.svc-icon-remove:focus,
.svc-action-button--icon.svc-icon-remove:hover {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.svc-action-button--icon.svc-icon-remove.svc-action-button--disabled {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sl-panel-wrapper--in-row:focus-within .svc-icon-remove:not(.svc-action-button--disabled),
.sl-panel-wrapper--in-row:hover .svc-icon-remove:not(.svc-action-button--disabled) {
  display: flex;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-tab__content.svc-logic-tab--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.svc-logic-tab__content.svc-logic-tab--empty .svc-logic-tab__content-actions {
  margin: 0;
}
.svc-logic-tab__content .svc-logic-tab__content-actions {
  margin-bottom: var(--sjs2-spacing-x800);
  margin-left: 25%;
  margin-right: 25%;
  margin-top: var(--sjs2-spacing-x500);
}
.svc-logic-tab__content .sd-action-bar__item {
  flex-grow: 1;
}
.svc-logic-tab__content-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
}
.svc-logic-paneldynamic .sd-row--multiple {
  background: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
}
.svc-logic-paneldynamic .sd-question__content {
  margin-top: 0;
}
.svc-logic-paneldynamic .sd-row__panel {
  width: calc(100% - var(--sjs2-spacing-x500));
}
.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {
  flex-flow: row wrap;
  margin-top: 0;
}
.sl-table__cell.sd-table__cell-action--show-detail use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.sl-table__cell--detail-panel {
  padding: 0;
}
.sl-table__cell--detail-panel .sd-body {
  margin: 0;
  max-width: none;
  min-width: none;
}
.sl-table__cell--detail-panel .sd-page.sd-body__page {
  padding: 0;
}
.sl-table__cell--detail-panel .sl-panel__footer {
  margin: 0;
}
.sl-dropdown {
  max-width: 45vw;
}
.sl-dropdown__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svc-logic-placeholder {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs2-border-effect-surface-default);
  box-sizing: border-box;
  margin-top: var(--sjs2-spacing-x200);
  max-width: 100%;
  min-width: 100%;
  width: calc(var(--sjs2-base-unit-size)*78);
}
.sv-popup--menu-phone .svc-logic-placeholder,
.sv-popup--menu-tablet .svc-logic-placeholder {
  width: auto;
}
.svc-logic-placeholder__text.svc-logic-placeholder__text {
  color: var(--sjs2-color-fg-basic-secondary);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x800);
  text-align: center;
}
.svc-logic-tab__leave-apply-button {
  background-color: var(--sjs2-color-bg-alert-primary);
}
svc-tab-designer {
  width: 100%;
}
.svc-tab-designer,
svc-tab-designer {
  background: var(--sjs2-color-utility-surface-designer);
  height: 100%;
}
.svc-tab-designer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: static;
  width: 0;
}
.svc-tab-designer:before {
  content: none;
}
.svc-logic-tab--empty,
.svc-test-tab--empty,
.svc-translation-tab--empty {
  background: var(--sjs2-color-utility-surface-designer);
}
.svc-tab-designer--with-placeholder .svc-designer-header {
  min-width: calc(var(--sjs2-base-unit-size)*90);
  width: 100%;
}
.svc-content-wrapper {
  display: flex;
  width: 100%;
}
.svc-designer-header .svc-surface-header {
  align-items: flex-start;
  background-color: var(--sjs2-color-component-survey-header-default-bg,transparent);
  box-shadow: none;
  display: flex;
  flex-direction: column-reverse;
  gap: var(--sjs2-spacing-x100,8px);
  justify-content: center;
  overflow: visible;
  padding-block-end: var(--sjs2-spacing-x100);
  padding-block-start: var(--sjs2-spacing-x200,16px);
  padding-inline-end: var(--sjs2-spacing-x300,24px);
  padding-inline-start: var(--sjs2-spacing-x300,24px);
}
.svc-surface-header .sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-survey-header-default-title-placeholder,rgba(28,27,32,.6));
}
.svc-surface-header .sd-description .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-survey-header-default-description-placeholder,rgba(28,27,32,.4));
}
.svc-tab-designer .svc-designer-header {
  border-bottom: var(--sjs2-border-width-x200,2px) solid transparent;
  position: relative;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: 672px;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
  max-width: none;
}
.svc-tab-designer .sd-question.sd-question--image {
  width: 100%;
}
.svc-tab-designer .sd-progress,
.svc-tab-designer .sd-progress__bar {
  background-color: transparent;
}
.svc-tab-designer_content {
  padding-inline-end: var(--sjs2-spacing-x200,16px);
  padding-inline-start: var(--sjs2-spacing-x200,16px);
}
.svc-tab-designer--with-placeholder .svc-tab-designer_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
.svc-tab-designer--with-surface-tools .svc-tab-designer_content {
  padding-inline-end: calc(var(--sjs2-base-unit-spacing)*9.25);
  padding-inline-start: calc(var(--sjs2-base-unit-spacing)*9.25);
}
.svc-creator--mobile .svc-tab-designer_content {
  padding: 0;
}
.svc-designer__placeholder-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--sjs2-spacing-x000,0);
  justify-content: center;
  padding: var(--sjs2-spacing-x200,16px);
  position: relative;
  text-align: center;
  width: 100%;
}
.svc-designer__placeholder-container .sd-page {
  display: none;
}
.svc-designer-placeholder-page .svc-page__footer {
  margin: auto;
}
.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}
.svc-tab-designer__tools {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x200,16px);
  position: absolute;
  right: 0;
  top: 0;
}
.svc-creator__toolbox--right .svc-tab-designer__tools,
:dir(rtl) .svc-tab-designer__tools,
[style*="direction: rtl"] .svc-tab-designer__tools,
[style*="direction:rtl"] .svc-tab-designer__tools {
  left: 0;
  right: unset;
}
.svc-tab-designer__toolbar {
  display: flex;
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar {
  display: flex;
  --sd-action-bar-gap:var(--sjs2-spacing-x100,8px);
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar .sd-action-bar__separator {
  box-sizing: content-box;
  height: var(--sjs2-border-width-x100,1px);
  margin-bottom: var(--sjs2-spacing-x100,8px);
  margin-right: 0;
  padding: var(--sjs2-spacing-x000,0) var(--sjs2-spacing-x100,8px);
  width: var(--sjs2-size-x300,24px);
}
.svc-tab-designer__surface-toolbar .sd-action-bar__item-content {
  flex-direction: column;
}
.sv-action-bar-separator {
  background: var(--sjs2-color-border-basic-secondary);
}
.svc-question__content--in-popup .sd-editor-chevron-button .sd-action,
.svc-question__content--in-popup .sd-editor-clean-button .sd-action,
.svc-tab-designer_content .sd-editor-chevron-button .sd-action,
.svc-tab-designer_content .sd-editor-clean-button .sd-action {
  cursor: default;
  --sd-action-disabled-background:var( --sjs2-color-component-action-neutral-tertiary-default-bg,rgba(95,94,97,0) );
  --sd-action-disabled-title-color:var(--sjs2-color-component-action-neutral-tertiary-default-label,#1c1b20);
  --sd-action-disabled-icon-color:var(--sjs2-color-component-action-neutral-tertiary-default-icon,#424146);
}
.svc-question__content--in-popup .sd-formbox,
.svc-tab-designer_content .sd-formbox {
  --sjs2-color-component-formbox-hovered-bg:var(--sjs2-color-component-formbox-default-bg);
  --sjs2-border-effect-component-formbox-hovered:var(--sjs2-border-effect-component-formbox-default);
}
.svc-creator--mobile .sd-container-modern,
.svc-creator--mobile .sd-root-modern {
  --sd-base-padding:var(--sjs2-spacing-x300);
  --sd-base-vertical-padding:var(--sjs2-spacing-x200);
  --sd-page-vertical-padding:var(--sjs2-spacing-x200);
  --sjs2-spacing-large-horizontal:var(--sjs2-spacing-x200);
  --sjs2-spacing-large-vertical:var(--sjs2-spacing-x500);
  --sjs2-spacing-medium-horizontal:var(--sjs2-spacing-x200);
  --sjs2-spacing-medium-vertical:var(--sjs2-spacing-x200);
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content .sd-selectbase__column {
  display: block;
  margin-left: 0;
  max-width: none;
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper {
  margin: 0 var(--sjs2-spacing-negative-x300);
  width: calc(100% + var(--sjs2-spacing-x600));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper > div {
  margin: 0 var(--sjs2-spacing-x300);
  width: calc(100% - var(--sjs2-spacing-x600));
}
.svc-creator--mobile .svc-question__drag-area {
  height: var(--sjs2-size-x300);
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(var(--sjs2-base-unit-spacing)*10);
}
.svc-creator--mobile .svc-designer-header + .svc-page,
.svc-creator--mobile .svc-designer-header + svc-page-wrapper + .svc-page {
  margin-top: var(--sjs2-spacing-x100);
}
.svc-creator--mobile .svc-page__content {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__header {
  row-gap: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__title {
  margin: 0;
}
.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
  margin: var(--sjs2-spacing-x250) 0 0 0;
}
.svc-creator--mobile .svc-page__footer {
  margin-left: var(--sjs2-spacing-x300);
  margin-right: var(--sjs2-spacing-x300);
  margin-top: var(--sjs2-spacing-x300);
}
.svc-creator--mobile .svc-designer-placeholder-page .svc-page__footer {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: normal;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: var(--sjs2-spacing-x300);
  padding-block-end: var(--sjs2-spacing-x200);
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
  margin-left: var(--sjs2-spacing-negative-x200);
  margin-top: var(--sjs2-spacing-negative-x200);
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% + var(--sjs2-spacing-x250));
}
.svc-switcher {
  align-items: center;
  gap: var(--sjs2-spacing-x100);
  pointer-events: auto;
}
.svc-switcher__title {
  color: var(--sjs2-color-fg-basic-primary-muted);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-switcher__icon {
  background: var(--sjs2-color-bg-basic-secondary);
  border-radius: var(--sjs2-radius-round);
  padding-block-end: var(--sjs2-spacing-x050);
  padding-block-start: var(--sjs2-spacing-x050);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x050);
  transition-duration: .2s;
  transition-property:
    background,
    padding-inline-start,
    padding-inline-end;
  transition-timing-function: linear;
}
.svc-switcher__icon,
.svc-switcher__icon:hover {
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.svc-switcher__icon:hover {
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-switcher__icon:focus {
  background: var(--sjs2-color-bg-basic-secondary);
}
.svc-switcher__icon:focus,
.svc-switcher__icon:focus:hover {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.svc-switcher__icon:focus:hover {
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  align-items: center;
  background: var(--sjs2-color-bg-brand-primary);
  border: var(--sjs2-border-width-x000) solid var(--sjs2-color-border-basic-secondary);
  justify-content: center;
  padding-block-end: var(--sjs2-spacing-x050);
  padding-block-start: var(--sjs2-spacing-x050);
  padding-inline-end: var(--sjs2-spacing-x050);
  padding-inline-start: var(--sjs2-spacing-x200);
}
.svc-switcher__icon--checked:focus {
  background: var(--sjs2-color-fg-brand-on-primary);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.svc-switcher__icon-thumb {
  background-color: var(--sjs2-color-fg-basic-secondary);
  border-radius: var(--sjs2-radius-round);
  height: var(--sjs2-size-x100);
  transition-duration: .2s;
  transition-property: background-color;
  transition-timing-function: linear;
  width: var(--sjs2-size-x100);
}
.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs2-color-fg-brand-on-primary);
}
.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb {
  background: var(--sjs2-color-bg-brand-primary);
}
.svc-notifier.svc-notifier--shown {
  opacity: var(--sjs2-opacity-x075);
  visibility: visible;
}
.svc-notifier {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  bottom: var(--sjs2-spacing-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  left: var(--sjs2-spacing-x100);
  line-height: var(--sjs2-typography-line-height-small);
  min-width: calc(var(--sjs2-base-unit-size)*30);
  opacity: var(--sjs2-opacity-hidden);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  position: absolute;
  text-align: center;
  visibility: hidden;
  z-index: 1600;
}
.svc-notifier.svc-notifier--error {
  background-color: var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-fg-alert-on-primary);
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator--mobile .svc-notifier {
  bottom: var(--sjs2-spacing-x600);
  box-sizing: border-box;
  left: 0;
  opacity: var(--sjs2-opacity-visible);
  width: 100%;
  z-index: 1000;
}
.svc-creator-popup .sd-page__content {
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup {
  background-color: var(--sjs2-color-utility-overlay);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-modal);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container .sv-modal-footer-action-bar {
  gap: var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-modal);
  box-shadow: unset;
  gap: var(--sjs2-spacing-x400);
  padding: var(--sjs2-spacing-x400);
}
.svc-creator-popup.sv-popup--modal-overlay {
  background: var(--sjs2-color-utility-overlay);
  box-sizing: content-box;
  max-height: calc(100vh - var(--sjs2-spacing-x200));
  padding-top: var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--modal-overlay > .sv-popup__container {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-modal) var(--sjs2-radius-component-modal) 0 0;
  display: flex;
  height: calc(100vh - var(--sjs2-spacing-x200));
  max-height: calc(100vh - var(--sjs2-spacing-x200));
  width: 100vw;
}
.svc-creator-popup.sv-popup--modal-overlay > .sv-popup__container > .sv-popup__body-content {
  align-self: stretch;
  border-radius: var(--sjs2-radius-component-modal) var(--sjs2-radius-component-modal) 0 0;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--sjs2-spacing-x300);
  min-height: 100%;
  padding: var(--sjs2-spacing-x300);
}
.svc-creator-popup.sv-popup--modal-overlay .sv-popup__scrolling-content {
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  overflow: visible;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-popup__body-footer {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: var(--sjs2-spacing-x200);
  justify-content: flex-end;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar {
  width: 100%;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action-bar__item {
  align-items: center;
  display: flex;
  flex: 1 0 0;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action-bar__item-content {
  display: flex;
  flex-grow: 1;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action {
  flex-grow: 1;
}
.svc-creator-popup .sv-popup__pointer:after {
  border-bottom: var(--sjs2-size-x100) solid var(--sjs2-color-bg-basic-primary);
  content: " ";
}
.svc-creator-popup .sv-popup__body-header {
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.svc-creator-popup .sv-popup__body-header,
.svc-creator-popup .sv-popup__content {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.svc-creator-popup .sv-popup__content {
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-creator-popup.sv-popup--menu-tablet {
  background-color: var(--sjs2-color-utility-overlay);
}
.svc-creator-popup.sv-popup--menu-tablet > .sv-popup__container {
  border-radius: var(--sjs2-radius-x100);
}
.svc-creator-popup.sv-popup--menu-tablet > .sv-popup__container > .sv-popup__body-content {
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-creator-popup.sv-popup--menu-phone > .sv-popup__container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}
.svc-creator-popup.sv-popup--menu-phone > .sv-popup__container > .sv-popup__body-content {
  align-self: stretch;
  background-color: var(--sjs2-color-bg-basic-primary);
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  padding: 0;
}
.svc-creator-popup.sv-popup--menu-phone .sv-menu-popup__button,
.svc-creator-popup.sv-popup--menu-tablet .sv-menu-popup__button {
  border-radius: var(--sjs2-radius-x100);
  color: var(--sjs2-color-bg-brand-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--menu-phone .sv-popup__body-footer,
.svc-creator-popup.sv-popup--menu-tablet .sv-popup__body-footer {
  background-color: var(--sjs2-color-bg-basic-secondary);
  border-top: 1px solid var(--sjs2-color-border-basic-secondary);
}
.svc-creator-popup.sv-popup--menu-phone .sv-menu-popup__button:disabled,
.svc-creator-popup.sv-popup--menu-tablet .sv-menu-popup__button:disabled {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-disabled);
}
.svc-creator-popup.sv-dropdown-popup.sv-popup--menu-phone .sv-popup__body-footer,
.svc-creator-popup.sv-dropdown-popup.sv-popup--menu-tablet .sv-popup__body-footer {
  background-color: var(--sjs2-color-bg-basic-secondary);
}
.svc-surface-placeholder {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  max-width: calc(var(--sjs2-base-unit-size)*90);
  width: 100%;
}
.svc-surface-placeholder__image {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  padding: 135px 170px;
  position: relative;
}
.svc-surface-placeholder__image--designer {
  background: url("./media/placeholder-designer-EEHG47N3.png") 50%/contain no-repeat;
}
.svc-surface-placeholder__image--preview {
  background: url("./media/placeholder-preview-ITXTYDGN.png") 50%/contain no-repeat;
}
.svc-surface-placeholder__image--theme {
  background: url("./media/placeholder-themes-XZPPJBJK.png") 50%/contain no-repeat;
}
.svc-surface-placeholder__image--logic {
  background: url("./media/placeholder-logic-DABLQ3BL.png") 50%/contain no-repeat;
}
.svc-surface-placeholder__image--translation {
  background: url("./media/placeholder-translations-HZP5UWGS.png") 50%/contain no-repeat;
}
.svc-surface-placeholder__text {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--sjs2-spacing-x100);
  justify-content: center;
  padding: var(--sjs2-spacing-x400) 0 var(--sjs2-spacing-x600) 0;
  width: 100%;
}
.svc-surface-placeholder__title {
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.svc-surface-placeholder__description,
.svc-surface-placeholder__title {
  align-self: stretch;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  text-align: center;
}
.svc-surface-placeholder__description {
  color: var(--sjs2-color-fg-basic-secondary);
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-designer__placeholder-container,
.svc-logic-tab__content-empty,
.svc-test-tab__content .svc-surface-placeholder,
.svc-translation-tab--empty .svc-surface-placeholder {
  max-width: calc(var(--sjs2-base-unit-size)*90);
  padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x600) calc(var(--sjs2-base-unit-spacing)*16) var(--sjs2-spacing-x600);
}
.svc-creator,
.svc-creator-popup {
  --sjs-code-gray-700:#b6b6b6;
  --sjs-code-blue-500:#326fca;
  --sjs-code-gray-300:#505050;
  --sjs-code-green-500:#08997c;
  --sjs-code-red-500:#f41b50;
  --sjs-code-purple-500:#c22fa2;
  --sjs-code-yellow-500:#f58d06;
  --sjs-code-gray-500:#8a8a8a;
}
:host,
:root {
  --sjs2-font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.svc-creator,
survey-creator {
  background-color: var(--sjs2-color-utility-body);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
@-moz-document url-prefix() {
  .svc-creator :not(.svd-simulator-main *),
  survey-creator :not(.svd-simulator-main *) {
    scrollbar-color: var(--sjs2-color-utility-scrollbar) transparent;
    scrollbar-width: thin;
  }
}
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar,
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar {
  background-color: transparent;
  height: var(--sjs2-size-x150);
  width: var(--sjs2-size-x150);
}
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb,
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--sjs2-color-utility-scrollbar);
  border: var(--sjs2-border-width-x400) solid transparent;
  border-radius: var(--sjs2-radius-round);
}
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-track,
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-track {
  background: transparent;
}
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb:hover,
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-utility-scrollbar);
  border: var(--sjs2-border-width-x200) solid transparent;
}
.svc-creator :not(.svd-simulator-main *) .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,
survey-creator :not(.svd-simulator-main *) .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-utility-scrollbar);
}
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
}
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item {
  overflow: hidden;
}
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer {
  white-space: nowrap;
}
.svc-creator__area {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-creator__content-wrapper {
  flex-grow: 1;
  height: 0;
  width: 100%;
}
.svc-creator-tab,
.svc-creator__content-holder {
  height: 100%;
  width: 100%;
}
.svc-creator-tab {
  display: flex;
  min-height: auto;
  overflow: hidden;
  position: relative;
}
.svc-creator__toolbox--right.svc-creator-tab {
  flex-direction: row-reverse;
}
.svc-creator-tab__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: min-content;
  position: relative;
  width: 100%;
}
.svc-plugin-tab__content {
  display: flex;
  flex-basis: 0;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}
.sv-popup__content .svc-plugin-tab__content {
  flex-basis: 100%;
  height: 100%;
}
.svc-creator__banner {
  background-color: var(--sjs2-color-bg-brand-primary);
  line-height: var(--sjs2-line-height-x400);
  text-align: center;
  width: 100%;
}
.svc-creator__non-commercial-text {
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x150) calc(var(--sjs2-base-unit-spacing)*16);
  vertical-align: middle;
}
.svc-creator__non-commercial-text,
.svc-creator__non-commercial-text a {
  color: var(--sjs2-color-fg-brand-on-primary);
}
.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x500);
}
.sv-drag-drop-ghost {
  background: var(--sjs2-color-bg-brand-primary);
  height: var(--sjs2-size-x050);
  position: absolute;
  top: var(--sjs2-spacing-x075);
  width: 100%;
}
.sv-drag-drop-ghost--vertical {
  height: 10000px;
  width: 4px;
}
.sv-drag-drop-ghost--item-value-bottom {
  bottom: var(--sjs2-spacing-negative-x050);
  top: auto;
}
.sd-element__header .svc-string-editor {
  display: inline-block;
  max-width: 100%;
}
.svc-string-editor {
  position: static;
}
.svc-string-editor [contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
}
.svc-string-editor .sv-string-editor {
  max-width: 100%;
  outline: none;
  position: relative;
  z-index: 12;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-input-default-placeholder);
  content: attr(aria-placeholder);
  transition: color var(--sjs-creator-transition-duration,.15s);
}
.svc-string-editor .sv-string-editor--html,
.svc-string-editor .sv-string-editor:focus-within {
  white-space: pre-wrap;
}
.svc-string-editor.svc-string-editor--hidden {
  display: none;
}
.svc-string-editor__content {
  display: inline-block;
  position: relative;
  width: 100%;
  z-index: 10;
}
.svc-matrix-cell .svc-string-editor__content {
  width: auto;
}
.svc-string-editor__content:focus-within .svc-remaining-character-counter {
  display: inline-block;
}
.svc-string-editor__input {
  display: flex;
}
.svc-remaining-character-counter {
  color: var(--sjs2-color-fg-basic-secondary);
  display: none;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  margin-inline-start: var(--sjs2-spacing-x200);
  outline: none;
  padding: 0;
  position: relative;
  vertical-align: top;
  z-index: 20;
}
.svc-string-editor__border {
  align-items: center;
  display: flex;
  justify-content: right;
  line-height: 0px;
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  z-index: 11;
}
.svc-string-editor__border,
.svc-string-editor__border.svc-string-editor__border--hover {
  border-radius: calc(var(--sjs2-base-unit-radius)*.375);
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-border-basic-secondary);
}
.svc-string-editor__border.svc-string-editor__border--hover {
  bottom: 0;
  left: var(--sjs2-spacing-negative-x050);
  right: var(--sjs2-spacing-negative-x050);
  top: 0;
  transition-delay: 0s;
}
.svc-string-editor__border.svc-string-editor__border--focus {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: calc(var(--sjs2-base-unit-radius)*.375);
  bottom: var(--sjs2-spacing-negative-x050);
  box-shadow: var(--sjs2-border-effect-floating-default), 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-bg-brand-primary);
  box-sizing: content-box;
  left: var(--sjs2-spacing-negative-x100);
  right: var(--sjs2-spacing-negative-x100);
  top: var(--sjs2-spacing-negative-x050);
}
.svc-string-editor__error {
  color: red;
  display: none;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  margin-left: var(--sjs2-spacing-x100);
}
.svc-string-editor__controls {
  align-items: center;
  display: none;
  height: 100%;
  justify-content: center;
  left: 100%;
  line-height: 0px;
  padding-left: var(--sjs2-spacing-x200);
  position: absolute;
  top: 0;
  width: var(--sjs2-size-x200);
  z-index: 12;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  opacity: var(--sjs2-opacity-visible);
  transition-delay: 0s;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--focus {
  transition: none;
}
.svc-string-editor:focus-within .svc-string-editor__border--focus {
  opacity: var(--sjs2-opacity-visible);
}
.svc-string-editor:focus-within .svc-string-editor__border--hover {
  transition: none;
}
.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border--focus {
  box-shadow: 0 2px 6px 0 var(--sjs2-color-utility-shadow-floating-default), 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-bg-alert-primary);
}
.sd-boolean .sv-string-editor:focus-within {
  white-space: nowrap;
}
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border,
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x075);
  display: block;
}
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
  left: calc(var(--sjs2-base-unit-spacing)*-.7);
  right: calc(var(--sjs2-base-unit-spacing)*-.7);
}
.svc-string-editor:focus-within ~ .sd-question__required-text,
.svc-string-editor:hover ~ .sd-question__required-text,
.svc-tab-designer sv-ng-string:focus-within ~ .sd-question__required-text,
.svc-tab-designer sv-ng-string:hover ~ .sd-question__required-text {
  visibility: hidden;
}
.svc-string-editor--multiline .sv-string-editor {
  white-space: pre-wrap;
}
.svc-action-button {
  border: var(--sjs2-border-width-x200) solid transparent;
  border-radius: var(--sjs2-radius-round);
  box-sizing: border-box;
  color: var(--sjs2-color-bg-brand-primary);
  display: inline-block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
}
.svc-action-button:focus,
.svc-action-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  outline: none;
}
.svc-action-button--selected {
  border-color: var(--sjs2-color-bg-brand-primary);
}
.svc-action-button--disabled {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-disabled);
}
.svc-page-navigator,
svc-page-navigator {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
}
.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-disabled);
}
.svc-page-navigator__popup {
  min-width: calc(var(--sjs2-base-unit-size)*12.5);
}
.svc-tab-designer__page-navigator {
  display: flex;
  flex-grow: 1;
}
.svc-page-navigator-item,
svc-page-navigator-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.svc-page-navigator-item-content {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x100);
  justify-content: flex-end;
  padding: var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing)*1.25);
  position: relative;
}
.svc-page-navigator-item-content:focus,
.svc-page-navigator-item-content:hover {
  outline: none;
}
.svc-page-navigator__items--up .svc-page-navigator-item-content {
  transform: translateY(-100%);
  transition: .25s ease-in-out;
}
.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-page-navigator__items--down .svc-page-navigator-item-content {
  transform: translateY(100%);
  transition: .25s ease-in-out;
}
.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-page-navigator-item__dot {
  align-items: center;
  display: flex;
  height: var(--sjs2-size-x250);
  justify-content: center;
  width: var(--sjs2-size-x250);
}
.svc-page-navigator-item__dot-content {
  background: var(--sjs2-color-fg-basic-primary-muted);
  border-radius: var(--sjs2-radius-x075);
  box-sizing: content-box;
  flex-shrink: 0;
  height: var(--sjs2-size-x075);
  width: var(--sjs2-size-x075);
}
.svc-page-navigator-item__banner {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x075);
  box-shadow: var(--sjs2-border-effect-floating-default);
  display: none;
  gap: var(--sjs2-spacing-x100);
  justify-content: flex-end;
  opacity: var(--sjs2-opacity-hidden);
  overflow: hidden;
  padding: var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing)*1.25) var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  white-space: nowrap;
  z-index: 15;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot-content {
  background: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-round);
  flex-shrink: 0;
  height: 1lh;
  line-height: var(--sjs2-line-height-x100);
  width: 1lh;
}
.svc-page-navigator-item__text {
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-page-navigator-item--selected .svc-page-navigator-item__dot-content {
  background: var(--sjs2-color-utility-surface-designer);
  border-color: var(--sjs2-color-fg-basic-primary-muted);
  border-style: solid;
  border-width: 2px;
  flex-shrink: 0;
  height: var(--sjs2-size-x100);
  width: var(--sjs2-size-x100);
}
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner {
  display: flex;
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner,
:dir(rtl) .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item__banner {
  direction: rtl;
  left: 0;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200) var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing)*1.25);
  right: unset;
}
svc-page {
  display: block;
}
.svc-page {
  margin-top: var(--sjs2-spacing-x200,16px);
}
.svc-page .sd-page__title {
  gap: var(--sjs2-spacing-x050,4px);
  margin-top: var(--sjs2-spacing-x300,24px);
}
.svc-page .sd-page__description {
  margin-bottom: var(--sjs2-spacing-x100,8px);
}
.svc-page .sd-page__num {
  color: var(--sjs2-color-component-page-default-title-placeholder);
}
.svc-page .svc-panel__placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-page__content {
  border-radius: var(--sjs2-radius-component-page,12px);
  box-sizing: border-box;
  outline-color: transparent;
  outline: var(--sjs2-border-width-x200,2px) transparent dashed;
  padding: var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x000,0) var(--sjs2-spacing-x300,24px);
  position: relative;
  transition-duration: var(--sjs-creator-transition-duration,.15s);
  transition-property:
    background-color,
    box-shadow,
    outline-color;
  width: 100%;
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x300,24px) 0;
  row-gap: var(--sjs2-spacing-x200,16px);
}
.svc-page__content .sd-page__header {
  margin-bottom: 0;
  padding: 0;
}
.svc-page__content .sd-page__content {
  padding: 0;
}
.svc-page__content:before {
  bottom: 0;
  box-sizing: content-box;
  content: "";
  height: 100%;
  margin-top: var(--sjs2-spacing-negative-x200,-16px);
  padding-top: var(--sjs2-spacing-x200,16px);
  position: absolute;
  width: 100%;
}
.svc-page__content > .svc-question__drag-area {
  padding-top: calc(var(--sjs2-spacing-x100, 8px) + var(--sjs2-spacing-x025, 2px));
}
.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  transition: opacity var(--sjs-creator-transition-duration,.15s);
}
.svc-page__content.svc-page__content--no-header .sd-page {
  margin-top: var(--sjs2-spacing-x200,16px);
  padding-top: var(--sjs2-spacing-x300,24px);
}
.svc-page__content--dragged {
  opacity: .25;
}
.svc-page__content-actions {
  box-sizing: border-box;
  display: flex;
  gap: var(--sjs2-spacing-x150,12px);
  inset-inline-end: 0;
  inset-inline-start: 0;
  justify-content: flex-end;
  opacity: var(--sjs2-opacity-hidden);
  padding: 0 var(--sjs2-spacing-x150,12px) 0 var(--sjs2-size-x300,24px);
  position: absolute;
  top: var(--sjs2-spacing-x100,8px);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  white-space: nowrap;
}
.svc-page__content-actions h4.sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-page-default-title-placeholder);
}
.svc-page__content-actions .sd-description .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-page-default-description-placeholder);
}
.svc-page__loading-content {
  padding: var(--sjs2-spacing-x500,40px);
  text-align: center;
}
.svc-page__loading-content .sd-loading-indicator {
  display: inline-block;
}
.svc-page__loading-content:not(.svc-page__loading-content--visible) .sd-loading-indicator .sv-svg-icon {
  animation: none;
}
.svc-page__content:not(.svc-page__content--collapsed) > .svc-page__loading-content {
  padding-bottom: calc(var(--sjs2-spacing-x500, 40px) + var(--sjs2-spacing-x200, 16px)*3 + var(--sjs2-typography-line-height-component-action-large-content, 24px));
}
.svc-question__drag-area > .svc-page__content-actions {
  inset-inline-start: 50%;
}
.svc-page-toolbar {
  --sd-action-bar-gap:var(--sjs2-spacing-x100,8px);
  flex-grow: 1;
  justify-content: flex-end;
  overflow: hidden;
  pointer-events: none;
}
.svc-page-toolbar .sd-action {
  pointer-events: all;
}
.svc-page-toolbar--collapse {
  flex-grow: 0;
  flex-shrink: 0;
  --sd-action-bar-gap:var(--sjs2-spacing-x150,12px);
}
.svc-page__content-actions .sv-action-bar-item-dropdown {
  background-color: transparent;
  border-radius: var(--sjs2-radius-x050);
}
.svc-hovered.svc-page__content,
.svc-page__content:focus {
  background: var(--sjs2-color-utility-surface-designer);
  box-shadow: var(--sjs2-border-effect-surface-hovered);
}
.svc-page__content--new.svc-page__content--new {
  background-color: transparent;
  box-shadow: none;
  padding-bottom: calc(var(--sjs2-base-unit-spacing)*9);
}
.svc-page__content--new.svc-page__content--new .svc-page-toolbar {
  display: none;
}
.svc-designer-placeholder-page .svc-page__content--new.svc-page__content--new {
  padding: 0;
}
.svc-hovered.svc-page__content .svc-page__content-actions,
.svc-page__content--selected .svc-page__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-hovered.svc-page__content > .svc-question__drag-area .svc-question__drag-element,
.svc-page__content--selected > .svc-question__drag-area .svc-question__drag-element {
  height: var(--sjs2-size-x200,16px);
  opacity: var(--sjs2-opacity-x050);
  width: var(--sjs2-size-x300,24px);
}
.svc-page__content--selected.svc-page__content--selected {
  background: var(--sjs2-color-utility-surface-designer);
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
}
.svc-page__content--animation-running .svc-row .svc-question--enter {
  animation: none;
}
.svc-page__content--animation-running .svc-row .svc-question--leave {
  animation-delay: var(--sjs-svc-collapse-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration: var(--sjs-svc-collapse-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: moveInWithOverflow;
  animation-timing-function: ease-in;
}
.svc-page__content--collapse-always,
.svc-page__content--collapse-onhover {
  outline: var(--sjs2-border-width-x200) transparent dashed;
}
.svc-page__content--collapse-always.svc-page__content--selected,
.svc-page__content--collapse-always.svc-page__content.svc-hovered,
.svc-page__content--collapse-onhover.svc-page__content--selected,
.svc-page__content--collapse-onhover.svc-page__content.svc-hovered {
  outline-color: transparent;
}
.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside,
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside {
  animation: collapsed-drag-over-inside-blinking 1s infinite;
  background: var(--sjs2-color-bg-brand-secondary);
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
  outline-color: transparent;
}
.svc-page__content--collapsed {
  outline-color: var(--sjs2-color-border-basic-secondary);
}
.svc-creator--mobile .svc-page__content:after {
  border-radius: var(--sjs2-radius-component-page,12px);
  margin: 0;
}
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected {
  background: var(--sjs2-color-utility-surface-designer);
  box-shadow: inset 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
}
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions {
  display: flex;
}
.svc-creator--mobile .svc-hovered.svc-page__content:not(.svc-page__content--new),
.svc-creator--mobile .svc-page__content:not(.svc-page__content--new):focus {
  box-shadow: inset var(--sjs2-border-effect-surface-hovered);
}
.svc-page__footer {
  gap: var(--sjs2-spacing-x200,16px);
  margin-left: var(--sjs2-spacing-x300,24px);
  margin-right: var(--sjs2-spacing-x300,24px);
  margin-top: var(--sjs2-spacing-x200,16px);
  overflow: visible;
  position: relative;
}
.svc-page__footer .svc-add-new-question-action {
  flex: 1 1 0;
  position: relative;
}
.svc-page--drag-over-empty .svc-page__footer:after {
  background: var(--sjs2-color-bg-brand-primary);
  content: " ";
  height: var(--sjs2-border-width-x200,2px);
  left: 0;
  position: absolute;
  top: calc((var(--sjs2-spacing-x200, 16px) + var(--sjs2-border-width-x200, 2px))/-2);
  width: 100%;
}
.svc-page--drag-over-empty-no-add-button:after {
  bottom: auto;
}
.svc-page__placeholder_frame {
  margin-top: var(--sjs2-spacing-x200,16px);
  max-width: 100%;
  min-width: auto;
  padding: 0 var(--sjs2-spacing-x300,24px);
}
.svc-page__placeholder_frame .svc-panel__placeholder_frame {
  height: auto;
  padding: var(--sjs2-spacing-x600,48px) var(--sjs2-spacing-x800,64px);
}
.svc-page__content--collapsed > .svc-page__footer {
  display: none;
}
.svc-page__content--collapsed .sd-page__title {
  margin-bottom: 0;
}
.svc-page__content--collapsed .svc-page__placeholder_frame {
  display: none;
}
.svc-page__content--collapsed .sd-page,
.svc-page__content--collapsed .svc-page__content-actions {
  display: flex;
}
.svc-page__content--collapsed .sd-page > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-page__header {
  display: block;
}
.svc-page__content--collapsed .sd-page .sd-page__header > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-page__header .sd-title {
  display: block;
}
.svc-page__content.svc-page__content--collapsed .sd-page {
  padding-bottom: 0;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse .sv-action-bar-separator {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator {
  visibility: visible;
}
.svc-page--enter,
.svc-page--leave {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
}
.svc-page--enter {
  opacity: var(--sjs2-opacity-hidden);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
  --fade-animation-duration:var(--sjs-svc-page-fade-in-duration,250ms);
  --move-animation-duration:var(--sjs-svc-page-move-in-duration,250ms);
  --fade-animation-delay:var(--sjs-svc-page-fade-in-delay,100ms);
  --move-animation-delay:0s;
}
.svc-page--leave {
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
  --fade-animation-duration:var(--sjs-svc-page-fade-out-duration,250ms);
  --move-animation-duration:var(--sjs-svc-page-move-out-duration,250ms);
  --fade-animation-delay:0s;
  --move-animation-delay:var(--sjs-svc-page-move-out-delay,100ms);
}
.svc-page__content {
  transition-duration: var(--sjs-svc-page-move-in-duration,.25s);
  transition-property: padding-bottom;
  transition-timing-function: ease-out;
}
.svc-page--enter.svc-page--enter .svc-page__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-page--enter.svc-page--enter .svc-page__content {
  background-color: transparent;
  box-shadow: 0 0 0 var(--sjs2-border-width-x200,2px) transparent;
}
.svc-page--enter.svc-page--enter .svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-page {
  scroll-margin-top: var(--sjs2-spacing-x100,8px);
}
.svc-page__content .sd-page__content:empty {
  display: none;
}
.svc-surface-btn {
  align-items: center;
  flex: 1 0 0;
  justify-content: center;
  --sd-action-border-radius:var(--sjs2-radius-component-panel,12px);
  --sd-action-padding:var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x800,64px);
  --sd-action-title-font-family:var(--sjs2-typography-font-family-component-action-large-content);
  --sd-action-title-font-weight:var(--sjs2-typography-font-weight-component-action-large-content);
  --sd-action-title-font-size:var(--sjs2-typography-font-size-component-action-large-content);
  --sd-action-title-line-height:var(--sjs2-typography-line-height-component-action-large-content);
  --sd-action-title-padding:0 var(--sjs2-spacing-x200,16px);
  --sd-action-icon-padding:0;
  --sd-action-icon-size:var(--sjs2-line-height-x300,24px);
  --sd-action-boxshadow:var(--sjs2-border-effect-surface-default,0 0 0 1px rgba(17,16,20,.1));
  --sd-action-disabled-box-shadow:var(--sjs2-border-effect-surface-disabled,0 0 0 1px rgba(17,16,20,.1));
  --sd-action-background:var(--sjs2-color-component-panel-default-bg,#fff);
  --sd-action-hover-background:var(--sjs2-color-bg-brand-secondary-dim,rgba(25,179,148,.15));
  --sd-action-disabled-background:var(--sjs2-color-bg-basic-primary-disabled,#f5f5f5);
  --sd-action-title-color:var(--sjs2-color-fg-brand-primary,#15987e);
  --sd-action-hover-title-color:var(--sjs2-color-fg-brand-primary,#15987e);
  --sd-action-disabled-title-color:var(--sjs2-color-fg-brand-primary-disabled,rgba(28,27,32,.2));
  --sd-action-icon-color:var(--sjs2-color-fg-brand-primary,#15987e);
  --sd-action-hover-icon-color:var(--sjs2-color-fg-brand-primary,#15987e);
  --sd-action-disabled-icon-color:var(--sjs2-color-fg-brand-primary-disabled,rgba(28,27,32,.2));
}
.svc-surface-btn:where(:active:has(.svc-surface-btn__selector:active)) {
  transform: none;
}
.svc-surface-btn__selector {
  inset-inline-end: 0;
  margin: var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x100,8px);
  position: absolute;
  --sd-action-boxshadow:none;
  --sd-action-disabled-box-shadow:none;
  --sd-action-border-radius:var(--sjs2-radius-component-action,8px);
}
.svc-row {
  position: relative;
  width: 100%;
}
.svc-row .sd-element__header ~ hr {
  display: none;
}
.svc-row > .sd-row.sd-page__row.sd-row--delayed-enter {
  margin-top: 0;
}
.svc-row:where(:has(> .sd-row--multiple)) {
  margin-top: var(--sjs2-spacing-negative-x200);
}
.svc-row > .sd-row.sd-row--multiple {
  flex-wrap: nowrap;
  margin-bottom: -2px;
  margin-right: calc(var(--sjs2-layout-component-page-content-area-gap-horizontal)*-1);
  overflow: auto;
  padding-bottom: 2px;
  padding-right: var(--sjs2-layout-component-page-content-area-gap-horizontal);
  padding-top: var(--sjs2-layout-component-page-content-area-gap-vertical);
  width: calc(100% + var(--sjs2-layout-component-page-content-area-gap-horizontal)*2);
}
.sd-panel .svc-row > .sd-row--multiple {
  border-radius: 0;
  box-shadow: none;
  margin: -2px;
  padding: 2px;
  width: 100%;
}
.sd-panel .svc-row > .sd-row--multiple > div {
  padding: 0;
}
.svc-row.svc-row--ghost .svc-question__content {
  border: none;
  box-shadow: none;
  padding: 0;
}
.svc-row.svc-row--ghost .sd-row {
  height: var(--sjs2-size-x400);
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: auto;
  margin-bottom: var(--sjs2-spacing-x200);
  margin-top: var(--sjs2-spacing-x200);
}
.svc-row.svc-row--ghost + .svc-row > .sd-page__row {
  margin-top: 0;
}
.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
  height: auto;
  margin-bottom: var(--sjs2-spacing-x200);
  margin-top: var(--sjs2-spacing-x200);
}
.svc-row__drop-indicator {
  background: var(--sjs2-color-bg-brand-primary);
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  transition: opacity var(--sjs-creator-transition-duration,.15s);
}
.svc-row__drop-indicator--bottom,
.svc-row__drop-indicator--top {
  height: 0;
  left: 0;
  width: 100%;
}
.svc-row__drop-indicator--top {
  top: calc(var(--sjs2-spacing-x100) - var(--sjs2-border-width-x100));
}
.svc-row__drop-indicator--bottom {
  bottom: calc(var(--sjs2-spacing-negative-x100) + var(--sjs2-border-width-x100));
}
.svc-row--drag-over-bottom > .svc-row__drop-indicator--bottom,
.svc-row--drag-over-top > .svc-row__drop-indicator--top {
  height: var(--sjs2-border-width-x200);
  opacity: var(--sjs2-opacity-visible);
}
.sd-panel__content .svc-row__drop-indicator--top,
.svc-question__content--panel .svc-row__drop-indicator--top {
  top: calc((var(--sjs2-spacing-x200) + var(--sjs2-border-width-x200))/-2);
}
.sd-panel__content .svc-row--drag-over-top:before,
.svc-question__content--panel .svc-row--drag-over-top:before {
  top: -4px;
}
.sd-panel__content .svc-row--drag-over-bottom:after,
.svc-question__content--panel .svc-row--drag-over-bottom:after {
  bottom: -4px;
}
.sd-panel .svc-row > .sd-row.sd-row--multiple {
  margin-left: var(--sjs2-spacing-negative-x100);
  padding-left: 0;
  width: calc(100% + var(--sjs2-spacing-x100));
}
.sd-panel .svc-row > .sd-row.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left:var(--sjs2-spacing-x100);
  padding-left: var(--sjs2-spacing-x100);
}
.svc-row {
  --sjs-row-fade-in-duration:var(--sjs-svc-row-fade-in-duration,250ms);
  --sjs-row-move-in-duration:var(--sjs-svc-row-move-in-duration,250ms);
  --sjs-row-fade-in-delay:var(--sjs-svc-row-fade-in-delay,100ms);
  --sjs-row-fade-out-duration:var(--sjs-svc-row-fade-out-duration,250ms);
  --sjs-row-move-out-duration:var(--sjs-svc-row-move-out-duration,250ms);
  --sjs-row-move-out-delay:var(--sjs-svc-row-move-out-delay,100ms);
  --sjs-row-fade-in-animation-delay:var(--sjs-svc-row-fade-in-animation-delay,0s);
}
.svc-carry-forward-panel-wrapper {
  align-self: stretch;
  container-type: inline-size;
  min-width: 0;
  width: 100%;
}
.svc-carry-forward-panel {
  background: var(--sjs2-color-component-formbox-design-bg);
  border-radius: var(--sjs2-radius-x100);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x800);
  text-align: center;
  width: 100%;
}
@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (min-width: 176px) and (max-width: 496px) {
  .svc-carry-forward-panel {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x300);
  }
  .svc-carry-forward-panel > span {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    white-space: normal;
    width: 100%;
  }
}
.svc-carry-forward-panel__link .svc-action-button {
  border: none;
  color: inherit;
  cursor: pointer;
  font-weight: inherit;
  padding: 0;
  text-decoration: underline;
}
.svc-carry-forward-panel__link .svc-action-button:focus,
.svc-carry-forward-panel__link .svc-action-button:hover {
  background-color: transparent;
}
svc-question {
  bottom: var(--sjs2-border-width-x100,1px);
  display: block;
  left: var(--sjs2-border-width-x100,1px);
  position: absolute;
  right: var(--sjs2-border-width-x100,1px);
  top: var(--sjs2-border-width-x100,1px);
}
.svc-question__adorner {
  display: grid;
  grid-template-columns: 100%;
  height: auto;
  position: relative;
  width: 100%;
}
.svc-question__adorner > * {
  grid-column: 1;
  grid-row: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed {
  height: fit-content;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
  border: none;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
  background: var(--sjs2-color-bg-basic-primary-dim);
  opacity: var(--sjs2-opacity-pressed);
}
.svc-question__adorner:before {
  bottom: 0;
  box-sizing: content-box;
  content: "";
  height: 100%;
  margin-left: calc(var(--sjs2-layout-component-page-content-area-gap-horizontal)*-1);
  margin-top: calc(var(--sjs2-layout-component-page-content-area-gap-vertical)*-1);
  padding-left: var(--sjs2-layout-component-page-content-area-gap-horizontal);
  padding-top: var(--sjs2-layout-component-page-content-area-gap-vertical);
  position: absolute;
  right: 0;
  width: 100%;
}
.svc-survey-element-toolbar {
  --sd-action-bar-gap:var(--sjs2-spacing-x100,8px);
}
.svc-question__adorner .sv-action-bar-item-dropdown {
  background-color: transparent;
}
.svc-question__adorner .sd-formbox__input:disabled,
.svc-question__adorner .sd-input:disabled {
  pointer-events: none;
}
.svc-question__content {
  scroll-margin-top: var(--sjs2-spacing-x100,8px);
}
.svc-question__content .sd-element {
  scroll-margin-top: var(--sjs2-spacing-x500,40px);
}
.svc-question__content {
  align-items: flex-start;
  background: var(--sjs2-color-component-panel-default-bg,#fff);
  border-radius: var(--sjs2-radius-component-panel,12px);
  box-shadow: var(--sjs2-border-effect-surface-default,0 2px 4px 1px,rgba(17,16,20,.1));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: auto;
  outline: none;
  padding: var(--sjs2-spacing-x400,32px) var(--sjs2-spacing-x500,40px) var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x500,40px);
  position: relative;
  transition: background var(--sjs-creator-transition-duration,.15s), box-shadow var(--sjs-creator-transition-duration,.15s);
  width: 100%;
}
.svc-question__content--title-bottom {
  padding-bottom: var(--sjs2-spacing-x400,32px);
  padding-top: var(--sjs2-spacing-x250,20px);
}
.svc-question__content--title-bottom .sd-question__content {
  margin-top: var(--sjs2-spacing-x250,20px);
}
.svc-question__content--title-bottom .svc-question__content-actions {
  height: var(--sjs2-size-x400,32px);
}
.svc-question__content--title-bottom .svc-question__content-actions > .sv-action-bar {
  margin-bottom: var(--sjs2-spacing-negative-x200,-16px);
}
.svc-question__content--title-hidden {
  padding-top: var(--sjs2-spacing-x500,40px);
}
.svc-question__content .sd-selectbase:not(.sd-imagepicker, .sd-boolean-fieldset) {
  margin-left: var(--sjs2-spacing-negative-x500,-40px);
  margin-right: var(--sjs2-spacing-negative-x500,-40px);
  overflow-x: auto;
  padding-left: var(--sjs2-spacing-x500,40px);
  padding-right: var(--sjs2-spacing-x500,40px);
}
.svc-question__content .sd-table-wrapper {
  padding: 0;
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker, .sd-boolean-fieldset) {
  margin-left: 0;
  overflow-x: visible;
  padding-left: 0;
}
.svc-question__content .sd-selectbase--multi-column {
  overflow: initial;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-container.sd-formbox:focus-within {
  box-shadow: var(--sjs2-border-effect-component-formbox-default,0 1px 2px 0 #d4d4d4 inset), var(--sjs2-border-effect-component-formbox-focused-reset,0 0 0 0 #19b394 inset);
}
.svc-question__content .sd-question.sd-question--table > .sd-question__container > .sd-question__header-and-content-container > .sd-question__content {
  margin-left: calc(var(--sjs2-layout-component-matrix-cell-right-padding-right)*-1);
  margin-right: calc(var(--sjs2-layout-component-matrix-cell-left-padding-left)*-1);
  padding-bottom: 0;
  padding-top: var(--sjs2-spacing-x200,16px);
}
.svc-question__content .sjs_sp_placeholder {
  pointer-events: all;
  -webkit-user-select: all;
  user-select: all;
}
.svc-question__content > div,
.svc-question__placeholders > div {
  overflow: visible;
}
.svc-question--enter,
.svc-question--leave {
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
}
.svc-question--enter {
  opacity: var(--sjs2-opacity-hidden);
  --fade-animation-duration:var(--sjs-svc-expand-fade-in-duration,150ms);
  --move-animation-duration:var(--sjs-svc-expand-move-in-duration,250ms);
  --fade-animation-delay:var(--sjs-svc-expand-fade-in-delay,250ms);
  --move-animation-delay:0s;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
  --animation-direction:normal;
}
.svc-question--leave {
  --fade-animation-duration:var(--sjs-svc-collapse-fade-out-duration,150ms);
  --move-animation-duration:var(--sjs-svc-collapse-move-out-duration,250ms);
  --fade-animation-delay:0s;
  --move-animation-delay:var(--sjs-svc-collapse-move-out-delay,100ms);
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
@keyframes changeAlignSelf {
  0% {
    align-self: flex-start;
  }
  to {
    align-self: stretch;
  }
}
.svc-question--enter.svc-question__adorner,
.svc-question--leave.svc-question__adorner {
  animation-duration: 0s;
  animation-name: changeAlignSelf;
  opacity: var(--sjs2-opacity-visible);
}
.svc-question--enter.svc-question__adorner {
  align-self: flex-start;
  animation-delay: var(--move-animation-duration);
}
.svc-question--leave.svc-question__adorner {
  animation-delay: var(--move-animation-delay);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {
  overflow: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {
  overflow: unset;
}
.svc-panel__placeholder {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
  text-wrap: wrap;
}
.svc-question__content-actions {
  height: var(--sjs2-size-x600,48px);
  margin-left: var(--sjs2-spacing-negative-x100,-8px);
  margin-top: auto;
  opacity: var(--sjs2-opacity-hidden);
  position: relative;
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  width: calc(100% + var(--sjs2-spacing-x200));
}
.svc-question__content-actions:focus-within {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__content-actions > .sd-action-bar {
  left: 0;
  margin-top: var(--sjs2-spacing-x200,16px);
  position: absolute;
  top: 0;
  width: 100%;
}
.svc-question__content-actions .svc-action-bar-item--right:first-of-type {
  margin-inline-start: auto;
}
.svc-dropdown-action--convertTo {
  max-width: max-content;
}
.svc-dropdown-action--convertTo .sd-action {
  flex-direction: row-reverse;
}
.svc-dropdown-action--convertTo .sd-action__icon:first-child:last-child {
  height: var(--sjs2-size-x300,24px);
  padding: 0;
  width: var(--sjs2-size-x300,24px);
}
.svc-dropdown-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: var(--sjs2-spacing-x050,4px);
}
.svc-dropdown-action--convertTo.sv-action--hidden {
  min-width: 0;
}
.svc-dropdown-action--convertTo-last {
  margin-inline-end: auto;
}
.svc-hovered > .svc-question__content,
.svc-question__content:focus {
  box-shadow: var(--sjs2-border-effect-surface-hovered);
}
.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged),
.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
}
.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {
  animation: collapsed-drag-over-inside-blinking 1s;
  background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
}
@keyframes collapsed-drag-over-inside-blinking {
  0% {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
  40% {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
  50% {
    background: transparent;
  }
  55% {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
  65% {
    background: transparent;
  }
  70% {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
  80% {
    background: transparent;
  }
  85% {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
  to {
    background: var(--sjs2-color-bg-brand-secondary,rgba(25,179,148,.1));
  }
}
.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions,
.svc-question__content--selected > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions.svc-question--enter,
.svc-question__content--selected > .svc-question__content-actions.svc-question--enter {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-question__content--dragged {
  opacity: var(--sjs2-opacity-disabled);
}
.svc-question__content--dragged > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-creator--mobile .svc-question__content-actions {
  height: var(--sjs2-size-x100,8px);
  overflow: hidden;
}
.svc-creator--mobile .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs2-spacing-x100,8px);
}
.svc-creator--mobile .svc-question__content-actions.svc-question--enter {
  animation-name: empty, moveInWithOverflow;
}
.svc-creator--mobile .svc-question__content {
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x300,24px) var(--sjs2-spacing-x200,16px);
}
.svc-creator--mobile .svc-element__header--hidden {
  margin-bottom: var(--sjs2-spacing-x200,16px);
  margin-top: var(--sjs2-spacing-x200,16px);
  padding: 0 var(--sjs2-spacing-x300,24px);
}
.svc-creator--mobile .svc-question__adorner--selected > .svc-element__header--hidden {
  margin-bottom: var(--sjs2-spacing-x300,24px);
  margin-top: var(--sjs2-spacing-x300,24px);
}
.svc-creator--mobile .svc-question__content--selected {
  padding-bottom: var(--sjs2-spacing-x200,16px);
  padding-top: var(--sjs2-spacing-x300,24px);
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions {
  height: var(--sjs2-size-x600,48px);
  overflow: visible;
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs2-spacing-x200,16px);
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions.svc-question--enter {
  animation-name: fadeIn, moveInWithOverflow;
}
.svc-question__content .sd-question.sd-question--table {
  margin-top: var(--sjs2-spacing-negative-x100,-8px);
  padding-top: var(--sjs2-spacing-x100,8px);
}
.svc-dragged-element-shortcut {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: grabbing;
  overflow: hidden;
  padding: var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x200,16px);
  position: absolute;
  text-overflow: ellipsis;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  z-index: 1000;
}
.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-dragged-element-shortcut--selected {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.svc-dragged-element-shortcut__text {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-dragged-element-shortcut--has-icon {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x100,8px);
  justify-content: center;
  padding: var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x150,12px);
}
.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {
  display: block;
}
.svc-dragged-element-shortcut__icon {
  display: flex;
}
.svc-dragged-element-shortcut__icon svg {
  height: var(--sjs2-size-x300,24px);
  width: var(--sjs2-size-x300,24px);
}
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
  background: var(--sjs2-color-bg-brand-secondary);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-utility-shadow-surface-focused);
  box-shadow: 0 0 0 var(--sjs2-border-width-x100) var(--sjs2-color-utility-shadow-surface-focused);
}
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__drop-indicator {
  background: var(--sjs2-color-bg-brand-primary);
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  transition: opacity var(--sjs-creator-transition-duration,.15s);
}
.svc-question__drop-indicator--left,
.svc-question__drop-indicator--right {
  height: 100%;
  top: 0;
  width: var(--sjs2-size-x000,0);
}
.svc-question__drop-indicator--bottom,
.svc-question__drop-indicator--top {
  height: var(--sjs2-size-x000,0);
  left: 0;
  width: 100%;
}
.svc-question__drop-indicator--left {
  left: calc((var(--sjs2-layout-component-page-content-area-gap-horizontal) + var(--sjs2-border-width-x200, 2px))/-2);
}
.svc-question__drop-indicator--right {
  right: calc((var(--sjs2-layout-component-page-content-area-gap-horizontal) + var(--sjs2-border-width-x200, 2px))/-2);
}
.svc-question__drop-indicator--top {
  top: calc((var(--sjs2-layout-component-page-content-area-gap-vertical) + var(--sjs2-border-width-x200, 2px))/-2);
}
.svc-question__drop-indicator--bottom {
  bottom: calc((var(--sjs2-layout-component-page-content-area-gap-vertical) + var(--sjs2-border-width-x200, 2px))/-2);
}
.svc-question__content--drag-over-left > .svc-question__drop-indicator--left,
.svc-question__content--drag-over-right > .svc-question__drop-indicator--right {
  opacity: var(--sjs2-opacity-visible);
  width: var(--sjs2-border-width-x200,2px);
}
.svc-question__content--drag-over-bottom > .svc-question__drop-indicator--bottom,
.svc-question__content--drag-over-top > .svc-question__drop-indicator--top {
  height: var(--sjs2-border-width-x200,2px);
  opacity: var(--sjs2-opacity-visible);
}
.sd-panel .svc-question__content--drag-over-left .svc-question__drop-indicator--left {
  left: calc(var(--sjs2-spacing-x200, 16px)/-2 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content--drag-over-right .svc-question__drop-indicator--right {
  right: calc(var(--sjs2-spacing-x200, 16px)/-2 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left,
.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left {
  margin-left: var(--sjs2-spacing-x100,8px);
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
}
.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right,
.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right {
  margin-right: var(--sjs2-spacing-x100,8px);
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
}
.sd-panel__content .svc-question__content--drag-over-top .svc-question__drop-indicator--top,
.svc-question__content--panel .svc-question__content--drag-over-top .svc-question__drop-indicator--top {
  top: calc(var(--sjs2-spacing-x200, 16px)/-2 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel__content .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom,
.svc-question__content--panel .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom {
  bottom: calc(var(--sjs2-spacing-x200, 16px)/-2 + var(--sjs2-border-width-x200, 2px));
}
.svc-question__content-actions > .sv-action-bar {
  box-sizing: border-box;
  justify-content: center;
  padding: 0;
}
.svc-question .sv-action-bar,
.svc-question sv-action-bar,
svc-question .sv-action-bar,
svc-question sv-action-bar {
  padding: 0;
}
.svc-panel__edge {
  border: 1px solid orange;
  height: 10px;
  position: absolute;
  width: 100%;
}
.svc-panel__edge--top {
  top: 0;
}
.svc-panel__edge--bottom {
  bottom: 0;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  height: 100%;
  min-width: 4px;
  overflow: hidden;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {
  border: 0;
  padding: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  border: none;
  height: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area,
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {
  background: transparent;
  box-shadow: none;
}
.svc-hovered > .svc-question__content.svc-question__content:not(.svc-question__content--dragged) > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--sjs2-opacity-x050);
}
.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--sjs2-opacity-x050);
  z-index: 1;
}
.svc-element__header--hidden {
  box-sizing: border-box;
  display: block;
  margin: var(--sjs2-spacing-x400,32px) 0;
  padding: 0 var(--sjs2-spacing-x500,40px);
  width: 100%;
  z-index: -1;
}
.svc-element__header--hidden .svc-fake-title,
.svc-element__header--hidden .svc-string-editor,
.svc-element__header--hidden sv-ng-string > .svc-string-editor {
  display: inline-flex;
}
.svc-element__header--hidden .svc-fake-title:before,
.svc-element__header--hidden .svc-string-editor:before,
.svc-element__header--hidden sv-ng-string > .svc-string-editor:before {
  content: "(";
}
.svc-element__header--hidden .svc-fake-title:after,
.svc-element__header--hidden .svc-string-editor:after,
.svc-element__header--hidden sv-ng-string > .svc-string-editor:after {
  content: ")";
}
.svc-element__header--hidden .svc-element__title--hidden {
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity .15s;
}
.svc-element__header--hidden {
  --sd-panel-title-color:var(--sjs2-color-component-panel-nested-default-title);
  --sd-question-title-color:var(--sjs2-color-component-question-default-title);
}
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor,
.svc-element__header--lazy .svc-string-editor,
.svc-element__header--lazy sv-ng-string > .svc-string-editor {
  display: inline-block;
}
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor:after,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor:before,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor:after,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor:before,
.svc-element__header--lazy .svc-string-editor:after,
.svc-element__header--lazy .svc-string-editor:before,
.svc-element__header--lazy sv-ng-string > .svc-string-editor:after,
.svc-element__header--lazy sv-ng-string > .svc-string-editor:before {
  content: none;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden {
  z-index: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden > .svc-element__title--hidden {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .sd-file,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-carry-forward-panel-wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-image-question-controls,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__add-new-question-container,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__placeholder_frame-wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__content-actions,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__dropdown-choices--wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > sv-ng-file-question {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drop-indicator {
  display: block;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-content-wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drag-area {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element > :where(:not(.sd-element__header)) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container > * {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container > * {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container .sd-question__header:not(.sd-question__header--location--left) {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element__header > :not(.sd-element__title),
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container .sd-question__header--location--left {
  display: none;
}
.svc-question__adorner .svc-question__content--collapsed {
  flex-grow: 0;
  padding-bottom: calc(var(--sjs2-spacing-x200, 16px) + var(--sjs2-layout-component-question-box-gap-vertical, var(--sjs2-spacing-x200, 16px)));
  padding-top: var(--sjs2-spacing-x400,32px);
}
.svc-question__adorner .svc-question__content--collapsed .sd-element--complex > .sd-element__header,
.svc-question__adorner .svc-question__content--collapsed .sd-element__header {
  padding-bottom: 0;
  padding-top: 0;
}
.svc-creator--mobile .svc-question__top-actions {
  padding: 0;
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed {
  padding-bottom: var(--sjs2-spacing-x200,16px);
  padding-top: var(--sjs2-spacing-x200,16px);
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed.svc-question__content--selected {
  padding-bottom: var(--sjs2-spacing-x300,24px);
  padding-top: var(--sjs2-spacing-x300,24px);
}
.svc-question__drag-area {
  align-items: center;
  box-sizing: content-box;
  cursor: move;
  display: flex;
  height: var(--sjs2-size-x350,28px);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.svc-question__drag-element {
  height: var(--sjs2-size-x200,16px);
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  width: 100%;
  width: var(--sjs2-size-x300,24px);
}
.svc-question__drag-element use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: var(--sjs2-border-width-x100,1px);
  padding-right: var(--sjs2-border-width-x100,1px);
}
.sd-panel .svc-question__content .sd-table-wrapper:before {
  left: calc(var(--sd-base-padding)*-1 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content .sd-table-wrapper:after {
  right: calc(var(--sd-base-padding)*-1 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content {
  border-radius: 0;
  box-shadow: none;
}
.sd-panel .svc-question__content:after {
  bottom: 0;
  content: "";
  left: 0;
  outline: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
  outline-offset: calc(var(--sjs2-border-width-x100)*-1);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 12;
}
.sd-panel .svc-hovered > .svc-question__content:not(.svc-question__content--dragged):after {
  box-shadow: var(--sjs2-border-effect-surface-hovered) inset, 0 0 0 var(--sjs2-border-width-x200,2px) var(--sjs2-color-component-panel-default-bg,#fff) inset;
  outline: none;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged):after {
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused) inset;
  outline: none;
}
.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
  border: none;
}
.svc-widget__content {
  width: 100%;
}
.svc-widget__content .sd-question__content {
  pointer-events: none;
}
.svc-question__content .sd-paneldynamic__footer,
.svc-question__content .sd-paneldynamic__separator {
  display: none;
}
.svc-panel__placeholder_frame-wrapper {
  box-sizing: border-box;
  container-type: inline-size;
  display: flex;
  flex-grow: 1;
  position: relative;
  width: 100%;
}
.svc-question__content--empty-template .sd-paneldynamic,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,
.svc-question__content--empty-template .sd-paneldynamic__panels-container,
.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template .svc-question__adorner,
.svc-question__content--empty-template .svc-question__adorner > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {
  flex-grow: 1;
}
.svc-question__content .sd-paneldynamic__panels-container {
  margin: -2px;
  padding: 2px;
}
.svc-panel__placeholder_frame {
  align-items: center;
  border: var(--sjs2-border-width-x100,1px) dashed var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: var(--sjs2-spacing-x800,64px) var(--sjs2-spacing-x800,64px) var(--sjs2-spacing-x600,48px) var(--sjs2-spacing-x800,64px);
  width: 100%;
}
.svc-panel__add-new-question-container {
  display: flex;
  justify-content: center;
  margin-top: var(--sjs2-spacing-x050,4px);
  position: relative;
  width: 100%;
}
.svc-panel__question-type-selector {
  bottom: 0;
  inset-inline-end: 0;
  margin: 0;
  position: absolute;
}
@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(var(--sjs2-base-unit-spacing)*11) var(--sjs2-spacing-x300,24px) calc(var(--sjs2-base-unit-spacing)*10);
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(var(--sjs2-base-unit-spacing)*10) var(--sjs2-spacing-x300,24px) calc(var(--sjs2-base-unit-spacing)*10);
  }
}
.sd-panel .svc-row {
  margin-top: var(--sjs2-spacing-x100,8px);
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row > .sd-row {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top,
.svc-question__content .sd-element--complex > .sd-question__container > .sd-question__header-and-content-container > .sd-element__header--location-top {
  padding: 0;
  padding-bottom: calc(var(--sd-base-vertical-padding)*.5);
}
.svc-question__content .sd-element--complex > .sd-element__header:after {
  display: none;
}
.svc-question__content .sd-panel__content {
  gap: 0;
  padding: 0;
}
.svc-question__content .sd-composite > .sd-question__container > .sd-question__header-and-content-container > .sd-question__header ~ .sd-question__content > .sd-panel > .sd-panel__expandable-content > .sd-panel__content {
  column-gap: var(--sd-panel-content-column-gap);
  padding-block: var(--sd-panel-content-padding-block);
  padding-block-end: 0;
  row-gap: var(--sd-panel-content-row-gap);
}
.svc-creator--mobile .svc-question__content:where(:not(.svc-question__content--composite-question)) .sd-element--complex.sd-question--table > div > div > .sd-element__header--location-top {
  padding-bottom: calc(var(--sd-base-vertical-padding));
}
.svc-question__content .sd-element--complex > div > div > .sd-element__header--location-top.svc-element__header--hidden {
  padding-bottom: var(--sjs2-spacing-x100,8px);
}
.svc-question__content .sd-element--complex > div > div > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table-wrapper {
  --sd-question-container-background:var(--sjs2-color-component-panel-default-bg);
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__content:not(.svc-question__content--composite-question) .svc-carry-forward-panel {
  margin-top: var(--sjs2-spacing-x200,16px);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  min-width: min(var(--sjs2-size-x800), 100%);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-row__question--small .sd-question__content {
  overflow: visible;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question--description-under-input .sd-question__content {
  margin-bottom: var(--sjs2-spacing-negative-x100,-8px);
  padding-bottom: var(--sjs2-spacing-x100,8px);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-composite .sd-question__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--paneldynamic .sd-question__content {
  margin-bottom: -2px;
  padding-bottom: 2px;
}
.svc-question__content--paneldynamic .sd-paneldynamic__panels-container,
.svc-question__content--paneldynamic .sd-question__content {
  margin-top: var(--sjs2-spacing-negative-x100,-8px);
  padding-top: var(--sjs2-spacing-x100,8px);
}
.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}
.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {
  padding-bottom: var(--sjs2-spacing-x200,16px);
  padding-top: var(--sjs2-spacing-x200,16px);
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-bottom: 0;
  padding-top: 0;
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-bottom: var(--sjs2-spacing-x300,24px);
}
.svc-question__top-actions {
  padding: var(--sjs2-spacing-x050,4px);
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
}
.svc-question__adorner--collapse-always > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-onhover > .svc-question__content--selected > .svc-question__drag-area > .svc-question__top-actions {
  visibility: visible;
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  box-shadow: var(--sjs2-border-effect-surface-default);
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected .svc-question__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}
.sd-panel .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  border: var(--sjs2-border-width-x100,1px) dashed var(--sjs2-color-border-basic-secondary);
  border-radius: 0;
  box-shadow: none;
}
.svc-question__content--slider.svc-question__content--slider .sd-question__content {
  overflow-x: visible;
}
.svc-question__dropdown-choices {
  margin-top: var(--sjs2-spacing-x200);
}
.svc-question__dropdown-choice--collapsed:last-child {
  opacity: .25;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(2) {
  opacity: .5;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(3) {
  opacity: .75;
}
.svc-question__content > .svc-question__dropdown-choices--wrapper {
  margin: 0 var(--sjs2-spacing-negative-x400);
  overflow-x: auto;
  width: calc(100% + var(--sjs2-spacing-x800));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  display: inline-block;
  margin: 0 var(--sjs2-spacing-x400);
  min-width: var(--sjs2-size-x1500);
  width: calc(100% - var(--sjs2-spacing-x800));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-question__dropdown-collapse-button {
  margin-left: calc(var(--sjs2-spacing-x700, 56px) + var(--sjs2-spacing-x025, 2px));
  margin-top: calc(var(--sjs2-spacing-x050, 4px));
}
.svc-image-question-controls {
  display: none;
  position: absolute;
  right: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x500);
}
.svc-question__content--selected .svc-image-question-controls {
  display: flex;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
  border-radius: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions {
  box-sizing: border-box;
  padding-inline-start: var(--sjs2-spacing-x500);
  width: calc(100% - var(--sjs2-spacing-x300));
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions > .sd-action-bar {
  inset-inline-start: var(--sjs2-spacing-x500);
  width: calc(100% - var(--sjs2-spacing-x500));
}
.svc-question__content--image.svc-question__content--empty .sd-file,
.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
  width: 100%;
}
.svc-question__content--image .sd-file__choose-btn .sv-svg-icon,
.svc-question__content--image.svc-question__content--empty .sd-question--image {
  display: none;
}
@container (max-width: 176px) {
  .svc-question__content--image .sd-file__choose-btn .sv-svg-icon {
    display: block;
  }
}
.svc-question__content--loading .sd-image {
  display: none;
}
.svc-image-question__loading-placeholder {
  border: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
  box-sizing: content-box;
  height: calc(var(--sjs2-base-unit-size)*27.5);
  position: relative;
  width: 100%;
}
.svc-image-question__loading {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.svc-rating-question-controls {
  position: absolute;
  --sd-action-bar-gap:0;
}
.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls,
.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-rating-question-controls.svc-rating-question-controls--labels-top {
  margin-top: var(--sjs2-spacing-x550);
}
.svc-question__content .sd-rating {
  margin-inline-start: calc(var(--sjs2-base-unit-spacing)*9);
  max-width: calc(100% - var(--sjs2-base-unit-spacing)*9);
}
.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
  min-width: 0;
}
.svc-question__content .sd-rating .sd-rating__item-text {
  max-width: 100%;
}
.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
  white-space: nowrap;
}
.svc-question__content .sd-rating .sd-rating__item-text:after {
  display: none;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
  text-overflow: clip;
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text,
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  top: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: var(--sjs2-spacing-x500);
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text,
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: var(--sjs2-spacing-x500);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-question--table .sd-rating {
  margin-inline-start: 0;
  margin: auto;
  max-width: fit-content;
  width: fit-content;
}
.svc-question__content .svc-rating-question-controls {
  display: flex;
  justify-content: flex-start;
  min-width: auto;
  width: var(--sjs2-size-x800);
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x250);
  width: unset;
}
.svc-rating-question-content {
  flex: 1;
}
.svc-question__content .svc-rating-question-content .sd-question__content {
  margin: 0;
  overflow-x: visible;
  padding: 0;
}
.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-content fieldset:before {
  content: "";
  display: block;
  width: var(--sjs2-spacing-x800);
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  max-width: 100%;
  width: fit-content;
}
.svc-creator--mobile .svc-question__content .sd-rating--labels-bottom .sd-rating__min-text,
.svc-creator--mobile .svc-question__content .sd-rating--labels-diagonal .sd-rating__min-text,
.svc-creator--mobile .svc-question__content .sd-rating--labels-top .sd-rating__min-text {
  margin-inline-start: calc(var(--sjs2-base-unit-spacing)*9);
}
.svc-item-value-wrapper {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x100);
  margin-left: var(--sjs2-spacing-negative-x500);
  position: relative;
}
.svc-item-value-wrapper .sd-item {
  padding: var(--sjs2-spacing-x150) 0;
}
.sd-selectbase .svc-item-value-wrapper,
.svc-question__dropdown-choice .svc-item-value-wrapper {
  align-items: flex-start;
}
.sd-selectbase .svc-item-value__item,
.svc-question__dropdown-choice .svc-item-value__item {
  padding-right: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-selectbase__column {
  margin-left: var(--sjs2-spacing-x500);
  min-width: auto;
}
.svc-question__content .sd-imagepicker__column,
.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
.svc-question__content .sd-selectbase__column:first-of-type {
  margin-left: 0;
}
.svc-question__content .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
.svc-item-value--dragging {
  border-radius: var(--sjs2-radius-round);
  box-shadow: var(--sjs2-border-effect-floating-default);
  padding-left: var(--sjs2-spacing-x050);
  padding-right: var(--sjs2-spacing-x300);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-item-value-controls {
  align-self: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: var(--sjs2-size-x400);
  justify-content: flex-end;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  margin: calc(var(--sjs2-spacing-x150) - var(--sjs2-size-x400)*.5 + max(var(--sjs2-size-component-radio-box), 1lh)*.5) 0;
  min-width: var(--sjs2-size-x900);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  display: block;
  height: var(--sjs2-size-x300);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  width: var(--sjs2-size-x300);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon .sv-svg-icon {
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}
.svc-item-value-controls__drag {
  cursor: move;
  height: auto;
  opacity: var(--sjs2-opacity-x050);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x100);
  width: auto;
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-item-value-controls__drag use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-string-editor {
  cursor: text;
}
.svc-item-value--new .svc-item-value__item .sd-item__control-label,
.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: .35;
}
.svc-item-value--new .sv-ranking-item__index {
  background: var(--sjs2-color-bg-basic-secondary);
  border-radius: var(--sjs2-radius-round);
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.sv-ranking .svc-item-value-wrapper {
  align-items: center;
}
.sv-ranking .svc-item-value__item {
  flex-grow: 1;
  padding-right: 0;
}
.svc-question__content .svc-item-value__item .sv-ranking-item__text {
  flex-grow: 1;
  max-width: fit-content;
  width: 0;
}
.svc-item-value__item .sv-ranking-item__content {
  padding-left: 0;
}
.svc-item-value__item .sv-ranking-item__icon-container {
  display: none;
}
.svc-item-value__item .sv-ranking-item__text {
  overflow: visible;
}
.svc-item-value__item .svc-string-editor {
  display: inline-block;
  width: 100%;
}
.svc-item-value__item .sv-string-editor {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item__text {
  overflow: hidden;
}
.svc-item-value--ghost {
  height: var(--sjs2-size-x600);
}
.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}
.svc-item-value--ghost .svc-item-value__item {
  display: none;
}
.svc-item-value--ghost .sv-string-editor,
.svc-item-value--ghost .sv-string-viewer {
  white-space: unset;
}
.svc-item-value--movedown {
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
  transform: translate(0);
}
@keyframes svdragdropmovedown {
  0% {
    transform: translateY(-50px);
  }
  to {
    transform: translate(0);
  }
}
.svc-item-value--moveup {
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
  transform: translate(0);
}
@keyframes svdragdropmoveup {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translate(0);
  }
}
.svc-item-value__ghost {
  background: var(--sjs2-color-bg-basic-primary-dim);
  border-radius: var(--sjs2-radius-x100);
  display: none;
  height: var(--sjs2-size-x500);
  left: 35px;
  position: absolute;
  width: calc(var(--sjs2-base-unit-size)*25);
  z-index: 11;
}
.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
  min-width: auto;
}
.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
  min-width: 64px;
}
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-right: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: var(--sjs2-spacing-negative-x300);
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: var(--sjs2-spacing-negative-x600);
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-left: 0;
  padding-right: 0;
}
.svc-choice-elements-button-container {
  margin-left: auto;
}
.svc-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}
.svc-image-item-value--new {
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  border: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x050);
  box-sizing: border-box;
}
.svc-image-item-value--file-dragging .sd-imagepicker__image {
  background: var(--sjs2-color-bg-brand-secondary);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x050);
}
.svc-question__content--selected .svc-image-item-value--new {
  display: inline-block;
}
.svc-image-item-value-controls {
  box-sizing: border-box;
  gap: var(--sjs2-layout-component-image-picker-action-group-gap);
  padding: 0 var(--sjs2-spacing-x100);
  position: absolute;
  top: var(--sjs2-spacing-x100);
  width: 100%;
  z-index: 2;
  --sd-action-bar-gap:var(--sjs2-layout-component-image-picker-action-group-gap);
}
.svc-image-item-value--new .svc-image-item-value-controls {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
  justify-content: center;
  left: 0;
  padding: 0;
  right: 0;
  top: 0;
}
.sd-imagepicker {
  container-type: inline-size;
}
.svc-image-item-value--new.svc-image-item-value--single .svc-image-item-value-controls {
  padding: 0 var(--sjs2-spacing-x600);
}
@container (max-width: 496px) {
  .svc-image-item-value--new.svc-image-item-value--single .svc-image-item-value-controls {
    padding: 0 var(--sjs2-spacing-x100);
  }
}
@container (max-width: 176px) {
  .svc-image-item-value__placeholder {
    display: none;
  }
}
.svc-image-item-value__placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
  white-space: normal;
}
.svc-choose-file-input {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
  width: 100%;
}
.svc-image-item-value-controls__drag-area-indicator {
  cursor: move;
  display: none;
}
.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
  display: flex;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
  display: none;
}
.svc-image-item-value-wrapper__ghost {
  background: var(--sjs2-color-component-formbox-design-bg);
  border-radius: var(--sjs2-radius-x050);
  display: none;
}
.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(var(--sjs2-base-unit-size)*36);
}
.svc-image-item-value__loading {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.svc-matrix-cell {
  position: relative;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding-block: 0;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x100);
}
.svc-question__adorner .sd-table .sd-table__cell--column-title.sd-table__cell--drag {
  padding-left: 0;
  padding-right: 0;
}
.svc-matrix-cell--selected {
  border-radius: var(--sjs2-radius-x075);
  bottom: var(--sjs2-spacing-x000);
  display: none;
  left: var(--sjs2-spacing-x000);
  position: absolute;
  right: var(--sjs2-spacing-x000);
  top: var(--sjs2-spacing-x000);
}
.svc-matrix-cell--selected,
.svc-matrix-cell--selected.svc-visible {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
}
.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-secondary);
  display: block;
}
.svc-matrix-cell__question-controls {
  left: calc(50% - var(--sjs2-spacing-x300));
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  top: calc(50% - var(--sjs2-spacing-x300));
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  z-index: 2;
}
.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__content--in-popup {
  min-width: calc(var(--sjs2-base-unit-size)*70);
  padding: var(--sjs2-spacing-x500);
}
.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs2-spacing-x100);
  padding-top: 0;
}
.svc-matrix-cell__popup .svc-question__content {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-question__content .sd-table__cell--detail-panel {
  padding-left: calc(var(--sjs2-spacing-x100)*12.5);
}
.svc-question__content .sd-drag-element__svg {
  cursor: auto;
  visibility: visible;
}
.svc-question__content .sd-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.svd-test-results {
  border-radius: var(--sjs2-radius-x050);
  box-shadow: inset 0 1px 0 0 var(--sjs2-color-utility-shadow-surface-default);
  padding: calc(var(--sjs2-base-unit-spacing)*12);
}
.svd-test-results__content {
  box-shadow: var(--sjs2-border-effect-surface-default);
}
.svd-test-results__header {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: space-between;
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
}
.svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--sjs2-spacing-x100);
}
.svd-test-results__header .svc-action-button {
  background-color: transparent;
  border-radius: var(--sjs2-radius-x100);
  color: var(--sjs2-color-bg-brand-primary);
}
.svd-test-results__header .svc-action-button:focus,
.svd-test-results__header .svc-action-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  outline: none;
}
.svd-test-results__header .svc-action-button.svc-action-button--selected {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}
.svd-test-results__text {
  background: var(--sjs2-color-bg-basic-primary);
  box-sizing: content-box;
  color: var(--ctr-code-viewer-text-color,var(--sjs-code-gray-300,#505050));
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  overflow: auto;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  -webkit-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  width: calc(100% - var(--sjs2-spacing-x600));
}
.svd-test-results__table {
  width: 100%;
}
.svd-test-results__table table {
  border-collapse: collapse;
  width: 100%;
}
.svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: var(--sjs2-spacing-x150);
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform .2s ease-in-out;
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
  transform: rotate(90deg);
  transform-origin: center;
}
.svd-test-results__table table th {
  background: var(--sjs2-color-bg-basic-secondary);
  color: var(--sjs2-color-fg-basic-primary-muted);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300) var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
  text-align: left;
}
.svd-test-results__table table th:first-child {
  padding-left: var(--sjs2-spacing-x300);
}
.svd-test-results__table table td {
  background: var(--sjs2-color-bg-basic-primary);
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  font-weight: var(--sjs2-typography-font-weight-basic);
  max-width: calc(var(--sjs2-base-unit-size)*50);
  overflow: auto;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300) var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
  -webkit-user-select: text;
  user-select: text;
}
.svd-test-results__table table td,
.svd-test-results__table table td:first-child {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.svd-test-results__table table td:first-child {
  font-weight: var(--sjs2-typography-font-weight-strong);
  position: relative;
  width: 50%;
}
.svd-test-results__table table td:nth-child(2) {
  padding-right: var(--sjs2-spacing-x300);
  width: 50%;
}
.svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results__table table tr {
  vertical-align: top;
}
.svd-dark-border-color,
.svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: var(--sjs2-spacing-x400);
}
.svc-logo-image {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  position: relative;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}
.svc-logo-image__loading {
  box-sizing: content-box;
  height: var(--sjs2-size-x600);
  margin-left: var(--sjs2-spacing-negative-x200);
  padding: var(--sjs2-spacing-x100);
  width: var(--sjs2-size-x600);
}
.svc-logo-image-placeholder {
  align-items: center;
  border-radius: var(--sjs2-radius-round);
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-large);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-large);
  margin-inline-start: var(--sjs2-spacing-negative-x200);
  opacity: var(--sjs2-opacity-x050);
  padding: var(--sjs2-spacing-x100);
  transition: background-color var(--sjs-creator-transition-duration,.15s), opacity var(--sjs-creator-transition-duration,.15s);
  white-space: nowrap;
  word-break: keep-all;
}
.svc-logo-image-placeholder:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-logo-image-placeholder svg {
  height: var(--sjs2-size-x600);
  width: var(--sjs2-size-x600);
}
.svc-logo-image-placeholder use {
  fill: var(--sjs2-color-fg-basic-secondary);
  transition: fill var(--sjs-creator-transition-duration,.15s);
}
.svc-logo-image-container {
  cursor: default;
  padding: var(--sjs2-spacing-x200) 0;
  position: relative;
}
.svc-logo-image-container .sd-logo .sd-logo__image {
  display: block;
  margin: 0;
}
.svc-logo-image-controls {
  left: 50%;
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  --sd-action-gap:var(--sjs2-layout-component-survey-header-action-group-gap,8px);
}
.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
  display: none;
}
.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
.svc-logo-image-container--editable:hover .svc-logo-image-controls {
  opacity: var(--sjs2-opacity-visible);
}
.svc-link__button {
  border-radius: var(--sjs2-radius-x100);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-question-link__set-button {
  cursor: pointer;
}
.svc-link-value-button {
  margin-inline-start: var(--sjs2-spacing-negative-x200);
}
.spg-table__question-wrapper .svc-link-value-button {
  margin-inline-start: 0;
}
.svc-question-link__clear-button {
  color: var(--sjs2-color-bg-alert-primary);
  cursor: pointer;
}
.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.svc-search {
  align-items: center;
  display: flex;
}
.svc-search__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  display: block;
  flex-grow: 1;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  outline: none;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
}
.svc-creator--mobile .svc-search__input {
  font-size: max(16px, var(--sjs2-font-size-x150));
}
.svc-search__toolbar {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: var(--sjs2-spacing-x050);
  justify-content: flex-end;
}
.svc-search__toolbar .sd-action-bar {
  --sd-action-bar-gap:var(--sjs2-spacing-x050);
}
.svc-search__toolbar .sv-action--hidden {
  display: none;
}
.svc-search__toolbar-counter {
  display: flex;
  flex-shrink: 0;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-search__bar-item {
  --sd-action-border-radius:var(--sjs2-radius-form-item);
}
.svc-component-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-component-container > div,
.svc-component-container > div > div {
  height: fit-content;
}
.svc-icon-item {
  display: flex;
  gap: var(--sjs2-spacing-x100,8px);
}
svg.svc-icon-item__icon,
svg.svc-icon-item__icon use {
  fill: var(--sjs2-color-fg-brand-primary,#19b394);
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.sd-selectlist__item--selected svg.svc-icon-item__icon,
.sd-selectlist__item--selected svg.svc-icon-item__icon use {
  fill: currentColor;
}
.svc-icon-item__text {
  white-space: nowrap;
}
.svc-property-panel__item {
  margin: var(--sjs2-spacing-x200) 0;
  width: 100%;
}
.svc-property-grid-placeholder {
  align-items: center;
  align-self: stretch;
  background: var(--sjs2-color-utility-property-grid);
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--sjs2-spacing-x300);
  padding: calc(var(--sjs2-base-unit-spacing)*12) var(--sjs2-spacing-x600) 0 var(--sjs2-spacing-x600);
}
.svc-property-grid-placeholder__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x100);
  justify-content: center;
  max-width: calc(var(--sjs2-base-unit-size)*40);
}
.svc-property-grid-placeholder__title {
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-property-grid-placeholder__description,
.svc-property-grid-placeholder__title {
  display: inline-block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  text-align: center;
}
.svc-property-grid-placeholder__description {
  color: var(--sjs2-color-fg-basic-secondary);
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-property-grid-placeholder__content {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  width: 100%;
}
.svc-property-grid-placeholder__gap {
  flex: 1 0 0;
  max-width: 192px;
  width: 100%;
}
.svc-property-grid-placeholder__image {
  align-items: center;
  background: url("./media/image-panel-placeholder-6XP6UKXY.png") 50%/contain no-repeat;
  display: flex;
  flex: 1 0 0;
  height: 86px;
  justify-content: center;
  max-width: 192px;
  overflow: hidden;
  width: 100%;
}
.svc-creator__side-bar--left .svc-property-grid-placeholder__image,
:dir(rtl) .svc-property-grid-placeholder__image,
[style*="direction: rtl"] .svc-property-grid-placeholder__image,
[style*="direction:rtl"] .svc-property-grid-placeholder__image {
  transform: rotateY(180deg);
}
.svc-creator__side-bar--left .svc-property-grid-placeholder__content {
  flex-direction: row-reverse;
}
.svc-tabbed-menu-item {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  min-height: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
  padding: var(--sjs2-spacing-x250) var(--sjs2-spacing-x300);
  transition: box-shadow var(--sjs-creator-transition-duration,.15s), background-color var(--sjs-creator-transition-duration,.15s);
}
.svc-tabbed-menu-item:focus,
.svc-tabbed-menu-item:hover {
  background-color: var(--sjs2-color-bg-basic-primary-dim);
  box-shadow: inset 0 -1px 0 var(--sjs2-color-border-basic-secondary);
  outline: none;
}
.svc-tabbed-menu-item--icon {
  align-items: center;
  display: flex;
  padding-left: var(--sjs2-spacing-x200);
  padding-right: var(--sjs2-spacing-x200);
}
.svc-tabbed-menu-item--selected,
.svc-tabbed-menu-item--selected:focus,
.svc-tabbed-menu-item--selected:hover {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0 -2px 0 var(--sjs2-color-bg-brand-primary);
}
.svc-tabbed-menu-item--disabled {
  cursor: default;
  opacity: var(--sjs2-opacity-disabled);
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
}
.svc-tabbed-menu-item--hidden {
  visibility: hidden;
}
.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  font-weight: var(--sjs2-typography-font-weight-basic);
  white-space: nowrap;
}
.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text,
.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {
  font-weight: var(--sjs2-typography-font-weight-strong);
}
.svc-tabbed-menu-item__icon {
  fill: var(--sjs2-color-fg-basic-primary-muted);
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-tabbed-menu-dots__item {
  padding: var(--sjs2-spacing-x100);
  width: auto;
}
.svc-tabbed-menu-dots__item svg {
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
}
.svc-tabbed-menu-dots__item use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-tabbed-menu-dots__item.sv-action-bar-item--pressed,
.svc-tabbed-menu-dots__item:focus,
.svc-tabbed-menu-dots__item:hover {
  background: var(--sjs2-color-bg-basic-primary-dim);
  border-radius: var(--sjs2-radius-x100);
}
.svc-tabbed-menu-dots__item.sv-action-bar-item--pressed {
  opacity: var(--sjs2-opacity-pressed);
}
.svc-tabbed-menu-item-container--hidden {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.svc-tabbed-menu-item-container--hidden .svc-tabbed-menu-item-container__content {
  min-width: fit-content;
}
.svc-tabbed-menu-item-container__content {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.svc-tabbed-menu-item-container__content > * {
  flex: 0 0 auto;
}
.svc-tabbed-menu {
  align-items: center;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.svc-toolbox__item {
  align-items: center;
  border-radius: var(--sjs2-radius-x100);
  cursor: pointer;
  display: flex;
  outline: none;
  padding-bottom: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x150);
  position: relative;
}
.svc-toolbox__item-icon {
  display: block;
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  pointer-events: none;
  width: 1lh;
}
.svc-toolbox__tool {
  align-items: stretch;
  align-self: stretch;
  cursor: default;
  width: auto;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content {
  padding-block-start: 0;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-banner {
  top: 50%;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-submenu-button {
  top: 0;
}
.svc-toolbox__tool.sd-menu-list__item {
  padding: 0;
}
.svc-toolbox__tool-content {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  padding-block-start: var(--sjs2-spacing-x050);
  position: relative;
}
.svc-toolbox__tool-content > * {
  flex: 0 0 auto;
}
.svc-toolbox__tool--hidden {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.svc-toolbox__tool--hidden .svc-toolbox__tool-content {
  min-width: fit-content;
}
.svc-toolbox__item--has-subitems {
  padding-inline-end: var(--sjs2-spacing-x600);
}
.svc-toolbox__tool--has-subitems {
  align-items: stretch;
  align-self: stretch;
}
.svc-toolbox__item-container {
  display: flex;
  outline: none;
}
.svc-toolbox__item-container use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-toolbox__item-banner {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x075);
  box-shadow: var(--sjs2-border-effect-floating-default);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  inset-inline-start: var(--thm-toolbox-item-banner-left);
  line-height: var(--sjs2-typography-line-height-small);
  margin-inline-end: var(--sjs2-spacing-negative-x200);
  max-width: calc(var(--sjs2-base-unit-size)*100);
  opacity: var(--sjs2-opacity-hidden);
  overflow: visible;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  pointer-events: none;
  position: absolute;
  top: calc(50% + var(--sjs2-spacing-x025));
  transform: translateY(-50%);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
  white-space: nowrap;
  z-index: 200;
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  display: none;
  inset-inline-start: var(--sjs2-spacing-x150);
  position: absolute;
  top: var(--sjs2-spacing-x100);
}
.svc-toolbox__item-banner:after {
  align-self: center;
  background: var(--sjs2-color-bg-basic-primary);
  border-inline-end-color: transparent;
  border-top-color: transparent;
  box-shadow: var(--sjs2-border-effect-floating-default);
  clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);
  content: " ";
  display: block;
  height: calc(var(--sjs2-size-x050)*1.41);
  inset-inline-end: 100%;
  position: absolute;
  top: 50%;
  transform: translate(calc(var(--sjs2-size-x050)/1.41), calc(var(--sjs2-size-x050)/-1.41)) rotate(45deg);
  width: calc(var(--sjs2-size-x050)*1.41);
  z-index: 300;
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  overflow: hidden;
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x100);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svc-toolbox__tool:focus-within:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-banner,
.svc-toolbox__tool:hover:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-banner {
  display: flex;
  opacity: var(--sjs2-opacity-visible);
  pointer-events: auto;
}
.svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox__tool--disabled use {
  fill: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox__tool--disabled .svc-toolbox__item-title,
.svc-toolbox__tool--disabled use {
  opacity: var(--sjs2-opacity-disabled);
}
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  overflow: visible;
  transition: .1s ease-in-out;
}
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item {
  background-color: transparent;
  box-shadow: none;
}
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox__item-title,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox__item-title,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .sv-svg-icon use,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed,
.svc-toolbox__tool .sv-dots__item:focus:enabled,
.svc-toolbox__tool .sv-dots__item:hover:enabled {
  background-color: var(--sjs2-color-bg-brand-secondary);
  border-radius: var(--sjs2-radius-x100);
  box-shadow: none;
}
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-toolbox__item-submenu-button {
  align-items: center;
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x050);
  bottom: 0;
  box-sizing: border-box;
  display: inline-flex;
  height: fit-content;
  inset-inline-end: var(--sjs2-spacing-x200);
  margin-inline-end: var(--sjs2-spacing-negative-x100);
  margin-bottom: auto;
  margin-top: auto;
  padding: var(--sjs2-spacing-x050);
  position: absolute;
  top: var(--sjs2-spacing-x050);
  transition: background-color var(--sjs-creator-transition-duration,.15s);
}
.svc-toolbox__item-submenu-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.svc-toolbox__item-submenu-button svg {
  fill: var(--sjs2-color-fg-basic-secondary);
  height: 1lh;
  line-height: var(--sjs2-line-height-x200);
  width: 1lh;
}
.svc-toolbox-popup .sv-list__item:first-of-type .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-bottom: var(--sjs2-spacing-x150);
  padding-inline-end: var(--sjs2-spacing-x500);
  padding-top: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x200);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-pressed);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-pressed);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: unset;
}
.svc-toolbox-subtypes .sv-popup__container {
  box-shadow: unset;
  margin-top: var(--sjs2-spacing-negative-x250);
  margin-inline-start: calc(var(--sjs2-spacing-x250) + var(--sjs2-border-width-x100));
  padding: 0;
}
.svc-toolbox-subtypes .sv-list__container {
  column-gap: var(--sjs2-spacing-x200);
  flex-wrap: wrap;
  row-gap: var(--sjs2-spacing-x050);
}
.svc-toolbox-subtypes > .sv-popup__container > .sv-popup__body-content {
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
  padding: 0;
}
.svc-toolbox-subtypes .sv-popup__scrolling-content {
  box-sizing: border-box;
  overflow: visible;
  padding: var(--sjs2-spacing-x150);
}
.svc-toolbox-subtypes .sv-list__item:focus > .sv-list__item-body,
.svc-toolbox-subtypes .sv-list__item:hover > .sv-list__item-body {
  background-color: unset;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {
  align-self: flex-start;
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x100);
  box-sizing: border-box;
  min-width: calc(var(--sjs2-base-unit-size)*17);
  opacity: var(--sjs2-opacity-visible);
  overflow: hidden;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
  transition: .1s ease-in-out;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype,
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype {
  background: var(--sjs2-color-bg-brand-secondary);
  opacity: unset;
}
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title,
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox-subtypes .svc-toolbox__item-title {
  padding: 0;
}
.svc-toolbox-subtypes .svc-toolbox__tool-content {
  padding-block-start: 0;
}
.svc-toolbox__tool--dots {
  align-self: flex-start;
}
.svc-toolbox__item--dots {
  margin-top: var(--sjs2-spacing-x050);
  padding-inline-end: var(--sjs2-spacing-x150);
}
.svc-toolbox__item--dots.sd-action--pressed {
  opacity: var(--sjs2-opacity-pressed);
}
.svc-toolbox--compact .svc-toolbox__item-submenu-button {
  display: none;
}
.svc-toolbox--compact .svc-toolbox__tool {
  align-self: flex-start;
  padding: 0 var(--sjs2-spacing-x050);
  pointer-events: all;
}
.svc-toolbox--compact .svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox--compact .svc-toolbox__search-button {
  padding-inline-start: var(--sjs2-spacing-x050);
}
.svc-toolbox--compact .svc-toolbox__item {
  align-self: flex-start;
  box-sizing: border-box;
  padding-inline-end: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x100);
}
.svc-toolbox--compact .svc-toolbox__tool--dots {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.svc-toolbox--compact .svc-toolbox__item--dots {
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x150);
}
.svc-toolbox {
  --thm-toolbox-width-compact:calc(var(--sjs2-line-height-x300) + var(--sjs2-spacing-x600));
  --thm-toolbox-item-banner-left:calc(var(--sjs2-line-height-x300) + var(--sjs2-spacing-x300) + var(--sjs2-spacing-x150) + var(--sjs2-size-x100));
  height: 100%;
  width: auto;
}
.svc-toolbox,
.svc-toolbox__panel {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
}
.svc-toolbox__panel {
  background: var(--sjs2-color-utility-toolbox);
  border-inline-end: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  flex-shrink: 1;
  min-width: calc(var(--sjs2-base-unit-size)*20);
  position: relative;
}
.svc-toolbox .sv-scroll__wrapper,
.svc-toolbox__panel {
  flex-grow: 1;
  height: 0;
}
.svc-toolbox .sv-scroll__scroller {
  align-items: flex-start;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x150) var(--sjs2-spacing-x200) var(--sjs2-spacing-x150);
}
.svc-toolbox .sv-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: auto;
  padding: var(--sjs2-spacing-x150) 0 var(--sjs2-spacing-x200) 0;
}
.svc-toolbox--compact .svc-toolbox__panel {
  min-width: var(--thm-toolbox-width-compact);
  overflow: visible;
  width: var(--thm-toolbox-width-compact);
}
.svc-toolbox--compact .sv-scroll__scroller {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x150) var(--sjs2-spacing-x200) var(--sjs2-spacing-x150);
  pointer-events: none;
  width: 100vw;
}
.svc-toolbox--compact .svc-search {
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
}
.svc-toolbox--compact .svc-toolbox__search-container {
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-bottom: calc(var(--sjs2-spacing-x100) + var(--sjs2-spacing-x050));
  padding-top: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
}
.svc-toolbox--compact .svc-toolbox__category-separator {
  box-sizing: content-box;
  margin-inline-end: var(--sjs2-spacing-negative-x200);
  margin-inline-start: var(--sjs2-spacing-negative-x200);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x200);
}
.svc-toolbox--compact .svc-toolbox__category-separator--search {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.svc-toolbox__tool.svc-toolbox__search-button {
  align-items: center;
  justify-content: center;
  width: fit-content;
  z-index: 20;
}
.svc-toolbox__tool.svc-toolbox__search-button svg {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-toolbox--flyout {
  border-inline-end: var(--sjs2-border-width-x100) solid transparent;
  max-width: var(--thm-toolbox-width-compact);
  overflow: visible;
  width: var(--thm-toolbox-width-compact);
}
.svc-toolbox--flyout .svc-search {
  opacity: var(--sjs2-opacity-visible);
  position: relative;
}
.svc-toolbox--flyout .svc-toolbox__panel {
  box-shadow: var(--sjs2-border-effect-floating-default);
  position: relative;
  transition: box-shadow var(--sjs-creator-transition-duration,.15s);
  width: fit-content;
  z-index: 200;
}
.svc-toolbox--searchable .svc-toolbox__search-container {
  display: flex;
}
.svc-toolbox__search-container {
  background: var(--sjs2-color-utility-toolbox);
  border-bottom: var(--sjs2-border-width-x100) solid transparent;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  position: sticky;
  top: 0;
}
.svc-toolbox__search-container svg {
  pointer-events: none;
}
.svc-toolbox__category {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--sjs2-spacing-x050);
}
.svc-toolbox__category:last-child {
  margin-bottom: 0;
}
.svc-toolbox__category-separator {
  box-sizing: border-box;
  margin-top: var(--sjs2-spacing-x050);
  margin-inline-end: var(--sjs2-spacing-negative-x150);
  margin-inline-start: var(--sjs2-spacing-negative-x150);
  max-width: 10000px;
  padding-inline-end: 0;
  padding-bottom: var(--sjs2-spacing-x100);
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x200);
}
.svc-toolbox__category-separator:after {
  background-color: var(--sjs2-color-border-basic-secondary);
  content: "";
  display: block;
  height: var(--sjs2-border-width-x100);
}
.svc-toolbox__category-separator--search {
  align-self: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator {
  display: none;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator--search {
  display: block;
}
.svc-toolbox__category-header-wrapper {
  align-self: stretch;
  margin-inline-end: var(--sjs2-spacing-negative-x150);
  margin-inline-start: var(--sjs2-spacing-negative-x150);
  padding: 0 var(--sjs2-spacing-x150);
}
.svc-toolbox__category-header {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary-dim);
  border-radius: var(--sjs2-radius-x100);
  box-sizing: border-box;
  display: flex;
  min-height: var(--sjs2-size-x500);
  min-width: calc(var(--sjs2-base-unit-size)*20);
  padding-inline-end: var(--sjs2-spacing-x100);
  padding-bottom: var(--sjs2-spacing-x100);
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x200);
  position: relative;
  width: 100%;
}
.svc-toolbox__category-header--collapsed {
  cursor: pointer;
}
.svc-toolbox__category-title {
  color: var(--sjs2-color-fg-basic-primary);
  display: block;
  flex-grow: 1;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
  vertical-align: middle;
}
.svc-toolbox__category-header__controls {
  align-self: center;
  display: flex;
  inset-inline-end: var(--sjs2-spacing-x100);
  margin-bottom: -50%;
  margin-top: -50%;
  opacity: var(--sjs2-opacity-hidden);
  top: var(--sjs2-spacing-x100);
  transition: opacity var(--sjs-creator-transition-duration,.15s);
}
.svc-toolbox__category-header__button {
  fill: var(--sjs2-color-fg-basic-primary-muted);
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  opacity: var(--sjs2-opacity-visible);
}
.svc-toolbox__category--collapsed .svc-toolbox__tool,
.svc-toolbox__category--empty {
  height: 0;
  visibility: hidden;
}
.svc-toolbox__placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  margin-inline-end: auto;
  margin-inline-start: auto;
  padding-top: calc(var(--sjs2-base-unit-spacing)*13.5);
}
.svc-toolbox--disabled,
.svc-toolbox--disabled .svc-toolbox__search-button {
  pointer-events: none;
}
.svc-toolbox .svc-search {
  border-bottom: none;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x100);
  height: unset;
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-bottom: var(--sjs2-spacing-x250);
  padding-top: var(--sjs2-spacing-x250);
  padding-inline-start: var(--sjs2-spacing-x300);
  width: unset;
}
.svc-toolbox .svc-search__input {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox .svc-search__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-toolbox .svc-search__search-icon,
.svc-toolbox .svc-search__search-icon .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-creator__toolbox--right .svc-toolbox,
:dir(rtl) .svc-toolbox,
[style*="direction: rtl"] .svc-toolbox,
[style*="direction:rtl"] .svc-toolbox {
  direction: rtl;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner:after,
:dir(rtl) .svc-toolbox__item-banner:after,
[style*="direction: rtl"] .svc-toolbox__item-banner:after,
[style*="direction:rtl"] .svc-toolbox__item-banner:after {
  transform: translate(calc(var(--sjs2-size-x050)/-1.41), calc(var(--sjs2-size-x050)/-1.41)) scaleX(-1) rotate(45deg);
}
.svc-creator__toolbox--right .svc-toolbox__item-submenu-button svg,
:dir(rtl) .svc-toolbox__item-submenu-button svg,
[style*="direction: rtl"] .svc-toolbox__item-submenu-button svg,
[style*="direction:rtl"] .svc-toolbox__item-submenu-button svg {
  transform: rotate(180deg);
}
.svc-creator__toolbox--right .sv-popup__body-content,
.svc-creator__toolbox--right .svc-search {
  direction: ltr;
}
@keyframes toolboxFadeIn {
  0% {
    opacity: var(--sjs2-opacity-hidden);
  }
  to {
    opacity: var(--sjs2-opacity-visible);
  }
}
@keyframes toolboxMoveIn {
  0% {
    overflow: hidden;
    width: var(--thm-toolbox-width-compact);
  }
  to {
    overflow: hidden;
    width: var(--animation-width);
  }
}
@keyframes toolboxSeparatorSearchMoveIn {
  0% {
    overflow: hidden;
    padding-inline-end: var(--sjs2-spacing-x200);
    padding-inline-start: var(--sjs2-spacing-x200);
  }
  to {
    overflow: hidden;
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
}
@keyframes toolboxSeparatorMoveIn {
  0% {
    overflow: hidden;
    padding-inline-end: var(--sjs2-spacing-x200);
    padding-inline-start: var(--sjs2-spacing-x200);
  }
  to {
    overflow: hidden;
    padding-inline-end: 0;
    padding-inline-start: var(--sjs2-spacing-x200);
  }
}
.svc-toolbox__panel--enter,
.svc-toolbox__panel--leave {
  animation-delay: var(--move-animation-delay), 0s;
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration), var(--animation-duration);
  animation-fill-mode: forwards;
  animation-name: toolboxMoveIn, empty;
  animation-timing-function: var(--animation-timing-function);
  min-width: 0;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator,
.svc-toolbox__panel--leave .svc-toolbox__category-separator {
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: toolboxSeparatorMoveIn;
  animation-timing-function: var(--animation-timing-function);
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator--search,
.svc-toolbox__panel--leave .svc-toolbox__category-separator--search {
  animation-name: toolboxSeparatorSearchMoveIn;
}
.svc-toolbox__panel--enter .svc-search__input,
.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--enter .svc-toolbox__item-title,
.svc-toolbox__panel--leave .svc-search__input,
.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--leave .svc-toolbox__item-title {
  animation-delay: var(--fade-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration: var(--fade-animation-duration);
  animation-fill-mode: forwards;
  animation-name: toolboxFadeIn;
  animation-timing-function: var(--animation-timing-function);
  opacity: var(--sjs2-opacity-hidden);
  text-overflow: clip;
}
.svc-toolbox__panel--enter {
  --fade-animation-duration:var(--sjs-svc-toolbox-fade-in-duration,250ms);
  --move-animation-duration:var(--sjs-svc-toolbox-move-in-duration,250ms);
  --fade-animation-delay:var(--sjs-svc-toolbox-fade-in-delay,100ms);
  --move-animation-delay:0s;
  --animation-direction:normal;
  --animation-duration:calc(var(--fade-animation-delay) + var(--fade-animation-duration));
  --animation-timing-function:cubic-bezier(0.33,1,0.68,1);
}
.svc-toolbox__panel--leave {
  --fade-animation-duration:var(--sjs-svc-toolbox-fade-out-duration,250ms);
  --move-animation-duration:var(--sjs-svc-toolbox-move-out-duration,250ms);
  --fade-animation-delay:0s;
  --move-animation-delay:var(--sjs-svc-toolbox-move-out-delay,0ms);
  --animation-direction:reverse;
  --animation-duration:0s;
  --animation-timing-function:cubic-bezier(0.32,0,0.67,0);
}
.svc-toolbox--flyout-to-compact-running {
  border-inline-end: var(--sjs2-border-width-x100) solid transparent;
  width: var(--thm-toolbox-width-compact);
  z-index: 200;
}
.svc-side-bar__container {
  background: var(--sjs2-color-bg-basic-primary);
  border-inline-start: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: calc(var(--sjs2-base-unit-size)*90);
  min-width: calc(var(--sjs2-base-unit-size)*40);
  position: relative;
  width: calc(var(--sjs2-base-unit-size)*60);
}
.svc-side-bar--narrow .svc-side-bar__container {
  max-width: calc(var(--sjs2-base-unit-size)*64);
}
.svc-side-bar--min-width .svc-side-bar__container {
  width: 0;
}
.svc-side-bar__wrapper {
  height: 100%;
}
.svc-side-bar__container .svc-resizer {
  background-color: transparent;
  cursor: e-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: 1;
}
.svc-resizer-west {
  left: 0;
}
.svc-resizer-east {
  right: 0;
}
.svc-side-bar__container-header {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0 -2px 0 var(--sjs2-color-bg-brand-primary);
  display: flex;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
}
.svc-side-bar__container-content {
  align-items: flex-start;
  background-color: var(--sjs2-color-bg-basic-primary);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.svc-side-bar__container-title {
  color: var(--sjs2-color-fg-basic-primary);
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: flex-end;
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100);
}
.svc-side-bar__container-actions {
  box-sizing: border-box;
  width: 100%;
}
.svc-side-bar__container-actions .sd-action__title {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}
.svc-side-bar__container-actions .sv-action-bar-item {
  transition: background-color var(--sjs-creator-transition-duration,.15s);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {
  border-radius: var(--sjs2-radius-x100);
}
.svc-side-bar__container-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active),
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus,
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-side-bar__container-actions .sv-action-bar-item__title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-side-bar__container-actions .sv-action-bar-item__icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-flex-row.svc-side-bar__wrapper {
  background-color: transparent;
  height: 100%;
  width: auto;
}
.svc-side-bar__container {
  background-color: var(--sjs2-color-utility-property-grid);
}
.svc-side-bar {
  height: 100%;
}
.svc-side-bar--flyout {
  z-index: 1000;
}
.svc-side-bar--flyout .svc-side-bar__shadow {
  background-color: var(--sjs2-color-utility-overlay);
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}
.svc-side-bar--flyout .svc-side-bar__container-wrapper {
  border-left: none;
  height: 100%;
  inset-inline-end: 0;
  max-width: 100%;
  position: absolute;
}
.svc-side-bar--flyout.svc-side-bar--side-area .svc-side-bar__container-wrapper {
  inset-inline-end: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
  max-width: calc(100% - var(--sjs2-typography-line-height-default) - var(--sjs2-spacing-x500));
}
.svc-side-bar--flyout .svc-side-bar__container {
  display: flex;
  max-width: 100%;
}
.svc-side-bar--flyout .svc-sidebar-tabs {
  z-index: 1;
}
.svc-side-bar--mobile .svc-side-bar__wrapper {
  inset-inline-end: 0;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__container-wrapper {
  flex-grow: 1;
  position: static;
}
.svc-side-bar--mobile .svc-side-bar__container {
  box-sizing: border-box;
  min-width: 100%;
  width: 100%;
}
@keyframes flyoutSideBarShadowFadeIn {
  0% {
    opacity: var(--sjs2-opacity-hidden);
  }
  to {
    opacity: var(--sjs2-opacity-hovered);
  }
}
@keyframes sideBarMoveIn {
  0% {
    overflow: hidden;
    width: 0;
  }
  to {
    overflow: hidden;
    width: var(--animation-width);
  }
}
.svc-side-bar--enter,
.svc-side-bar--leave {
  animation-duration: var(--animation-duration);
  animation-fill-mode: forwards;
  animation-name: empty;
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container {
  max-width: var(--animation-width);
}
.svc-side-bar--enter {
  --animation-duration:var(--svc-side-bar-enter-duration,500ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0.33,1,0.68,1);
}
.svc-side-bar--leave {
  --animation-duration:var(--svc-side-bar-leave-duration,500ms);
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.32,0,0.67,0);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-fill-mode: forwards;
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-name: sideBarMoveIn;
}
.svc-side-bar--flyout.svc-side-bar--enter .svc-side-bar__shadow,
.svc-side-bar--flyout.svc-side-bar--leave .svc-side-bar__shadow {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-fill-mode: forwards;
  animation-name: flyoutSideBarShadowFadeIn;
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation: none;
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper {
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__wrapper,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__wrapper {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-fill-mode: forwards;
  animation-name: sideBarMoveIn;
  animation-timing-function: var(--animation-timing-function);
}
.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sd-action-bar__item-content {
  width: 100%;
}
.sv-action--object-selector .sd-action {
  box-sizing: border-box;
  flex-shrink: 1;
  height: auto;
  max-width: 100%;
}
.sv-action--object-selector .sd-action__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-full-container.svc-creator__side-bar--left,
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar,
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}
.svc-full-container.svc-creator__side-bar--left .svd-grid-expand .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon,
:dir(rtl) .svd-grid-expand .sv-svg-icon,
:dir(rtl) .svd-grid-hide .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-expand .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-expand .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-hide .sv-svg-icon {
  transform: rotate(180deg);
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-wrapper,
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  inset-inline-end: unset;
  inset-inline-start: 0;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar--side-area .svc-side-bar__container-wrapper {
  inset-inline-start: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
}
.svd-grid-hide {
  margin-inline-end: auto;
}
.svd-grid-hide .sv-action-bar-item--icon {
  padding: var(--sjs2-spacing-x100);
}
.svd-grid-hide .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
}
.svc-side-bar .svc-toolbox {
  width: 100%;
}
.svc-side-bar .svc-toolbox .sv-scroll__scroller {
  direction: ltr;
}
.svc-side-bar .svc-toolbox .sv-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.svc-side-bar .svc-toolbox__category-separator--search {
  display: none;
}
.svc-side-bar .svc-toolbox__panel {
  border: none;
  width: unset;
}
.svc-sidebar-tabs {
  align-items: flex-start;
  background: var(--sjs2-color-bg-basic-primary);
  border-inline-start: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.svc-sidebar-tabs__top-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x150);
  justify-content: center;
  padding-bottom: var(--sjs2-spacing-x150);
  padding-top: var(--sjs2-spacing-x150);
}
.svc-sidebar-tabs__top-container .sv-scroll__wrapper {
  flex-grow: 1;
  height: 0;
}
.svc-sidebar-tabs__collapse-button {
  align-items: center;
  display: flex;
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
}
.svc-creator__side-bar--left .svc-sidebar-tabs__collapse-button .sv-svg-icon,
:dir(rtl) .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction: rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction:rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon {
  transform: rotateY(180deg);
}
.svc-sidebar-tabs__separator {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -1px;
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
}
.svc-sidebar-tabs__separator > div {
  background: var(--sjs2-color-border-basic-secondary);
  height: var(--sjs2-border-width-x100);
  width: 100%;
}
.svc-sidebar-tabs__items {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x150);
  justify-content: center;
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
}
.svc-creator--mobile .svc-sidebar-tabs--collapsed {
  display: none;
}
.svc-sidebar-tabs__bottom-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x150);
  justify-content: center;
  padding-bottom: var(--sjs2-spacing-x150);
  padding-top: var(--sjs2-spacing-x150);
}
.svc-sidebar__header.svc-sidebar__header--tabbed {
  align-items: flex-start;
  display: flex;
}
.svc-sidebar__header-container {
  align-items: center;
  align-self: stretch;
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0 calc(var(--sjs2-border-width-x200)*-1) 0 var(--sjs2-color-bg-brand-primary);
  box-sizing: border-box;
  display: flex;
  flex: 1 0 0;
  justify-content: center;
  width: 100%;
}
.svc-sidebar__header--tabbed,
.svc-sidebar__header-container {
  min-height: calc(var(--sjs2-line-height-x300) + var(--sjs2-spacing-x500));
}
.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
  padding: var(--sjs2-spacing-x075) var(--sjs2-spacing-x200) var(--sjs2-spacing-x075) var(--sjs2-spacing-x200);
}
.svc-sidebar__header-container .svc-side-bar__container-title {
  justify-content: center;
}
.svc-sidebar__header-caption,
.svc-sidebar__header-content {
  align-items: center;
  display: flex;
}
.svc-sidebar__header-caption {
  flex-direction: column;
  justify-content: center;
}
.svc-sidebar__header-title {
  color: var(--sjs2-color-fg-basic-primary);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-sidebar__header-subtitle,
.svc-sidebar__header-title {
  display: inline-block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
}
.svc-sidebar__header-subtitle {
  color: var(--sjs2-color-fg-basic-secondary);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-sidebar__header-object-selector {
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x150) var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
}
.spg-action-bar {
  --sd-action-bar-gap:var(--sjs2-layout-component-caption-action-group-gap);
}
.spg-question {
  align-items: flex-start;
  border-radius: var(--sjs2-radius-x075);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.spg-question > .sd-question__container {
  width: 100%;
}
.spg-question__content input.sd-formbox__input:read-only,
.spg-question__content input.sd-formbox__input:read-only::placeholder {
  color: rgb(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-disabled));
}
.spg-question__header {
  width: 100%;
}
.spg-question__header--location--top > .spg-title {
  padding: var(--sjs2-layout-component-caption-content-padding-vertical) var(--sjs2-layout-component-caption-content-padding-horizontal);
}
.spg-question__title {
  box-sizing: border-box;
  color: var(--sjs2-color-component-caption-default-text);
  font-family:
    var(--sjs2-typography-font-family-component-caption-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-content);
  font-weight: var(--sjs2-typography-font-weight-component-caption-content);
  line-height: var(--sjs2-typography-line-height-component-caption-content);
  margin: 0;
  padding-block-end: var(--sjs2-layout-component-caption-box-padding-bottom);
  padding-block-start: var(--sjs2-layout-component-caption-box-padding-top);
  padding-inline-end: var(--sjs2-layout-component-caption-box-padding-right);
  padding-inline-start: var(--sjs2-layout-component-caption-box-padding-left);
  width: 100%;
}
.spg-question__title .sv-title-actions {
  box-sizing: border-box;
  gap: var(--sjs2-layout-component-caption-box-gap-vertical);
  padding-right: var(--sjs2-spacing-x050);
}
.spg-question--disabled .spg-question__title {
  color: var(--sjs2-color-component-caption-disabled-text);
}
.spg-question__content {
  cursor: pointer;
  width: 100%;
}
.spg-question--disabled .spg-question__content {
  cursor: default;
}
.spg-comment__content,
.spg-text__content {
  position: relative;
}
.spg-question__content:focus-within .spg-remaining-character-counter {
  display: flex;
}
.spg-remaining-character-counter {
  align-items: flex-end;
  color: var(--sjs2-color-fg-basic-secondary);
  display: none;
  flex-direction: row;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  inset-block-end: var(--sjs2-spacing-x050);
  inset-inline-end: var(--sjs2-spacing-x075);
  justify-content: flex-end;
  line-height: var(--sjs2-typography-line-height-small);
  padding: 0;
  position: absolute;
}
.spg-question__description {
  color: var(--sjs2-color-component-caption-default-hint);
  font-family:
    var(--sjs2-typography-font-family-component-caption-hint),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-hint);
  font-weight: var(--sjs2-typography-font-weight-component-caption-hint);
  line-height: var(--sjs2-typography-line-height-component-caption-hint);
  padding-block-end: var(--sjs2-layout-component-caption-hint-padding-bottom);
  padding-block-start: var(--sjs2-layout-component-caption-hint-padding-top);
  padding-inline: var(--sjs2-layout-component-caption-hint-padding-horizontal);
  white-space: normal;
}
.spg-question--disabled:not(.spg-question--boolean) .spg-question__description {
  color: var(--sjs2-color-component-caption-disabled-hint);
}
.spg-row-narrow__question {
  margin-top: var(--sjs2-spacing-negative-x200);
}
.spg-row--multiple > div > .spg-row-narrow__question {
  margin-top: var(--sjs2-spacing-negative-x100);
}
.spg-question--location--left > .sd-question__container > .sd-question__header-and-content-container {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  gap: var(--sjs2-layout-component-formbox-medium-gap);
  vertical-align: middle;
}
.spg-question--location--left {
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: var(--sjs2-line-height-x600);
  padding: var(--sjs2-spacing-x050,4px);
  vertical-align: middle;
}
.spg-question--location--left.spg-question--disabled {
  background: var(--sjs2-color-component-formbox-readonly-bg,#fff);
  box-shadow: var(--sjs2-border-effect-component-formbox-readonly,0 0 0 1px #d4d4d4 inset);
}
.spg-row--multiple .spg-question--location--left {
  flex-wrap: unset;
}
.spg-question--disabled.spg-question--location--left .spg-question__title {
  color: var(--sjs2-color-component-input-disabled-label);
}
.spg-question__header--location--left {
  box-sizing: border-box;
  flex: 0 0;
  height: auto;
  max-width: 50%;
  width: max-content;
}
.spg-question__header--location--left .spg-question__title {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spg-question__header--location--left .spg-question__title .sv-string-viewer {
  white-space: nowrap;
}
.spg-question__content--left {
  flex-grow: 1;
  width: auto;
}
.spg-question__content--left .sd-formbox {
  background: transparent;
  box-shadow: none;
  display: flex;
  padding: 0;
}
.spg-question__content--left .sd-dropdown {
  margin-bottom: var(--sjs2-spacing-negative-x050);
  margin-top: var(--sjs2-spacing-negative-x050);
  padding-bottom: var(--sjs2-spacing-x050,4px);
  padding-top: var(--sjs2-spacing-x050,4px);
}
.spg-question__content--left .sd-formbox__input {
  flex-grow: 1;
  width: 0;
}
.spg-row--multiple {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sjs2-spacing-x100);
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(var(--sjs2-base-unit-size)*25.5);
}
.spg-row--multiple > div .sd-formbox__input {
  flex-grow: 1;
  min-width: max(var(--sjs2-base-unit-spacing) * 17, 100%);
  width: 0;
}
.spg-question__erbox {
  background: var(--sjs2-color-component-message-error-bg);
  border-radius: var(--sjs2-radius-component-message);
  box-sizing: border-box;
  color: var(--sjs2-color-component-message-error-text);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  width: 100%;
}
.spg-question__erbox > div,
.spg-question__erbox > svc-question-error > div,
sv-question-error > div {
  display: flex;
  gap: var(--sjs2-spacing-x100);
}
.spg-question__erbox-icon {
  height: 1lh;
  width: 1lh;
}
.spg-question__erbox-icon use {
  fill: var(--sjs2-color-component-message-error-icon);
}
.spg-question__erbox--below-question {
  margin-top: var(--sjs2-spacing-x100);
}
.spg-question--highlighted .sd-formbox,
.spg-question--highlighted .spg-question--location--left,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question--highlighted .sd-formbox .sd-formbox,
.spg-question--highlighted .spg-question--location--left .sd-formbox,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox {
  box-shadow: none;
}
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content:after {
  border-radius: var(--sjs2-radius-x075);
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content .sd-formbox {
  box-shadow: none;
}
.spg-question--highlighted .sd-checkbox__control + .sd-checkbox__decorator,
.spg-question--highlighted .sv-button-group,
.spg-question--highlighted .svc-action-button {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question .sd-question__header-and-content-container {
  gap: 0;
  padding: 0;
}
.spg-question__header.sd-question__header--complex {
  padding: 0;
}
.spg-dropdown {
  display: flex;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
}
.spg-dropdown__value {
  align-items: center;
  margin-bottom: var(--sjs2-spacing-x100);
  margin-left: 0;
  margin-right: var(--sjs2-spacing-x150);
  margin-top: var(--sjs2-spacing-x100);
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.spg-dropdown__filter-string-input,
.spg-dropdown__value {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.spg-dropdown__filter-string-input {
  color: var(--sjs2-color-fg-basic-primary);
}
.spg-dropdown-popup.sv-popup--menu-popup {
  height: 0;
}
.spg-dropdown__clean-button {
  margin-bottom: var(--sjs2-spacing-negative-x100);
  margin-top: var(--sjs2-spacing-negative-x100);
}
.spg-dropdown__clean-button use {
  fill: inherit;
}
.spg-dropdown .sd-dropdown-action-bar {
  gap: var(--sjs2-spacing-x050);
  margin-inline-start: var(--sjs2-spacing-x050);
}
.spg-dropdown .sd-editor-button-item {
  padding: var(--sjs2-spacing-x100);
  transform: none;
}
.spg-dropdown .sd-editor-button-item:focus,
.spg-dropdown .sd-editor-button-item:hover {
  background: var(--sjs2-color-bg-basic-secondary-dim);
  border-radius: var(--sjs2-radius-x050);
  transition: background var(--sjs-creator-transition-duration,.15s);
}
.spg-dropdown .sd-editor-button-item.sd-editor-button-item--pressed {
  background: var(--sjs2-color-bg-basic-secondary-dim);
  border-radius: var(--sjs2-radius-x050);
  opacity: var(--sjs2-opacity-pressed);
  transition-duration: var(--sjs-creator-transition-duration,.15s);
  transition-property: opacity, background-color;
}
.spg-dropdown .sd-editor-button-item use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.spg-question__content .sd-formbox--readonly .sd-dropdown__input {
  opacity: var(--sjs2-opacity-disabled);
}
.spg-dropdown.sd-input--disabled {
  opacity: var(--sjs2-opacity-visible);
}
.spg-dropdown.sd-input--disabled .spg-dropdown__value {
  opacity: var(--sjs2-opacity-disabled);
}
.spg-dropdown.sd-input--disabled .sd-editor-button-item {
  background: transparent;
  opacity: var(--sjs2-opacity-disabled);
}
.spg-dropdown.sd-input--disabled .sd-editor-button-item svg {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.spg-comment {
  height: auto;
  line-height: var(--sjs2-line-height-x300);
  max-width: 100%;
  min-height: var(--sjs2-line-height-x600);
  min-width: var(--sjs2-size-x600);
}
.spg-panel .sd-panel__header {
  padding: 0;
}
.spg-panel__title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--sjs2-color-bg-basic-primary);
  border: none;
  box-shadow: inset 0 -1px 0 var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-primary-muted);
  cursor: pointer;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  margin: 0;
  outline: none;
  padding: var(--sjs2-spacing-x200);
  transition:
    color var(--sjs-creator-transition-duration,.15s),
    background-color var(--sjs-creator-transition-duration,.15s),
    opacity var(--sjs-creator-transition-duration,.15s);
  width: 100%;
}
.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--sjs2-color-component-caption-disabled-text);
  cursor: default;
}
.spg-panel__title--collapsed:hover,
.spg-panel__title--expandable:focus {
  background-color: var(--sjs2-color-bg-basic-primary-dim);
}
.spg-panel__title--expandable {
  color: var(--sjs2-color-fg-basic-primary-muted);
  font-weight: var(--sjs2-typography-font-weight-basic);
  padding: var(--sjs2-spacing-x200);
}
.spg-panel__title--expandable,
.spg-panel__title--expanded {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.spg-panel__title--expanded {
  color: var(--sjs2-color-fg-basic-primary);
  font-weight: var(--sjs2-typography-font-weight-strong);
}
.spg-panel__content {
  align-items: flex-start;
  background: var(--sjs2-color-utility-property-grid);
  box-shadow: inset 0 -1px 0 var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-inline: var(--sjs2-spacing-x400);
  padding-bottom: var(--sjs2-spacing-x500);
  padding-top: var(--sjs2-spacing-x200);
  row-gap: var(--sjs2-spacing-x200);
  width: 100%;
}
.spg-panel__content .spg-row {
  width: 100%;
}
.spg-panel__content .spg-row--multiple:where(:not(:first-of-type)) {
  margin-top: var(--sjs2-spacing-negative-x100);
}
.svc-side-bar--mobile .spg-panel__content {
  padding-inline: var(--sjs2-spacing-x150);
}
.spg-question__nopadding .spg-panel__content {
  box-shadow: unset;
  padding: 0;
}
.spg-row--enter {
  animation-delay:
    var(---sjs-spg-row-fade-in-delay,.15s),
    0s,
    0s;
  animation-duration:
    var(--sjs-spg-row-fade-in-duration,.5s),
    var(--sjs-spg-move-in-duration,.15s),
    var(--sjs-spg-move-in-duration,.15s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  height: 0;
  min-height: 0 !important;
  opacity: 0;
}
.spg-row--delayed-enter {
  animation-delay:
    calc(var(---sjs-spg-row-fade-in-delay, .15s) + var(--sjs-spg-row-fade-in-animation-delay, .4s)),
    var(--sjs-spg-row-fade-in-animation-delay,.4s),
    var(--sjs-spg-row-fade-in-animation-delay,.4s);
}
.spg-row--leave {
  animation-delay:
    0s,
    var(--sjs-spg-row-move-out-delay,.1s),
    var(--sjs-spg-row-move-out-delay,.1s);
  animation-direction: reverse;
  animation-duration:
    var(--sjs-spg-row-fade-out-duration,.15s),
    var(--sjs-spg-row-move-out-duration,.25s),
    var(--sjs-spg-row-move-out-duration,.25s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.spg-panel__content--enter {
  animation-delay:
    var(--sjs-spg-expand-fade-in-delay,0s),
    0s,
    0s;
  animation-duration:
    var(--sjs-spg-expand-fade-in-duration,.35s),
    var(--sjs-spg-expand-move-in-duration,.35s),
    var(--sjs-spg-expand-move-in-duration,.35s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-out;
  min-height: 0 !important;
  opacity: 0;
}
.spg-panel__content--leave {
  animation-delay:
    0s,
    var(--sjs-spg-collapse-move-out-delay,0s),
    var(--sjs-spg-collapse-move-out-delay,0s);
  animation-direction: reverse;
  animation-duration:
    var(--sjs-spg-collapse-fade-out-duration,.35s),
    var(--sjs-spg-collapse-move-out-duration,.35s),
    var(--sjs-spg-collapse-move-out-duration,.35s);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: ease-in;
  min-height: 0 !important;
}
.spg-panel.spg-panel--group > .spg-panel__expandable-content .spg-panel__content {
  box-shadow: none;
  padding: 0;
  row-gap: var(--sjs2-spacing-x100);
}
.spg-panel.spg-panel--group .spg-panel__title {
  background-color: transparent;
  box-shadow: none;
  color: var(--sjs2-color-component-caption-default-text);
  font-family:
    var(--sjs2-typography-font-family-component-caption-content),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-content);
  font-weight: var(--sjs2-typography-font-weight-component-caption-content);
  line-height: var(--sjs2-typography-line-height-component-caption-content);
  padding: var(--sjs2-layout-component-caption-content-padding-vertical) var(--sjs2-layout-component-caption-content-padding-horizontal);
}
.spg-row .spg-question__header ~ hr {
  display: none;
}
.spg-checkbox {
  cursor: pointer;
  margin-top: var(--sjs2-spacing-x200);
}
.spg-checkbox.sd-checkbox--label-rendered {
  gap: 0;
}
.spg-selectbase {
  border: none;
  margin: 0;
  padding: 0;
}
.spg-checkbox .spg-question__description {
  padding: 0;
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x400);
}
.spg-checkbox .spg-title-toolbar--single-help-action {
  padding-left: var(--sjs2-spacing-x050);
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}
.spg-drag-element__svg {
  box-sizing: content-box;
  display: block;
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-default);
  opacity: .5;
  padding: var(--sjs2-spacing-x100);
  width: 1lh;
}
.spg-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-tertiary,rgba(28,27,32,.4));
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom,
.spg-matrixdynamic__drag-drop-ghost-position-top {
  position: relative;
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom:after,
.spg-matrixdynamic__drag-drop-ghost-position-top:after {
  background-color: var(--sjs2-color-bg-brand-primary);
  content: "";
  height: var(--sjs2-size-x050);
  left: 0;
  position: absolute;
  width: 100%;
}
.spg-matrixdynamic__drag-drop-ghost-position-top:after {
  top: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom:after {
  bottom: 0;
}
.spg-matrixdynamic__placeholder {
  align-items: center;
  background: var(--sjs2-color-bg-basic-secondary);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-form);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x050,4px);
  justify-content: center;
  padding: var(--sjs2-spacing-x600,48px) var(--sjs2-spacing-x800,64px);
}
.spg-matrixdynamic__placeholder .spg-action-bar {
  margin-left: 0;
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}
.spg-matrixdynamic__placeholder-text {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
}
.spg-matrixdynamic__add-btn {
  display: none;
}
.spg-smiley-icon {
  align-items: center;
  border: 1px solid var(--sjs2-color-fg-basic-primary-muted);
  border-radius: var(--sjs2-radius-round);
  box-sizing: content-box;
  display: flex;
  height: var(--sjs2-size-x300);
  justify-content: center;
  margin: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x400);
  width: var(--sjs2-size-x300);
}
.spg-smiley-icon svg {
  fill: var(--sjs2-color-fg-basic-primary-muted);
  height: var(--sjs2-size-x150);
  width: var(--sjs2-size-x150);
}
.spg-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.spg-matrixdynamic__dragged-row .spg-table__row {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary,#fff);
  border-radius: var(--sjs2-radius-container-drag,8px);
  box-shadow: var(--sjs2-border-effect-floating-default);
  display: flex;
  flex: 1 0 0;
}
.spg-table-wrapper {
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x075);
  overflow: hidden;
}
.spg-table {
  border-collapse: collapse;
  width: 100%;
}
.spg-table tr {
  background: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.spg-table tbody > tr:last-of-type {
  border-bottom: 0;
}
.spg-table--triggers {
  table-layout: fixed;
}
.spg-table__cell {
  padding: 0;
}
.spg-table__cell--detail-panel {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}
.spg-table__cell:where(:not(.spg-table__cell--detail-panel)) .spg-checkbox {
  margin: 0 var(--sjs2-spacing-x200);
}
.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
  padding-left: 8px;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox {
  background: none;
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x075);
  box-shadow: none;
  padding: var(--sjs2-spacing-x100);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox__input {
  appearance: none;
  box-shadow: none;
  height: auto;
  min-height: auto;
  padding: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox__input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown {
  min-height: auto;
  width: max-content;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__filter-string-input {
  position: absolute;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__input-prefix-wrapper > span,
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__input-prefix-wrapper > sv-ng-string span {
  position: static;
  width: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__hint-suffix,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  position: static;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_select-wrapper {
  align-items: center;
  display: flex;
  max-width: 100%;
  width: max-content;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown__value {
  margin: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox__group .sd-action {
  --sd-action-padding:0;
  --sd-action-icon-color:color-mix(in srgb,var(--sjs2-color-fg-basic-secondary),transparent var(--sjs2-opacity-x050));
}
.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: var(--sjs2-spacing-x200);
}
.spg-table__cell--actions:first-of-type {
  width: var(--sjs2-size-x500);
}
.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050);
}
.spg-table__cell--header {
  background: var(--sjs2-color-bg-basic-secondary,#f5f5f5);
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  max-width: 100px;
  overflow: hidden;
  padding: var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x050,4px) var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x100,8px);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
  white-space: unset;
}
.spg-table__question-wrapper {
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) 0;
}
.spg-table__row--enter,
.spg-table__row--leave {
  animation-name: empty;
  --move-whole-animation-duration:calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration:calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.spg-table__row--enter > td > div,
.spg-table__row--leave > td > div {
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: var(--animation-timing-function);
  opacity: 0;
}
.spg-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-spg-matrix-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-spg-matrix-row-fade-in-duration,250ms);
  --fade-animation-delay:var(--sjs-spg-matrix-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.spg-table__row--leave {
  --move-animation-delay:var(--sjs-spg-matrix-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-spg-matrix-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-spg-matrix-row-fade-out-duration,100ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.spg-table__row--detail.spg-table__row--enter {
  --move-animation-delay:0s;
  --move-animation-duration:var(--sjs-spg-matrix-detail-row-move-in-duration,150ms);
  --fade-animation-duration:var(--sjs-spg-matrix-detail-row-fade-in-duration,500ms);
  --fade-animation-delay:var(--sjs-spg-matrix-detail-row-fade-in-delay,150ms);
  --animation-direction:normal;
  --animation-timing-function:cubic-bezier(0,0,0.58,1);
}
.spg-table__row--detail.spg-table__row--leave {
  --move-animation-delay:var(--sjs-spg-matrix-detail-row-move-out-delay,100ms);
  --move-animation-duration:var(--sjs-spg-matrix-detail-row-move-out-duration,250ms);
  --fade-animation-duration:var(--sjs-spg-matrix-detail-row-fade-out-duration,150ms);
  --fade-animation-delay:0s;
  --animation-direction:reverse;
  --animation-timing-function:cubic-bezier(0.42,0,1,1);
}
.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs2-spacing-x100);
}
.spg-color-editor__color-input {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  top: 100%;
  transform: translateY(-50%);
}
.spg-question--disabled .spg-color-editor {
  background-color: var(--sjs2-color-bg-basic-primary);
}
.sd-color-swatch-item {
  align-items: center;
  display: flex;
  gap: var(--sjs2-spacing-x100);
  width: 100%;
}
.sd-color-swatch-item__label {
  flex: 1 1 auto;
  min-width: 0;
}
.sd-color-swatch-item__caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spg-color-editor__swatch {
  align-items: center;
  display: flex;
  padding: var(--sjs2-layout-component-input-medium-swatch-padding-vertical,8px) var(--sjs2-layout-component-input-medium-swatch-padding-right,0) var(--sjs2-layout-component-input-medium-swatch-padding-vertical,8px) var(--sjs2-layout-component-input-medium-swatch-padding-left,12px);
}
.sd-color-swatch {
  align-items: flex-start;
  border-radius: var(--sjs2-radius-component-swatch,4px);
  display: flex;
}
.sd-color-swatch__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 1lh;
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-small);
  width: 1lh;
}
.sd-color-swatch__icon use {
  fill: var(--sjs2-color-fg-static-1-primary);
}
.sd-color-swatch__content {
  align-items: center;
  border: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary-overlay,rgba(28,27,32,.4));
  border-radius: var(--sjs2-radius-component-formbox-action,4px);
  box-sizing: border-box;
  display: flex;
  height: var(--sjs2-size-x300,24px);
  justify-content: center;
  position: relative;
  width: var(--sjs2-size-x400,32px);
}
.sd-color-swatch--disabled {
  opacity: var(--sjs2-opacity-disabled);
}
.spg-file-edit__choose-button {
  position: relative;
}
.spg-link {
  display: flex;
}
.sv-string-viewer .spg-link {
  color: var(--sjs2-color-bg-brand-primary);
  display: initial;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  text-decoration-line: underline;
}
.spg-theme-builder-root .sv-skeleton-element {
  min-height: 50px;
}
.spg-theme-builder-root .spg-paneldynamic__separator {
  border: none;
  height: var(--sjs2-size-x200);
  margin: 0;
}
.spg-theme-builder-root .spg-paneldynamic__toolbar {
  display: flex;
  justify-content: center;
}
.spg-theme-builder-root .spg-paneldynamic__toolbar .spg-action-bar {
  margin: 0;
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs2-spacing-x100) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-panel__content .spg-row.spg-row {
  animation: none;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .sd-formbox__group {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-basis: calc(50% - var(--sjs2-spacing-x050));
  flex-grow: 1;
  flex-shrink: 1;
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div input {
  min-width: 0;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
  box-sizing: border-box;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-nested-panel,
.spg-theme-builder-root .spg-panel-by-page {
  padding-bottom: var(--sjs2-spacing-x500);
}
.spg-theme-builder-root .spg-nested-panel:after,
.spg-theme-builder-root .spg-panel-by-page:after {
  background-color: var(--sjs2-color-border-basic-secondary);
  content: " ";
  display: block;
  height: 1px;
  left: var(--sjs2-spacing-negative-x400);
  position: relative;
  top: var(--sjs2-spacing-x500);
  width: calc(var(--sjs2-spacing-x800) + 100%);
}
.spg-theme-builder-root .spg-panel-by-page__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--sjs2-spacing-x200);
}
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type,
.spg-theme-builder-root .spg-panel-by-page__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border:after,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel:after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel:after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page:after {
  content: none;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding {
  padding-bottom: var(--sjs2-spacing-x150);
  padding-top: var(--sjs2-spacing-x050);
}
.spg-theme-builder-root .spg-theme-group-caption {
  color: var(--sjs2-color-fg-basic-primary);
  cursor: auto;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) 0;
  position: relative;
  top: var(--sjs2-spacing-x400);
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}
.spg-theme-builder-root .spg-row:where(:not(:first-of-type, .spg-row--multiple)) > div > .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),
.spg-theme-builder-root .spg-row:where(:not(:first-of-type, .spg-row--multiple)) > div > .spg-question__content-coloralpha {
  margin-top: var(--sjs2-spacing-negative-x100);
}
.spg-theme-builder-root .spg-nested-panel__content,
.spg-theme-builder-root .spg-panel-group__content {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
}
.svc-side-bar--mobile .spg-theme-builder-root .spg-nested-panel__content:after {
  left: var(--sjs2-spacing-negative-x200);
  width: calc(var(--sjs2-size-400) + 100%);
}
.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
  flex: 0 0 fit-content;
  min-width: 0;
}
.spg-link-wrapper--overriding {
  align-self: flex-end;
}
.spg-link-wrapper--overriding .svc-action-button {
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.spg-link-wrapper--overriding .svc-action-button:focus,
.spg-link-wrapper--overriding .svc-action-button:hover {
  background-color: transparent;
}
.svc-side-bar .svc-search {
  background: var(--sjs2-color-bg-basic-secondary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  gap: var(--sjs2-spacing-x100);
  padding: var(--sjs2-spacing-x200);
}
.svc-side-bar .svc-search__input {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-side-bar .svc-search__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):focus:enabled,
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):hover:enabled {
  background-color: var(--sjs2-color-bg-basic-secondary-dim);
}
.svc-side-bar .svc-search__toolbar .sv-action-bar-item__icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__toolbar-counter {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__search-icon,
.svc-side-bar .svc-search__search-icon .sv-svg-icon {
  height: 1lh;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.spg-launch,
.spg-launch * {
  box-sizing: border-box;
}
.spg-launch {
  flex-direction: column;
  gap: var(--sjs2-spacing-x200,16px);
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x400,32px) 0 var(--sjs2-spacing-x400,32px);
}
.spg-launch,
.spg-launch__card {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  position: relative;
}
.spg-launch__card {
  appearance: none;
  background: var(--sjs2-color-bg-basic-primary,#fff);
  border-color: var(--sjs2-color-border-basic-secondary,#d4d4d4);
  border-radius: var(--sjs2-radius-form);
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  flex-direction: row;
  gap: 0;
  padding: var(--sjs2-spacing-x200,16px);
}
.spg-launch__card:hover {
  background: var(--sjs2-color-bg-basic-primary-dim,rgba(28,27,32,.05));
}
.spg-launch__card:active {
  background: var(--sjs2-color-bg-basic-primary,#fff);
}
.spg-launch__card:after {
  align-self: stretch;
  content: "";
  display: block;
  width: var(--sjs2-spacing-x600,48px);
}
.spg-launch__container {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  position: relative;
}
.spg-launch__text {
  align-self: stretch;
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
  white-space: nowrap;
}
.spg-launch__text,
.spg-launch__text2 {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
}
.spg-launch__text2 {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  padding-right: var(--sjs2-spacing-x300,24px);
}
.spg-launch__icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 50%;
  translate: 0 -50%;
}
.spg-launch__chevron-right-16-x-16,
.spg-launch__icon {
  flex-shrink: 0;
  height: var(--sjs2-size-x300);
  width: var(--sjs2-size-x300);
}
.spg-launch__chevron-right-16-x-16 {
  overflow: hidden;
  position: relative;
}
.spg-launch__icon2 {
  align-items: center;
  bottom: -100%;
  display: flex;
  flex-direction: row;
  gap: 0;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  transform: rotate(-90deg) scale(1);
  transform-origin: 0 0;
  width: 100%;
}
.spg-launch__icon2 use {
  fill: var(--sjs2-color-fg-basic-primary-muted,#424146);
}
.spg-launch__chevron-down {
  align-self: stretch;
  flex: 1;
  height: auto;
  overflow: visible;
  position: relative;
}
.svc-side-bar--mobile .spg-launch {
  padding-inline: var(--sjs2-spacing-x150);
}
.spg-root-modern {
  background: var(--sjs2-color-bg-basic-primary);
  border-inline-end: 1px solid transparent;
  box-sizing: border-box;
  flex-grow: 1;
  height: 0;
  position: relative;
  width: 100%;
}
.spg-root-modern .sd-element-wrapper--enter,
.spg-root-modern .sd-element-wrapper--leave,
.spg-root-modern .sd-element__content--enter,
.spg-root-modern .sd-element__content--leave,
.spg-root-modern .sd-item--enter,
.spg-root-modern .sd-item--leave,
.spg-root-modern .sd-paneldynamic__panel-wrapper--enter,
.spg-root-modern .sd-paneldynamic__panel-wrapper--leave,
.spg-root-modern .sd-row--enter,
.spg-root-modern .sd-row--leave,
.spg-root-modern .sd-table__row--enter,
.spg-root-modern .sd-table__row--leave {
  animation: none;
}
.spg-page__content {
  box-sizing: border-box;
  padding: var(--sjs2-layout-component-page-content-area-padding-vertical) var(--sjs2-layout-component-page-content-area-padding-horizontal);
}
.spg-container,
.spg-page__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.spg-container {
  height: 100%;
}
.spg-container--multi-page .spg-page__content {
  column-gap: var(--sjs2-spacing-x200);
  row-gap: var(--sjs2-spacing-x200);
}
.spg-root-modern.spg-root--one-category {
  background-color: var(--sjs2-color-utility-property-grid);
  border-inline-end: unset;
}
.spg-root-modern.spg-root--one-category .spg-page.spg-body__page {
  box-shadow: unset;
}
.spg-preset-root .spg-page {
  padding-bottom: 0;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-root-modern,
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-root-modern:before,
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-popup_shadow {
  background-color: transparent;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-page {
  margin: 0;
  padding: 0;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: calc(var(--sjs2-base-unit-size)*78);
}
.sv-popup--modal-popup .sv-popup__footer {
  padding-bottom: 2px;
}
.sv-popup--modal-popup .sd-body,
.sv-popup--modal-popup .sl-body {
  min-width: calc(var(--sjs2-base-unit-size)*78);
  padding: 0;
}
.sv-popup.svc-property-editor .sd-root-modern {
  --sd-mobile-width:0;
}
.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x100);
}
.svc-object-selector__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  position: relative;
}
.spg-body {
  width: 100%;
}
.spg-body--empty {
  align-items: center;
  align-self: stretch;
  box-sizing: border-box;
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  display: flex;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  justify-content: center;
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x500,40px) var(--sjs2-spacing-x400,32px);
  text-align: center;
}
.spg-title-toolbar--single-help-action {
  justify-content: flex-start;
}
.spg-title-toolbar--single-help-action .spg-help-action {
  margin-inline-end: auto;
}
.spg-action-title-bar {
  position: relative;
  z-index: 1;
}
.svc-flex-container {
  display: flex;
}
.svc-flex-row {
  display: flex;
  flex-direction: row;
}
.svc-full-container {
  height: 100%;
  width: 100%;
}
.svc-flex-row.svc-full-container {
  flex-grow: 1;
  height: calc(var(--sjs2-base-unit-size)*60);
  min-height: calc(var(--sjs2-base-unit-size)*60);
  position: relative;
}
.svc-flex-row__element--growing {
  flex: 1;
  overflow: auto;
}
.svc-flex-column {
  display: flex;
  flex-direction: column;
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  height: var(--sjs2-size-x500);
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: var(--sjs2-size-x400);
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.svc-creator--mobile .sv-action-bar-separator {
  height: var(--sjs2-size-x300);
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  align-items: center;
  border-radius: var(--sjs2-radius-x075);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-toolbar {
  --sd-action-bar-gap:var(--sjs2-spacing-x200,16px);
}
.svc-top-bar {
  background: var(--sjs2-color-utility-tabs);
  box-shadow: inset 0 -1px 0 var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper {
  display: flex;
  flex: 0 0 auto;
}
.svc-top-bar .svc-toolbar-wrapper .svc-toolbar {
  justify-content: flex-end;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
}
.svc-top-bar .svc-toolbar-wrapper .sd-action-bar__separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sd-action-bar > .sd-action-bar__item:where(:not(.sd-action-bar__item--hidden)) ~ .sd-action-bar__item .sd-action-bar__separator {
  display: inline-block;
}
.svc-top-bar .sv-action-bar-separator {
  background-color: var(--sjs2-color-border-basic-secondary);
}
.svc-top-bar .sv-action-bar-item-dropdown {
  background-color: transparent;
  border-radius: var(--sjs2-radius-x050);
}
.svc-footer-bar .svc-toolbar-wrapper .svc-toolbar {
  background: var(--sjs2-color-bg-basic-primary);
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
  justify-content: center;
  padding: 0;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
  width: 100%;
}
.svc-creator-confirm-dialog__content-container {
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200,16px);
  justify-content: center;
  padding: 0 16px;
}
.svc-creator-confirm-dialog__title-container {
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x150,12px);
}
.svc-creator-confirm-dialog__icon {
  align-items: center;
  background: var(--sjs2-color-bg-warning-secondary,rgba(255,152,20,.1));
  border-radius: var(--sjs2-radius-round,9999px);
  box-sizing: content-box;
  display: flex;
  height: 1lh;
  line-height: var(--sjs2-typography-line-height-default);
  margin: 0 auto;
  padding: 12px;
  width: 1lh;
}
.svc-creator-confirm-dialog__icon use {
  fill: var(--sjs2-color-fg-warning-primary,#ff9814);
}
.svc-creator-confirm-dialog__icon--danger {
  background: var(--sjs2-color-bg-alert-secondary,rgba(229,10,62,.1));
}
.svc-creator-confirm-dialog__icon--danger use {
  fill: var(--sjs2-color-fg-alert-primary,#c30935);
}
.svc-creator-confirm-dialog__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.svc-creator-confirm-dialog__message,
.svc-creator-confirm-dialog__title {
  display: block;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  text-align: center;
}
.svc-creator-confirm-dialog__message {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-creator-confirm-dialog .sv-modal-footer-action-bar {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x150,12px);
  justify-content: stretch;
}
.svc-creator-confirm-dialog .sps-btn,
.svc-creator-confirm-dialog .sv-action,
.svc-creator-confirm-dialog .sv-action__content {
  flex-grow: 1;
  min-width: fit-content;
}
.sps-question {
  background: var(--sjs2-color-bg-basic-primary,#fff);
}
.sps-question .sd-question__header-and-content-container {
  gap: 0;
  padding: 0;
}
.sps-question--main {
  min-height: 420px;
}
.sps-question--with-frame {
  border: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  border-radius: var(--sjs2-radius-x250,20px);
}
.sps-question--with-frame .sps-question__content {
  padding: var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x250,20px);
}
.sps-question__header {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x250,20px) 0 var(--sjs2-spacing-x250,20px);
  width: 100%;
}
.sps-question__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-question__title .sv-title-actions {
  gap: var(--sjs2-spacing-x050,4px);
}
.sps-question--nested .sps-question__title {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x000);
}
.sps-question--nested .sps-question__header {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  padding: 0;
  width: 100%;
}
.sps-question--nested .sps-question__content {
  padding: 0;
}
.sps-question--nested .sps-question__description {
  color: var(--sjs2-color-fg-basic-secondary);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-small);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-small);
  padding-bottom: var(--sjs2-spacing-x200,16px);
  white-space: normal;
}
.sps-question__content {
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.sps-question__description {
  color: var(--sjs2-color-fg-basic-tertiary,rgba(28,27,32,.4));
  white-space: normal;
}
.sps-question__description--under {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--sjs2-spacing-x100,8px);
}
.sps-panel--with-frame {
  background: var(--sjs2-color-bg-basic-primary,#fff);
  border: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  border-radius: var(--sjs2-radius-x250,20px);
  overflow: hidden;
}
.sps-panel--navigation {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: var(--sjs2-spacing-x150,12px);
  padding: var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x250,20px);
  position: relative;
}
.sps-panel--navigation .sps-panel__header {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 0;
  width: auto;
}
.sps-panel--navigation .sps-panel__content {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.sps-panel--navigation .sps-row {
  border: none;
  border-left: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  padding: 0 0 0 var(--sjs2-spacing-x300);
}
.sps-panel--navigation .sps-row:first-of-type {
  border-left: none;
  padding-left: 0;
}
.sps-panel--navigation .sps-question__content {
  padding: 0;
}
.sps-panel--navigation .sps-row--multiple > div {
  border: none;
  padding: 0;
}
.sps-panel--navigation .sps-row--multiple .sps-question--nested {
  overflow-y: visible;
}
.sps-panel__header {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x250,20px) 0 var(--sjs2-spacing-x250,20px);
  width: 100%;
}
.sps-panel__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  flex-grow: 1;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-panel__content {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200,16px);
  padding: var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x250,20px);
}
.sps-panel--nested .sps-panel__header {
  padding: 0;
}
.sps-panel--nested .sps-panel__content {
  padding: var(--sjs2-spacing-x200,16px) 0 0;
}
.sps-panel--collapsed {
  padding-bottom: var(--sjs2-spacing-x200,16px);
}
.sps-drag-element__svg {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  height: var(--sjs2-size-x300);
  justify-content: center;
  padding: var(--sjs2-spacing-x100,8px);
  padding-right: 0;
  width: var(--sjs2-size-x300);
}
.sps-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-tertiary,rgba(from #1c1b20 r g b/.4));
}
.sps-matrixdynamic__drag-drop-ghost-position-bottom,
.sps-matrixdynamic__drag-drop-ghost-position-top {
  position: relative;
}
.sps-matrixdynamic__drag-drop-ghost-position-bottom:after,
.sps-matrixdynamic__drag-drop-ghost-position-top:after {
  background-color: var(--sjs2-color-bg-brand-primary);
  content: "";
  height: var(--sjs2-size-x050);
  left: 0;
  position: absolute;
  width: 100%;
}
.sps-matrixdynamic__drag-drop-ghost-position-top:after {
  top: 0;
}
.sps-matrixdynamic__drag-drop-ghost-position-bottom:after {
  bottom: 0;
}
.sps-question--matrixdynamic {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-question--matrixdynamic .sps-question__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default,24px);
  line-height: var(--sjs2-typography-line-height-default);
  padding: 0;
}
.sps-question--matrixdynamic .sd-question.sd-question--table > .sd-question__container > .sd-question__header-and-content-container {
  overflow: visible;
}
.sps-matrixdynamic__content {
  padding: var(--sjs2-spacing-x150,12px);
}
.sps-matrixdynamic__content,
.sps-matrixdynamic__content > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-matrixdynamic__content .sps-question__description--under {
  flex-grow: 0;
}
.sps-table__row--detail .sps-matrixdynamic__content {
  padding: 0;
}
.sps-matrixdynamic__placeholder {
  align-items: center;
  background: var(--sjs2-color-bg-basic-secondary,#f5f5f5);
  border: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  border-radius: var(--sjs2-radius-form,8px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x050,4px);
  justify-content: center;
  padding: var(--sjs2-spacing-x600,48px) var(--sjs2-spacing-x800,64px);
}
.sps-matrixdynamic__placeholder .sps-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}
.sps-matrixdynamic__placeholder-text {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
}
.sps-matrixdynamic__row-icon {
  height: var(--sjs2-size-x300);
  margin: var(--sjs2-spacing-x100) 0;
  margin-left: var(--sjs2-spacing-x150,12px);
  padding: 0;
  width: var(--sjs2-size-x300);
}
.sps-matrixdynamic__row-icon:disabled {
  opacity: 1;
}
.sps-matrixdynamic__row-icon:disabled use {
  fill: var(--sjs2-color-fg-brand-primary,#19b394);
}
.sps-matrixdynamic__footer {
  border-bottom: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  display: flex;
  margin: 0 var(--sjs2-spacing-negative-x150) var(--sjs2-spacing-x150,12px);
  padding: 0 var(--sjs2-spacing-x150,12px) var(--sjs2-spacing-x150,12px);
}
.sps-matrixdynamic__footer .sd-action-bar,
.sps-matrixdynamic__footer .sd-action-bar__item,
.sps-matrixdynamic__footer .sd-action-bar__item-content,
.sps-matrixdynamic__footer .sps-matrixdynamic__add-btn {
  width: 100%;
}
.sps-matrixdynamic__footer--in-dialog {
  border-bottom: none;
  display: flex;
  margin: 0;
  padding: var(--sjs2-spacing-x150,12px) 0 0 0;
}
.sps-matrixdynamic__content sv-ng-matrix-table ~ .sps-matrixdynamic__footer,
.sps-table-wrapper ~ .sps-matrixdynamic__footer {
  border-bottom: none;
  display: flex;
  justify-content: stretch;
  margin-bottom: 0;
  padding-bottom: var(--sjs2-spacing-x050,4px);
  padding-top: var(--sjs2-spacing-x075,6px);
}
.sps-matrixdynamic__add-btn {
  appearance: none;
  background: var(--sjs2-color-bg-neutral-secondary,rgba(95,94,97,.1));
  border: none;
  box-sizing: border-box;
  flex-grow: 1;
  justify-content: center;
  text-align: center;
}
.sps-matrixdynamic__add-btn:hover {
  background: var(--sjs2-color-bg-neutral-secondary-dim,rgba(95,94,97,.1));
}
.sps-matrixdynamic__add-btn .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: 0 var(--sjs2-spacing-x100,8px);
}
.sps-matrixdynamic__add-btn--icon {
  background: transparent;
  justify-content: flex-start;
  padding: var(--sjs2-spacing-x100,8px);
}
.sps-matrixdynamic__add-btn--icon .sd-action__icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted,#424146);
}
.sps-question--matrixdynamic.sps-question--nested .sps-question__header {
  border-bottom: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x200,16px) var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x100,8px) var(--sjs2-spacing-x250,20px);
}
.sps-question--matrixdynamic.sps-question--nested .sd-question__header-and-content-container hr {
  display: none;
}
.sps-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.sps-matrixdynamic__dragged-row .sps-table__row {
  align-items: center;
  background: var(--sjs2-color-bg-basic-primary,#fff);
  border-radius: var(--sjs2-radius-container-drag,8px);
  box-shadow: var(--sjs2-border-effect-floating-default);
  display: flex;
  flex: 1 0 0;
}
.spg-table__row:has(.sps-action--invisible) .sd-formbox__input {
  opacity: .25;
}
.spg-table__cell--actions:last-of-type .sps-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050);
}
.sps-table-wrapper {
  overflow: hidden;
}
.sps-table {
  border-collapse: collapse;
  width: 100%;
}
.sps-table,
.sps-table > tbody > tr {
  background-color: var(--sjs2-color-bg-basic-primary,#fff);
}
.sps-table > tbody > tr > td:last-of-type > .sd-action-bar .sd-action {
  opacity: var(--sjs2-opacity-hidden);
}
.sps-table > tbody > tr:hover > td > div {
  background: var(--sjs2-color-bg-basic-primary-dim,rgba(28,27,32,.05));
}
.sps-table > tbody > tr:hover > td:last-of-type > .sd-action-bar .sd-action {
  opacity: var(--sjs2-opacity-visible);
}
.sps-table tbody > tr:last-of-type {
  border-bottom: none;
}
.sps-table tbody > tr:last-of-type td {
  border-bottom: none;
  padding-bottom: 0;
}
.sps-table tbody > tr:first-of-type {
  border-top: none;
}
.sps-table tbody > tr:first-of-type td {
  border-top: none;
  padding-top: 0;
}
.sps-table__row--expanded > td > div .sd-formbox > .sd-formbox__input {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-table__cell {
  border-top: none;
  padding: 0;
  padding-bottom: var(--sjs2-spacing-x075,6px);
  padding-top: 0;
}
.sps-table__cell:first-of-type > div {
  border-bottom-left-radius: var(--sjs2-radius-semantic-form,8px);
  border-top-left-radius: var(--sjs2-radius-semantic-form,8px);
}
.sps-table__cell:last-of-type > div {
  border-bottom-right-radius: var(--sjs2-radius-semantic-form,8px);
  border-top-right-radius: var(--sjs2-radius-semantic-form,8px);
}
.sps-table__cell .sd-action-bar {
  justify-content: flex-end;
}
.spg-table .sps-table__cell {
  padding-bottom: 0;
}
.spg-table .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox > .sd-formbox__input:focus-within {
  margin-left: 0;
}
.sps-table__row--main > .sps-table__cell {
  border-top: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  padding-bottom: calc(var(--sjs2-spacing-x075, 6px) + var(--sjs2-spacing-x050, 4px));
  padding-top: calc(var(--sjs2-spacing-x075, 6px) + var(--sjs2-spacing-x050, 4px));
}
.sps-table__row--main > .sps-table__cell.sps-table__cell--detail-panel {
  border-top: none;
  padding: 0 0 var(--sjs2-spacing-x075,6px) 0;
}
.sps-table__cell--detail-panel .sps-panel__content {
  box-shadow: none;
  padding: 0;
}
.sps-table__cell--detail-panel .sps-row .sps-question--nested {
  overflow: initial;
}
.sps-table__cell--detail-panel .sps-panel {
  border: none;
  margin-top: var(--sjs2-spacing-negative-x075);
}
.sps-table__cell--detail-panel .sps-table__cell--detail-panel .sps-panel {
  margin-left: 32px;
  margin-top: 0;
}
.sps-table__cell--detail-panel .sps-table__row--empty {
  height: var(--sjs2-size-x500);
}
.sps-table__cell:where(:not(.sps-table__cell--detail-panel)) .sps-checkbox {
  margin: 0 var(--sjs2-spacing-x200);
}
.sps-table__cell:not(.sps-table__cell--detail-panel):not(.sps-table__cell--actions):first-of-type {
  padding-left: 8px;
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox {
  background: none;
  box-shadow: none;
  padding: 0;
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input {
  appearance: none;
  background-color: transparent;
  border-radius: var(--sjs2-radius-semantic-form,8px);
  box-shadow: none;
  height: auto;
  margin-left: 0;
  margin-right: calc(var(--action-container-width)*-1);
  padding: var(--sjs2-spacing-x100,8px);
  text-overflow: ellipsis;
  transition: margin-left var(--sjs-creator-transition-duration,.15s);
  width: calc(100% + var(--action-container-width));
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:hover {
  background: var(--sjs2-color-control-formbox-focused-bg,#f5f5f5);
  box-shadow: var(--sjs2-border-offset-x-form-focused,0) var(--sjs2-border-offset-y-form-focused,0) var(--sjs2-border-blur-form-focused,0) var(--sjs2-border-spread-form-focused,2px) var(--sjs2-color-control-formbox-hovered-border,#d4d4d4) inset;
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:focus,
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:focus-within {
  background: var(--sjs2-color-control-formbox-focused-bg,#f5f5f5);
  box-shadow: var(--sjs2-border-offset-x-form-focused,0) var(--sjs2-border-offset-y-form-focused,0) var(--sjs2-border-blur-form-focused,0) var(--sjs2-border-spread-form-focused,2px) var(--sjs2-color-control-formbox-focused-border,#19b394) inset;
  margin-left: var(--sjs2-spacing-x100,8px);
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:focus,
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:focus-within,
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:hover {
  background: transparent;
  box-shadow: none;
}
.sps-matrixdynamic__dragged-row .sps-table__cell {
  padding: 0;
}
.sps-matrixdynamic__dragged-row .sd-formbox {
  pointer-events: none;
}
.sps-matrixdynamic__dragged-row .sps-drag-element__svg {
  display: none;
}
.sps-table__row {
  --action-width:calc(var(--sjs2-spacing-x200, 8px) + var(--sjs2-line-height-x300));
  --action-container-width:calc(var(--action-width)*3);
}
.sps-table__row:has(> .sps-table__cell:last-of-type .sd-action:nth-child(4)) {
  --action-container-width:calc(var(--action-width)*4);
}
.sps-table__row:focus-within .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox__input,
.sps-table__row:hover .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox__input {
  margin-right: 0;
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
}
.sps-table__cell:not(.sps-table__cell--detail-panel):first-of-type .sps-text {
  padding-left: var(--sjs2-spacing-x200);
}
.sps-table__cell--actions {
  width: 0;
}
.sps-table__cell--actions .sd-action-bar {
  --sd-action-bar-gap:0px;
}
.sps-table__cell--actions.spg-table__cell--actions:last-of-type .sd-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050,4px);
}
.sps-table__row--empty {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  height: calc(var(--sjs2-spacing-x400, 32px) + var(--sjs2-spacing-x300, 24px) + var(--sjs2-typography-line-height-default, 24px));
  line-height: var(--sjs2-typography-line-height-default);
  text-align: center;
}
.sps-popup-menu.sps-popup-menu--dropdown {
  height: 0;
}
.sps-popup-menu.sps-popup-menu--dropdown .sv-popup__container {
  margin-top: var(--sjs2-spacing-x50,4px);
}
.sps-popup .sv-popup__body-header {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.sps-popup.sv-popup--modal-popup {
  z-index: 3000;
}
.sps-popup.sv-popup--modal-popup :has(.sps-page) {
  flex-grow: 0;
  min-height: auto;
}
.sps-popup.sv-popup--modal-popup .sv-components-row {
  flex-direction: row;
}
.sps-popup .sv-popup__body-footer .sv-action-bar {
  justify-content: flex-end;
  width: 100%;
}
.sps-popup .sps-body {
  background: var(--sjs2-color-utility-sheet,#fff);
}
.sps-popup .sps-page {
  align-self: stretch;
  gap: var(--sjs2-spacing-x200,16px);
  max-width: none;
  padding: 0;
  width: auto;
}
.sps-popup .sps-row {
  max-width: none;
}
.sps-popup .sps-question--with-frame {
  border: none;
  border-radius: 0;
}
.sps-popup .sps-question__header {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.sps-popup .sps-question__title {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x000);
}
.sps-popup .sps-question__content.sps-question__content {
  padding: 0;
}
.sps-popup .sps-row--multiple {
  margin: 0;
}
.sps-popup .sps-row--multiple > div {
  align-items: stretch;
  padding-left: var(--sjs2-spacing-x400,32px);
  padding-right: var(--sjs2-spacing-x400,32px);
}
.sps-popup .sps-row--multiple > div:first-of-type {
  padding-left: 0;
}
.sps-popup .sps-row--multiple > div:last-of-type {
  padding-right: 0;
}
.sps-popup .sps-panel {
  align-self: stretch;
  border: none;
  border-radius: 0;
}
.sps-popup .sps-panel .sps-row {
  border: none;
}
.sps-popup .sps-panel__content {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200,16px);
  padding: 0;
}
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar {
  justify-content: stretch;
}
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar .sd-action-bar__item,
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar .sv-popup__body-footer-item {
  flex-grow: 1;
}
.sps-popup .sv-popup__close-button {
  padding: var(--sjs2-spacing-x100,8px);
}
.sps-popup--level2.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: 540px;
}
.svc-tab-designer.svc-tab-designer--presets {
  background: var(--sjs2-color-utility-surface-presets-manager);
}
.svc-tab-designer.svc-tab-designer--presets .sd-menu-list__container {
  width: 288px;
}
.sps-root-modern {
  box-sizing: border-box;
  flex-grow: 1;
  position: relative;
  width: 100%;
}
.sps-root-modern .sd-element-wrapper--enter,
.sps-root-modern .sd-element-wrapper--leave,
.sps-root-modern .sd-element__content--enter,
.sps-root-modern .sd-element__content--leave,
.sps-root-modern .sd-item--enter,
.sps-root-modern .sd-item--leave,
.sps-root-modern .sd-paneldynamic__panel-wrapper--enter,
.sps-root-modern .sd-paneldynamic__panel-wrapper--leave,
.sps-root-modern .sd-row--enter,
.sps-root-modern .sd-row--leave,
.sps-root-modern .sd-table__row--enter,
.sps-root-modern .sd-table__row--leave {
  animation: none;
}
.sps-root-modern {
  display: flex;
  flex-direction: column;
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-root-modern :has(.sps-page) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-root-modern :has(.sps-page).sv-components-column--expandable {
  flex-grow: 1;
  min-width: 100%;
}
.sps-container {
  height: 100%;
  width: 100%;
}
.sps-container,
.sps-page {
  display: flex;
  flex-direction: column;
}
.sps-page {
  align-items: stretch;
  align-self: center;
  box-sizing: border-box;
  flex: 1 0 0;
  gap: var(--sjs2-spacing-x150,12px);
  max-width: min(100%, 936px);
  padding: var(--sjs2-spacing-x400,32px);
  width: 936px;
}
.sps-page .sd-page__header {
  margin-bottom: 0;
}
.sps-page .sd-page__content,
.sps-page .sd-page__header {
  gap: var(--sjs2-spacing-x150,12px);
  padding: 0;
}
.sps-popup .sps-page .sd-page__content {
  gap: var(--sjs2-spacing-x200,16px);
}
.sps-page__title {
  color: var(--sjs2-color-fg-basic-primary,#1c1b20);
  font-size: var(--sjs2-typography-font-size-medium);
  font-weight: var(--sjs2-typography-font-weight-strong);
  line-height: var(--sjs2-typography-line-height-medium);
}
.sps-page__description,
.sps-page__title {
  font-family:
    var(--sjs2-typography-font-family-text),
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Ubuntu,
    "Segoe UI",
    Arial,
    sans-serif;
}
.sps-page__description {
  color: var(--sjs2-color-fg-basic-secondary,rgba(28,27,32,.6));
  font-size: var(--sjs2-typography-font-size-default);
  font-weight: var(--sjs2-typography-font-weight-basic);
  line-height: var(--sjs2-typography-line-height-default);
  padding-bottom: calc(var(--sjs2-spacing-x400, 32px) - var(--sjs2-spacing-x150, 12px));
}
.sps-action-title-bar {
  gap: var(--sjs2-spacing-x150,12px);
}
.sps-action-title-bar .sd-action-bar__item--hidden {
  display: none;
}
.sps-action-title-bar.sps-action-title-bar {
  margin-bottom: 0;
  margin-top: 0;
  margin-inline-end: 0;
  min-width: fit-content;
}
.sps-body {
  background: var(--sjs2-color-utility-surface-presets-manager);
  width: 100%;
}
.sps-body .sv-components-container-contentBottom {
  bottom: 0;
  position: absolute;
  right: 0;
}
.sps-row sv-ng-element,
.sps-row sv-ng-panel,
.sps-row sv-ng-question {
  position: absolute;
}
.sps-row--multiple {
  align-items: stretch;
  display: flex;
  margin: var(--sjs2-spacing-negative-x150) var(--sjs2-spacing-negative-x250) var(--sjs2-spacing-negative-x250) var(--sjs2-spacing-negative-x250);
}
.sps-row--multiple > div {
  align-items: flex-start;
  align-self: stretch;
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x075,6px);
}
.sps-row--multiple > div:last-child {
  border: none;
}
.sps-question[data-name=json],
.sps-question[data-name=json] .sd-comment,
.sps-question[data-name=json] .sd-comment__input,
.sps-question[data-name=json] .sd-question__content,
.sps-question[data-name=json] sv-ng-question-comment {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-page--languages .sps-panel__content {
  gap: 0;
}
.sps-question--search {
  margin: 0 var(--sjs2-spacing-negative-x250) 0;
  padding: 0 var(--sjs2-spacing-x250,20px) var(--sjs2-spacing-x250,20px);
  position: relative;
}
.sps-question--search:after {
  background: var(--sjs2-color-border-basic-secondary,#d4d4d4);
  bottom: 0;
  content: "";
  display: block;
  height: var(--sjs2-border-width-x100,1px);
  left: 0;
  position: absolute;
  right: 0;
}
.sps-page--options .sps-panel--with-frame > .sps-panel__expandable-content > .sps-panel__content {
  box-sizing: content-box;
  width: 50%;
}
.sps-page--options .sps-action-button--icon {
  padding: var(--sjs2-spacing-x050);
}
.sps-page--options .sps-action-button__icon {
  height: var(--sjs2-size-x200);
  width: var(--sjs2-size-x200);
}
.sps-page--options .sps-action-button__icon use {
  fill: var(--sjs2-color-fg-basic-tertiary,rgba(28,27,32,.4));
}
.sps-selectbase .sd-selectbase__column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x200,16px);
  padding-top: var(--sjs2-spacing-x200,16px);
}
.sps-selectbase .sd-item {
  padding-bottom: 0;
  padding-top: 0;
}
.sps-selectbase .sv-title-actions {
  align-items: flex-start;
  gap: var(--sjs2-spacing-x050,4px);
}
.sps-selectbase .sd-action-title-bar {
  justify-content: flex-start;
}
.sps-action--grow {
  flex-grow: 1;
}
.sps-navigation-bar {
  align-items: center;
  align-self: stretch;
  background: var(--sjs2-color-utility-surface-presets-manager);
  border-bottom: var(--sjs2-border-width-x100,1px) solid var(--sjs2-color-border-basic-secondary,#d4d4d4);
  display: flex;
  gap: var(--sjs2-spacing-x100,8px);
  padding: var(--sjs2-spacing-x150,12px);
}
.sps-navigation-bar .sd-action {
  flex-direction: row-reverse;
}
.sps-navigation-action--right {
  margin-left: auto;
}
.sps-navigation-action--right .sd-action__icon {
  padding: 0;
}
.sps-navigation-action--label .sd-action {
  flex-direction: row;
  --sd-action-disabled-title-color:var(--sjs2-color-fg-basic-secondary);
  --sd-action-title-font-weight:var(--sjs2-color-fg-basic-primary);
  --sd-action-icon-padding:0;
}
.sps-navigation-action--label .sd-action:before {
  background: var(--sjs2-color-fg-basic-secondary);
  border-radius: var(--sjs2-radius-round);
  content: "";
  display: block;
  height: 6px;
  width: 6px;
}
.svc-creator--disable-animations {
  --sjs-creator-transition-duration:0ms;
}
.svc-creator--disable-animations .sl-element-wrapper--enter,
.svc-creator--disable-animations .sl-element-wrapper--leave,
.svc-creator--disable-animations .sl-panel-wrapper--enter,
.svc-creator--disable-animations .sl-panel-wrapper--leave,
.svc-creator--disable-animations .sl-row--enter,
.svc-creator--disable-animations .sl-row--leave,
.svc-creator--disable-animations .sl-table__row--enter,
.svc-creator--disable-animations .sl-table__row--leave,
.svc-creator--disable-animations .spg-panel__content--enter,
.svc-creator--disable-animations .spg-panel__content--leave,
.svc-creator--disable-animations .spg-row--enter,
.svc-creator--disable-animations .spg-row--leave,
.svc-creator--disable-animations .spg-table__row--enter,
.svc-creator--disable-animations .spg-table__row--leave,
.svc-creator--disable-animations .sps-table__row--enter,
.svc-creator--disable-animations .sps-table__row--leave,
.svc-creator--disable-animations .svc-page--enter,
.svc-creator--disable-animations .svc-page--leave,
.svc-creator--disable-animations .svc-question--enter,
.svc-creator--disable-animations .svc-question--leave,
.svc-creator--disable-animations .svc-row .sd-element-wrapper--enter,
.svc-creator--disable-animations .svc-row .sd-element-wrapper--leave,
.svc-creator--disable-animations .svc-row .sd-element__content--enter,
.svc-creator--disable-animations .svc-row .sd-element__content--leave,
.svc-creator--disable-animations .svc-row .sd-item--enter,
.svc-creator--disable-animations .svc-row .sd-item--leave,
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--enter,
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--leave,
.svc-creator--disable-animations .svc-row .sd-row--enter,
.svc-creator--disable-animations .svc-row .sd-row--leave,
.svc-creator--disable-animations .svc-row .sd-table__row--enter,
.svc-creator--disable-animations .svc-row .sd-table__row--leave,
.svc-creator--disable-animations .svc-row .svc-question--leave,
.svc-creator--disable-animations .svc-side-bar--enter,
.svc-creator--disable-animations .svc-side-bar--leave,
.svc-creator--disable-animations .svc-toolbox__panel--enter,
.svc-creator--disable-animations .svc-toolbox__panel--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-page__content {
  transition: none;
}
.svc-creator--disable-animations .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  transition-delay: 0s;
}
.svc-creator--disable-animations.svc-creator--mobile .svc-question--enter {
  animation: none;
}
@media (prefers-reduced-motion:reduce) {
  .svc-creator {
    --sjs-creator-transition-duration:0ms;
  }
  .svc-creator .sl-element-wrapper--enter,
  .svc-creator .sl-element-wrapper--leave,
  .svc-creator .sl-panel-wrapper--enter,
  .svc-creator .sl-panel-wrapper--leave,
  .svc-creator .sl-row--enter,
  .svc-creator .sl-row--leave,
  .svc-creator .sl-table__row--enter,
  .svc-creator .sl-table__row--leave,
  .svc-creator .spg-panel__content--enter,
  .svc-creator .spg-panel__content--leave,
  .svc-creator .spg-row--enter,
  .svc-creator .spg-row--leave,
  .svc-creator .spg-table__row--enter,
  .svc-creator .spg-table__row--leave,
  .svc-creator .sps-table__row--enter,
  .svc-creator .sps-table__row--leave,
  .svc-creator .svc-page--enter,
  .svc-creator .svc-page--leave,
  .svc-creator .svc-question--enter,
  .svc-creator .svc-question--leave,
  .svc-creator .svc-row .sd-element-wrapper--enter,
  .svc-creator .svc-row .sd-element-wrapper--leave,
  .svc-creator .svc-row .sd-element__content--enter,
  .svc-creator .svc-row .sd-element__content--leave,
  .svc-creator .svc-row .sd-item--enter,
  .svc-creator .svc-row .sd-item--leave,
  .svc-creator .svc-row .sd-paneldynamic__panel-wrapper--enter,
  .svc-creator .svc-row .sd-paneldynamic__panel-wrapper--leave,
  .svc-creator .svc-row .sd-row--enter,
  .svc-creator .svc-row .sd-row--leave,
  .svc-creator .svc-row .sd-table__row--enter,
  .svc-creator .svc-row .sd-table__row--leave,
  .svc-creator .svc-row .svc-question--leave,
  .svc-creator .svc-side-bar--enter,
  .svc-creator .svc-side-bar--leave,
  .svc-creator .svc-toolbox__panel--enter,
  .svc-creator .svc-toolbox__panel--leave {
    animation: none;
  }
  .svc-creator .svc-page__content {
    transition: none;
  }
  .svc-creator .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
    transition-delay: 0s;
  }
  .svc-creator.svc-creator--mobile .svc-question--enter {
    animation: none;
  }
}

/* node_modules/highlight.js/styles/dark.css */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
.hljs {
  color: #ddd;
  background: #303030;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: white;
}
.hljs-subst {
}
.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #d88;
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #979797;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}
.hljs-emphasis {
  font-style: italic;
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* angular:styles/global:styles */