@charset "UTF-8";

/* node_modules/@taiga-ui/core/styles/taiga-ui-theme.less */
:root {
  --tui-font-heading:
    "Manrope",
    -apple-system,
    "BlinkMacSystemFont",
    system-ui,
    "Roboto",
    "Segoe UI",
    "Helvetica Neue",
    sans-serif;
  --tui-font-text:
    "Manrope",
    -apple-system,
    "BlinkMacSystemFont",
    system-ui,
    "Roboto",
    "Segoe UI",
    "Helvetica Neue",
    sans-serif;
  --tui-font-offset: 0rem;
  --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
  --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / 3rem var(--tui-font-heading);
  --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / 2.5rem var(--tui-font-heading);
  --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / 2rem var(--tui-font-heading);
  --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.75rem var(--tui-font-heading);
  --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.5rem var(--tui-font-heading);
  --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.75rem var(--tui-font-text);
  --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.75rem var(--tui-font-text);
  --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5rem var(--tui-font-text);
  --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.25rem var(--tui-font-text);
  --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1rem var(--tui-font-text);
  --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.5rem var(--tui-font-text);
  --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25rem var(--tui-font-text);
  --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1rem var(--tui-font-text);
  --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 0.8125rem var(--tui-font-text);
  --tui-radius-xs: 0.25rem;
  --tui-radius-s: 0.5rem;
  --tui-radius-m: 0.625rem;
  --tui-radius-l: 0.75rem;
  --tui-radius-xl: 1.5rem;
  --tui-height-xs: 1.5rem;
  --tui-height-s: 2rem;
  --tui-height-m: 2.75rem;
  --tui-height-l: 3.5rem;
  --tui-padding-s: 0.625rem;
  --tui-padding-m: 0.75rem;
  --tui-padding-l: 1rem;
  --tui-duration: 0.3s;
  --tui-disabled-opacity: 0.56;
}
@media screen {
  [tuiTheme=dark] {
    color-scheme: dark;
    --tui-background-base: #222;
    --tui-background-base-alt: #333;
    --tui-background-neutral-1: rgba(255, 255, 255, 0.08);
    --tui-background-neutral-1-hover: rgba(255, 255, 255, 0.16);
    --tui-background-neutral-1-pressed: rgba(255, 255, 255, 0.24);
    --tui-background-neutral-2: rgba(255, 255, 255, 0.24);
    --tui-background-neutral-2-hover: rgba(255, 255, 255, 0.32);
    --tui-background-neutral-2-pressed: rgba(255, 255, 255, 0.4);
    --tui-background-accent-opposite: #fff;
    --tui-background-accent-opposite-hover: #f6f6f6;
    --tui-background-accent-opposite-pressed: #ededed;
    --tui-background-elevation-1: #292929;
    --tui-background-elevation-2: #2f2f2f;
    --tui-background-elevation-3: #373737;
    --tui-service-autofill-background: #554a2a;
    --tui-border-normal: rgba(255, 255, 255, 0.14);
    --tui-border-hover: rgba(255, 255, 255, 0.6);
    --tui-border-focus: rgba(255, 255, 255, 0.64);
    --tui-status-negative: #ff8c67;
    --tui-status-negative-pale: rgba(244, 87, 37, 0.32);
    --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.4);
    --tui-status-positive: #4ac99b;
    --tui-status-positive-pale: rgba(74, 201, 155, 0.32);
    --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.4);
    --tui-status-warning: #ffc700;
    --tui-status-warning-pale: rgba(255, 199, 0, 0.32);
    --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.4);
    --tui-status-info: #70b6f6;
    --tui-status-info-pale: rgba(112, 182, 246, 0.32);
    --tui-status-info-pale-hover: rgba(112, 182, 246, 0.4);
    --tui-status-neutral: #959ba4;
    --tui-text-primary: #ffffff;
    --tui-text-secondary: rgba(255, 255, 255, 0.72);
    --tui-text-tertiary: rgba(255, 255, 255, 0.6);
    --tui-text-action: #6788ff;
    --tui-text-action-hover: #526ed3;
    --tui-text-positive: #44c596;
    --tui-text-positive-hover: #3aa981;
    --tui-text-negative: #ff8c67;
    --tui-text-negative-hover: #bb593a;
  }
  [tuiTheme=light] {
    color-scheme: light;
  }
  :root,
  [tuiTheme=light] {
    --tui-background-base: #fff;
    --tui-background-base-alt: #f6f6f6;
    --tui-background-neutral-1: rgba(0, 0, 0, 0.04);
    --tui-background-neutral-1-hover: rgba(0, 0, 0, 0.08);
    --tui-background-neutral-1-pressed: rgba(0, 0, 0, 0.12);
    --tui-background-neutral-2: rgba(0, 0, 0, 0.08);
    --tui-background-neutral-2-hover: rgba(0, 0, 0, 0.1);
    --tui-background-neutral-2-pressed: rgba(0, 0, 0, 0.14);
    --tui-background-accent-1: #526ed3;
    --tui-background-accent-1-hover: #6c86e2;
    --tui-background-accent-1-pressed: #314692;
    --tui-background-accent-2: #ff7043;
    --tui-background-accent-2-hover: #ff9a94;
    --tui-background-accent-2-pressed: #e7716a;
    --tui-background-accent-opposite: #000;
    --tui-background-accent-opposite-hover: #333;
    --tui-background-accent-opposite-pressed: #808080;
    --tui-background-elevation-1: #fff;
    --tui-background-elevation-2: #fff;
    --tui-background-elevation-3: #fff;
    --tui-service-autofill-background: #fff5c0;
    --tui-service-selection-background: rgba(112, 182, 246, 0.12);
    --tui-service-backdrop: rgba(0, 0, 0, 0.75);
    --tui-border-normal: rgba(0, 0, 0, 0.1);
    --tui-border-hover: rgba(0, 0, 0, 0.16);
    --tui-border-focus: rgba(51, 51, 51, 0.64);
    --tui-status-negative: #f45725;
    --tui-status-negative-pale: rgba(244, 87, 37, 0.12);
    --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.24);
    --tui-status-positive: #4ac99b;
    --tui-status-positive-pale: rgba(74, 201, 155, 0.12);
    --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.24);
    --tui-status-warning: #ffc700;
    --tui-status-warning-pale: rgba(255, 199, 0, 0.12);
    --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.24);
    --tui-status-info: #70b6f6;
    --tui-status-info-pale: rgba(112, 182, 246, 0.12);
    --tui-status-info-pale-hover: rgba(112, 182, 246, 0.24);
    --tui-status-neutral: #79818c;
    --tui-text-primary: #1b1f3b;
    --tui-text-secondary: rgba(27, 31, 59, 0.65);
    --tui-text-tertiary: rgba(27, 31, 59, 0.4);
    --tui-text-primary-on-accent-1: #fff;
    --tui-text-primary-on-accent-2: #fff;
    --tui-text-action: #4c66c3;
    --tui-text-action-hover: #6c86e2;
    --tui-text-positive: #3aa981;
    --tui-text-positive-hover: #7ac5aa;
    --tui-text-negative: #dd4c1e;
    --tui-text-negative-hover: #e38163;
    --tui-chart-categorical-00: var(--tui-background-accent-1);
    --tui-chart-categorical-01: #ea97c4;
    --tui-chart-categorical-02: #a0c5df;
    --tui-chart-categorical-03: #fee797;
    --tui-chart-categorical-04: #b0b0b0;
    --tui-chart-categorical-05: #e29398;
    --tui-chart-categorical-06: #b8474e;
    --tui-chart-categorical-07: #fcc068;
    --tui-chart-categorical-08: #ff8a00;
    --tui-chart-categorical-09: #dab3f9;
    --tui-chart-categorical-10: #7b439e;
    --tui-chart-categorical-11: #8dda71;
    --tui-chart-categorical-12: #fcbb14;
    --tui-chart-categorical-13: #a8cef1;
    --tui-chart-categorical-14: #bd65a4;
    --tui-chart-categorical-15: #7fd7cc;
    --tui-chart-categorical-16: #2fad96;
    --tui-chart-categorical-17: #d4aca2;
    --tui-chart-categorical-18: #9d6f64;
    --tui-chart-categorical-19: #d2e9a2;
    --tui-chart-categorical-20: #aadc42;
    --tui-chart-categorical-21: #3682db;
    --tui-chart-categorical-22: #34b41f;
    --tui-shadow-small: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
    --tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, 0.14);
    --tui-shadow-medium: 0 0.375rem 2rem rgba(0, 0, 0, 0.12);
    --tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, 0.18);
    --tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, 0.2);
  }
}
@media print {
  :root,
  [tuiTheme] {
    color-scheme: light;
    --tui-background-base: #fff;
    --tui-background-base-alt: #f6f6f6;
    --tui-background-neutral-1: rgba(0, 0, 0, 0.04);
    --tui-background-neutral-1-hover: rgba(0, 0, 0, 0.08);
    --tui-background-neutral-1-pressed: rgba(0, 0, 0, 0.12);
    --tui-background-neutral-2: rgba(0, 0, 0, 0.08);
    --tui-background-neutral-2-hover: rgba(0, 0, 0, 0.1);
    --tui-background-neutral-2-pressed: rgba(0, 0, 0, 0.14);
    --tui-background-accent-1: #526ed3;
    --tui-background-accent-1-hover: #6c86e2;
    --tui-background-accent-1-pressed: #314692;
    --tui-background-accent-2: #ff7043;
    --tui-background-accent-2-hover: #ff9a94;
    --tui-background-accent-2-pressed: #e7716a;
    --tui-background-accent-opposite: #000;
    --tui-background-accent-opposite-hover: #333;
    --tui-background-accent-opposite-pressed: #808080;
    --tui-background-elevation-1: #fff;
    --tui-background-elevation-2: #fff;
    --tui-background-elevation-3: #fff;
    --tui-service-autofill-background: #fff5c0;
    --tui-service-selection-background: rgba(112, 182, 246, 0.12);
    --tui-service-backdrop: rgba(0, 0, 0, 0.75);
    --tui-border-normal: rgba(0, 0, 0, 0.1);
    --tui-border-hover: rgba(0, 0, 0, 0.16);
    --tui-border-focus: rgba(51, 51, 51, 0.64);
    --tui-status-negative: #f45725;
    --tui-status-negative-pale: rgba(244, 87, 37, 0.12);
    --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.24);
    --tui-status-positive: #4ac99b;
    --tui-status-positive-pale: rgba(74, 201, 155, 0.12);
    --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.24);
    --tui-status-warning: #ffc700;
    --tui-status-warning-pale: rgba(255, 199, 0, 0.12);
    --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.24);
    --tui-status-info: #70b6f6;
    --tui-status-info-pale: rgba(112, 182, 246, 0.12);
    --tui-status-info-pale-hover: rgba(112, 182, 246, 0.24);
    --tui-status-neutral: #79818c;
    --tui-text-primary: #1b1f3b;
    --tui-text-secondary: rgba(27, 31, 59, 0.65);
    --tui-text-tertiary: rgba(27, 31, 59, 0.4);
    --tui-text-primary-on-accent-1: #fff;
    --tui-text-primary-on-accent-2: #fff;
    --tui-text-action: #4c66c3;
    --tui-text-action-hover: #6c86e2;
    --tui-text-positive: #3aa981;
    --tui-text-positive-hover: #7ac5aa;
    --tui-text-negative: #dd4c1e;
    --tui-text-negative-hover: #e38163;
    --tui-chart-categorical-00: var(--tui-background-accent-1);
    --tui-chart-categorical-01: #ea97c4;
    --tui-chart-categorical-02: #a0c5df;
    --tui-chart-categorical-03: #fee797;
    --tui-chart-categorical-04: #b0b0b0;
    --tui-chart-categorical-05: #e29398;
    --tui-chart-categorical-06: #b8474e;
    --tui-chart-categorical-07: #fcc068;
    --tui-chart-categorical-08: #ff8a00;
    --tui-chart-categorical-09: #dab3f9;
    --tui-chart-categorical-10: #7b439e;
    --tui-chart-categorical-11: #8dda71;
    --tui-chart-categorical-12: #fcbb14;
    --tui-chart-categorical-13: #a8cef1;
    --tui-chart-categorical-14: #bd65a4;
    --tui-chart-categorical-15: #7fd7cc;
    --tui-chart-categorical-16: #2fad96;
    --tui-chart-categorical-17: #d4aca2;
    --tui-chart-categorical-18: #9d6f64;
    --tui-chart-categorical-19: #d2e9a2;
    --tui-chart-categorical-20: #aadc42;
    --tui-chart-categorical-21: #3682db;
    --tui-chart-categorical-22: #34b41f;
    --tui-shadow-small: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
    --tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, 0.14);
    --tui-shadow-medium: 0 0.375rem 2rem rgba(0, 0, 0, 0.12);
    --tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, 0.18);
    --tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, 0.2);
  }
}
[tuiAppearance][data-appearance=accent] {
  background: var(--tui-background-accent-2);
  color: var(--tui-text-primary-on-accent-2);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=accent]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-2-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=accent]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-2-hover);
  }
}
[tuiAppearance][data-appearance=accent][data-state=hover] {
  background: var(--tui-background-accent-2-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=accent][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=accent][tuiWrapper][data-state=hover] {
    background: var(--tui-background-accent-2-hover);
  }
}
[tuiAppearance][data-appearance=accent]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-2-pressed);
}
[tuiAppearance][data-appearance=accent]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-2-pressed);
}
[tuiAppearance][data-appearance=accent][data-state=active] {
  background: var(--tui-background-accent-2-pressed);
}
[tuiAppearance][data-appearance=accent][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=accent][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=accent][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-accent-2-pressed);
}
[tuiAppearance][data-appearance=link] {
  color: var(--tui-text-action);
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=link]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-action-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=link]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-action-hover);
  }
}
[tuiAppearance][data-appearance=link][data-state=hover] {
  color: var(--tui-text-action-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=link][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=link][tuiWrapper][data-state=hover] {
    color: var(--tui-text-action-hover);
  }
}
[tuiAppearance][data-appearance=link]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=link]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=link][data-state=active] {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=link][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=link][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=link][tuiWrapper][data-state=active]:hover {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action] {
  color: var(--tui-text-action);
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-action-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-action-hover);
  }
}
[tuiAppearance][data-appearance=action][data-state=hover] {
  color: var(--tui-text-action-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=action][tuiWrapper][data-state=hover] {
    color: var(--tui-text-action-hover);
  }
}
[tuiAppearance][data-appearance=action]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action][data-state=active] {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=action][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=action][tuiWrapper][data-state=active]:hover {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action-destructive] {
  color: var(--tui-text-negative);
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-negative-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-negative-hover);
  }
}
[tuiAppearance][data-appearance=action-destructive][data-state=hover] {
  color: var(--tui-text-negative-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=hover] {
    color: var(--tui-text-negative-hover);
  }
}
[tuiAppearance][data-appearance=action-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-negative-hover);
}
[tuiAppearance][data-appearance=action-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-negative-hover);
}
[tuiAppearance][data-appearance=action-destructive][data-state=active] {
  color: var(--tui-text-negative-hover);
}
[tuiAppearance][data-appearance=action-destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=active]:hover {
  color: var(--tui-text-negative-hover);
}
[tuiAppearance][data-appearance=action-grayscale] {
  color: var(--tui-text-secondary);
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-primary);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-primary);
  }
}
[tuiAppearance][data-appearance=action-grayscale][data-state=hover] {
  color: var(--tui-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-grayscale][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=hover] {
    color: var(--tui-text-primary);
  }
}
[tuiAppearance][data-appearance=action-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=action-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=action-grayscale][data-state=active] {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=action-grayscale][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=active]:hover {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=flat],
[tuiAppearance][data-appearance=flat-destructive],
[tuiAppearance][data-appearance=flat-grayscale] {
  color: var(--tui-text-action);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=flat]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=flat]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=flat][data-state=hover],
[tuiAppearance][data-appearance=flat-destructive][data-state=hover],
[tuiAppearance][data-appearance=flat-grayscale][data-state=hover] {
  background: var(--tui-background-neutral-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=flat][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=flat-destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=flat][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=hover] {
    background: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=flat]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=flat]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=flat][data-state=active],
[tuiAppearance][data-appearance=flat-destructive][data-state=active],
[tuiAppearance][data-appearance=flat-grayscale][data-state=active] {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=flat][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=flat-destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=flat-grayscale][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=flat][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=flat][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=flat-destructive] {
  color: var(--tui-text-negative);
}
[tuiAppearance][data-appearance=flat-grayscale] {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=floating] {
  background: var(--tui-background-elevation-2);
  color: var(--tui-text-primary);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
  }
}
[tuiAppearance][data-appearance=floating][data-state=hover] {
  box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover] {
    box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
  }
}
[tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-base-alt);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-base-alt);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance=floating][data-state=active] {
  background: var(--tui-background-base-alt);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-base-alt);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance=glass] {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  --tui-border-focus: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: rgba(0, 0, 0, 0.48);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: rgba(0, 0, 0, 0.48);
  }
}
[tuiAppearance][data-appearance=glass][data-state=hover] {
  background: rgba(0, 0, 0, 0.48);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover] {
    background: rgba(0, 0, 0, 0.48);
  }
}
[tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance=glass][data-state=active] {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover {
  background: rgba(0, 0, 0, 0.6);
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass],
[tuiTheme=dark][tuiAppearance][data-appearance=glass] {
  background: rgba(255, 255, 255, 0.3);
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: rgba(255, 255, 255, 0.4);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: rgba(255, 255, 255, 0.4);
  }
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass][data-state=hover],
[tuiTheme=dark][tuiAppearance][data-appearance=glass][data-state=hover] {
  background: rgba(255, 255, 255, 0.4);
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover),
  [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover),
  [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover],
  [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover] {
    background: rgba(255, 255, 255, 0.4);
  }
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: rgba(255, 255, 255, 0.5);
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: rgba(255, 255, 255, 0.5);
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass][data-state=active],
[tuiTheme=dark][tuiAppearance][data-appearance=glass][data-state=active] {
  background: rgba(255, 255, 255, 0.5);
}
[tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active),
[tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active),
[tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active],
[tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active],
[tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover,
[tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover {
  background: rgba(255, 255, 255, 0.5);
}
[tuiAppearance][data-appearance=opposite] {
  --tui-border-focus: #979797;
  background: var(--tui-background-accent-opposite);
  color: var(--tui-background-base);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=opposite]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-opposite-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=opposite]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-opposite-hover);
  }
}
[tuiAppearance][data-appearance=opposite][data-state=hover] {
  background: var(--tui-background-accent-opposite-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=opposite][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=hover] {
    background: var(--tui-background-accent-opposite-hover);
  }
}
[tuiAppearance][data-appearance=opposite]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=opposite]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=opposite][data-state=active] {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=opposite][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=outline],
[tuiAppearance][data-appearance=outline-destructive],
[tuiAppearance][data-appearance=outline-grayscale],
[tuiAppearance][data-appearance=whiteblock] {
  --t-bs: var(--tui-border-normal);
  color: var(--tui-text-action);
  box-shadow: inset 0 0 0 1px var(--t-bs);
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode]),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]),
[tuiAppearance][data-appearance=outline][data-mode~=checked],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked],
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked] {
  --t-bs: var(--tui-background-accent-1);
  box-shadow: inset 0 0 0 2px var(--t-bs);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bs: var(--tui-background-accent-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bs: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=outline][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-state=hover] {
  --t-bs: var(--tui-background-accent-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=hover] {
    --t-bs: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bs: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bs: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=outline][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-state=active] {
  --t-bs: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=active]:hover {
  --t-bs: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=outline]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline-destructive]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline-grayscale]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=whiteblock]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline][data-mode~=invalid],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=invalid],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=invalid],
[tuiAppearance][data-appearance=whiteblock][data-mode~=invalid] {
  box-shadow: inset 0 0 0 1px var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=outline]:checked:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline-destructive]:checked:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:invalid:not([data-mode]),
[tuiAppearance][data-appearance=whiteblock]:checked:invalid:not([data-mode]),
[tuiAppearance][data-appearance=outline][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-mode~=invalid] {
  box-shadow: inset 0 0 0 2px var(--tui-status-negative);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1);
    cursor: pointer;
    --t-bs: var(--tui-border-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1);
    cursor: pointer;
    --t-bs: var(--tui-border-hover);
  }
}
[tuiAppearance][data-appearance=outline][data-state=hover],
[tuiAppearance][data-appearance=outline-destructive][data-state=hover],
[tuiAppearance][data-appearance=outline-grayscale][data-state=hover],
[tuiAppearance][data-appearance=whiteblock][data-state=hover] {
  background: var(--tui-background-neutral-1);
  cursor: pointer;
  --t-bs: var(--tui-border-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=outline][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=outline][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover] {
    background: var(--tui-background-neutral-1);
    cursor: pointer;
    --t-bs: var(--tui-border-hover);
  }
}
[tuiAppearance][data-appearance=outline]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1);
  --t-bs: var(--tui-border-hover);
}
[tuiAppearance][data-appearance=outline]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1);
  --t-bs: var(--tui-border-hover);
}
[tuiAppearance][data-appearance=outline][data-state=active],
[tuiAppearance][data-appearance=outline-destructive][data-state=active],
[tuiAppearance][data-appearance=outline-grayscale][data-state=active],
[tuiAppearance][data-appearance=whiteblock][data-state=active] {
  background: var(--tui-background-neutral-1);
  --t-bs: var(--tui-border-hover);
}
[tuiAppearance][data-appearance=outline][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=outline][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=outline][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-neutral-1);
  --t-bs: var(--tui-border-hover);
}
[tuiAppearance][data-appearance=outline-grayscale],
[tuiAppearance][data-appearance=whiteblock] {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=outline-destructive] {
  color: var(--tui-text-negative);
}
[tuiAppearance][data-appearance=icon],
[tuiAppearance][data-appearance=outline-grayscale],
[tuiAppearance][data-appearance=floating],
[tuiAppearance][data-appearance=whiteblock] {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=icon]::before,
[tuiAppearance][data-appearance=outline-grayscale]::before,
[tuiAppearance][data-appearance=floating]::before,
[tuiAppearance][data-appearance=whiteblock]::before,
[tuiAppearance][data-appearance=icon]::after,
[tuiAppearance][data-appearance=outline-grayscale]::after,
[tuiAppearance][data-appearance=floating]::after,
[tuiAppearance][data-appearance=whiteblock]::after {
  transition-property: color, transform;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-text-tertiary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after {
    color: var(--tui-text-secondary);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after {
    color: var(--tui-text-secondary);
  }
}
[tuiAppearance][data-appearance=icon][data-state=hover]:before,
[tuiAppearance][data-appearance=outline-grayscale][data-state=hover]:before,
[tuiAppearance][data-appearance=floating][data-state=hover]:before,
[tuiAppearance][data-appearance=whiteblock][data-state=hover]:before,
[tuiAppearance][data-appearance=icon][data-state=hover]:after,
[tuiAppearance][data-appearance=outline-grayscale][data-state=hover]:after,
[tuiAppearance][data-appearance=floating][data-state=hover]:after,
[tuiAppearance][data-appearance=whiteblock][data-state=hover]:after {
  color: var(--tui-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=icon][tuiWrapper]:hover:not(._no-hover):before,
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover):before,
  [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover):before,
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover):before,
  [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=hover]:before,
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover]:before,
  [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover]:before,
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover]:before,
  [tuiAppearance][data-appearance=icon][tuiWrapper]:hover:not(._no-hover):after,
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover):after,
  [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover):after,
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover):after,
  [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=hover]:after,
  [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover]:after,
  [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover]:after,
  [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover]:after {
    color: var(--tui-text-secondary);
  }
}
[tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=icon][data-state=active]:before,
[tuiAppearance][data-appearance=outline-grayscale][data-state=active]:before,
[tuiAppearance][data-appearance=floating][data-state=active]:before,
[tuiAppearance][data-appearance=whiteblock][data-state=active]:before,
[tuiAppearance][data-appearance=icon][data-state=active]:after,
[tuiAppearance][data-appearance=outline-grayscale][data-state=active]:after,
[tuiAppearance][data-appearance=floating][data-state=active]:after,
[tuiAppearance][data-appearance=whiteblock][data-state=active]:after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=icon][tuiWrapper]:active:not(._no-active):before,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active):before,
[tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active):before,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active):before,
[tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:before,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:before,
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:before,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:before,
[tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:hover:before,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover:before,
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover:before,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover:before,
[tuiAppearance][data-appearance=icon][tuiWrapper]:active:not(._no-active):after,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active):after,
[tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active):after,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active):after,
[tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:after,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:after,
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:after,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:after,
[tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:hover:after,
[tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover:after,
[tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover:after,
[tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover:after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=primary] {
  --t-bg: var(--tui-background-accent-1);
  background: var(--t-bg);
  color: var(--tui-text-primary-on-accent-1);
}
[tuiAppearance][data-appearance=primary]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=primary][data-mode~=invalid] {
  background: var(--tui-status-negative);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-background-accent-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=primary][data-state=hover] {
  --t-bg: var(--tui-background-accent-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=primary][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=primary]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=primary]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=primary][data-state=active] {
  --t-bg: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=primary][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=primary][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=primary][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=primary-destructive] {
  color: #fff;
  background: var(--tui-status-negative);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    filter: saturate(1) brightness(1.3);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    filter: saturate(1) brightness(1.3);
  }
}
[tuiAppearance][data-appearance=primary-destructive][data-state=hover] {
  filter: saturate(1) brightness(1.3);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=hover] {
    filter: saturate(1) brightness(1.3);
  }
}
[tuiAppearance][data-appearance=primary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  filter: saturate(0.8) brightness(1);
}
[tuiAppearance][data-appearance=primary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  filter: saturate(0.8) brightness(1);
}
[tuiAppearance][data-appearance=primary-destructive][data-state=active] {
  filter: saturate(0.8) brightness(1);
}
[tuiAppearance][data-appearance=primary-destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=active]:hover {
  filter: saturate(0.8) brightness(1);
}
[tuiAppearance][data-appearance=primary-grayscale] {
  --tui-border-focus: #979797;
  background: var(--tui-background-accent-opposite);
  color: var(--tui-background-base);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-opposite-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-opposite-hover);
  }
}
[tuiAppearance][data-appearance=primary-grayscale][data-state=hover] {
  background: var(--tui-background-accent-opposite-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=hover] {
    background: var(--tui-background-accent-opposite-hover);
  }
}
[tuiAppearance][data-appearance=primary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=primary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=primary-grayscale][data-state=active] {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=primary-grayscale][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=secondary],
[tuiAppearance][data-appearance=secondary-destructive],
[tuiAppearance][data-appearance=secondary-grayscale],
[tuiAppearance][data-appearance=destructive] {
  background: var(--tui-background-neutral-1);
  color: var(--tui-text-action);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=secondary][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][data-state=hover],
[tuiAppearance][data-appearance=destructive][data-state=hover] {
  background: var(--tui-background-neutral-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=hover] {
    background: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=secondary]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=secondary][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-state=active],
[tuiAppearance][data-appearance=destructive][data-state=active] {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=secondary][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked],
[tuiAppearance][data-appearance=destructive][data-mode~=checked],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]) {
  background: var(--tui-background-accent-1);
  color: var(--tui-text-primary-on-accent-1);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-state=hover],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=hover] {
  background: var(--tui-background-accent-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover] {
    background: var(--tui-background-accent-1-hover);
  }
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=active] {
  background: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover {
  background: var(--tui-background-accent-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid] {
  background: var(--tui-status-negative);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-status-negative);
    color: #fff;
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background: var(--tui-status-negative);
    color: #fff;
  }
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover] {
  background: var(--tui-status-negative);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover] {
    background: var(--tui-status-negative);
    color: #fff;
  }
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-status-negative);
  color: #fff;
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  background: var(--tui-status-negative);
  color: #fff;
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active] {
  background: var(--tui-status-negative);
  color: #fff;
}
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover {
  background: var(--tui-status-negative);
  color: #fff;
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid],
[tuiAppearance][data-appearance=destructive][data-mode~=invalid] {
  color: var(--tui-text-negative);
  background: var(--tui-status-negative-pale);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-negative-hover);
    background: var(--tui-status-negative-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    color: var(--tui-text-negative-hover);
    background: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[data-state=hover],
[tuiAppearance][data-appearance=secondary][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][data-state=hover],
[tuiAppearance][data-appearance=destructive][data-mode~=invalid][data-state=hover] {
  color: var(--tui-text-negative-hover);
  background: var(--tui-status-negative-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=hover] {
    color: var(--tui-text-negative-hover);
    background: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-negative-hover);
  background: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-negative-hover);
  background: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=invalid][data-state=active] {
  color: var(--tui-text-negative-hover);
  background: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=active]:hover {
  color: var(--tui-text-negative-hover);
  background: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=secondary-destructive],
[tuiAppearance][data-appearance=destructive] {
  color: var(--tui-text-negative);
}
[tuiAppearance][data-appearance=secondary-grayscale] {
  color: var(--tui-text-primary);
}
input[type=checkbox][data-appearance=secondary],
input[type=radio][data-appearance=secondary] {
  --tui-background-neutral-1: var(--tui-background-neutral-2);
  --tui-background-neutral-1-hover: var(--tui-background-neutral-2-hover);
  --tui-background-neutral-1-pressed: var(--tui-background-neutral-2-pressed);
}
[tuiAppearance][data-appearance=error],
[tuiAppearance][data-appearance=success],
[tuiAppearance][data-appearance=negative],
[tuiAppearance][data-appearance=positive],
[tuiAppearance][data-appearance=warning],
[tuiAppearance][data-appearance=info],
[tuiAppearance][data-appearance=neutral] {
  background: var(--t-bg);
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=error]:checked:not([data-mode]),
[tuiAppearance][data-appearance=success]:checked:not([data-mode]),
[tuiAppearance][data-appearance=negative]:checked:not([data-mode]),
[tuiAppearance][data-appearance=positive]:checked:not([data-mode]),
[tuiAppearance][data-appearance=warning]:checked:not([data-mode]),
[tuiAppearance][data-appearance=info]:checked:not([data-mode]),
[tuiAppearance][data-appearance=neutral]:checked:not([data-mode]),
[tuiAppearance][data-appearance=error][data-mode~=checked],
[tuiAppearance][data-appearance=success][data-mode~=checked],
[tuiAppearance][data-appearance=negative][data-mode~=checked],
[tuiAppearance][data-appearance=positive][data-mode~=checked],
[tuiAppearance][data-appearance=warning][data-mode~=checked],
[tuiAppearance][data-appearance=info][data-mode~=checked],
[tuiAppearance][data-appearance=neutral][data-mode~=checked] {
  color: #fff;
}
[tuiAppearance][data-appearance=error],
[tuiAppearance][data-appearance=negative] {
  --t-bg: var(--tui-status-negative-pale);
}
[tuiAppearance][data-appearance=error]::before,
[tuiAppearance][data-appearance=negative]::before,
[tuiAppearance][data-appearance=error]::after,
[tuiAppearance][data-appearance=negative]::after {
  color: var(--tui-status-negative);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=error]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-negative-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=error]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=error][data-state=hover],
[tuiAppearance][data-appearance=negative][data-state=hover] {
  --t-bg: var(--tui-status-negative-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=error][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=negative][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=error][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=negative][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=error]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=error]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=error][data-state=active],
[tuiAppearance][data-appearance=negative][data-state=active] {
  --t-bg: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=error][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=negative][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=error][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=negative][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=error][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=negative][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-status-negative-pale-hover);
}
[tuiAppearance][data-appearance=error]:checked:not([data-mode]),
[tuiAppearance][data-appearance=negative]:checked:not([data-mode]),
[tuiAppearance][data-appearance=error][data-mode~=checked],
[tuiAppearance][data-appearance=negative][data-mode~=checked] {
  background: var(--tui-status-negative);
}
[tuiAppearance][data-appearance=success],
[tuiAppearance][data-appearance=positive] {
  --t-bg: var(--tui-status-positive-pale);
}
[tuiAppearance][data-appearance=success]::before,
[tuiAppearance][data-appearance=positive]::before,
[tuiAppearance][data-appearance=success]::after,
[tuiAppearance][data-appearance=positive]::after {
  color: var(--tui-status-positive);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=success]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-positive-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=success]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-positive-pale-hover);
  }
}
[tuiAppearance][data-appearance=success][data-state=hover],
[tuiAppearance][data-appearance=positive][data-state=hover] {
  --t-bg: var(--tui-status-positive-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=success][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=positive][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=success][tuiWrapper][data-state=hover],
  [tuiAppearance][data-appearance=positive][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-status-positive-pale-hover);
  }
}
[tuiAppearance][data-appearance=success]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-positive-pale-hover);
}
[tuiAppearance][data-appearance=success]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-positive-pale-hover);
}
[tuiAppearance][data-appearance=success][data-state=active],
[tuiAppearance][data-appearance=positive][data-state=active] {
  --t-bg: var(--tui-status-positive-pale-hover);
}
[tuiAppearance][data-appearance=success][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=positive][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=success][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=positive][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=success][tuiWrapper][data-state=active]:hover,
[tuiAppearance][data-appearance=positive][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-status-positive-pale-hover);
}
[tuiAppearance][data-appearance=success]:checked:not([data-mode]),
[tuiAppearance][data-appearance=positive]:checked:not([data-mode]),
[tuiAppearance][data-appearance=success][data-mode~=checked],
[tuiAppearance][data-appearance=positive][data-mode~=checked] {
  background: var(--tui-status-positive);
}
[tuiAppearance][data-appearance=warning] {
  --t-bg: var(--tui-status-warning-pale);
}
[tuiAppearance][data-appearance=warning]::before,
[tuiAppearance][data-appearance=warning]::after {
  color: var(--tui-status-warning);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=warning]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-warning-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=warning]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-warning-pale-hover);
  }
}
[tuiAppearance][data-appearance=warning][data-state=hover] {
  --t-bg: var(--tui-status-warning-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=warning][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=warning][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-status-warning-pale-hover);
  }
}
[tuiAppearance][data-appearance=warning]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-warning-pale-hover);
}
[tuiAppearance][data-appearance=warning]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-warning-pale-hover);
}
[tuiAppearance][data-appearance=warning][data-state=active] {
  --t-bg: var(--tui-status-warning-pale-hover);
}
[tuiAppearance][data-appearance=warning][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=warning][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=warning][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-status-warning-pale-hover);
}
[tuiAppearance][data-appearance=warning]:checked:not([data-mode]),
[tuiAppearance][data-appearance=warning][data-mode~=checked] {
  background: var(--tui-status-warning);
}
[tuiAppearance][data-appearance=info] {
  --t-bg: var(--tui-status-info-pale);
}
[tuiAppearance][data-appearance=info]::before,
[tuiAppearance][data-appearance=info]::after {
  color: var(--tui-status-info);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=info]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-info-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=info]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-status-info-pale-hover);
  }
}
[tuiAppearance][data-appearance=info][data-state=hover] {
  --t-bg: var(--tui-status-info-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=info][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=info][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-status-info-pale-hover);
  }
}
[tuiAppearance][data-appearance=info]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-info-pale-hover);
}
[tuiAppearance][data-appearance=info]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-status-info-pale-hover);
}
[tuiAppearance][data-appearance=info][data-state=active] {
  --t-bg: var(--tui-status-info-pale-hover);
}
[tuiAppearance][data-appearance=info][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=info][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=info][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-status-info-pale-hover);
}
[tuiAppearance][data-appearance=info]:checked:not([data-mode]),
[tuiAppearance][data-appearance=info][data-mode~=checked] {
  background: var(--tui-status-info);
}
[tuiAppearance][data-appearance=neutral] {
  --t-bg: var(--tui-background-neutral-1);
}
[tuiAppearance][data-appearance=neutral]::before,
[tuiAppearance][data-appearance=neutral]::after {
  color: var(--tui-status-neutral);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=neutral]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-background-neutral-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=neutral]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-bg: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=neutral][data-state=hover] {
  --t-bg: var(--tui-background-neutral-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=neutral][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=hover] {
    --t-bg: var(--tui-background-neutral-1-hover);
  }
}
[tuiAppearance][data-appearance=neutral]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=neutral]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) {
  --t-bg: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=neutral][data-state=active] {
  --t-bg: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=neutral][tuiWrapper]:active:not(._no-active),
[tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=active],
[tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=active]:hover {
  --t-bg: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=neutral]:checked:not([data-mode]),
[tuiAppearance][data-appearance=neutral][data-mode~=checked] {
  background: var(--tui-status-neutral);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]) {
  content: "";
  position: fixed;
  top: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  inline-size: auto;
  block-size: auto;
  border-radius: 0;
  background: transparent;
  border: none;
  outline: none;
  padding-bottom: calc(var(--t-row-height) - var(--t-height));
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):not(._empty) {
  color: var(--tui-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] {
    background-color: var(--tui-background-neutral-1);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] {
    background-color: var(--tui-background-neutral-1);
  }
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-state=hover][data-focus=false] {
  background-color: var(--tui-background-neutral-1);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]:hover:not(._no-hover)[data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper][data-state=hover][data-focus=false] {
    background-color: var(--tui-background-neutral-1);
  }
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):focus-visible:not([data-focus=false]) {
  outline-offset: -0.125rem;
  outline: 0.125rem solid var(--tui-border-focus);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-focus=true] {
  outline-offset: -0.125rem;
  outline: 0.125rem solid var(--tui-border-focus);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]:not(._focused):has(:focus-visible),
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]._focused {
  outline-offset: -0.125rem;
  outline: 0.125rem solid var(--tui-border-focus);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid,
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid] {
  background-origin: border-box;
  background-position: top right;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to top right,
      transparent 0% 50%,
      var(--tui-status-negative) 50% 100%);
  background-size: 0.5rem 0.5rem;
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-focus=false],
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-focus=false] {
  background-color: var(--tui-status-negative-pale);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] {
    background-color: var(--tui-status-negative-pale-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] {
    background-color: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-state=hover][data-focus=false],
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-state=hover][data-focus=false] {
  background-color: var(--tui-status-negative-pale-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:hover:not(._no-hover)[data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover)[data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper][data-state=hover][data-focus=false],
  [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper][data-state=hover][data-focus=false] {
    background-color: var(--tui-status-negative-pale-hover);
  }
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:disabled:not([data-state]),
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:disabled:not([data-state]),
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-state=disabled],
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-state=disabled] {
  background: transparent;
  outline: none;
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:disabled:not([data-state]),
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:disabled:not([data-state]),
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper][data-state=disabled],
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper][data-state=disabled] {
  background: transparent;
  outline: none;
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:focus-visible:not([data-focus=false]),
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:focus-visible:not([data-focus=false]) {
  background-color: transparent;
  outline-offset: -0.0625rem;
  outline: 0.0625rem solid var(--tui-status-negative);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-focus=true],
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-focus=true] {
  background-color: transparent;
  outline-offset: -0.0625rem;
  outline: 0.0625rem solid var(--tui-status-negative);
}
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:not(._focused):has(:focus-visible),
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:not(._focused):has(:focus-visible),
[tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]._focused,
[tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]._focused {
  background-color: transparent;
  outline-offset: -0.0625rem;
  outline: 0.0625rem solid var(--tui-status-negative);
}
[tuiWrapper] {
  transition-property:
    color,
    background,
    opacity;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: relative;
  display: block;
  block-size: 100%;
  inline-size: 100%;
  appearance: none;
  border-radius: inherit;
}
[tuiWrapper]:disabled:disabled,
[tuiWrapper][data-state=disabled][data-state=disabled] {
  pointer-events: none;
  opacity: var(--tui-disabled-opacity);
}
[tuiWrapper][data-appearance=textfield] {
  transition-property: box-shadow, background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  background: var(--tui-background-base);
  color: var(--tui-text-primary);
  outline: none !important;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
}
[tuiWrapper][data-appearance=textfield]::after {
  transition-property: color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: inherit;
  border: 1px solid currentColor;
  pointer-events: none;
  color: var(--tui-border-normal);
}
@media (hover: hover) and (pointer: fine) {
  [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),
  [tuiWrapper][data-appearance=textfield][data-state=hover] {
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
  }
}
[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible {
  box-shadow: none;
}
[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after {
  border-width: 2px;
  color: var(--tui-background-accent-1);
}
[tuiWrapper][data-appearance=textfield]:has(:focus-visible) {
  box-shadow: none;
}
[tuiWrapper][data-appearance=textfield]:has(:focus-visible):after {
  border-width: 2px;
  color: var(--tui-background-accent-1);
}
[tuiWrapper][data-appearance=textfield]._focused._focused {
  box-shadow: none;
}
[tuiWrapper][data-appearance=textfield]._focused._focused:after {
  border-width: 2px;
  color: var(--tui-background-accent-1);
}
[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly] {
  box-shadow: none;
  background: transparent;
}
[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after {
  color: var(--tui-border-normal);
}
[tuiWrapper][data-appearance=textfield]:disabled:disabled,
[tuiWrapper][data-appearance=textfield][data-state=disabled][data-state=disabled] {
  box-shadow: none;
}
[tuiWrapper][data-appearance=textfield]:invalid:invalid:after,
[tuiWrapper][data-appearance=textfield]._invalid._invalid:after {
  color: var(--tui-text-negative);
}
[tuiTheme=dark][tuiWrapper][data-appearance=textfield],
[tuiTheme=dark] [tuiWrapper][data-appearance=textfield] {
  background: var(--tui-background-neutral-1);
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark][tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),
  [tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),
  [tuiTheme=dark][tuiWrapper][data-appearance=textfield][data-state=hover],
  [tuiTheme=dark] [tuiWrapper][data-appearance=textfield][data-state=hover] {
    background: var(--tui-background-neutral-1-hover);
  }
}
[tuiTheme=dark][tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible,
[tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible {
  background: transparent;
}
[tuiTheme=dark][tuiWrapper][data-appearance=textfield]:has(:focus-visible),
[tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:has(:focus-visible) {
  background: transparent;
}
[tuiTheme=dark][tuiWrapper][data-appearance=textfield]._focused._focused,
[tuiTheme=dark] [tuiWrapper][data-appearance=textfield]._focused._focused {
  background: transparent;
}
[tuiWrapper][data-appearance=table] {
  border-radius: 0;
  background: transparent;
  color: var(--tui-text-primary);
  outline: none !important;
}
[tuiWrapper][data-appearance=table]::before,
[tuiWrapper][data-appearance=table][data-appearance=table]::after {
  content: "";
  position: fixed;
  top: -0.03125rem;
  left: -1px;
  right: -0.03125rem;
  bottom: -1px;
}
[tuiWrapper][data-appearance=table]::before {
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 0.5rem 0.5rem;
}
[tuiWrapper][data-appearance=table][data-appearance=table]::after {
  border: 1px solid currentColor;
  border-radius: inherit;
  pointer-events: none;
  color: var(--tui-border-normal);
}
@media (hover: hover) and (pointer: fine) {
  [tuiWrapper][data-appearance=table]:hover:not(._no-hover):not(._focused):before,
  [tuiWrapper][data-appearance=table][data-state=hover]:not(._focused):before {
    background-color: var(--tui-background-neutral-1);
  }
}
[tuiWrapper][data-appearance=table]:focus-visible:focus-visible {
  background: transparent;
}
[tuiWrapper][data-appearance=table]:focus-visible:focus-visible:after {
  border-width: 2px;
  color: var(--tui-border-focus);
}
[tuiWrapper][data-appearance=table]:has(:focus-visible) {
  background: transparent;
}
[tuiWrapper][data-appearance=table]:has(:focus-visible):after {
  border-width: 2px;
  color: var(--tui-border-focus);
}
[tuiWrapper][data-appearance=table]._focused._focused {
  background: transparent;
}
[tuiWrapper][data-appearance=table]._focused._focused:after {
  border-width: 2px;
  color: var(--tui-border-focus);
}
[tuiWrapper][data-appearance=table]:invalid:invalid:before,
[tuiWrapper][data-appearance=table]._invalid._invalid:before {
  background-image:
    linear-gradient(
      to top right,
      transparent 0%,
      transparent 50%,
      var(--tui-status-negative) 50%,
      var(--tui-status-negative) 100%);
}
[tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before,
[tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before {
  background-color: var(--tui-status-negative-pale);
}
@media (hover: hover) and (pointer: fine) {
  [tuiWrapper][data-appearance=table]:invalid:invalid:hover:not(._no-hover):not(._focused):before,
  [tuiWrapper][data-appearance=table]._invalid._invalid:hover:not(._no-hover):not(._focused):before,
  [tuiWrapper][data-appearance=table]:invalid:invalid[data-state=hover]:not(._focused):before,
  [tuiWrapper][data-appearance=table]._invalid._invalid[data-state=hover]:not(._focused):before {
    background-color: var(--tui-status-negative-pale-hover);
  }
}
[tuiWrapper][data-appearance=table]:invalid:invalid:disabled:disabled,
[tuiWrapper][data-appearance=table]._invalid._invalid:disabled:disabled,
[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=disabled][data-state=disabled],
[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=disabled][data-state=disabled] {
  background: transparent;
}
[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible {
  background: transparent;
  --tui-border-focus: var(--tui-status-negative);
}
[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible:after,
[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible:after {
  border-width: 1px;
}
[tuiWrapper][data-appearance=table]:invalid:invalid:has(:focus-visible),
[tuiWrapper][data-appearance=table]._invalid._invalid:has(:focus-visible) {
  background: transparent;
  --tui-border-focus: var(--tui-status-negative);
}
[tuiWrapper][data-appearance=table]:invalid:invalid:has(:focus-visible):after,
[tuiWrapper][data-appearance=table]._invalid._invalid:has(:focus-visible):after {
  border-width: 1px;
}
[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused {
  background: transparent;
  --tui-border-focus: var(--tui-status-negative);
}
[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after,
[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after {
  border-width: 1px;
}
table [tuiWrapper][data-appearance=table][data-appearance=table]:not(._focused)::after {
  border-width: 0;
}
table [tuiWrapper][data-appearance=table]._focused {
  z-index: 1;
}
[tuiWrapper][data-appearance=icon] {
  color: var(--tui-text-tertiary);
}
[tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon]:not([data-state=disabled]) {
  color: var(--tui-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiWrapper][data-appearance=icon]:hover:not(._no-hover),
  [tuiWrapper][data-appearance=icon][data-state=hover] {
    color: var(--tui-text-secondary);
  }
}
[tuiWrapper][data-appearance=icon]:active:not(._no-active),
[tuiWrapper][data-appearance=icon][data-state=active],
[tuiWrapper][data-appearance=icon][data-state=active]:hover {
  color: var(--tui-text-primary);
}
tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon],
tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon],
tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon] {
  color: var(--tui-text-secondary);
}
tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active),
tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active),
tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active),
tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active],
tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active],
tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active],
tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover,
tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover,
tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover {
  color: var(--tui-text-primary);
}
[tuiWrapper][data-appearance=none] {
  outline: none;
}
[tuiWrapper][data-appearance=none]::after {
  border: none;
}
[tuiAppearance][data-appearance=textfield] {
  transition-property:
    box-shadow,
    background-color,
    outline-color,
    border-color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  --t-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
  background-color: var(--tui-background-base);
  color: var(--tui-text-primary);
  box-shadow: var(--t-shadow);
  outline: 1px solid var(--tui-border-normal);
  outline-offset: -1px;
  border: none;
}
[tuiAppearance][data-appearance=textfield]:not([tuiWrapper])::before,
[tuiAppearance][data-appearance=textfield]:not([tuiWrapper])::after {
  transition-property: color, transform;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-text-tertiary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
  }
  [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):after {
    color: var(--tui-text-secondary);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
  }
  [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):after {
    color: var(--tui-text-secondary);
  }
}
[tuiAppearance][data-appearance=textfield][data-state=hover] {
  --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
}
[tuiAppearance][data-appearance=textfield][data-state=hover]:not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield][data-state=hover]:not([tuiWrapper]):after {
  color: var(--tui-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover),
  [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover] {
    --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
  }
  [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover):not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover]:not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover):not([tuiWrapper]):after,
  [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover]:not([tuiWrapper]):after {
    color: var(--tui-text-secondary);
  }
}
[tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=textfield][data-state=active]:not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield][data-state=active]:not([tuiWrapper]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=textfield][tuiWrapper]:active:not(._no-active):not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:hover:not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield][tuiWrapper]:active:not(._no-active):not([tuiWrapper]):after,
[tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:not([tuiWrapper]):after,
[tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:hover:not([tuiWrapper]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]) {
  box-shadow: none;
  outline: 0.125rem solid var(--tui-background-accent-1);
  outline-offset: -0.125rem;
}
[tuiAppearance][data-appearance=textfield][data-focus=true] {
  box-shadow: none;
  outline: 0.125rem solid var(--tui-background-accent-1);
  outline-offset: -0.125rem;
}
[tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible),
[tuiAppearance][data-appearance=textfield][tuiWrapper]._focused {
  box-shadow: none;
  outline: 0.125rem solid var(--tui-background-accent-1);
  outline-offset: -0.125rem;
}
[tuiAppearance][data-appearance=textfield]:disabled:not([data-state]),
[tuiAppearance][data-appearance=textfield][data-state=disabled] {
  box-shadow: none;
}
[tuiAppearance][data-appearance=textfield][tuiWrapper]:disabled:not([data-state]),
[tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=disabled] {
  box-shadow: none;
}
[tuiAppearance][data-appearance=textfield][data-mode~=invalid][data-mode~=invalid],
[tuiAppearance][data-appearance=textfield]:invalid:not([data-mode]) {
  outline-color: var(--tui-status-negative);
}
[tuiAppearance][data-appearance=textfield][data-mode~=readonly],
input[tuiAppearance][data-appearance=textfield]:read-only:not([data-mode]) {
  background: transparent !important;
  box-shadow: none !important;
  outline-color: var(--tui-border-normal) !important;
}
[tuiAppearance][data-appearance=textfield][chrome-autofilled],
[tuiAppearance][data-appearance=textfield]:-webkit-autofill {
  -webkit-text-fill-color: var(--tui-text-primary) !important;
  caret-color: var(--tui-text-primary) !important;
  box-shadow: 0 0 0 100rem var(--tui-service-autofill-background) inset !important;
  transition: background-color 600000s 0s;
}
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield],
[tuiTheme=dark][tuiAppearance][data-appearance=textfield] {
  background-color: var(--tui-background-neutral-1);
  color-scheme: dark;
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background-color: var(--tui-background-neutral-1-hover);
  }
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) {
    background-color: var(--tui-background-neutral-1-hover);
  }
}
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield][data-state=hover],
[tuiTheme=dark][tuiAppearance][data-appearance=textfield][data-state=hover] {
  background-color: var(--tui-background-neutral-1-hover);
}
@media (hover: hover) and (pointer: fine) {
  [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover),
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover),
  [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover],
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover] {
    background-color: var(--tui-background-neutral-1-hover);
  }
}
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]),
[tuiTheme=dark][tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]) {
  background-color: transparent !important;
}
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield][data-focus=true],
[tuiTheme=dark][tuiAppearance][data-appearance=textfield][data-focus=true] {
  background-color: transparent !important;
}
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible),
[tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible),
[tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]._focused,
[tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]._focused {
  background-color: transparent !important;
}

/* node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less */

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* apps/quad-quartile/src/styles.scss */
:root {
  letter-spacing: 0.4px;
}
:root .font-xl {
  font: var(--tui-font-text-xl);
}
:root .font-l {
  font: var(--tui-font-text-l);
}
:root .font-m {
  font: var(--tui-font-text-m);
}
:root .font-s {
  font: var(--tui-font-text-s);
}
:root .font-xs {
  font: var(--tui-font-text-xs);
}
:root {
  --tui-background-accent-1: var(--color-primary);
  --tui-background-accent-1-hover: var(--color-primary-100);
  --tui-background-accent-1-pressed: var(--color-primary-200);
  --tui-background-neutral-1: var(--color-secondary);
  --tui-background-neutral-1-hover: #f1f5f9;
  --tui-background-neutral-1-pressed: #e2e8f0;
  --tui-background-accent-2: var(--color-accent);
  --tui-background-accent-2-hover: var(--color-accent-100);
  --tui-background-accent-2-pressed: var(--color-accent-200);
  --tui-text-primary-on-accent-2: var(--color-primary);
  --tui-text-negative: #ef4444;
}
:root button[tuiButton][appearance=ghost],
:root a[tuiButton][appearance=ghost],
:root button[tuiIconButton][appearance=ghost],
:root a[tuiIconButton][appearance=ghost] {
  color: var(--color-primary);
}
:root a[tuiButton],
:root button[tuiButton] {
  font-weight: 600;
}
:root a[tuiButton][data-size=s],
:root button[tuiButton][data-size=s] {
  min-width: var(--spacing-24);
  padding: 0 var(--spacing-6);
}
:root a[tuiButton][data-size=m],
:root button[tuiButton][data-size=m] {
  min-width: var(--spacing-52);
}
:root a[tuiButton][data-appearance=secondary],
:root button[tuiButton][data-appearance=secondary] {
  color: var(--color-primary-dark-200);
  background-color: #f1f1f1;
}
:root a[tuiButton][data-appearance=primary],
:root button[tuiButton][data-appearance=primary] {
  color: var(--color-primary);
}
:root a[tuiButton][data-appearance=info],
:root button[tuiButton][data-appearance=info] {
  color: var(--color-primary-light);
  border: 2px solid transparent;
  padding: var(--t-padding);
}
:root a[tuiButton][data-appearance=info].ng-invalid,
:root button[tuiButton][data-appearance=info].ng-invalid {
  border-color: var(--tui-text-negative);
}
:root a[tuiButton][data-appearance=info].disabled,
:root button[tuiButton][data-appearance=info].disabled {
  opacity: var(--tui-disabled-opacity);
  cursor: default;
}
:root a[tuiButton][data-appearance=outline],
:root button[tuiButton][data-appearance=outline] {
  --t-bs: var(--color-primary);
  box-shadow: inset 0 0 0 2px var(--t-bs);
  background-color: #fff;
  color: var(--color-primary);
}
:root a[tuiButton][data-appearance=outline][size=s],
:root button[tuiButton][data-appearance=outline][size=s] {
  box-shadow: inset 0 0 0 2px var(--t-bs);
}
:root a[tuiButton][data-appearance=outline]:not(:disabled):focus-visible,
:root a[tuiButton][data-appearance=outline]:not(:disabled):hover,
:root button[tuiButton][data-appearance=outline]:not(:disabled):focus-visible,
:root button[tuiButton][data-appearance=outline]:not(:disabled):hover {
  --tui-border-hover: var(--color-primary-200);
  color: var(--color-primary-200);
  background-color: var(--color-primary-900) !important;
}
:root a[tuiButton][data-appearance=outline]:not(:disabled):active,
:root button[tuiButton][data-appearance=outline]:not(:disabled):active {
  --tui-border-hover: var(--color-primary-400);
  color: var(--color-primary-400);
  background-color: var(--color-primary-800) !important;
}
:root button[tuiLink],
:root a[tuiLink] {
  background: none !important;
  padding: var(--spacing-1) var(--spacing-2);
}
:root button[tuiLink][appearance=secondary],
:root a[tuiLink][appearance=secondary] {
  color: var(--color-secondary);
}
:root button[tuiLink].font-semibold,
:root a[tuiLink].font-semibold {
  font-weight: 600;
}
:root button[tuiLink]:not(:disabled):hover,
:root a[tuiLink]:not(:disabled):hover {
  color: #dde1e4;
}
:root button[tuiLink]:not(:disabled):active,
:root a[tuiLink]:not(:disabled):active {
  color: #bdc2c6;
}
:root button[tuiLink][appearance=primary],
:root a[tuiLink][appearance=primary] {
  color: var(--color-primary);
}
:root button[tuiLink][appearance=primary]:not(:disabled):hover,
:root a[tuiLink][appearance=primary]:not(:disabled):hover {
  color: var(--color-primary-400);
}
:root button[tuiLink][appearance=primary]:not(:disabled):active,
:root a[tuiLink][appearance=primary]:not(:disabled):active {
  color: var(--color-primary-600);
}
:root tui-avatar {
  color: var(--color-primary-light);
  background: var(--color-secondary);
}
:root tui-dialog {
  border-radius: 8px;
}
:root tui-dialog section[tuiContent] {
  padding: var(--spacing-4) 0 var(--spacing-2);
}
:root tui-dialog footer[tuiFooter] {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--spacing-8);
  gap: var(--spacing-4);
}
:root tui-dialog[data-size=s] footer[tuiFooter] button[tuiButton],
:root tui-dialog[data-size=s] footer[tuiFooter] a[tuiButton] {
  flex: 1 1 auto;
  width: 100%;
  min-width: unset;
}
:root section[tuiTableContainer] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}
:root section[tuiTableContainer]:not(.no-border) {
  box-shadow: 0 0 4px 0 var(--color-primary-dark-700);
  border-radius: 8px;
  border: 2px solid var(--color-primary);
}
:root section[tuiTableContainer]:not(:has(header[tuiTableHeader])) table[tuiTable] thead th {
  background: var(--color-primary-900);
  border-bottom: none;
}
:root div[tuiTableWrapper] {
  flex: 1 1 auto;
  height: 100%;
  overflow: scroll;
  margin-bottom: -1px;
}
:root div[tuiTableLoader] {
  height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root div[tuiTableLoader] tui-loader {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
:root header[tuiGraphHeader],
:root header[tuiTableHeader] {
  background: var(--color-primary-900);
  height: var(--table-header-height);
  padding: var(--spacing-4) var(--spacing-6);
  display: flex;
  gap: var(--spacing-5);
}
:root header[tuiGraphHeader] search[tuiSearch],
:root header[tuiTableHeader] search[tuiSearch] {
  flex: 1 1 auto;
  max-width: 28rem;
}
:root header[tuiGraphHeader] search[tuiSearch] tui-textfield,
:root header[tuiTableHeader] search[tuiSearch] tui-textfield {
  background: #fff;
}
:root header[tuiGraphHeader] search[tuiSearch] tui-textfield input,
:root header[tuiTableHeader] search[tuiSearch] tui-textfield input {
  border: 2px solid var(--color-primary);
  color: #000;
}
:root header[tuiGraphHeader] button[appearance=secondary],
:root header[tuiTableHeader] button[appearance=secondary] {
  border: 1px solid var(--color-primary);
}
:root header[tuiGraphHeader]:has(tui-tabs),
:root header[tuiTableHeader]:has(tui-tabs) {
  padding: 0 var(--spacing-6);
}
:root header[tuiGraphHeader] tui-tabs,
:root header[tuiTableHeader] tui-tabs {
  box-shadow: none;
}
:root header[tuiGraphHeader] tui-tabs button[tuiTab],
:root header[tuiTableHeader] tui-tabs button[tuiTab] {
  font-size: 0.875rem;
  padding: 0 var(--spacing-4);
}
:root table[tuiTable] {
  width: 100%;
  position: relative;
  border-spacing: 0;
  color: #000;
  --table-header-height: 4rem;
  --table-row-height: 3.5rem;
}
:root table[tuiTable][appearance=tight] {
  --table-row-height: 2.5rem;
  --table-header-height: 3rem;
}
:root table[tuiTable] thead {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--table-header-height);
}
:root table[tuiTable] thead[appearance=tight] {
  --table-header-height: 3rem;
}
:root table[tuiTable] thead tr {
  height: var(--table-header-height);
}
:root table[tuiTable] thead th {
  background: var(--color-secondary);
  border-bottom: var(--border-primary);
  height: var(--table-header-height);
}
:root table[tuiTable] thead th[size=index] {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}
:root table[tuiTable] thead th[size=action] {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}
:root table[tuiTable] thead th[size=xs] {
  min-width: 9rem;
}
:root table[tuiTable] thead th[size=s] {
  min-width: 11rem;
}
:root table[tuiTable] thead th[size=m] {
  min-width: 14rem;
}
:root table[tuiTable] thead th[size=l] {
  min-width: 20rem;
}
:root table[tuiTable] td,
:root table[tuiTable] th {
  border: none;
  block-size: unset;
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) 0;
}
:root table[tuiTable] td:first-child,
:root table[tuiTable] th:first-child {
  padding-left: var(--spacing-6);
}
:root table[tuiTable] td:last-child,
:root table[tuiTable] th:last-child {
  padding-right: var(--spacing-6);
}
:root table[tuiTable] td small,
:root table[tuiTable] th small {
  display: block;
}
:root table[tuiTable] tr {
  height: var(--table-row-height);
}
:root table[tuiTable] tr[tabindex="0"] {
  cursor: pointer;
}
:root table[tuiTable] tr[tabindex="0"]:focus-visible,
:root table[tuiTable] tr[tabindex="0"]:hover {
  outline: none;
}
:root table[tuiTable] tr[tabindex="0"]:focus-visible td,
:root table[tuiTable] tr[tabindex="0"]:hover td {
  background-color: var(--color-primary-1000);
}
:root table[tuiTable] tr.tr-footer td {
  border-top: 1px solid #6c7680;
  background-color: #f1f1f1;
}
:root table[tuiTable] td {
  border-bottom: var(--border-primary);
}
:root table[tuiTable] td:empty:not(.allow-empty)::before {
  content: "\2014";
  color: #bdc2c6;
}
:root table[tuiTable] td[tuiTdActions] {
  z-index: 1;
  position: relative;
}
:root table[tuiTable]:has(div[tuiTablePlaceholder]) {
  height: 100%;
}
:root tr:has(div[tuiTablePlaceholder]) {
  height: calc(100% - var(--table-row-height));
}
:root td:has(div[tuiTablePlaceholder]) {
  border: none;
}
:root div[tuiTablePlaceholder] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  padding: var(--spacing-12);
}
:root div[tuiTablePlaceholder] h2 {
  color: var(--color-primary);
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 1.25rem;
}
:root div[tuiTableFooter] {
  padding: var(--spacing-4) var(--spacing-6);
  width: 100%;
  background: #fff;
  flex: 0 0 auto;
  border-top: var(--border-primary);
  z-index: 1;
}
:root div[tuiTableInfiniteLoader] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4);
  font-weight: bold;
  gap: var(--spacing-2);
}
:root tui-file div.t-text {
  width: 100%;
}
:root label[tuiInputFiles] {
  min-block-size: unset;
}
:root p.label,
:root label {
  color: var(--color-primary-dark);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: var(--spacing-half);
  font: var(--tui-font-text-s);
}
:root tui-input-date span.t-cleaner,
:root tui-primitive-textfield input.t-input span.t-cleaner,
:root tui-textfield input[tuiAppearance] span.t-cleaner,
:root tui-input-number span.t-cleaner,
:root tui-input span.t-cleaner {
  border: none;
}
:root search[tuiSearch][appearance=ghost] tui-textfield::before {
  font-size: 1rem;
  margin: 0;
}
:root search[tuiSearch][appearance=ghost] tui-textfield input {
  box-shadow: none;
  border: none;
  outline: none;
  border-radius: 8px 8px 0 0;
}
:root tui-icon[size=xxs] {
  height: 0.875rem;
  width: 0.875rem;
}
:root tui-icon[size=xs] {
  height: 1rem;
  width: 1rem;
}
:root tui-icon[size=s] {
  height: 1.25rem;
  width: 1.25rem;
}
:root tui-icon[size=m] {
  height: 1.75rem;
  width: 1.75rem;
}
:root tui-icon[size=l] {
  height: 2.25rem;
  width: 2.25rem;
}
:root tui-data-list {
  min-width: 14rem;
}
:root tui-data-list button[tuiOption] {
  border-radius: 8px;
  padding: var(--spacing-2-half) var(--spacing-3);
  min-block-size: unset;
  font: var(--tui-font-text-s);
  text-align: left;
  display: flex;
  gap: var(--spacing-3);
}
:root tui-data-list button[tuiOption] span {
  flex: 1 1 auto;
  font-weight: 600;
}
:root tui-data-list button[tuiOption] tui-icon {
  flex: 0 0 auto;
  height: 1.25rem;
  width: 1.25rem;
  border-width: unset;
  border-inline-start-width: unset;
}
:root tui-data-list button[tuiOption]:not([disabled=true]):focus-visible,
:root tui-data-list button[tuiOption]:not([disabled=true]):hover {
  background-color: var(--color-primary-light-800);
}
:root tui-data-list button[tuiOption]:has(input[tuiCheckbox]) span {
  font-weight: normal;
}
:root progress[tuiProgressBar] {
  background: var(--color-primary-1000);
  box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}
:root tui-tabs[tuiMainTabs] {
  block-size: unset !important;
  box-shadow: none;
}
:root tui-tabs[tuiMainTabs]::before {
  background-color: var(--color-primary-900);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 2.5rem;
}
:root tui-tabs[tuiMainTabs] a[tuiTab],
:root tui-tabs[tuiMainTabs] button[tuiTab] {
  margin: 0;
  padding: var(--spacing-2) var(--spacing-4);
  font-weight: bold;
  height: auto;
  font-size: 0.875rem;
}
:root tui-tabs[tuiMainTabs] a[tuiTab].active,
:root tui-tabs[tuiMainTabs] button[tuiTab].active {
  color: var(--color-primary);
}
:root tui-tabs:not(tuiMainTabs) {
  box-shadow: inset 0 -3px var(--tui-border-normal);
}
:root tui-tabs:not(tuiMainTabs)::before {
  height: 3px;
}
:root tui-tabs:not(tuiMainTabs) a[tuiTab],
:root tui-tabs:not(tuiMainTabs) button[tuiTab] {
  font-weight: 600;
  padding: 0 var(--spacing-4);
  box-shadow: none !important;
}
:root tui-tabs:not(tuiMainTabs) a[tuiTab]._active,
:root tui-tabs:not(tuiMainTabs) button[tuiTab]._active {
  color: var(--color-primary);
}
:root section[tuiSection] {
  width: calc(100% - var(--spacing-16));
  max-width: 96rem;
}
:root section[tuiSection]:not([tuiTableContainer]):not([tuiPageContainer]) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  padding: var(--spacing-12) 0;
}
:root section[tuiSection][tuiPageContainer] {
  overflow: hidden;
  margin: 2rem;
  background-color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 0 4px 0 var(--color-primary-dark-700);
  width: 100%;
}
:root tui-segmented::before {
  background: var(--color-primary);
}
:root tui-segmented a,
:root tui-segmented button {
  color: var(--color-primary);
}
:root tui-segmented a.tui-segmented_active,
:root tui-segmented button.tui-segmented_active {
  color: var(--color-secondary);
}
:root tui-segmented[appearance=primary] {
  border: 2px solid var(--color-primary);
}
:root tui-segmented[appearance=primary]::before {
  border-radius: 0;
}
:root tui-segmented[appearance=primary] a,
:root tui-segmented[appearance=primary] button {
  min-width: 9rem;
  padding: 0 var(--spacing-8);
  font-weight: 600;
}
:root tui-select {
  min-width: 12rem;
}
:root tui-select[appearance=outline] div[tuiWrapper] {
  box-shadow: none !important;
  color: var(--color-primary);
}
:root tui-select[appearance=outline] div[tuiWrapper]:not(.t-icon) {
  border: 2px solid var(--color-primary);
}
:root tui-select[appearance=outline] div[tuiWrapper] div.t-input,
:root tui-select[appearance=outline] div[tuiWrapper] input {
  color: inherit;
  border: none;
  outline: none;
  font-weight: 600;
  box-shadow: none;
}
:root tui-select[appearance=outline] div[tuiWrapper]::after {
  display: none;
}
:root tui-select[appearance=info] div[tuiWrapper] {
  box-shadow: none !important;
  color: var(--color-primary-light);
  background-color: var(--tui-status-info-pale);
  font-weight: 600;
}
:root tui-select[appearance=info] div[tuiWrapper] div.t-input,
:root tui-select[appearance=info] div[tuiWrapper] input {
  color: inherit;
  border: none;
  outline: none;
  box-shadow: none;
}
:root tui-select[appearance=info] div[tuiWrapper] div.t-icon {
  background: none;
  color: var(--tui-status-info);
}
:root tui-select[appearance=info] div[tuiWrapper]::after {
  display: none;
}
:root tui-select[appearance=info]:focus-visible div[tuiWrapper],
:root tui-select[appearance=info]:hover div[tuiWrapper] {
  background-color: var(--tui-status-info-pale-hover);
}
:root tui-hint {
  background: var(--color-accent-300);
  border: 2px solid var(--color-accent);
  color: var(--color-primary-dark);
  font-weight: 600;
}
:root tui-hint:has([tuiTitle]) {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
:root tui-hint *[tuiTitle] {
  font-weight: 600;
}
:root tui-hint p {
  font-weight: 400;
}
:root tui-hint::before {
  inline-size: 1rem;
  block-size: 0.67rem;
  background: var(--color-accent);
}
:root tui-hint footer {
  margin-top: var(--spacing-3);
}
:root tui-hint footer button[size=xs] {
  font-size: 0.75rem;
  padding: 0.75rem;
}
:root tui-icon[tuiHintDescribe],
:root tui-icon[tuiHint] {
  color: #7c858c;
}
:root *.shake {
  transition: border 500ms ease-out;
  animation: shake 1s ease-in-out;
  animation-delay: 500ms;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(8px);
  }
  40% {
    transform: translateX(-8px);
  }
  60% {
    transform: translateX(8px);
  }
  80% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}
:root tui-drawer.infinite-scroller tui-scrollbar.t-scrollbar > div.t-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
:root tui-drawer.infinite-scroller tui-scrollbar.t-scrollbar > div.t-content header {
  flex: 0 0 auto;
}
:root tui-drawer.infinite-scroller tui-scrollbar.t-scrollbar > div.t-content > div.t-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
:root search[tuiSearch] tui-textfield[data-size=m] > span.t-content button[tuiIconButton] {
  height: 36px;
  width: 36px;
}
:root header[tuiNavigationHeader] {
  height: 4rem;
  width: 100%;
  display: flex;
  background: #fff;
  align-items: center;
}
:root header[tuiNavigationHeader] > div {
  display: flex;
  align-self: center;
  max-width: 96rem;
  width: calc(100% - var(--spacing-16));
  justify-content: space-between;
  margin: auto;
  align-items: center;
}
:root header[tuiNavigationHeader] > div h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-primary);
}
:root tui-pulse {
  color: var(--color-accent);
  position: absolute;
  bottom: 0;
  left: 0;
}
:root tui-loader .t-loader .t-text {
  font-weight: 600;
}
quill-view-html div.ql-editor {
  overflow: visible;
  padding: 0;
}
quill-editor {
  --border-radius-size: 0.5rem;
  --border-color: #9fa4a8;
  --text-color: #fff;
  --text-color-hover: var(--color-accent-100);
  --text-color-active: var(--color-accent);
  width: 100%;
}
quill-editor.ng-invalid {
  --border-color: #ef4444;
}
quill-editor .ql-toolbar.ql-snow {
  border-top-left-radius: var(--border-radius-size);
  border-top-right-radius: var(--border-radius-size);
  border-color: var(--border-color);
  border-width: 2px;
  color: var(--text-color);
}
quill-editor .ql-toolbar.ql-snow .ql-stroke {
  stroke: var(--text-color);
}
quill-editor .ql-toolbar.ql-snow .ql-fill {
  fill: var(--text-color);
}
quill-editor .ql-toolbar.ql-snow .ql-picker-label {
  color: var(--text-color);
}
quill-editor .ql-toolbar.ql-snow .ql-picker-label.ql-active {
  color: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke {
  stroke: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow *.ql-active {
  color: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow *.ql-active .ql-stroke {
  stroke: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow *.ql-active .ql-fill {
  fill: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow *.ql-active .ql-picker-label {
  color: var(--text-color-active);
}
quill-editor .ql-toolbar.ql-snow .ql-picker:focus .ql-stroke,
quill-editor .ql-toolbar.ql-snow button:focus .ql-stroke,
quill-editor .ql-toolbar.ql-snow .ql-picker:hover .ql-stroke,
quill-editor .ql-toolbar.ql-snow button:hover .ql-stroke {
  stroke: var(--text-color-hover);
}
quill-editor .ql-toolbar.ql-snow .ql-picker:focus .ql-fill,
quill-editor .ql-toolbar.ql-snow button:focus .ql-fill,
quill-editor .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
quill-editor .ql-toolbar.ql-snow button:hover .ql-fill {
  fill: var(--text-color-hover);
}
quill-editor .ql-toolbar.ql-snow .ql-picker:focus .ql-picker-label,
quill-editor .ql-toolbar.ql-snow button:focus .ql-picker-label,
quill-editor .ql-toolbar.ql-snow .ql-picker:hover .ql-picker-label,
quill-editor .ql-toolbar.ql-snow button:hover .ql-picker-label {
  color: var(--text-color-hover);
}
quill-editor .ql-container.ql-snow {
  color: var(--text-color);
  background: inherit;
  border-bottom-left-radius: var(--border-radius-size);
  border-bottom-right-radius: var(--border-radius-size);
  border-color: var(--border-color);
  border-width: 2px;
}
quill-editor .ql-editor.ql-blank::before {
  color: #7c858c;
  font-style: normal;
}
quill-view-html div.ql-editor ol li {
  list-style: inside decimal;
}
quill-view-html div.ql-editor ul li {
  list-style: inside disc;
}
quill-view-html div.ql-editor,
quill-editor div.ql-editor {
  font: var(--tui-font-text-m);
}
quill-view-html div.ql-editor p,
quill-editor div.ql-editor p {
  font: var(--tui-font-text-m);
}
quill-view-html div.ql-editor h1,
quill-editor div.ql-editor h1 {
  font: var(--tui-font-heading-1);
}
quill-view-html div.ql-editor h2,
quill-editor div.ql-editor h2 {
  font: var(--tui-font-heading-2);
}
quill-view-html div.ql-editor h3,
quill-editor div.ql-editor h3 {
  font: var(--tui-font-heading-3);
}
quill-view-html div.ql-editor h4,
quill-editor div.ql-editor h4 {
  font: var(--tui-font-heading-4);
}
quill-view-html div.ql-editor h5,
quill-editor div.ql-editor h5 {
  font: var(--tui-font-heading-5);
}
quill-view-html div.ql-editor h6,
quill-editor div.ql-editor h6 {
  font: var(--tui-font-heading-6);
}
:root {
  --color-primary: #0032a0;
  --color-primary-100: #1947a9;
  --color-primary-200: #0840b2;
  --color-primary-300: #4e6fbc;
  --color-primary-400: #6685c5;
  --color-primary-500: #8197d1;
  --color-primary-600: #9aacda;
  --color-primary-700: #b2c2e4;
  --color-primary-800: #ced6ed;
  --color-primary-900: #e7ebf7;
  --color-primary-1000: #f8f9fc;
  --color-primary-dark: #0e193d;
  --color-primary-dark-100: #263151;
  --color-primary-dark-200: #3c4763;
  --color-primary-dark-300: #565d79;
  --color-primary-dark-400: #6f758d;
  --color-primary-dark-500: #858c9e;
  --color-primary-dark-600: #9fa2b1;
  --color-primary-dark-700: #b7bbc7;
  --color-primary-dark-800: #ced1d6;
  --color-primary-dark-900: #e8e7ec;
  --color-primary-light: #1079f0;
  --color-primary-light-100: #2985f2;
  --color-primary-light-200: #3f93f3;
  --color-primary-light-300: #56a1f4;
  --color-primary-light-400: #70aef7;
  --color-primary-light-500: #88bcf8;
  --color-primary-light-600: #a0c8f9;
  --color-primary-light-700: #b8d6fa;
  --color-primary-light-800: #cee4fc;
  --color-primary-light-900: #e7f1fd;
  --color-secondary: #ffffff;
  --color-secondary-100: #ffffff;
  --color-accent: #ffba0a;
  --color-accent-100: #ffd66c;
  --color-accent-200: #ffe29e;
  --color-accent-300: #fff0cf;
  --spacing-0: 0;
  --spacing-half: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1-half: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2-half: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3-half: 0.875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
}
form {
  display: flex;
  gap: var(--spacing-4);
  flex-direction: column;
  text-align: left;
}
:root {
  --border-primary: 1px solid #dde1e4;
}
:root .mar-divider {
  width: 100%;
  height: 2px;
  background: #dde1e4;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #dde1e4;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #bdc2c6;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.bottom-12 {
  bottom: 3rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-auto {
  bottom: auto;
}
.left-0 {
  left: 0px;
}
.left-12 {
  left: 3rem;
}
.left-5 {
  left: 1.25rem;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0px;
}
.right-10 {
  right: 2.5rem;
}
.right-2 {
  right: 0.5rem;
}
.right-4 {
  right: 1rem;
}
.right-auto {
  right: auto;
}
.top-0 {
  top: 0px;
}
.top-10 {
  top: 2.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-auto {
  top: auto;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.m-0 {
  margin: 0px;
}
.m-auto {
  margin: auto;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-\[-1\.75rem\] {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-1\.75rem\] {
  margin-bottom: -1.75rem;
}
.mb-\[-82px\] {
  margin-bottom: -82px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.ml-\[-6px\] {
  margin-left: -6px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-\[-5px\] {
  margin-right: -5px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-10px\] {
  margin-top: -10px;
}
.mt-\[-12px\] {
  margin-top: -12px;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-36 {
  height: 9rem;
}
.h-3xl {
  height: 48rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-\[0px\] {
  height: 0px;
}
.h-\[1024px\] {
  height: 1024px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[534px\] {
  height: 534px;
}
.h-\[calc\(100\%-64px\)\] {
  height: calc(100% - 64px);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-lg {
  height: 32rem;
}
.h-min {
  height: min-content;
}
.h-screen {
  height: 100vh;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-44 {
  min-height: 11rem;
}
.min-h-60 {
  min-height: 15rem;
}
.min-h-72 {
  min-height: 18rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[692px\] {
  min-height: 692px;
}
.min-h-\[714px\] {
  min-height: 714px;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-44 {
  width: 11rem;
}
.w-6 {
  width: 1.5rem;
}
.w-96 {
  width: 24rem;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[1536px\] {
  width: 1536px;
}
.w-\[17\%\] {
  width: 17%;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-section {
  width: calc(100% - var(--spacing-16));
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-72 {
  min-width: 18rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-56 {
  max-width: 14rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-8xl {
  max-width: 96rem;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-1 {
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-\[1px\] {
  --tw-border-spacing-x: 1px;
  --tw-border-spacing-y: 1px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.translate-x-1\/4 {
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-100\%\] {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.self-center {
  align-self: center;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.\!border-accent-300 {
  border-color: var(--color-accent-300) !important;
}
.border-accent {
  border-color: var(--color-accent);
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 225 228 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(206 210 213 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(159 164 168 / var(--tw-border-opacity, 1));
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(67 122 92 / var(--tw-border-opacity, 1));
}
.border-primary {
  border-color: var(--color-primary);
}
.border-primary-800 {
  border-color: var(--color-primary-800);
}
.border-primary-900 {
  border-color: var(--color-primary-900);
}
.border-primary-dark-200 {
  border-color: var(--color-primary-dark-200);
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(191 81 81 / var(--tw-border-opacity, 1));
}
.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}
.\!bg-accent-300 {
  background-color: var(--color-accent-300) !important;
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-accent-300 {
  background-color: var(--color-accent-300);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primary-1000 {
  background-color: var(--color-primary-1000);
}
.bg-primary-900 {
  background-color: var(--color-primary-900);
}
.bg-primary-dark {
  background-color: var(--color-primary-dark);
}
.bg-primary-light-700 {
  background-color: var(--color-primary-light-700);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-45 {
  --tw-bg-opacity: 0.45;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary-900 {
  --tw-gradient-from: var(--color-primary-900) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-50\% {
  --tw-gradient-from-position: 50%;
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-50\% {
  --tw-gradient-to-position: 50%;
}
.p-0 {
  padding: 0px;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-\[12\%\] {
  padding-top: 12%;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxs {
  font-size: 0.6rem;
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-3 {
  line-height: .75rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-accent {
  color: var(--color-accent) !important;
}
.text-accent {
  color: var(--color-accent);
}
.text-accent-100 {
  color: var(--color-accent-100);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(206 210 213 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(159 164 168 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(141 150 157 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(124 133 140 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-primary {
  color: var(--color-primary);
}
.text-primary-400 {
  color: var(--color-primary-400);
}
.text-primary-500 {
  color: var(--color-primary-500);
}
.text-primary-700 {
  color: var(--color-primary-700);
}
.text-primary-dark {
  color: var(--color-primary-dark);
}
.text-primary-light {
  color: var(--color-primary-light);
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow-lg {
  --tw-shadow: 0 10px 10px -6px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 10px -6px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 0 4px 0 var(--color-primary-dark-700);
  --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-300 {
  transition-duration: 300ms;
}
body {
  font-family:
    proxima-nova,
    Arial,
    sans-serif;
  height: 100dvh;
  width: 100dvw;
  margin: 0;
  padding: 0;
  background: var(--color-primary-1000);
  min-height: 672px;
  min-width: 1180px;
  overflow-x: scroll;
}
body tui-root {
  background: var(--color-primary-1000);
  border-image: none;
  height: 100%;
}
body .no-before::before {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
}
.hover\:scale-x-\[1\.03\]:hover {
  --tw-scale-x: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-y-\[1\.03\]:hover {
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-primary-300:hover {
  background-color: var(--color-primary-300);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus-visible\:bg-primary-300:focus-visible {
  background-color: var(--color-primary-300);
}
@media (min-width: 1280px) {
  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.\[\&\>\*\]\:mt-3 > * {
  margin-top: 0.75rem;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */