@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-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
  --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
  --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
  --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
  --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
  --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
  --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
  --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
  --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
  --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
  --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
  --tui-font-text-ui-l: normal 1.0625rem/1.5rem var(--tui-font-text);
  --tui-font-text-ui-m: normal 1rem/1.25rem var(--tui-font-text);
  --tui-font-text-ui-s: normal 0.8125rem/1rem var(--tui-font-text);
  --tui-font-text-ui-xs: normal 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: #333;
    --tui-background-elevation-3: #333;
    --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: #526ed3;
    --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: #526ed3;
    --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):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):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):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-2-pressed);
}
[tuiAppearance][data-appearance=accent]:is(a, button, select, textarea, input, label):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);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=link]:matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=link]:is(a, button, select, textarea, input, label):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);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action]:matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-action-hover);
}
[tuiAppearance][data-appearance=action]:is(a, button, select, textarea, input, label):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);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-destructive]:matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-negative-hover);
}
[tuiAppearance][data-appearance=action-destructive]:is(a, button, select, textarea, input, label):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);
}
@media (hover: hover) and (pointer: fine) {
  [tuiAppearance][data-appearance=action-grayscale]:matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]) {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=action-grayscale]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=flat]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):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):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):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):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):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):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):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):active:not(:disabled):not([data-state]) {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):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):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):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):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-accent-opposite-pressed);
}
[tuiAppearance][data-appearance=opposite]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):before,
  [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]):after,
  [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after {
  color: var(--tui-text-primary);
}
[tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):before,
[tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]):after,
[tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):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):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):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):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):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] {
  transition-property: filter;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  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):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):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):active:not(:disabled):not([data-state]) {
  filter: saturate(0.8) brightness(1);
}
[tuiAppearance][data-appearance=primary-destructive]:is(a, button, select, textarea, input, label):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):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]) {
  background: var(--tui-background-neutral-1-pressed);
}
[tuiAppearance][data-appearance=secondary]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):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):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):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):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):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):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):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):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):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):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):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):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):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):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):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):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):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):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):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):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):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):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):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):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):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):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):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):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):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):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]),
[tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):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):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):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):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):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before,
  [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]):not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):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):active:not(:disabled):not([data-state]):not([tuiWrapper]):before,
[tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):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]:-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):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):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):hover:not(:disabled):not([data-state]),
  [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):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/@noda-lib/assets/styles/index.scss */
.assets-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.assets-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.assets-bg-transparent {
  background-color: var(--assets-base);
}
@media (min-width: 768px) {
  .assets-for-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .assets-for-desktop {
    display: none;
  }
}
.assets-none-events {
  pointer-events: none;
}
.assets-block {
  display: block;
}
.assets-full-width {
  width: 100%;
}
.assets-no-events {
  cursor: none;
}
.assets-hidden {
  visibility: hidden;
}
.assets-display-none {
  display: none;
}
.assets-label-container {
  display: flex;
  gap: var(--assets-label-gap, var(--assets-label-default-gap));
}
.assets-label-container[data-assets-label-position=left],
.assets-label-container[data-assets-label-position=right] {
  align-items: center;
}
.assets-label-container[data-assets-label-position=right] {
  flex-direction: row;
}
.assets-label-container[data-assets-label-position=left] .assets-text-label {
  order: -1;
}
.assets-label-container[data-assets-label-position=bottom],
.assets-label-container[data-assets-label-position=top] {
  flex-direction: column;
}
.assets-label-container[data-assets-label-position=top] .assets-text-label {
  order: -1;
}
.assets-space-left::before {
  content: "\a0";
  display: inline-block;
}
.assets-space-right::after {
  content: "\a0";
  display: inline-block;
}
.assets-space-inline::before,
.assets-space-inline::after {
  content: "\a0";
  display: inline-block;
}
:root {
  --assets-animation: 0.2s ease-in-out;
  --assets-max-z-index: 1000;
  --assets-body-bg: var(--assets-base);
  --assets-icon-default-button-offset: 5px;
  --assets-label-default-gap: 12px;
}
:root {
  --tui-autofill: var(--assets-base);
  --tui-disabled-opacity: 1;
  --tui-control-disabled-opacity: 0.56;
  --tui-font-text: var(--assets-font-family);
  --tui-text-font: var(--assets-font-family);
  --tui-heading-font: var(--assets-font-family);
  --tui-font-heading: var(--assets-font-family);
}
:root {
  --tui-radius-xs: 2px;
  --tui-radius-s: 4px;
  --tui-radius-m: 6px;
  --tui-radius-l: 6px;
  --tui-radius-xl: 12px;
  --tui-radius-xxl: 16px;
}
:root {
  --assets-radius-xs: 2px;
  --assets-radius-s: 4px;
  --assets-radius-m: 6px;
  --assets-radius-l: 6px;
  --assets-radius-xl: 12px;
  --assets-radius-xxl: 16px;
}
[data-control-status=default] {
  --assets-textfield-input-color: var();
  --assets-textfield-label-color: var(--assets-text-03);
  --assets-textfield-icon-color: var(--assets-text-03);
  --assets-textfield-background-color: var();
  --assets-textfield-border-color: var(--assets-base-05);
}
@media ((hover: hover) and (pointer: fine)) {
  [data-control-status=default]:hover:not(._no-hover):not(:focus-within),
  [data-control-status=default][data-state=hover]:not(:focus-within) {
    --assets-textfield-border-color: var(--assets-base-06);
  }
}
[data-control-status=default] [tuiWrapper][data-appearance=textfield]:focus-within {
  --assets-textfield-border-color: var(--assets-primary);
  --assets-textfield-icon-color: var(--assets-link);
  --assets-textfield-label-color: var(--assets-link);
}
[data-control-status=default][data-control-modifier=normal] {
  --assets-textfield-border-color: var(--assets-base);
}
[data-control-status=default][data-control-modifier=stroke] {
  --assets-textfield-border-color: var(--assets-base-05);
}
[data-control-status=error] {
  --assets-textfield-input-color: var();
  --assets-textfield-label-color: var(--assets-negative);
  --assets-textfield-icon-color: var(--assets-negative);
  --assets-textfield-background-color: var();
  --assets-textfield-border-color: var(--assets-negative);
}
@media ((hover: hover) and (pointer: fine)) {
  [data-control-status=error]:hover:not(._no-hover):not(:focus-within),
  [data-control-status=error][data-state=hover]:not(:focus-within) {
    --assets-textfield-border-color: var();
  }
}
[data-control-status=error] [tuiWrapper][data-appearance=textfield]:focus-within {
  --assets-textfield-border-color: var(--assets-negative);
  --assets-textfield-icon-color: var(--assets-negative);
  --assets-textfield-label-color: var(--assets-negative);
}
[data-control-status=warning] {
  --assets-textfield-input-color: var();
  --assets-textfield-label-color: var(--assets-accent);
  --assets-textfield-icon-color: var(--assets-accent);
  --assets-textfield-background-color: var();
  --assets-textfield-border-color: var(--assets-accent);
}
@media ((hover: hover) and (pointer: fine)) {
  [data-control-status=warning]:hover:not(._no-hover):not(:focus-within),
  [data-control-status=warning][data-state=hover]:not(:focus-within) {
    --assets-textfield-border-color: var();
  }
}
[data-control-status=warning] [tuiWrapper][data-appearance=textfield]:focus-within {
  --assets-textfield-border-color: var(--assets-accent);
  --assets-textfield-icon-color: var(--assets-accent);
  --assets-textfield-label-color: var(--assets-accent);
}
[data-control-status=success] {
  --assets-textfield-input-color: var();
  --assets-textfield-label-color: var(--assets-success-fill);
  --assets-textfield-icon-color: var();
  --assets-textfield-background-color: var();
  --assets-textfield-border-color: var(--assets-success-fill);
}
@media ((hover: hover) and (pointer: fine)) {
  [data-control-status=success]:hover:not(._no-hover):not(:focus-within),
  [data-control-status=success][data-state=hover]:not(:focus-within) {
    --assets-textfield-border-color: var();
  }
}
[data-control-status=success] [tuiWrapper][data-appearance=textfield]:focus-within {
  --assets-textfield-border-color: var(--assets-success-fill);
  --assets-textfield-icon-color: var(--assets-success-fill);
  --assets-textfield-label-color: var(--assets-success-fill);
}
[data-control-status=disabled] {
  --assets-textfield-input-color: var(--assets-text-02);
  --assets-textfield-label-color: var(--assets-text-03);
  --assets-textfield-icon-color: var(--assets-text-03);
  --assets-textfield-background-color: var(--assets-base-02);
  --assets-textfield-border-color: var(--assets-base-04);
}
@media ((hover: hover) and (pointer: fine)) {
  [data-control-status=disabled]:hover:not(._no-hover):not(:focus-within),
  [data-control-status=disabled][data-state=hover]:not(:focus-within) {
    --assets-textfield-border-color: var();
  }
}
[data-control-status=disabled] [tuiWrapper][data-appearance=textfield]:focus-within {
  --assets-textfield-border-color: var();
  --assets-textfield-icon-color: var();
  --assets-textfield-label-color: var();
}
.assets-content {
  --assets-button-default-color: var(--assets-base-stable-white);
  --assets-button-hover-color: var(--assets-base-01);
  --assets-button-active-color: var(--assets-base-01);
  --assets-button-focus-color: var(--assets-base-01);
  --assets-button-disabled-color: var(--assets-base-stable-white);
  --assets-button-default-bg: var(--assets-primary);
  --assets-button-hover-bg: var(--assets-link-hover);
  --assets-button-active-bg: var(--assets-primary-active);
  --assets-button-focus-bg: var(--assets-primary-active);
  --assets-button-disabled-bg: var(--assets-link-hover);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
  --tui-service-autofill-background: var(--assets-base-01);
}
.assets-content [tuiButton] {
  line-height: 1 !important;
  gap: 4px;
}
.assets-content [tuiButton][data-size=l] {
  --tui-height-l: map.get($values, "height");
  --t-margin: 0;
  height: 56px;
  padding-inline: var(--assets-btn-padding-inline-l, 32px) !important;
  font: var(--assets-font-text-xl-bold);
  border-radius: var(--assets-btn-radius-l, var(--assets-radius-l));
}
.assets-content [tuiButton][data-size=l]::before {
  font-size: var(--assets-btn-icon-size-l, 24px) !important;
}
.assets-content [tuiButton][data-size=l]::after {
  font-size: var(--assets-btn-icon-size-l, 24px);
}
.assets-content [tuiButton][data-size=l] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-l, 24px);
}
.assets-content [tuiButton][data-size=m] {
  --tui-height-m: map.get($values, "height");
  --t-margin: 0;
  height: 48px;
  padding-inline: var(--assets-btn-padding-inline-m, 16px) !important;
  font: var(--assets-font-text-l-bold);
  border-radius: var(--assets-btn-radius-m, var(--assets-radius-m));
}
.assets-content [tuiButton][data-size=m]::before {
  font-size: var(--assets-btn-icon-size-m, 24px) !important;
}
.assets-content [tuiButton][data-size=m]::after {
  font-size: var(--assets-btn-icon-size-m, 24px);
}
.assets-content [tuiButton][data-size=m] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-m, 24px);
}
.assets-content [tuiButton][data-size=s] {
  --tui-height-s: map.get($values, "height");
  --t-margin: 0;
  height: 38px;
  padding-inline: var(--assets-btn-padding-inline-s, 12px) !important;
  font: var(--assets-font-text-m-bold);
  border-radius: var(--assets-btn-radius-s, var(--assets-radius-s));
}
.assets-content [tuiButton][data-size=s]::before {
  font-size: var(--assets-btn-icon-size-s, 20px) !important;
}
.assets-content [tuiButton][data-size=s]::after {
  font-size: var(--assets-btn-icon-size-s, 20px);
}
.assets-content [tuiButton][data-size=s] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-s, 20px);
}
.assets-content [tuiButton][data-size=xs] {
  --tui-height-xs: map.get($values, "height");
  --t-margin: 0;
  height: 24px;
  padding-inline: var(--assets-btn-padding-inline-xs, 8px) !important;
  font: var(--assets-font-text-s-bold);
  border-radius: var(--assets-btn-radius-xs, var(--assets-radius-xs));
}
.assets-content [tuiButton][data-size=xs]::before {
  font-size: var(--assets-btn-icon-size-xs, 16px) !important;
}
.assets-content [tuiButton][data-size=xs]::after {
  font-size: var(--assets-btn-icon-size-xs, 16px);
}
.assets-content [tuiButton][data-size=xs] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-xs, 16px);
}
.assets-content [tuiIconButton][data-size=l] {
  --tui-height-l: map.get($values, "height");
  --t-margin: 0;
  height: 56px;
  padding-inline: var(--assets-btn-padding-inline-l, 15px) !important;
  font: var(--assets-font-text-xl-bold);
  border-radius: var(--assets-btn-radius-l, var(--assets-radius-m));
}
.assets-content [tuiIconButton][data-size=l]::before {
  font-size: var(--assets-btn-icon-size-l, 24px) !important;
}
.assets-content [tuiIconButton][data-size=l]::after {
  font-size: var(--assets-btn-icon-size-l, 24px);
}
.assets-content [tuiIconButton][data-size=l] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-l, 24px);
}
.assets-content [tuiIconButton][data-size=m] {
  --tui-height-m: map.get($values, "height");
  --t-margin: 0;
  height: 48px;
  padding-inline: var(--assets-btn-padding-inline-m, 11px) !important;
  font: var(--assets-font-text-l-bold);
  border-radius: var(--assets-btn-radius-m, var(--assets-radius-m));
}
.assets-content [tuiIconButton][data-size=m]::before {
  font-size: var(--assets-btn-icon-size-m, 24px) !important;
}
.assets-content [tuiIconButton][data-size=m]::after {
  font-size: var(--assets-btn-icon-size-m, 24px);
}
.assets-content [tuiIconButton][data-size=m] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-m, 24px);
}
.assets-content [tuiIconButton][data-size=s] {
  --tui-height-s: map.get($values, "height");
  --t-margin: 0;
  height: 38px;
  padding-inline: var(--assets-btn-padding-inline-s, 8px) !important;
  font: var(--assets-font-text-m-bold);
  border-radius: var(--assets-btn-radius-s, var(--assets-radius-s));
}
.assets-content [tuiIconButton][data-size=s]::before {
  font-size: var(--assets-btn-icon-size-s, 20px) !important;
}
.assets-content [tuiIconButton][data-size=s]::after {
  font-size: var(--assets-btn-icon-size-s, 20px);
}
.assets-content [tuiIconButton][data-size=s] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-s, 20px);
}
.assets-content [tuiIconButton][data-size=xs] {
  --tui-height-xs: map.get($values, "height");
  --t-margin: 0;
  height: 24px;
  padding-inline: var(--assets-btn-padding-inline-xs, 3px) !important;
  font: var(--assets-font-text-s-bold);
  border-radius: var(--assets-btn-radius-xs, var(--assets-radius-s));
}
.assets-content [tuiIconButton][data-size=xs]::before {
  font-size: var(--assets-btn-icon-size-xs, 16px) !important;
}
.assets-content [tuiIconButton][data-size=xs]::after {
  font-size: var(--assets-btn-icon-size-xs, 16px);
}
.assets-content [tuiIconButton][data-size=xs] assets-icon {
  --assets-icon-component-size: var(--assets-btn-icon-component-size-xs, 16px);
}
.assets-content [tuiButton],
.assets-content [tuiIconButton]:not(.t-remove) {
  --tui-disabled-opacity: 0.48;
  font: var(--assets-font-text-l-bold);
  color: var(--assets-button-default-color);
  background-color: var(--assets-button-default-bg);
  border: 1px solid var(--assets-button-default-border-color);
  box-shadow: none;
}
@media ((hover: hover) and (pointer: fine)) {
  .assets-content [tuiButton]:hover:not(._no-hover),
  .assets-content [tuiButton][data-state=hover],
  .assets-content [tuiIconButton]:not(.t-remove):hover:not(._no-hover),
  .assets-content [tuiIconButton]:not(.t-remove)[data-state=hover] {
    color: var(--assets-button-hover-color);
    background-color: var(--assets-button-hover-bg) !important;
    border-color: var(--assets-button-hover-border-color);
  }
}
.assets-content [tuiButton]:active:not(._no-active),
.assets-content [tuiButton][data-state=active],
.assets-content [tuiButton][data-state=active]:hover,
.assets-content [tuiIconButton]:not(.t-remove):active:not(._no-active),
.assets-content [tuiIconButton]:not(.t-remove)[data-state=active],
.assets-content [tuiIconButton]:not(.t-remove)[data-state=active]:hover {
  color: var(--assets-button-active-color);
  background-color: var(--assets-button-active-bg) !important;
  border-color: var(--assets-button-active-border-color);
}
.assets-content [tuiButton]:focus-visible:focus-visible,
.assets-content [tuiIconButton]:not(.t-remove):focus-visible:focus-visible {
  color: var(--assets-button-focus-color);
  background-color: var(--assets-button-focus-bg) !important;
  border-color: var(--assets-button-focus-border-color);
}
.assets-content [tuiButton]._focused._focused,
.assets-content [tuiIconButton]:not(.t-remove)._focused._focused {
  color: var(--assets-button-focus-color);
  background-color: var(--assets-button-focus-bg) !important;
  border-color: var(--assets-button-focus-border-color);
}
.assets-content [tuiButton]:disabled:disabled,
.assets-content [tuiButton][data-state=disabled][data-state=disabled],
.assets-content [tuiIconButton]:not(.t-remove):disabled:disabled,
.assets-content [tuiIconButton]:not(.t-remove)[data-state=disabled][data-state=disabled] {
  color: var(--assets-button-disabled-color);
  background-color: var(--assets-button-disabled-bg) !important;
  border-color: var(--assets-button-disabled-border-color);
}
.assets-content [tuiButton][data-appearance=primary],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=primary] {
  --assets-button-default-color: var(--assets-base-stable-white);
  --assets-button-hover-color: var(--assets-base-stable-white);
  --assets-button-active-color: var(--assets-base-stable-white);
  --assets-button-focus-color: var(--assets-base-stable-white);
  --assets-button-disabled-color: var(--assets-base-stable-white);
  --assets-button-default-bg: var(--assets-primary);
  --assets-button-hover-bg: var(--assets-primary-hover);
  --assets-button-active-bg: var(--assets-primary-active);
  --assets-button-focus-bg: var(--assets-primary-active);
  --assets-button-disabled-bg: var(--assets-link-hover);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=outline],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=outline] {
  --assets-button-default-color: var(--assets-link);
  --assets-button-hover-color: var(--assets-link);
  --assets-button-active-color: var(--assets-link);
  --assets-button-focus-color: var(--assets-link);
  --assets-button-disabled-color: var(--assets-link);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-base-03);
  --assets-button-active-bg: var(--assets-base-04);
  --assets-button-focus-bg: var(--assets-base-04);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-link);
  --assets-button-hover-border-color: var(--assets-base-04);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-link);
}
.assets-content [tuiButton][data-appearance=flat],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=flat] {
  --assets-button-default-color: var(--assets-link);
  --assets-button-hover-color: var(--assets-link);
  --assets-button-active-color: var(--assets-link);
  --assets-button-focus-color: var(--assets-link);
  --assets-button-disabled-color: var(--assets-link);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-base-03);
  --assets-button-active-bg: var(--assets-base-04);
  --assets-button-focus-bg: var(--assets-base-04);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=flat-tertiary],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=flat-tertiary] {
  --assets-button-default-color: var(--assets-link);
  --assets-button-hover-color: var(--assets-link-hover);
  --assets-button-active-color: var(--assets-link-active);
  --assets-button-focus-color: var(--assets-link);
  --assets-button-disabled-color: var(--assets-link-hover);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-base);
  --assets-button-active-bg: var(--assets-base);
  --assets-button-focus-bg: var(--assets-base);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=gray],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=gray] {
  --assets-button-default-color: var(--assets-text-01);
  --assets-button-hover-color: var(--assets-text-01);
  --assets-button-active-color: var(--assets-text-01);
  --assets-button-focus-color: var(--assets-text-01);
  --assets-button-disabled-color: var(--assets-text-01);
  --assets-button-default-bg: var(--assets-clear);
  --assets-button-hover-bg: var(--assets-clear-hover);
  --assets-button-active-bg: var(--assets-clear-active);
  --assets-button-focus-bg: var(--assets-clear-active);
  --assets-button-disabled-bg: var(--assets-clear-hover);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=gray-outline],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=gray-outline] {
  --assets-button-default-color: var(--assets-text-01);
  --assets-button-hover-color: var(--assets-text-01);
  --assets-button-active-color: var(--assets-text-01);
  --assets-button-focus-color: var(--assets-text-01);
  --assets-button-disabled-color: var(--assets-text-01);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-clear-hover);
  --assets-button-active-bg: var(--assets-clear-active);
  --assets-button-focus-bg: var(--assets-clear-active);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base-05);
  --assets-button-hover-border-color: var(--assets-base-05);
  --assets-button-active-border-color: var(--assets-base-05);
  --assets-button-focus-border-color: var(--assets-base-05);
  --assets-button-disabled-border-color: var(--assets-base-05);
}
.assets-content [tuiButton][data-appearance=gray-flat],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=gray-flat] {
  --assets-button-default-color: var(--assets-text-01);
  --assets-button-hover-color: var(--assets-text-01);
  --assets-button-active-color: var(--assets-text-01);
  --assets-button-focus-color: var(--assets-text-01);
  --assets-button-disabled-color: var(--assets-text-01);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-clear-hover);
  --assets-button-active-bg: var(--assets-clear-active);
  --assets-button-focus-bg: var(--assets-clear-active);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=accent],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=accent] {
  --assets-button-default-color: var(--assets-base-stable-white);
  --assets-button-hover-color: var(--assets-base-stable-white);
  --assets-button-active-color: var(--assets-base-stable-white);
  --assets-button-focus-color: var(--assets-base-stable-white);
  --assets-button-disabled-color: var(--assets-base-stable-white);
  --assets-button-default-bg: var(--assets-negative);
  --assets-button-hover-bg: var(--assets-negative-hover);
  --assets-button-active-bg: var(--assets-negative-active);
  --assets-button-focus-bg: var(--assets-negative-active);
  --assets-button-disabled-bg: var(--assets-negative-hover);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiButton][data-appearance=accent-outline],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=accent-outline] {
  --assets-button-default-color: var(--assets-negative);
  --assets-button-hover-color: var(--assets-base-stable-white);
  --assets-button-active-color: var(--assets-base-stable-white);
  --assets-button-focus-color: var(--assets-base-stable-white);
  --assets-button-disabled-color: var(--assets-negative);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-negative-hover);
  --assets-button-active-bg: var(--assets-negative-active);
  --assets-button-focus-bg: var(--assets-negative-active);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-negative);
  --assets-button-hover-border-color: var(--assets-negative);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-negative);
}
.assets-content [tuiButton][data-appearance=accent-flat],
.assets-content [tuiIconButton]:not(.t-remove)[data-appearance=accent-flat] {
  --assets-button-default-color: var(--assets-negative);
  --assets-button-hover-color: var(--assets-base-stable-white);
  --assets-button-active-color: var(--assets-base-stable-white);
  --assets-button-focus-color: var(--assets-base-stable-white);
  --assets-button-disabled-color: var(--assets-negative);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-negative-hover);
  --assets-button-active-bg: var(--assets-negative-active);
  --assets-button-focus-bg: var(--assets-negative-active);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
}
.assets-content [tuiLink] {
  --tui-text-action: var(--assets-link);
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
}
.assets-content [tuiLink][data-underline] {
  text-decoration-line: underline;
}
.assets-content [tuiLink][data-underline=dashed] {
  text-decoration-style: dashed;
}
.assets-content [tuiLink][data-underline=solid] {
  text-decoration-style: solid;
}
.assets-content [tuiLink][data-size=l] {
  --tui-link: var(--assets-link);
  font: var(--assets-font-text-xl);
}
.assets-content [tuiLink][data-size=m] {
  --tui-link: var(--assets-link);
  font: var(--assets-font-text-l);
}
.assets-content [tuiLink][data-size=s] {
  --tui-link: var(--assets-link);
  font: var(--assets-font-text-m);
}
.assets-content [tuiLink][data-size=xs] {
  --tui-link: var(--assets-link);
  font: var(--assets-font-text-s);
}
.assets-content [tuiLink]:hover {
  --tui-text-action-hover: var(--assets-link-hover);
}
.assets-content [tuiLink]:active {
  --tui-text-action-hover: var(--assets-primary-active);
}
.assets-content [tuiLink][data-appearance=grey] {
  --tui-text-action: var(--assets-text-02);
  opacity: 64%;
}
.assets-content [tuiLink][data-appearance=grey]:hover,
.assets-content [tuiLink][data-appearance=grey]:active {
  opacity: unset;
}
.assets-content [tuiLink][data-appearance=grey]:hover {
  color: var(--assets-link-hover);
}
.assets-content [tuiLink][data-appearance=grey]:active {
  color: var(--assets-primary-active);
}
.assets-content tui-badge[data-size=xl] {
  border-radius: 6px;
}
.assets-content tui-badge[data-size=l],
.assets-content tui-badge[data-size=m],
.assets-content tui-badge[data-size=s] {
  border-radius: 4px;
}
.assets-content tui-badge[data-size=l] {
  font: var(--assets-font-text-m);
}
.assets-content tui-badge[data-size=xl],
.assets-content tui-badge[data-size=l] {
  line-height: normal;
}
.assets-content tui-badge[data-size=xl],
.assets-content tui-badge[data-size=l],
.assets-content tui-badge[data-size=m] {
  gap: 4px;
}
.assets-content tui-badge[data-size=s] {
  gap: 2px;
}
.assets-content tui-dialog {
  border-radius: var(--assets-radius-xl);
}
.assets-content tui-dialog[data-size=l] {
  inline-size: 42.5rem;
}
.assets-content tui-dialog[data-size=l] .t-content .t-heading {
  font: var(--assets-font-heading-3) !important;
}
.assets-content tui-dialog[data-size=m] {
  inline-size: 36.25rem;
}
.assets-content tui-dialog[data-size=m] .t-content .t-heading {
  font: var(--assets-font-heading-4) !important;
}
.assets-content tui-dialog[data-size=s] {
  inline-size: 30rem;
}
.assets-content tui-dialog[data-size=s] .t-content .t-heading {
  font: var(--assets-font-heading-5) !important;
}
.assets-content tui-dialog .t-content {
  padding: 24px;
}
.assets-content tui-dialog .t-content .t-heading {
  margin-bottom: 8px;
}
.assets-content tui-dialog .t-close {
  --assets-button-default-color: var(--assets-text-01);
  --assets-button-hover-color: var(--assets-text-01);
  --assets-button-active-color: var(--assets-text-01);
  --assets-button-focus-color: var(--assets-text-01);
  --assets-button-disabled-color: var(--assets-text-01);
  --assets-button-default-bg: var(--assets-base);
  --assets-button-hover-bg: var(--assets-clear-hover);
  --assets-button-active-bg: var(--assets-clear-active);
  --assets-button-focus-bg: var(--assets-clear-active);
  --assets-button-disabled-bg: var(--assets-base);
  --assets-button-default-border-color: var(--assets-base);
  --assets-button-hover-border-color: var(--assets-base);
  --assets-button-active-border-color: var(--assets-base);
  --assets-button-focus-border-color: var(--assets-base);
  --assets-button-disabled-border-color: var(--assets-base);
  --assets-button-focus-bg: transparent;
  --assets-button-hover-bg: transparent;
  --assets-button-active-bg: transparent;
}
.assets-content tui-dialog .t-close:before {
  color: var(--assets-text-03);
  transition: color 0.3s ease-in-out;
}
.assets-content tui-dialog .t-close:not(.t-remove):hover:not(._no-hover)::before {
  color: inherit !important;
}
.assets-content tui-dropdown {
  --tui-border-normal: var(--assets-base-05);
}
.assets-content tui-dropdown tui-scroll-controls .t-thumb {
  opacity: unset !important;
  color: var(--assets-base-06);
}
.assets-content tui-data-list[data-size=l],
.assets-content tui-data-list[data-size=m] {
  padding: 8px;
}
.assets-content tui-data-list[data-size=s] {
  padding: 6px 8px;
}
.assets-content tui-data-list[data-size=l] tui-opt-group::before {
  padding: var(--tui-data-list-padding) 8px;
}
.assets-content tui-data-list[data-size=m] tui-opt-group::before {
  padding: var(--tui-data-list-padding) 4px;
}
.assets-content tui-data-list[data-size=s] tui-opt-group::before {
  padding: var(--tui-data-list-padding) 2px;
}
.assets-content tui-data-list tui-opt-group:not(:empty) ~ tui-opt-group:before {
  padding-top: calc(0.75rem + var(--tui-data-list-padding)) !important;
}
.assets-content tui-data-list tui-opt-group:after {
  left: 2px;
}
.assets-content tui-data-list tui-opt-group::before {
  font: var(--assets-font-text-s);
  color: var(--assets-text-02) !important;
}
.assets-content tui-data-list [tuiOption] {
  width: 100%;
  color: var(--assets-text-01) !important;
}
.assets-content tui-data-list [tuiOption]:hover {
  background-color: var(--assets-base-03) !important;
}
.assets-content tui-data-list {
  padding: 0;
}
.assets-content tui-data-list [tuiOption] {
  font: var(--assets-font-text-m) !important;
}
.assets-content tui-data-list[data-size=l] [tuiOption] {
  padding: 8px !important;
}
.assets-content tui-data-list[data-size=m] [tuiOption] {
  padding: 8px 4px !important;
}
.assets-content tui-data-list[data-size=s] [tuiOption] {
  padding: 6px 2px !important;
  font: var(--assets-font-text-s) !important;
}
.assets-content tui-pagination :is([tuiButton][data-appearance=flat], [tuiIconButton]):hover {
  --assets-button-hover-bg: var(--assets-base-04);
}
.assets-content tui-pagination .t-dots {
  font: var(--assets-font-text-s-bold);
  display: flex;
  align-items: center;
  justify-content: center;
}
.assets-content tui-pagination[data-appearance] [tuiButton],
.assets-content tui-pagination[data-appearance] [tuiIconButton] {
  font: var(--assets-font-text-s-bold);
  border: none;
}
.assets-content tui-pagination[data-appearance] [tuiIconButton]:before {
  --assets-btn-icon-size-s: 16px;
}
.assets-content tui-pagination[data-appearance=square] [tuiButton],
.assets-content tui-pagination[data-appearance=square] [tuiIconButton] {
  height: 32px;
  width: 32px;
}
.assets-content tui-pagination[data-appearance=round] [tuiButton],
.assets-content tui-pagination[data-appearance=round] [tuiIconButton] {
  height: 24px;
  width: 24px;
  border-radius: 100%;
}
.assets-content tui-pagination[data-appearance=round] .t-dots {
  inline-size: 24px;
  block-size: 24px;
}
.assets-content tui-pagination [tuiButton].t-button_small {
  padding-inline: 0 !important;
}
.assets-content tui-pagination [tuiButton].t-button_small[data-appearance=secondary] {
  --assets-button-bg: var(--assets-secondary);
  --assets-button-hover-bg: var(--assets-secondary-hover);
}
.assets-content tui-avatar[data-size=xxxl] {
  --t-size: 112px;
  font: var(--assets-font-service-h1);
}
.assets-content tui-avatar[data-size=xxxl] tui-icon {
  inline-size: 48px;
  block-size: 48px;
}
.assets-content tui-avatar[data-size=xxxl]:not(._round) {
  --t-radius: 16px;
}
.assets-content [tuiChip] tui-avatar[data-size=xxxl] {
  --t-size: 48px;
  inline-size: 48px;
}
.assets-content tui-avatar[data-size=xxl] {
  --t-size: 96px;
  font: var(--assets-font-service-h1);
}
.assets-content tui-avatar[data-size=xxl] tui-icon {
  inline-size: 48px;
  block-size: 48px;
}
.assets-content tui-avatar[data-size=xxl]:not(._round) {
  --t-radius: 16px;
}
.assets-content [tuiChip] tui-avatar[data-size=xxl] {
  --t-size: 48px;
  inline-size: 48px;
}
.assets-content tui-avatar[data-size=xl] {
  --t-size: 80px;
  font: var(--assets-font-heading-3);
}
.assets-content tui-avatar[data-size=xl] tui-icon {
  inline-size: 40px;
  block-size: 40px;
}
.assets-content tui-avatar[data-size=xl]:not(._round) {
  --t-radius: 16px;
}
.assets-content [tuiChip] tui-avatar[data-size=xl] {
  --t-size: 40px;
  inline-size: 40px;
}
.assets-content tui-avatar[data-size=l] {
  --t-size: 64px;
  font: var(--assets-font-service-h2);
}
.assets-content tui-avatar[data-size=l] tui-icon {
  inline-size: 32px;
  block-size: 32px;
}
.assets-content tui-avatar[data-size=l]:not(._round) {
  --t-radius: 12px;
}
.assets-content [tuiChip] tui-avatar[data-size=l] {
  --t-size: 32px;
  inline-size: 32px;
}
.assets-content tui-avatar[data-size=m] {
  --t-size: 48px;
  font: var(--assets-font-text-xl-bold);
}
.assets-content tui-avatar[data-size=m] tui-icon {
  inline-size: 24px;
  block-size: 24px;
}
.assets-content tui-avatar[data-size=m]:not(._round) {
  --t-radius: 6px;
}
.assets-content [tuiChip] tui-avatar[data-size=m] {
  --t-size: 24px;
  inline-size: 24px;
}
.assets-content tui-avatar[data-size=s] {
  --t-size: 40px;
  font: var(--assets-font-text-l-bold);
}
.assets-content tui-avatar[data-size=s] tui-icon {
  inline-size: 24px;
  block-size: 24px;
}
.assets-content tui-avatar[data-size=s]:not(._round) {
  --t-radius: 6px;
}
.assets-content [tuiChip] tui-avatar[data-size=s] {
  --t-size: 24px;
  inline-size: 24px;
}
.assets-content tui-avatar[data-size=xs] {
  --t-size: 32px;
  font: var(--assets-font-text-l-bold);
}
.assets-content tui-avatar[data-size=xs] tui-icon {
  inline-size: 20px;
  block-size: 20px;
}
.assets-content tui-avatar[data-size=xs]:not(._round) {
  --t-radius: 4px;
}
.assets-content [tuiChip] tui-avatar[data-size=xs] {
  --t-size: 20px;
  inline-size: 20px;
}
.assets-content tui-avatar[data-size=xxs] {
  --t-size: 24px;
  font: var(--assets-font-text-m-bold);
}
.assets-content tui-avatar[data-size=xxs] tui-icon {
  inline-size: 16px;
  block-size: 16px;
}
.assets-content tui-avatar[data-size=xxs]:not(._round) {
  --t-radius: 2px;
}
.assets-content [tuiChip] tui-avatar[data-size=xxs] {
  --t-size: 16px;
  inline-size: 16px;
}
.assets-content tui-alert {
  box-shadow: 0px 8px 16px 0px rgba(41, 37, 51, 0.15);
}
.assets-content tui-alert tui-notification {
  padding: 12px 16px;
  border-radius: 6px;
  gap: 12px;
  align-items: flex-start;
}
.assets-content tui-alert tui-notification[data-appearance=info] {
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/info.svg) !important;
}
.assets-content tui-alert tui-notification[data-appearance=success] {
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/check-circle.svg) !important;
}
.assets-content tui-alert tui-notification[data-appearance=warning] {
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/info.svg) !important;
}
.assets-content tui-alert tui-notification[data-appearance=error] {
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/info.svg) !important;
}
.assets-content tui-alert tui-notification[data-appearance=dark] {
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/info.svg) !important;
}
.assets-content tui-alert tui-notification > [tuiicons][tuiiconbutton] {
  --assets-button-hover-bg: var(--assets-base);
  --assets-button-active-bg: var(--assets-base);
  --t-icon-start: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
  height: 20px !important;
  padding-inline: 0 !important;
  border: 0 !important;
  margin: 0 -5px 0 auto !important;
  color: inherit !important;
}
.assets-content tui-alert [tuititle] {
  font: var(--assets-font-text-m-bold) !important;
}
.assets-content tui-alert [tuisubtitle] {
  font: var(--assets-font-text-m) !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.assets-content tui-notification {
  padding: 12px 16px;
  border-radius: 6px;
  gap: 12px;
  align-items: flex-start;
}
.assets-content tui-notification button.close.close {
  height: 20px !important;
  padding-inline: 0 !important;
  margin-right: -6px;
}
.assets-content tui-notification button.close.close:hover {
  color: inherit !important;
}
.assets-content tui-notification .content,
.assets-content tui-notification .wrapper {
  display: flex;
  flex-direction: column;
}
.assets-content tui-notification .content {
  gap: 4px;
}
.assets-content tui-notification .wrapper {
  gap: 12px;
}
.assets-content tui-notification .title {
  font: var(--assets-font-text-m-bold);
}
.assets-content tui-notification .info {
  font: var(--assets-font-text-m);
}
.assets-content tui-notification[data-appearance=info] {
  background-color: var(--assets-info-bg);
  color: var(--assets-base-09);
}
.assets-content tui-notification[data-appearance=info] button.close,
.assets-content tui-notification[data-appearance=info] [tuiiconbutton]::before {
  color: var(--assets-text-03);
}
.assets-content tui-notification[data-appearance=info] [tuiiconbutton]:hover::before {
  color: inherit !important;
}
.assets-content tui-notification[data-appearance=info] .icon-left,
.assets-content tui-notification[data-appearance=info]:before {
  color: var(--assets-base-09);
  inline-size: 16px;
  block-size: 16px;
  font-size: 16px;
}
.assets-content tui-notification[data-appearance=success] {
  background-color: var(--assets-success-bg);
  color: var(--assets-base-09);
}
.assets-content tui-notification[data-appearance=success] button.close,
.assets-content tui-notification[data-appearance=success] [tuiiconbutton]::before {
  color: var(--assets-text-03);
}
.assets-content tui-notification[data-appearance=success] [tuiiconbutton]:hover::before {
  color: inherit !important;
}
.assets-content tui-notification[data-appearance=success] .icon-left,
.assets-content tui-notification[data-appearance=success]:before {
  color: var(--assets-success-fill);
  inline-size: 16px;
  block-size: 16px;
  font-size: 16px;
}
.assets-content tui-notification[data-appearance=warning] {
  background-color: var(--assets-warning-bg);
  color: var(--assets-base-09);
}
.assets-content tui-notification[data-appearance=warning] button.close,
.assets-content tui-notification[data-appearance=warning] [tuiiconbutton]::before {
  color: var(--assets-text-03);
}
.assets-content tui-notification[data-appearance=warning] [tuiiconbutton]:hover::before {
  color: inherit !important;
}
.assets-content tui-notification[data-appearance=warning] .icon-left,
.assets-content tui-notification[data-appearance=warning]:before {
  color: var(--assets-warning-fill);
  inline-size: 16px;
  block-size: 16px;
  font-size: 16px;
}
.assets-content tui-notification[data-appearance=error] {
  background-color: var(--assets-error-bg);
  color: var(--assets-base-09);
}
.assets-content tui-notification[data-appearance=error] button.close,
.assets-content tui-notification[data-appearance=error] [tuiiconbutton]::before {
  color: var(--assets-text-03);
}
.assets-content tui-notification[data-appearance=error] [tuiiconbutton]:hover::before {
  color: inherit !important;
}
.assets-content tui-notification[data-appearance=error] .icon-left,
.assets-content tui-notification[data-appearance=error]:before {
  color: var(--assets-error-fill);
  inline-size: 16px;
  block-size: 16px;
  font-size: 16px;
}
.assets-content tui-notification[data-appearance=dark] {
  background-color: var(--assets-base-09);
  color: var(--assets-base-01);
}
.assets-content tui-notification[data-appearance=dark] button.close,
.assets-content tui-notification[data-appearance=dark] [tuiiconbutton]::before {
  color: var(--assets-text-03-inverse);
}
.assets-content tui-notification[data-appearance=dark] [tuiiconbutton]:hover::before {
  color: inherit !important;
}
.assets-content tui-notification[data-appearance=dark] .icon-left,
.assets-content tui-notification[data-appearance=dark]:before {
  color: var(--assets-base-01);
  inline-size: 16px;
  block-size: 16px;
  font-size: 16px;
}
.assets-content [tuiSlider] {
  --tui-slider-track-color: var(--assets-base-04) !important;
  --tui-text-tertiary: var(--assets-base-06) !important;
  color: var(--assets-primary);
  border-radius: 4px;
  padding: 6px 0;
}
.assets-content [tuiSlider][data-size=s]:before {
  top: 15% !important;
}
.assets-content [tuiSlider][data-size=m]:before {
  top: 0 !important;
}
.assets-content [tuiSlider]:disabled {
  opacity: 50%;
}
.assets-content tui-range {
  background: var(--assets-base-04) !important;
}
.assets-content tui-range .t-track:before {
  background: var(--assets-primary) !important;
  z-index: 1;
}
.assets-content tui-range .t-track:after {
  --tui-text-tertiary: var(--assets-base-06) !important;
}
.assets-content tui-range:disabled {
  opacity: 50%;
}
.assets-content .ticks-labels {
  display: flex;
  margin: 0 0.5rem;
  font: var(--tui-font-text-s);
}
.assets-content .ticks-labels > * {
  position: relative;
  flex: 2;
  text-align: center;
}
.assets-content .ticks-labels > *:first-child {
  left: -0.5rem;
  flex: 1;
  text-align: start;
}
.assets-content .ticks-labels > *:last-child {
  right: -0.5rem;
  flex: 1;
  text-align: end;
}
tui-input-slider + .assets-content .ticks-labels {
  margin-left: calc(var(--tui-radius-m) / 2 + 0.5rem);
}
tui-input-range + .assets-content .ticks-labels,
tui-range + .assets-content .ticks-labels {
  margin-left: 1rem;
  margin-right: 1rem;
}
tui-input-range + .assets-content .ticks-labels > *:first-child,
tui-range + .assets-content .ticks-labels > *:first-child {
  left: -1rem;
}
tui-input-range + .assets-content .ticks-labels > *:last-child,
tui-range + .assets-content .ticks-labels > *:last-child {
  right: -1rem;
}
.assets-content assets-tag tui-chip {
  line-height: normal !important;
}
.assets-content assets-tag tui-chip[tuiappearance]:not([data-appearance=primary]) {
  color: var(--assets-text-01);
}
.assets-content assets-tag tui-chip[tuiappearance]:not([data-appearance=primary]) ::ng-deep .assets-icon {
  color: var(--assets-text-01);
}
.assets-content assets-tag tui-chip[data-appearance=primary] {
  background: var(--assets-primary);
}
.assets-content assets-tag tui-chip[data-appearance=primary] ::ng-deep .assets-icon {
  color: var(--assets-base-stable-white);
}
.assets-content assets-tag tui-chip[data-appearance=neutral] {
  background: var(--assets-clear);
}
.assets-content assets-tag tui-chip[data-size=m] {
  height: 38px;
  font: var(--assets-font-text-m);
  gap: 4px;
  padding: 0 12px;
  border-radius: 6px;
}
.assets-content assets-tag tui-chip[data-size=s] {
  height: 32px;
  font: var(--assets-font-text-m);
  gap: 4px;
  padding: 0 8px;
  border-radius: 6px;
}
.assets-content assets-tag tui-chip[data-size=xs] {
  height: 24px;
  font: var(--assets-font-text-s);
  gap: 2px;
  padding: 0 6px;
  border-radius: 4px;
}
.assets-content assets-tag tui-chip button {
  background: transparent;
  font-size: 0;
  display: inline-flex;
  color: currentColor;
}
.assets-content tui-tag.t-tag {
  color: var(--assets-text-01) !important;
  background-color: var(--assets-clear);
}
.assets-content tui-tag.t-tag .t-tag {
  display: flex;
  gap: 4px;
}
.assets-content tui-tag.t-tag .t-tag .t-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
  inline-size: 16px;
  block-size: 16px;
}
.assets-content tui-tag.t-tag[data-size=l] {
  border-radius: 6px;
}
.assets-content tui-tag.t-tag[data-size=l] .t-tag {
  block-size: 38px;
  padding: 0 12px;
  font: var(--assets-font-text-m);
}
.assets-content tui-tag.t-tag[data-size=m] {
  border-radius: 6px;
}
.assets-content tui-tag.t-tag[data-size=m] .t-tag {
  block-size: 32px;
  padding: 0 8px;
  font: var(--assets-font-text-m);
}
.assets-content tui-tag.t-tag[data-size=s] {
  border-radius: 4px;
}
.assets-content tui-tag.t-tag[data-size=s] .t-tag {
  block-size: 24px;
  padding: 0 6px;
  font: var(--assets-font-text-s);
}
.assets-content tui-tag.t-tag[data-size=s] .t-tag {
  gap: 2px;
}
.assets-content tui-tag.t-tag:hover {
  background-color: var(--assets-clear) !important;
}
.assets-content tui-tag.t-tag .t-icon:after {
  color: var(--assets-text-01) !important;
}
.assets-content tui-file {
  --t-bs: var(--assets-base-05) !important;
  padding: 7px 36px 7px 8px;
}
.assets-content tui-file .t-text {
  display: grid;
  grid-template-columns: 1fr auto auto;
}
.assets-content tui-file .t-text .t-name,
.assets-content tui-file .t-text .t-type {
  color: var(--assets-text-01);
}
.assets-content tui-file .t-text .t-size {
  color: var(--assets-text-02);
}
.assets-content tui-file .t-remove {
  top: auto;
}
.assets-content tui-file .t-preview {
  inline-size: 20px;
  block-size: 20px;
}
.assets-content tui-file .t-loader {
  --t-diameter: 20px;
  min-inline-size: 20px;
  stroke: var(--assets-link);
}
.assets-content tui-file .t-icon {
  color: var(--assets-positive);
  inline-size: 20px;
  block-size: 20px;
}
.assets-content tui-file:not([state]) .t-icon,
.assets-content tui-file[state=normal] .t-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/task_alt.svg) !important;
}
.assets-content tui-file[state=error] .t-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/info.svg) !important;
}
.assets-content tui-file .t-icon_error,
.assets-content tui-file .t-content {
  color: var(--assets-negative);
}
.assets-content tui-files .t-button {
  font: var(--assets-font-text-m-bold);
  height: 40px;
  border-radius: 0 0 6px 6px;
  --assets-button-color: var(--assets-text-01);
  --assets-button-border-color: var(--assets-base-04);
  --assets-button-bg: var(--assets-base-01);
  --assets-button-hover-color: var(--assets-text-01);
  --assets-button-hover-bg: var(--assets-clear-hover);
}
.assets-content label[tuiInputFiles] {
  min-block-size: 38px;
}
.assets-content label[tuiInputFiles].hidden {
  display: none;
}
.assets-content label[tuiInputFiles].disabled {
  cursor: default;
}
.assets-content label[tuiInputFiles] [tuiAppearance][data-appearance=file] {
  border-color: var(--assets-primary);
}
.assets-content label[tuiInputFiles] [tuiAppearance][data-appearance=file]:hover {
  border: 1px solid var(--assets-base-04) !important;
  background-color: var(--assets-base-03) !important;
}
.assets-content [tuiConnected] ._vertical:not(:last-of-type):after {
  background-color: var(--assets-secondary);
  block-size: 16px;
}
.assets-content [tuiConnected]:not([data-orientation=vertical]) [tuiStep]:not(:last-of-type):after {
  background-color: var(--assets-secondary);
  block-size: 1px;
  inline-size: 16px;
  left: calc(100% + 4px);
  top: calc(var(--t-image-size) / 2);
}
.assets-content [tuiStep][tuiStep] {
  font: var(--assets-font-text-l);
  color: var(--assets-link);
  transition: color var(--tui-duration, 0.3s) ease-in-out;
  margin: 0;
}
.assets-content [tuiStep][tuiStep]:not(:last-of-type)._vertical {
  margin-bottom: 24px;
}
.assets-content [tuiStep][tuiStep]:not(:last-of-type) {
  margin-right: 24px;
}
.assets-content [tuiStep][tuiStep] .t-marker {
  inline-size: 32px;
  block-size: 32px;
  margin-right: 12px;
  border: 5px solid transparent;
  background: var(--assets-secondary);
  color: var(--assets-link);
}
.assets-content [tuiStep][tuiStep]._active {
  color: var(--assets-text-01);
}
.assets-content [tuiStep][tuiStep]._active .t-marker_index {
  background: var(--assets-link);
}
.assets-content [tuiStep][tuiStep][disabled] {
  color: var(--assets-text-02);
}
.assets-content [tuiStep][tuiStep][disabled] .t-marker {
  background: var(--assets-base-03);
  color: var(--assets-text-02);
}
.assets-content [tuiStep][tuiStep] .t-marker_pass {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/check.svg) !important;
}
.assets-content [tuiStep][tuiStep] .t-marker_error {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
}
.assets-content [tuiStep][tuiStep][data-state=error] .t-marker {
  background: var(--assets-error-bg);
  color: var(--assets-error-fill);
}
.assets-content [tuiStep][tuiStep][data-state=error]:hover .t-marker {
  background: var(--assets-error-bg-hover);
}
.assets-content [tuiStep][tuiStep]:not(._active):hover {
  color: var(--assets-link-hover);
}
.assets-content [tuiStep][tuiStep]:hover:not(._active):not([data-state=error]) .t-marker {
  background: var(--assets-secondary-hover);
  color: var(--assets-link);
}
.assets-content input:-webkit-autofill,
.assets-content input:-webkit-autofill:hover,
.assets-content input:-webkit-autofill:focus {
  border-color: var(--assets-base-01) !important;
  -webkit-box-shadow: 0 0 0 10rem var(--assets-base-01) inset !important;
}
.assets-content .tui-autofill {
  transition: border-radius var(--assets-animation);
}
.assets-content tui-input [data-size=l] .t-icon_left,
.assets-content tui-select [data-size=l] .t-icon_left {
  margin-inline-start: 0 !important;
  margin-inline-end: 8px !important;
}
.assets-content tui-input [data-size=l] .t-icons,
.assets-content tui-select [data-size=l] .t-icons {
  gap: 8px;
}
.assets-content tui-input [data-size=l] .t-input,
.assets-content tui-input [data-size=l] input,
.assets-content tui-select [data-size=l] .t-input,
.assets-content tui-select [data-size=l] input {
  font: var(--assets-font-text-l-medium);
}
.assets-content tui-input [data-size=m] .t-icon_left,
.assets-content tui-select [data-size=m] .t-icon_left {
  margin-inline-start: 0 !important;
  margin-inline-end: 4px !important;
}
.assets-content tui-input [data-size=m] .t-icons,
.assets-content tui-select [data-size=m] .t-icons {
  gap: 4px;
}
.assets-content tui-input [data-size=m] .t-input,
.assets-content tui-input [data-size=m] input,
.assets-content tui-select [data-size=m] .t-input,
.assets-content tui-select [data-size=m] input {
  font: var(--assets-font-text-l-medium);
}
.assets-content tui-input [data-size=s] .t-icon_left,
.assets-content tui-select [data-size=s] .t-icon_left {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.assets-content tui-input [data-size=s] .t-icons,
.assets-content tui-select [data-size=s] .t-icons {
  gap: 2px;
}
.assets-content tui-input [data-size=s] .t-input,
.assets-content tui-input [data-size=s] input,
.assets-content tui-select [data-size=s] .t-input,
.assets-content tui-select [data-size=s] input {
  font: var(--assets-font-text-m-medium);
}
.assets-content tui-input [data-size=l]:has(.t-icon_left) .t-input,
.assets-content tui-input [data-size=l]:has(.t-icon_left) input,
.assets-content tui-select [data-size=l]:has(.t-icon_left) .t-input,
.assets-content tui-select [data-size=l]:has(.t-icon_left) input {
  padding: 1rem 0 0 12px !important;
}
.assets-content tui-input [data-size=l]:not(:has(.t-icon_left)) .t-input,
.assets-content tui-select [data-size=l]:not(:has(.t-icon_left)) .t-input {
  padding-left: 16px !important;
}
.assets-content tui-input [data-size=m],
.assets-content tui-select [data-size=m] {
  --tui-height: 48px;
}
.assets-content tui-input [data-size=l] .t-content,
.assets-content tui-input [data-size=m] .t-content,
.assets-content tui-select [data-size=l] .t-content,
.assets-content tui-select [data-size=m] .t-content {
  --assets-icon-component-size: 24px;
}
.assets-content tui-input [data-size=s]:has(.t-icon_left) .t-input,
.assets-content tui-select [data-size=s]:has(.t-icon_left) .t-input {
  padding: 0 12px !important;
}
.assets-content tui-input [data-size=s]:has(.t-icon_left) [tuiWrapper][data-appearance=textfield] input,
.assets-content tui-input [data-size=s]:has(.t-icon_left) [tuiWrapper][data-appearance=textfield] label,
.assets-content tui-select [data-size=s]:has(.t-icon_left) [tuiWrapper][data-appearance=textfield] input,
.assets-content tui-select [data-size=s]:has(.t-icon_left) [tuiWrapper][data-appearance=textfield] label {
  margin-inline-start: 2px;
}
.assets-content tui-input [data-size=s] .t-icons,
.assets-content tui-select [data-size=s] .t-icons {
  margin-inline-end: 0 !important;
}
.assets-content tui-input [data-size=s] .t-icons tui-icon,
.assets-content tui-select [data-size=s] .t-icons tui-icon {
  font-size: 20px;
}
.assets-content tui-input [data-size=s] [tuiWrapper][data-appearance=textfield] label,
.assets-content tui-select [data-size=s] [tuiWrapper][data-appearance=textfield] label {
  font: var(--assets-font-text-m) !important;
  line-height: normal !important;
}
.assets-content tui-input [data-size=s] .t-icon_left,
.assets-content tui-select [data-size=s] .t-icon_left {
  margin: 0 !important;
}
.assets-content tui-input [data-size=s] .t-content,
.assets-content tui-input [data-size=s] assets-icon,
.assets-content tui-select [data-size=s] .t-content,
.assets-content tui-select [data-size=s] assets-icon {
  --assets-icon-component-size: 20px;
}
.assets-content tui-input .t-icon,
.assets-content tui-input .t-cleaner,
.assets-content tui-input .t-tooltip,
.assets-content tui-select .t-icon,
.assets-content tui-select .t-cleaner,
.assets-content tui-select .t-tooltip {
  inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-input .t-custom-content,
.assets-content tui-select .t-custom-content {
  min-inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-input .t-icons > :not(:first-child),
.assets-content tui-select .t-icons > :not(:first-child) {
  margin-inline-start: 0 !important;
}
.assets-content tui-select .t-box {
  height: 100%;
}
.assets-content tui-select input::placeholder {
  font-weight: 400;
}
.assets-content tui-select .t-input {
  line-height: normal !important;
}
.assets-content tui-select [data-size=m]:has(.t-icon_left) input,
.assets-content tui-select [data-size=m]:has(.t-icon_left) .t-input {
  padding: 1rem 0 0 12px !important;
}
.assets-content tui-input .t-cleaner,
.assets-content tui-select .t-cleaner,
.assets-content tui-multi-select .t-cleaner,
.assets-content tui-textarea .t-cleaner {
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-input .t-cleaner tui-icon,
.assets-content tui-select .t-cleaner tui-icon,
.assets-content tui-multi-select .t-cleaner tui-icon,
.assets-content tui-textarea .t-cleaner tui-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
}
.assets-content tui-input .t-tooltip tui-icon,
.assets-content tui-input tui-tooltip tui-icon,
.assets-content tui-select .t-tooltip tui-icon,
.assets-content tui-select tui-tooltip tui-icon,
.assets-content tui-multi-select .t-tooltip tui-icon,
.assets-content tui-multi-select tui-tooltip tui-icon,
.assets-content tui-textarea .t-tooltip tui-icon,
.assets-content tui-textarea tui-tooltip tui-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/help.svg) !important;
}
.assets-content tui-input .t-tooltip tui-icon,
.assets-content tui-input .t-cleaner tui-icon,
.assets-content tui-select .t-tooltip tui-icon,
.assets-content tui-select .t-cleaner tui-icon,
.assets-content tui-multi-select .t-tooltip tui-icon,
.assets-content tui-multi-select .t-cleaner tui-icon,
.assets-content tui-textarea .t-tooltip tui-icon,
.assets-content tui-textarea .t-cleaner tui-icon {
  border: 0 !important;
}
.assets-content tui-select tui-arrow,
.assets-content tui-multi-select tui-arrow {
  height: var(--assets-icon-component-size);
}
.assets-content tui-select tui-arrow tui-icon,
.assets-content tui-multi-select tui-arrow tui-icon {
  border: 0 !important;
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/expand_more.svg) !important;
}
.assets-content tui-multi-select .t-cleaner {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
  border: 0 !important;
}
.assets-content tui-multi-select .t-icons {
  display: flex;
  align-items: center;
  margin-inline-end: 0 !important;
}
.assets-content tui-multi-select .t-icon,
.assets-content tui-multi-select tui-icon,
.assets-content tui-multi-select .t-cleaner {
  block-size: var(--assets-icon-component-size);
  inline-size: var(--assets-icon-component-size);
}
.assets-content tui-multi-select .t-icon {
  margin-inline-start: 0 !important;
}
.assets-content tui-multi-select tui-icon {
  vertical-align: unset;
}
.assets-content tui-multi-select .t-tags {
  padding-inline-start: 0;
}
.assets-content tui-multi-select .t-tag {
  margin: 0;
  margin-inline-start: 0;
}
.assets-content tui-multi-select .t-icon_left {
  margin-inline-start: 0 !important;
}
.assets-content tui-multi-select [data-size=l] {
  --assets-icon-component-size: 24px !important;
}
.assets-content tui-multi-select [data-size=l] .t-content {
  --tui-height-l: 56px;
}
.assets-content tui-multi-select [data-size=l] .t-wrapper {
  padding: 9px 0 !important;
}
.assets-content tui-multi-select [data-size=l] .t-icons {
  gap: 8px;
}
.assets-content tui-multi-select [data-size=l] .t-tags {
  gap: 12px;
}
.assets-content tui-multi-select [data-size=l] .t-icon_left {
  margin-inline-end: 8px !important;
}
.assets-content tui-multi-select [data-size=l] tui-icon.t-icon {
  inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
  border: 0;
}
.assets-content tui-multi-select [data-size=l] .t-placeholder.t-placeholder,
.assets-content tui-multi-select [data-size=l] .t-native::placeholder {
  font: var(--assets-font-text-l) !important;
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content tui-multi-select [data-size=m] {
  --assets-icon-component-size: 24px !important;
}
.assets-content tui-multi-select [data-size=m] .t-content {
  --tui-height-m: 48px;
}
.assets-content tui-multi-select [data-size=m] .t-wrapper {
  padding: 8px 0 !important;
}
.assets-content tui-multi-select [data-size=m] .t-icons {
  gap: 4px;
}
.assets-content tui-multi-select [data-size=m] .t-tags {
  gap: 8px;
}
.assets-content tui-multi-select [data-size=m] .t-icon_left {
  margin-inline-end: 4px !important;
}
.assets-content tui-multi-select [data-size=m] tui-icon.t-icon {
  inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
  border: 0;
}
.assets-content tui-multi-select [data-size=m] .t-placeholder.t-placeholder,
.assets-content tui-multi-select [data-size=m] .t-native::placeholder {
  font: var(--assets-font-text-l) !important;
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content tui-multi-select [data-size=s] {
  --assets-icon-component-size: 20px !important;
}
.assets-content tui-multi-select [data-size=s] .t-content {
  --tui-height-s: 32px;
}
.assets-content tui-multi-select [data-size=s] .t-wrapper {
  padding: 4px 0 !important;
}
.assets-content tui-multi-select [data-size=s] .t-icons {
  gap: 2px;
}
.assets-content tui-multi-select [data-size=s] .t-tags {
  gap: 6px;
}
.assets-content tui-multi-select [data-size=s] .t-icon_left {
  margin-inline-end: 2px !important;
}
.assets-content tui-multi-select [data-size=s] tui-icon.t-icon {
  inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
  border: 0;
}
.assets-content tui-multi-select [data-size=s] .t-placeholder.t-placeholder,
.assets-content tui-multi-select [data-size=s] .t-native::placeholder {
  font: var(--assets-font-text-m) !important;
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content tui-multi-select [data-size=l] .t-wrapper {
  min-block-size: var(--tui-height-l);
}
.assets-content tui-multi-select [data-size=m] .t-tag {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.assets-content tui-multi-select [data-size=s] .t-icon assets-icon {
  --assets-icon-component-size: 20px;
}
.assets-content tui-multi-select [data-size=s] .t-native {
  font: var(--assets-font-text-m-medium) !important;
}
.assets-content tui-multi-select [data-size=s] .t-tooltip {
  inline-size: var(--assets-icon-component-size);
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-multi-select .t-placeholder.t-placeholder.t-placeholder,
.assets-content tui-multi-select .t-native::placeholder {
  line-height: normal !important;
}
.assets-content tui-multi-select .t-scrollbar {
  margin-inline-start: 0 !important;
}
.assets-content tui-textarea .t-counter {
  font: var(--assets-font-text-m);
  color: var(--assets-text-03);
}
.assets-content tui-textarea .t-placeholder_raised {
  transform: translateY(0px) !important;
}
.assets-content tui-textarea .t-box {
  block-size: 100% !important;
}
.assets-content tui-textarea .t-bar_vertical {
  inline-size: 6px;
  background: var(--assets-base-03);
  border-radius: 11px;
}
.assets-content tui-textarea .t-bar_vertical .t-thumb {
  inline-size: 6px !important;
  border-width: 0 !important;
}
.assets-content tui-textarea._disabled .t-bars {
  display: none;
}
.assets-content tui-textarea .t-icon,
.assets-content tui-textarea .t-cleaner,
.assets-content tui-textarea .t-tooltip {
  border: 0 !important;
  inline-size: var(--assets-icon-component-size);
}
.assets-content tui-textarea .t-custom-content {
  min-inline-size: var(--assets-icon-component-size);
}
.assets-content tui-textarea .t-icons > :not(:first-child) {
  margin-inline-start: 0 !important;
}
.assets-content tui-textarea .t-icon {
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-textarea .t-cleaner {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/close.svg) !important;
  block-size: var(--assets-icon-component-size);
}
.assets-content tui-textarea tui-tooltip {
  block-size: var(--assets-icon-component-size);
  inline-size: var(--assets-icon-component-size);
}
.assets-content tui-textarea[data-size=l]:has(.t-counter) label.t-content {
  bottom: 38px !important;
}
.assets-content tui-textarea[data-size=l] .t-icons {
  padding: 16px !important;
}
.assets-content tui-textarea[data-size=l] .t-icons :not(:first-child) {
  margin-inline-start: 8px !important;
}
.assets-content tui-textarea[data-size=l] .t-cleaner,
.assets-content tui-textarea[data-size=l] tui-tooltip {
  --assets-icon-component-size: 24px;
}
.assets-content tui-textarea[data-size=l]:has(.t-icon_left) .t-placeholder {
  padding: 0 8px;
}
.assets-content tui-textarea[data-size=l]:has(.t-icon_left) .t-input,
.assets-content tui-textarea[data-size=l]:has(.t-icon_left) .t-pseudo-content {
  padding: 0 8px !important;
}
.assets-content tui-textarea[data-size=l]:has(.t-placeholder:not(:empty)) .t-box {
  border-block-start: 34px solid transparent !important;
}
.assets-content tui-textarea[data-size=l]:has(.t-placeholder:empty) .t-box,
.assets-content tui-textarea[data-size=l]:not(:has(.t-placeholder)) .t-box {
  border-block-start: 16px solid transparent !important;
}
.assets-content tui-textarea[data-size=l] .t-bar_vertical {
  right: 5px;
}
.assets-content tui-textarea[data-size=l] .t-counter {
  right: 16px;
  bottom: 16px;
}
.assets-content tui-textarea[data-size=m]:has(.t-counter) label.t-content {
  bottom: 34px !important;
}
.assets-content tui-textarea[data-size=m] .t-icons {
  padding: 12px !important;
}
.assets-content tui-textarea[data-size=m] .t-icons :not(:first-child) {
  margin-inline-start: 4px !important;
}
.assets-content tui-textarea[data-size=m] .t-cleaner,
.assets-content tui-textarea[data-size=m] tui-tooltip {
  --assets-icon-component-size: 24px;
}
.assets-content tui-textarea[data-size=m]:has(.t-icon_left) .t-placeholder {
  padding: 0 12px;
}
.assets-content tui-textarea[data-size=m]:has(.t-icon_left) .t-input,
.assets-content tui-textarea[data-size=m]:has(.t-icon_left) .t-pseudo-content {
  padding: 0 12px !important;
}
.assets-content tui-textarea[data-size=m]:has(.t-placeholder:not(:empty)) .t-box {
  border-block-start: 28px solid transparent !important;
}
.assets-content tui-textarea[data-size=m]:has(.t-placeholder:empty) .t-box,
.assets-content tui-textarea[data-size=m]:not(:has(.t-placeholder)) .t-box {
  border-block-start: 12px solid transparent !important;
}
.assets-content tui-textarea[data-size=m] .t-bar_vertical {
  right: 3px;
}
.assets-content tui-textarea[data-size=m] .t-counter {
  right: 12px;
  bottom: 12px;
}
.assets-content tui-textarea[data-size=s]:has(.t-counter) label.t-content {
  bottom: 28px !important;
}
.assets-content tui-textarea[data-size=s] .t-icons {
  padding: 6px 10px !important;
}
.assets-content tui-textarea[data-size=s] .t-icons :not(:first-child) {
  margin-inline-start: 2px !important;
}
.assets-content tui-textarea[data-size=s] .t-cleaner,
.assets-content tui-textarea[data-size=s] tui-tooltip {
  --assets-icon-component-size: 20px;
}
.assets-content tui-textarea[data-size=s]:has(.t-icon_left) .t-placeholder {
  padding: 0 12px;
}
.assets-content tui-textarea[data-size=s]:has(.t-icon_left) .t-input,
.assets-content tui-textarea[data-size=s]:has(.t-icon_left) .t-pseudo-content {
  padding: 0 12px !important;
}
.assets-content tui-textarea[data-size=s]:has(.t-placeholder:not(:empty)) .t-box {
  border-block-start:!important;
}
.assets-content tui-textarea[data-size=s]:has(.t-placeholder:empty) .t-box,
.assets-content tui-textarea[data-size=s]:not(:has(.t-placeholder)) .t-box {
  border-block-start:!important;
}
.assets-content tui-textarea[data-size=s] .t-bar_vertical {
  right: 2px;
}
.assets-content tui-textarea[data-size=l],
.assets-content tui-textarea[data-size=m] {
  --assets-icon-component-size: 24px;
}
.assets-content tui-textarea[data-size=l] .t-wrapper,
.assets-content tui-textarea[data-size=m] .t-wrapper {
  padding: 0 !important;
}
.assets-content tui-textarea[data-size=l] .t-input,
.assets-content tui-textarea[data-size=l] [tuiWrapper][data-appearance=textfield],
.assets-content tui-textarea[data-size=m] .t-input,
.assets-content tui-textarea[data-size=m] [tuiWrapper][data-appearance=textfield] {
  font: var(--assets-font-text-l-medium) !important;
}
.assets-content tui-textarea[data-size=s] .t-counter {
  right: 10px;
  bottom: 6px;
}
.assets-content tui-textarea[data-size=s] .t-icons,
.assets-content tui-textarea[data-size=s] assets-icon {
  --assets-icon-component-size: 20px;
}
.assets-content tui-textarea[data-size=s] .t-input,
.assets-content tui-textarea[data-size=s] [tuiWrapper][data-appearance=textfield] {
  font: var(--assets-font-text-m) !important;
  padding: 0 10px !important;
}
.assets-content tui-textarea[data-size=s] .t-placeholder.t-placeholder {
  font: var(--assets-font-text-m) !important;
}
.assets-content tui-textarea[data-size=s] .t-wrapper {
  padding: 6px 0 !important;
}
.assets-content tui-textarea[data-size=s]:not(:has(.t-icon_left)) .t-placeholder {
  padding: 0 10px !important;
}
.assets-content [tuiWrapper][data-appearance=textfield] {
  --tui-disabled-opacity: 1;
  font: var(--assets-font-text-l-medium);
  background-color: var(--assets-textfield-background-color, var(--assets-base-01));
  border-radius: var(--assets-radius-l);
  box-shadow: none;
  transition: background-color var(--assets-animation);
}
.assets-content [tuiWrapper][data-appearance=textfield]::after {
  border-color: var(--assets-textfield-border-color, var(--assets-base-05));
  transition: border-color 0.1s ease-in, border-width 0.1s ease-in;
}
.assets-content [tuiWrapper][data-appearance=textfield] input,
.assets-content [tuiWrapper][data-appearance=textfield] textarea,
.assets-content [tuiWrapper][data-appearance=textfield] .t-input {
  color: var(--assets-textfield-input-color, var(--assets-text-01));
}
.assets-content [tuiWrapper][data-appearance=textfield] .t-placeholder {
  font: var(--assets-font-text-l) !important;
  line-height: normal !important;
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content [tuiWrapper][data-appearance=textfield] .t-placeholder_raised {
  font: var(--assets-font-text-s) !important;
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content [tuiWrapper][data-appearance=textfield] label {
  color: var(--assets-textfield-label-color, var(--assets-text-03)) !important;
}
.assets-content [tuiWrapper][data-appearance=textfield] .assets-control-status-icon,
.assets-content [tuiWrapper][data-appearance=textfield] tui-icon,
.assets-content [tuiWrapper][data-appearance=textfield] tui-icon:after {
  color: var(--assets-textfield-icon-color, var(--assets-text-03));
  transition: color var(--assets-animation);
}
@media ((hover: hover) and (pointer: fine)) {
  .assets-content [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),
  .assets-content [tuiWrapper][data-appearance=textfield][data-state=hover] {
    box-shadow: none;
  }
}
.assets-content [tuiCheckbox]:not([role=switch]) {
  --t-bs: none !important;
  --tui-disabled-opacity: 1;
  --assets-checkbox-size: 16px;
  width: var(--assets-checkbox-size) !important;
  height: var(--assets-checkbox-size) !important;
  transition: background-color var(--assets-animation);
}
.assets-content [tuiCheckbox]:not([role=switch])[data-size=s] {
  border-radius: var(--assets-radius-xs) !important;
  --assets-checkbox-size: 16px;
}
.assets-content [tuiCheckbox]:not([role=switch])[data-size=m],
.assets-content [tuiCheckbox]:not([role=switch])[data-size=l] {
  border-radius: var(--assets-radius-s) !important;
  --assets-checkbox-size: 24px;
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=primary] {
  background-color: var(--assets-primary);
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=primary]:hover {
  background-color: var(--assets-primary-hover) !important;
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=primary]:active {
  background-color: var(--assets-primary-active) !important;
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=outline-grayscale] {
  background-color: var(--assets-base-02);
  border: 1px solid var(--assets-base-06);
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=outline-grayscale]:hover {
  background-color: var(--assets-base-03) !important;
}
.assets-content [tuiCheckbox]:not([role=switch])[data-appearance=outline-grayscale]:active {
  background-color: var(--assets-base-04) !important;
}
.assets-content [tuiCheckbox]:not([role=switch]):disabled {
  opacity: var(--tui-control-disabled-opacity) !important;
}
.assets-content [tuiCheckbox]::before {
  top: 2px;
  left: 1px;
  inline-size: 90%;
  block-size: 90%;
}
.assets-content [tuiRadio] {
  --tui-disabled-opacity: 1;
  transition: background-color var(--assets-animation);
}
.assets-content [tuiRadio][data-appearance=primary] {
  background-color: var(--assets-primary);
}
.assets-content [tuiRadio][data-appearance=primary]:hover {
  background-color: var(--assets-primary-hover) !important;
}
.assets-content [tuiRadio][data-appearance=primary]:focus {
  background-color: var(--assets-primary-active) !important;
}
.assets-content [tuiRadio][data-appearance=outline-grayscale] {
  background-color: var(--assets-base-02);
  border: 1px solid var(--assets-base-06);
}
.assets-content [tuiRadio][data-appearance=outline-grayscale]:hover {
  background-color: var(--assets-base-03) !important;
}
.assets-content [tuiRadio][data-appearance=outline-grayscale]:focus {
  background-color: var(--assets-base-04) !important;
}
.assets-content [tuiRadio]:disabled {
  opacity: var(--tui-control-disabled-opacity) !important;
}
.assets-content tui-radio-list > .t-item_disabled span {
  color: var(--assets-text-02);
}
.assets-content [tuiSwitch] {
  --assets-toggle-disable-opacity: 0.48;
  --assets-toggle-bg: var(--assets-primary);
  --assets-toggle-hover-bg: var(--assets-link-hover);
  --assets-toggle-active-bg: var(--assets-primary-active);
  --assets-toggle-disabled-bg: var(--assets-link-hover);
  --assets-toggle-border-color: var(--assets-base);
  transition: background-color var(--assets-animation);
  background-color: var(--assets-toggle-bg);
  border-color: var(--assets-toggle-border-color);
}
@media ((hover: hover) and (pointer: fine)) {
  .assets-content [tuiSwitch]:hover:not(._no-hover),
  .assets-content [tuiSwitch][data-state=hover] {
    background-color: var(--assets-toggle-hover-bg);
  }
}
.assets-content [tuiSwitch]:active:not(._no-active),
.assets-content [tuiSwitch][data-state=active],
.assets-content [tuiSwitch][data-state=active]:hover {
  background-color: var(--assets-toggle-active-bg);
}
.assets-content [tuiSwitch]:focus-visible:focus-visible {
  background-color: var(--assets-toggle-active-bg);
}
.assets-content [tuiSwitch]._focused._focused {
  background-color: var(--assets-toggle-active-bg);
}
.assets-content [tuiSwitch]:disabled:disabled,
.assets-content [tuiSwitch][data-state=disabled][data-state=disabled] {
  opacity: var(--assets-toggle-disable-opacity);
}
.assets-content [tuiSwitch][data-appearance=primary] {
  --circle-border-color: var(--assets-base-stable-white);
}
.assets-content [tuiSwitch][data-appearance=secondary] {
  --circle-border-color: var(--assets-base-05);
}
.assets-content [tuiSwitch][data-size=m]::after {
  transform: scale(0.32);
  box-shadow: -4.5rem 0 0 0.6rem currentcolor, -4.5rem 0 0 0.8rem var(--circle-border-color);
}
.assets-content [tuiSwitch][data-size=m]:checked::after {
  transform: scale(0.32) translate(4.5rem);
}
.assets-content [tuiSwitch][data-size=s]::after {
  transform: scale(0.34);
  box-shadow: -2.625rem 0 0 0.4rem currentcolor, -2.625rem 0 0 0.55rem var(--circle-border-color);
}
.assets-content [tuiSwitch][data-size=s]:checked::after {
  transform: scale(0.34) translate(2.65rem);
}
.assets-content [tuiSwitch][data-appearance=primary] {
  --assets-toggle-bg: var(--assets-primary);
  --assets-toggle-hover-bg: var(--assets-primary-hover);
  --assets-toggle-active-bg: var(--assets-primary-active);
}
.assets-content [tuiSwitch][data-appearance=secondary] {
  --assets-toggle-bg: var(--assets-base-02);
  --assets-toggle-hover-bg: var(--assets-base-03);
  --assets-toggle-active-bg: var(--assets-base-04);
  --assets-toggle-border-color: var(--assets-base-05);
  border: 1px solid var(--assets-toggle-border-color);
}
tui-dropdowns tui-input-date tui-icon {
  --t-icon: url(https://noda.blob.core.windows.net/storage/projects/assets-lib/icons/calendar_month.svg) !important;
}
tui-dropdowns tui-input-date tui-icon::after {
  color: var(--assets-textfield-label-color, var(--assets-text-01)) !important;
}
tui-dropdowns tui-calendar {
  min-block-size: 16.5rem !important;
  background-color: var(--tui-background-elevation-3);
  padding: 12px !important;
}
tui-dropdowns tui-calendar.t-calendar {
  border-inline-end: 1px solid var(--assets-base-05) !important;
}
tui-dropdowns tui-calendar .t-content.t-calendar-title {
  font-weight: 400 !important;
  color: var(--assets-text-01) !important;
}
tui-dropdowns tui-calendar .t-content.t-calendar-title button[tuiLink] {
  color: var(--assets-primary);
}
tui-dropdowns tui-calendar .t-row_weekday .t-cell {
  color: var(--assets-base-06) !important;
}
tui-dropdowns tui-calendar .t-cell {
  border: none !important;
}
tui-dropdowns tui-calendar .t-cell:not(tui-dropdowns tui-calendar .t-cell[data-type=weekend]) {
  color: var(--assets-base-09);
}
tui-dropdowns tui-calendar .t-cell:not(tui-dropdowns tui-calendar .t-cell[data-range]) {
  border-radius: var(--assets-radius-m) !important;
}
tui-dropdowns tui-calendar .t-cell:not(tui-dropdowns tui-calendar .t-cell[data-range]):hover {
  background-color: var(--assets-base-04) !important;
}
tui-dropdowns tui-calendar .t-cell:not(tui-dropdowns tui-calendar .t-cell[data-range]):hover::before {
  background: none !important;
}
tui-dropdowns tui-calendar .t-cell:not(tui-dropdowns tui-calendar .t-cell[data-range]):active {
  background-color: var(--assets-secondary-active) !important;
}
tui-dropdowns tui-calendar .t-cell[data-type=weekend] {
  color: var(--assets-negative);
}
tui-dropdowns tui-calendar .t-cell[data-range]::before,
tui-dropdowns tui-calendar .t-cell[data-range]::after {
  background: none !important;
  background-color: var(--assets-base-04) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=active],
tui-dropdowns tui-calendar .t-cell[data-range=start],
tui-dropdowns tui-calendar .t-cell[data-range=end] {
  color: var(--assets-base-stable-white) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=active]::before,
tui-dropdowns tui-calendar .t-cell[data-range=active]::after,
tui-dropdowns tui-calendar .t-cell[data-range=start]::before,
tui-dropdowns tui-calendar .t-cell[data-range=start]::after,
tui-dropdowns tui-calendar .t-cell[data-range=end]::before,
tui-dropdowns tui-calendar .t-cell[data-range=end]::after {
  background-color: var(--assets-primary) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=active]:hover::before,
tui-dropdowns tui-calendar .t-cell[data-range=active]:hover::after,
tui-dropdowns tui-calendar .t-cell[data-range=start]:hover::before,
tui-dropdowns tui-calendar .t-cell[data-range=start]:hover::after,
tui-dropdowns tui-calendar .t-cell[data-range=end]:hover::before,
tui-dropdowns tui-calendar .t-cell[data-range=end]:hover::after {
  background-color: var(--assets-primary-hover) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=active]:active,
tui-dropdowns tui-calendar .t-cell[data-range=start]:active,
tui-dropdowns tui-calendar .t-cell[data-range=end]:active {
  -webkit-user-select: none;
  user-select: none;
}
tui-dropdowns tui-calendar .t-cell[data-range=active]:active::before,
tui-dropdowns tui-calendar .t-cell[data-range=active]:active::after,
tui-dropdowns tui-calendar .t-cell[data-range=start]:active::before,
tui-dropdowns tui-calendar .t-cell[data-range=start]:active::after,
tui-dropdowns tui-calendar .t-cell[data-range=end]:active::before,
tui-dropdowns tui-calendar .t-cell[data-range=end]:active::after {
  background-color: var(--assets-primary-active) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=middle] {
  background-color: var(--assets-base-04) !important;
}
tui-dropdowns tui-calendar .t-cell[data-range=start]::before,
tui-dropdowns tui-calendar .t-cell[data-range=start]:hover::before,
tui-dropdowns tui-calendar .t-cell[data-range=end]::before,
tui-dropdowns tui-calendar .t-cell[data-range=end]:hover::before {
  background-color: var(--assets-base-04) !important;
}
tui-dropdowns tui-calendar .t-cell_unavailable,
tui-dropdowns tui-calendar .t-cell_disabled {
  color: var(--assets-base-06) !important;
}
tui-dropdowns tui-calendar .t-cell_unavailable[data-type=weekend],
tui-dropdowns tui-calendar .t-cell_disabled[data-type=weekend] {
  color: var(--assets-negative-hover) !important;
}
tui-dropdowns tui-calendar .t-cell_unavailable[data-type=weekend] {
  color: var(--assets-negative-hover) !important;
}
tui-dropdowns tui-calendar-range tui-calendar:first-child {
  border-radius: var(--assets-radius-xl) 0 0 var(--assets-radius-xl);
}
tui-dropdowns tui-calendar-range tui-calendar:last-child {
  border-radius: 0 var(--assets-radius-xl) var(--assets-radius-xl) 0;
}
tui-dropdowns tui-calendar-range tui-data-list {
  padding: 4px !important;
  background-color: var(--tui-background-elevation-3);
  border-radius: 0 var(--assets-radius-xl) var(--assets-radius-xl) 0;
}
tui-dropdowns tui-calendar-range tui-data-list [tuiOption][tuiOption][tuiOption] {
  padding: 9px 12px !important;
  margin: 2px 0;
  min-block-size: unset;
}
tui-dropdowns tui-calendar-range tui-data-list [tuiOption][tuiOption][tuiOption]:first-child {
  margin-top: 0;
}
tui-dropdowns tui-calendar-range tui-data-list [tuiOption][tuiOption][tuiOption]:hover {
  background-color: var(--assets-base-04) !important;
}
tui-hints tui-hint {
  color: var(--assets-text-01-inverse) !important;
  background: var(--assets-base-09) !important;
  border-radius: var(--assets-radius-s) !important;
}
html[data-tui-theme] body tui-root {
  --tui-background-base: var(--assets-base-03);
  --tui-background-elevation-1: var(--assets-background-elevation-01);
  --tui-background-elevation-3: var(--assets-background-elevation-01);
  color: var(--assets-text-01);
}
:root,
:root[assets-theme-mode=light] {
  --assets-base: transparent;
  --assets-base-01: #ffffff;
  --assets-base-02: #f7f9fc;
  --assets-base-03: #f0f2f8;
  --assets-base-04: #e1e4ed;
  --assets-base-05: #d0d4e3;
  --assets-base-06: #b1b5cb;
  --assets-base-07: #636b8a;
  --assets-base-08: #29304d;
  --assets-base-09: #1d2445;
  --assets-base-stable-white: #ffffff;
  --assets-primary: #6936d3;
  --assets-primary-hover: #8567ff;
  --assets-primary-active: #4a16b5;
  --assets-secondary: #dfe2f0;
  --assets-secondary-hover: #cfd0e3;
  --assets-secondary-active: #c5c7db;
  --assets-accent: #ff6700;
  --assets-accent-hover: #ff8d69;
  --assets-accent-active: #ed5a2b;
  --assets-clear: rgba(29, 36, 69, 0.0392156863);
  --assets-clear-hover: rgba(29, 36, 69, 0.0784313725);
  --assets-clear-active: rgba(29, 36, 69, 0.1215686275);
  --assets-text-01: rgba(29, 36, 69, 0.9607843137);
  --assets-text-01-inverse: #ffffff;
  --assets-text-02: rgba(29, 36, 69, 0.6392156863);
  --assets-text-02-inverse: rgba(255, 255, 255, 0.7215686275);
  --assets-text-03: rgba(29, 36, 69, 0.4);
  --assets-text-03-inverse: rgba(255, 255, 255, 0.6);
  --assets-link: #6936d3;
  --assets-link-hover: #8567ff;
  --assets-positive: #3aa981;
  --assets-positive-hover: #7ac5aa;
  --assets-negative: #ff5e68;
  --assets-negative-hover: #ff8e8e;
  --assets-negative-active: #f45165;
  --assets-success-fill: #4ac99b;
  --assets-success-bg-hover: rgba(74, 201, 155, 0.1607843137);
  --assets-success-bg: rgba(74, 201, 155, 0.0784313725);
  --assets-error-fill: #ff5e5e;
  --assets-error-bg-hover: rgba(255, 94, 94, 0.2392156863);
  --assets-error-bg: rgba(255, 94, 94, 0.1215686275);
  --assets-warning-fill: #ffc700;
  --assets-warning-bg-hover: rgba(255, 199, 0, 0.2392156863);
  --assets-warning-bg: rgba(255, 199, 0, 0.1215686275);
  --assets-info-fill: #6936d3;
  --assets-info-bg-hover: rgba(133, 103, 255, 0.2392156863);
  --assets-info-bg: rgba(133, 103, 255, 0.1215686275);
  --assets-additional-fill: #3682db;
  --assets-additional-bg-hover: rgba(54, 130, 219, 0.2392156863);
  --assets-additional-bg: rgba(54, 130, 219, 0.1215686275);
  --assets-neutral-fill: #7a82a4;
  --assets-neutral-bg-hover: rgba(122, 130, 164, 0.2392156863);
  --assets-neutral-bg: rgba(122, 130, 164, 0.1215686275);
  --assets-support-01: #a8cef1;
  --assets-support-02: #3682db;
  --assets-support-03: #8dda71;
  --assets-support-04: #34b41f;
  --assets-support-05: #e29398;
  --assets-support-06: #b8474e;
  --assets-support-07: #fcc068;
  --assets-support-08: #ff8a00;
  --assets-support-09: #dab3f9;
  --assets-support-10: #7b439e;
  --assets-support-11: #fee797;
  --assets-support-12: #fcbb14;
  --assets-support-13: #ea97c4;
  --assets-support-14: #bd65a4;
  --assets-support-15: #7fd7cc;
  --assets-support-16: #2fad96;
  --assets-support-17: #d4aca2;
  --assets-support-18: #9d6f64;
  --assets-support-19: #d2e9a2;
  --assets-support-20: #aadc42;
  --assets-support-21: #a0c5df;
  --assets-support-22: rgba(54, 130, 219, 0.1215686275);
  --assets-dropdown-shadow: var(--tui-shadow-medium);
  --assets-background-elevation-01: #ffffff;
  --tui-base: transparent;
  --tui-base-01: #ffffff;
  --tui-base-02: #f7f9fc;
  --tui-base-03: #f0f2f8;
  --tui-base-04: #e1e4ed;
  --tui-base-05: #d0d4e3;
  --tui-base-06: #b1b5cb;
  --tui-base-07: #636b8a;
  --tui-base-08: #29304d;
  --tui-base-09: #1d2445;
  --tui-base-stable-white: #ffffff;
  --tui-primary: #6936d3;
  --tui-primary-hover: #8567ff;
  --tui-primary-active: #4a16b5;
  --tui-secondary: #dfe2f0;
  --tui-secondary-hover: #cfd0e3;
  --tui-secondary-active: #c5c7db;
  --tui-accent: #ff6700;
  --tui-accent-hover: #ff8d69;
  --tui-accent-active: #ed5a2b;
  --tui-clear: rgba(29, 36, 69, 0.0392156863);
  --tui-clear-hover: rgba(29, 36, 69, 0.0784313725);
  --tui-clear-active: rgba(29, 36, 69, 0.1215686275);
  --tui-text-01: rgba(29, 36, 69, 0.9607843137);
  --tui-text-01-inverse: #ffffff;
  --tui-text-02: rgba(29, 36, 69, 0.6392156863);
  --tui-text-02-inverse: rgba(255, 255, 255, 0.7215686275);
  --tui-text-03: rgba(29, 36, 69, 0.4);
  --tui-text-03-inverse: rgba(255, 255, 255, 0.6);
  --tui-link: #6936d3;
  --tui-link-hover: #8567ff;
  --tui-positive: #3aa981;
  --tui-positive-hover: #7ac5aa;
  --tui-negative: #ff5e68;
  --tui-negative-hover: #ff8e8e;
  --tui-negative-active: #f45165;
  --tui-success-fill: #4ac99b;
  --tui-success-bg-hover: rgba(74, 201, 155, 0.1607843137);
  --tui-success-bg: rgba(74, 201, 155, 0.0784313725);
  --tui-error-fill: #ff5e5e;
  --tui-error-bg-hover: rgba(255, 94, 94, 0.2392156863);
  --tui-error-bg: rgba(255, 94, 94, 0.1215686275);
  --tui-warning-fill: #ffc700;
  --tui-warning-bg-hover: rgba(255, 199, 0, 0.2392156863);
  --tui-warning-bg: rgba(255, 199, 0, 0.1215686275);
  --tui-info-fill: #6936d3;
  --tui-info-bg-hover: rgba(133, 103, 255, 0.2392156863);
  --tui-info-bg: rgba(133, 103, 255, 0.1215686275);
  --tui-additional-fill: #3682db;
  --tui-additional-bg-hover: rgba(54, 130, 219, 0.2392156863);
  --tui-additional-bg: rgba(54, 130, 219, 0.1215686275);
  --tui-neutral-fill: #7a82a4;
  --tui-neutral-bg-hover: rgba(122, 130, 164, 0.2392156863);
  --tui-neutral-bg: rgba(122, 130, 164, 0.1215686275);
  --tui-support-01: #a8cef1;
  --tui-support-02: #3682db;
  --tui-support-03: #8dda71;
  --tui-support-04: #34b41f;
  --tui-support-05: #e29398;
  --tui-support-06: #b8474e;
  --tui-support-07: #fcc068;
  --tui-support-08: #ff8a00;
  --tui-support-09: #dab3f9;
  --tui-support-10: #7b439e;
  --tui-support-11: #fee797;
  --tui-support-12: #fcbb14;
  --tui-support-13: #ea97c4;
  --tui-support-14: #bd65a4;
  --tui-support-15: #7fd7cc;
  --tui-support-16: #2fad96;
  --tui-support-17: #d4aca2;
  --tui-support-18: #9d6f64;
  --tui-support-19: #d2e9a2;
  --tui-support-20: #aadc42;
  --tui-support-21: #a0c5df;
  --tui-support-22: rgba(54, 130, 219, 0.1215686275);
  --tui-dropdown-shadow: var(--tui-shadow-medium);
  --tui-background-elevation-01: #ffffff;
}
:root[assets-theme-mode=dark] {
  --assets-base-01: #10121a;
  --assets-base-02: #12141a;
  --assets-base-03: #171b24;
  --assets-base-04: #25282d;
  --assets-base-05: #343a45;
  --assets-base-06: #4d586e;
  --assets-base-07: #89929f;
  --assets-base-08: #ccd3de;
  --assets-base-09: #fdfdfd;
  --assets-base-stable-white: #ffffff;
  --assets-primary: #6347d5;
  --assets-primary-hover: #9176ff;
  --assets-primary-active: #523cab;
  --assets-secondary: #44434b;
  --assets-secondary-hover: #65626f;
  --assets-secondary-active: #908c9f;
  --assets-accent: #ff6700;
  --assets-accent-hover: #ff8d69;
  --assets-accent-active: #ff8d69;
  --assets-clear: rgba(255, 255, 255, 0.1607843137);
  --assets-clear-hover: rgba(255, 255, 255, 0.2392156863);
  --assets-clear-active: rgba(255, 255, 255, 0.4);
  --assets-text-01: rgba(255, 255, 255, 0.9607843137);
  --assets-text-01-inverse: #121212;
  --assets-text-02: rgba(214, 223, 245, 0.8);
  --assets-text-02-inverse: rgba(18, 18, 18, 0.7215686275);
  --assets-text-03: rgba(214, 223, 245, 0.5607843137);
  --assets-text-03-inverse: rgba(18, 18, 18, 0.6);
  --assets-link: #9e91e2;
  --assets-link-hover: #cec5ff;
  --assets-positive: #44c596;
  --assets-positive-hover: #3aa981;
  --assets-negative: #f16476;
  --assets-negative-hover: #ff8e8e;
  --assets-negative-active: #f45165;
  --assets-success-fill: #41b98e;
  --assets-success-bg-hover: #0a5b4d;
  --assets-success-bg: #143c39;
  --assets-error-fill: #ff5e5e;
  --assets-error-bg-hover: #af3b44;
  --assets-error-bg: #7d313a;
  --assets-warning-fill: #ffc700;
  --assets-warning-bg-hover: #a88000;
  --assets-warning-bg: #785f00;
  --assets-info-fill: #6347d5;
  --assets-info-bg-hover: rgba(99, 71, 213, 0.6);
  --assets-info-bg: rgba(99, 71, 213, 0.4);
  --assets-additional-fill: #3682db;
  --assets-additional-bg-hover: rgba(54, 130, 219, 0.6);
  --assets-additional-bg: rgba(54, 130, 219, 0.4);
  --assets-neutral-fill: #a4aac1;
  --assets-neutral-bg-hover: #6b7184;
  --assets-neutral-bg: #4e5464;
  --assets-support-01: #a8cef1;
  --assets-support-02: #3682db;
  --assets-support-03: #8dda71;
  --assets-support-04: #34b41f;
  --assets-support-05: #e29398;
  --assets-support-06: #b8474e;
  --assets-support-07: #fcc068;
  --assets-support-08: #ff8a00;
  --assets-support-09: #dab3f9;
  --assets-support-10: #7b439e;
  --assets-support-11: #fee797;
  --assets-support-12: #fcbb14;
  --assets-support-13: #ea97c4;
  --assets-support-14: #bd65a4;
  --assets-support-15: #7fd7cc;
  --assets-support-16: #2fad96;
  --assets-support-17: #d4aca2;
  --assets-support-18: #9d6f64;
  --assets-support-19: #d2e9a2;
  --assets-support-20: #aadc42;
  --assets-support-21: #a0c5df;
  --assets-support-22: rgba(54, 130, 219, 0.4);
  --assets-dropdown-shadow:
    0px 3px 6px 0px rgba(42, 0, 129, 0.0509803922),
    0px 11px 11px 0px rgba(42, 0, 129, 0.0392156863),
    0px 25px 15px 0px rgba(42, 0, 129, 0.031372549);
  --assets-background-elevation-01: #171b24;
  --tui-base-01: #10121a;
  --tui-base-02: #12141a;
  --tui-base-03: #171b24;
  --tui-base-04: #25282d;
  --tui-base-05: #343a45;
  --tui-base-06: #4d586e;
  --tui-base-07: #89929f;
  --tui-base-08: #ccd3de;
  --tui-base-09: #fdfdfd;
  --tui-base-stable-white: #ffffff;
  --tui-primary: #6347d5;
  --tui-primary-hover: #9176ff;
  --tui-primary-active: #523cab;
  --tui-secondary: #44434b;
  --tui-secondary-hover: #65626f;
  --tui-secondary-active: #908c9f;
  --tui-accent: #ff6700;
  --tui-accent-hover: #ff8d69;
  --tui-accent-active: #ff8d69;
  --tui-clear: rgba(255, 255, 255, 0.1607843137);
  --tui-clear-hover: rgba(255, 255, 255, 0.2392156863);
  --tui-clear-active: rgba(255, 255, 255, 0.4);
  --tui-text-01: rgba(255, 255, 255, 0.9607843137);
  --tui-text-01-inverse: #121212;
  --tui-text-02: rgba(214, 223, 245, 0.8);
  --tui-text-02-inverse: rgba(18, 18, 18, 0.7215686275);
  --tui-text-03: rgba(214, 223, 245, 0.5607843137);
  --tui-text-03-inverse: rgba(18, 18, 18, 0.6);
  --tui-link: #9e91e2;
  --tui-link-hover: #cec5ff;
  --tui-positive: #44c596;
  --tui-positive-hover: #3aa981;
  --tui-negative: #f16476;
  --tui-negative-hover: #ff8e8e;
  --tui-negative-active: #f45165;
  --tui-success-fill: #41b98e;
  --tui-success-bg-hover: #0a5b4d;
  --tui-success-bg: #143c39;
  --tui-error-fill: #ff5e5e;
  --tui-error-bg-hover: #af3b44;
  --tui-error-bg: #7d313a;
  --tui-warning-fill: #ffc700;
  --tui-warning-bg-hover: #a88000;
  --tui-warning-bg: #785f00;
  --tui-info-fill: #6347d5;
  --tui-info-bg-hover: rgba(99, 71, 213, 0.6);
  --tui-info-bg: rgba(99, 71, 213, 0.4);
  --tui-additional-fill: #3682db;
  --tui-additional-bg-hover: rgba(54, 130, 219, 0.6);
  --tui-additional-bg: rgba(54, 130, 219, 0.4);
  --tui-neutral-fill: #a4aac1;
  --tui-neutral-bg-hover: #6b7184;
  --tui-neutral-bg: #4e5464;
  --tui-support-01: #a8cef1;
  --tui-support-02: #3682db;
  --tui-support-03: #8dda71;
  --tui-support-04: #34b41f;
  --tui-support-05: #e29398;
  --tui-support-06: #b8474e;
  --tui-support-07: #fcc068;
  --tui-support-08: #ff8a00;
  --tui-support-09: #dab3f9;
  --tui-support-10: #7b439e;
  --tui-support-11: #fee797;
  --tui-support-12: #fcbb14;
  --tui-support-13: #ea97c4;
  --tui-support-14: #bd65a4;
  --tui-support-15: #7fd7cc;
  --tui-support-16: #2fad96;
  --tui-support-17: #d4aca2;
  --tui-support-18: #9d6f64;
  --tui-support-19: #d2e9a2;
  --tui-support-20: #aadc42;
  --tui-support-21: #a0c5df;
  --tui-support-22: rgba(54, 130, 219, 0.4);
  --tui-dropdown-shadow:
    0px 3px 6px 0px rgba(42, 0, 129, 0.0509803922),
    0px 11px 11px 0px rgba(42, 0, 129, 0.0392156863),
    0px 25px 15px 0px rgba(42, 0, 129, 0.031372549);
  --tui-background-elevation-01: #171b24;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
aside,
nav,
footer,
header,
section,
main {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}
ul,
ul li {
  list-style: none;
}
address {
  font-style: normal;
}
input::-ms-clear {
  display: none;
}
button,
input[type=submit] {
  cursor: pointer;
  box-shadow: none;
}
button:disabled {
  cursor: default;
}
button {
  width: fit-content;
}
input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
legend {
  display: block;
}
.assets-content :where(*) {
  font-family: var(--assets-font-family);
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background-color: var(--assets-base-01);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--assets-base-06);
  border-radius: 6px;
}
[data-control-status][data-control-status=default] {
  --assets-main-status-color: var(--assets-info-fill);
}
[data-control-status][data-control-status=disabled] {
  --assets-main-status-color: var(--assets-base-04);
}
[data-control-status][data-control-status=error] {
  --assets-main-status-color: var(--assets-negative);
}
[data-control-status][data-control-status=warning] {
  --assets-main-status-color: var(--assets-accent);
}
[data-control-status][data-control-status=success] {
  --assets-main-status-color: var(--assets-success-fill);
}
[class*=assets-text-service-h] {
  letter-spacing: -0.02em;
}
.assets-text-service-h1 {
  font: var(--assets-font-service-h1);
}
.assets-text-service-h1-mob {
  font: var(--assets-font-service-h1-mob);
}
.assets-text-service-h2 {
  font: var(--assets-font-service-h2);
}
.assets-text-service-h2-mob {
  font: var(--assets-font-service-h2-mob);
}
.assets-text-service-h3 {
  font: var(--assets-font-service-h3);
}
.assets-text-service-h3-mob {
  font: var(--assets-font-service-h3-mob);
}
.assets-text-h1 {
  font: var(--assets-font-heading-1);
  letter-spacing: -0.02em;
}
.assets-text-h2 {
  font: var(--assets-font-heading-2);
  letter-spacing: -0.02em;
}
.assets-text-h3 {
  font: var(--assets-font-heading-3);
  letter-spacing: -0.01em;
}
.assets-text-h4 {
  font: var(--assets-font-heading-4);
  letter-spacing: -0.01em;
}
.assets-text-h5 {
  font: var(--assets-font-heading-5);
}
.assets-text-h6 {
  font: var(--assets-font-heading-6);
}
.assets-text-card-heading {
  font: var(--assets-font-card-heading);
}
.assets-text-link {
  cursor: pointer;
  color: var(--assets-link);
  text-decoration: underline;
}
.assets-text-link:hover:not(.assets-text-disabled) {
  color: var(--assets-link-hover);
}
.assets-text-primary {
  color: var(--assets-primary);
}
.assets-text-label {
  font: var(--assets-font-text-l);
  color: var(--assets-text-01);
  transition: color var(--assets-animation);
}
.assets-text-label.disabled {
  color: var(--assets-text-02);
}
.assets-text-disabled {
  cursor: default;
  color: var(--assets-text-03);
}
.assets-text-error {
  color: var(--assets-error-fill);
}
.assets-text-warning {
  color: var(--assets-accent);
}
.assets-text-success {
  color: var(--assets-success-fill);
}
.assets-text-primary {
  color: var(--assets-primary);
}
.assets-text-body-xl-bold {
  font: var(--assets-font-text-xl-bold);
}
.assets-text-body-xl {
  font: var(--assets-font-text-xl);
}
.assets-text-body-l-bold {
  font: var(--assets-font-text-l-bold);
}
.assets-text-body-l-medium {
  font: var(--assets-font-text-l-medium);
}
.assets-text-body-l {
  font: var(--assets-font-text-l);
}
.assets-text-body-m-bold {
  font: var(--assets-font-text-m-bold);
}
.assets-text-body-m-medium {
  font: var(--assets-font-text-m-medium);
}
.assets-text-body-m {
  font: var(--assets-font-text-m);
}
.assets-text-body-s-bold {
  font: var(--assets-font-text-s-bold);
}
.assets-text-body-s {
  font: var(--assets-font-text-s);
}
.assets-text-body-s-bold-short-line {
  font: var(--assets-font-text-s-bold);
  line-height: 110%;
}
.assets-text-body-s-short-line {
  font: var(--assets-font-text-s);
  line-height: 110%;
}
.assets-text-body.disabled {
  color: var(--assets-text-03);
}
:root {
  --assets-font-family:
    Archivo,
    Inter,
    Arial,
    sans-serif;
  --assets-font-family-archivo:
    Archivo,
    Inter,
    Arial,
    sans-serif;
  --assets-font-service-h1: 800 40px/110% var(--assets-font-family);
  --assets-font-service-h1-mob: 800 30px/110% var(--assets-font-family);
  --assets-font-service-h2: 800 28px/110% var(--assets-font-family);
  --assets-font-service-h2-mob: 800 20px/110% var(--assets-font-family);
  --assets-font-service-h3: 800 22px/110% var(--assets-font-family);
  --assets-font-service-h3-mob: 800 16px/110% var(--assets-font-family);
  --assets-font-heading-1: 800 50px/110% var(--assets-font-family);
  --assets-font-heading-2: 800 44px/110% var(--assets-font-family);
  --assets-font-heading-3: 800 32px/110% var(--assets-font-family);
  --assets-font-heading-4: 900 24px/110% var(--assets-font-family);
  --assets-font-heading-5: 800 22px/110% var(--assets-font-family);
  --assets-font-heading-6: 700 20px/110% var(--assets-font-family);
  --assets-font-card-heading: 800 20px/110% var(--assets-font-family);
  --assets-font-text-xl-bold: 700 18px/130% var(--assets-font-family);
  --assets-font-text-xl: 400 18px/130% var(--assets-font-family);
  --assets-font-text-l-bold: 700 16px/140% var(--assets-font-family);
  --assets-font-text-l-medium: 500 16px/140% var(--assets-font-family);
  --assets-font-text-l: 400 16px/140% var(--assets-font-family);
  --assets-font-text-m-bold: 700 14px/130% var(--assets-font-family);
  --assets-font-text-m-medium: 500 14px/130% var(--assets-font-family);
  --assets-font-text-m: 400 14px/130% var(--assets-font-family);
  --assets-font-text-s-bold: 600 12px/130% var(--assets-font-family);
  --assets-font-text-s: 400 12px/130% var(--assets-font-family);
  --tui-font-service-h1: 800 40px/110% var(--assets-font-family);
  --tui-font-service-h1-mob: 800 30px/110% var(--assets-font-family);
  --tui-font-service-h2: 800 28px/110% var(--assets-font-family);
  --tui-font-service-h2-mob: 800 20px/110% var(--assets-font-family);
  --tui-font-service-h3: 800 22px/110% var(--assets-font-family);
  --tui-font-service-h3-mob: 800 16px/110% var(--assets-font-family);
  --tui-font-heading-1: 800 50px/110% var(--assets-font-family);
  --tui-font-heading-2: 800 44px/110% var(--assets-font-family);
  --tui-font-heading-3: 800 32px/110% var(--assets-font-family);
  --tui-font-heading-4: 900 24px/110% var(--assets-font-family);
  --tui-font-heading-5: 800 22px/110% var(--assets-font-family);
  --tui-font-heading-6: 700 20px/110% var(--assets-font-family);
  --tui-font-card-heading: 800 20px/110% var(--assets-font-family);
  --tui-font-text-xl-bold: 700 18px/130% var(--assets-font-family);
  --tui-font-text-xl: 400 18px/130% var(--assets-font-family);
  --tui-font-text-l-bold: 700 16px/140% var(--assets-font-family);
  --tui-font-text-l-medium: 500 16px/140% var(--assets-font-family);
  --tui-font-text-l: 400 16px/140% var(--assets-font-family);
  --tui-font-text-m-bold: 700 14px/130% var(--assets-font-family);
  --tui-font-text-m-medium: 500 14px/130% var(--assets-font-family);
  --tui-font-text-m: 400 14px/130% var(--assets-font-family);
  --tui-font-text-s-bold: 600 12px/130% var(--assets-font-family);
  --tui-font-text-s: 400 12px/130% var(--assets-font-family);
}
@font-face {
  font-family: "Archivo";
  font-weight: 100;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Thin.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 200;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-ExtraLight.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 300;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Light.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 400;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Regular.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 500;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Medium.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 600;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-SemiBold.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 700;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Bold.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 800;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-ExtraBold.woff);
}
@font-face {
  font-family: "Archivo";
  font-weight: 900;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Archivo/Archivo-Black.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 100;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Thin.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-ExtraLight.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Light.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Regular.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Medium.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-SemiBold.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Bold.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 800;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-ExtraBold.woff);
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  src: url(https://noda.blob.core.windows.net/storage/fonts/woff/Inter/Inter-Black.woff);
}

/* src/styles.scss */
html {
  -webkit-text-size-adjust: 100%;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  position: relative;
  width: 100%;
  min-height: 100vh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}
*,
::after,
::before {
  box-sizing: border-box;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
br,
button,
canvas,
caption,
center,
cite,
code,
col,
colgroup,
data,
datalist,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
head,
header,
hgroup,
hr,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
link,
main,
map,
mark,
menu,
meta,
meter,
nav,
noscript,
object,
ol,
optgroup,
option,
output,
p,
param,
picture,
pre,
progress,
q,
rb,
rp,
rt,
rtc,
ruby,
s,
samp,
script,
section,
select,
small,
source,
span,
strong,
style,
svg,
sub,
summary,
sup,
table,
tbody,
td,
template,
textarea,
tfoot,
th,
thead,
time,
title,
tr,
track,
tt,
u,
ul,
var,
video,
wbr {
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
article,
aside,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
object,
section {
  display: block;
}
canvas,
iframe {
  max-width: 100%;
  height: auto;
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
input:required,
input {
  box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:focus {
  outline: none;
}
video {
  background: #000;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a:active,
a:hover {
  outline: none;
}
audio,
img,
picture,
svg,
video {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
[disabled],
[disabled=true],
[aria-disabled=true] {
  pointer-events: none;
}
input[type=checkbox],
input[type=radio] {
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button {
  border: 0;
  background: transparent;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}
hr {
  box-sizing: content-box;
  overflow: visible;
  background: #000;
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  width: 100%;
}
pre {
  font-family: monospace, monospace;
  font-size: 100%;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -5px;
}
sup {
  top: -5px;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  outline: 0;
}
legend {
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
  max-width: 100%;
  width: 100%;
}
fieldset {
  min-width: 0;
}
body:not(:-moz-handler-blocked) fieldset {
  display: block;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
template {
  display: none;
}
:root {
  --assets-animation: 0.2s ease-in-out;
  --assets-max-z-index: 1000;
  --assets-body-bg: var(--assets-base);
  --assets-icon-default-button-offset: 5px;
  --assets-label-default-gap: 12px;
}
:root {
  --tui-autofill: var(--assets-base);
  --tui-disabled-opacity: 1;
  --tui-control-disabled-opacity: 0.56;
  --tui-font-text: var(--assets-font-family);
  --tui-text-font: var(--assets-font-family);
  --tui-heading-font: var(--assets-font-family);
  --tui-font-heading: var(--assets-font-family);
}
:root {
  --tui-radius-xs: 2px;
  --tui-radius-s: 4px;
  --tui-radius-m: 6px;
  --tui-radius-l: 6px;
  --tui-radius-xl: 12px;
  --tui-radius-xxl: 16px;
}
:root {
  --assets-radius-xs: 2px;
  --assets-radius-s: 4px;
  --assets-radius-m: 6px;
  --assets-radius-l: 6px;
  --assets-radius-xl: 12px;
  --assets-radius-xxl: 16px;
}
:root {
  --background-color:
    29,
    36,
    69;
  --rnd-twitch-bg: #9147ff;
  --rnd-twitch-bg-hover: #772ce8;
}
:root[assets-theme-mode=dark] {
  --assets-base-stable-white-60: color-mix(in srgb, var(--assets-base-stable-white) 60%, transparent);
  --assets-base-stable-white-72: color-mix(in srgb, var(--assets-base-stable-white) 72%, transparent);
  --assets-base-02-90: color-mix(in srgb, var(--assets-base-02) 90%, transparent);
  --tui-base-stable-white-60: color-mix(in srgb, var(--assets-base-stable-white) 60%, transparent);
  --tui-base-stable-white-72: color-mix(in srgb, var(--assets-base-stable-white) 72%, transparent);
  --tui-base-02-90: color-mix(in srgb, var(--assets-base-02) 90%, transparent);
}
body.purple {
  --main-color: var(--assets-primary);
  --main-color-hover: var(--assets-primary-hover);
  --icon-color: var(--assets-link);
  --icon-color-hover: var(--assets-link-hover);
  --timer-gradient-start: #eb0055;
  --timer-gradient-half: #b05cd8;
  --timer-gradient-end: #f2bcc9;
  --timer-days: #da1c7d;
}
body.orange {
  --main-color: var(--assets-accent);
  --main-color-hover: var(--assets-accent-hover);
  --icon-color: var(--assets-accent-hover);
  --icon-color-hover: var(--assets-accent);
  --timer-gradient-start: #c31d00;
  --timer-gradient-half: #d8a85c;
  --timer-gradient-end: #f2e6bc;
  --timer-days: var(--assets-accent);
}
body.blue {
  --main-color: var(--assets-additional-fill);
  --main-color-hover: #65acff;
  --icon-color: var(--assets-additional-fill);
  --icon-color-hover: #65acff;
  --timer-gradient-start: #bc00eb;
  --timer-gradient-half: #5c6dd8;
  --timer-gradient-end: #bcc7f2;
  --timer-days: var(--assets-additional-fill);
}
body {
  scroll-behavior: smooth;
}
body .assets-content i18n-translate {
  font-family: inherit;
}
body a {
  text-decoration: none;
}
body .assets-content [tuiButton][data-appearance=custom] {
  --assets-button-default-bg: var(--main-color);
  --assets-button-hover-bg: var(--main-color-hover);
  --assets-button-hover-color: var(--assets-text-01);
}
body .assets-content [tuiButton][data-appearance=paypal] {
  --assets-button-default-bg: #eeeeee;
  --assets-button-hover-color: #e2e2e2;
  --assets-button-hover-bg: #d8d8d8;
  --assets-button-active-bg: #e2e2e2;
  --assets-button-disabled-bg: #eeeeee77;
}
body .assets-content [tuiButton][data-appearance=primary] {
  --assets-button-hover-bg: var(--assets-primary-hover);
}
.heading-2 {
  font: var(--assets-font-service-h2-mob);
}
@media only screen and (min-width: 1024px) {
  .heading-2 {
    font: var(--assets-font-service-h2);
  }
}
.heading-3 {
  font: var(--assets-font-service-h3-mob);
}
@media only screen and (min-width: 768px) {
  .heading-3 {
    font: var(--assets-font-service-h3);
  }
}

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