@charset "UTF-8";

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

/* src/styles/taiga-ui-fonts.less */

/* src/styles/tokens.scss */
:root {
  --font-heading:
    "Custom",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  --font-body:
    "Funnel Sans",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  --color-safe: rgb(12, 132, 12);
  --color-warning: rgb(205, 205, 5);
  --color-danger: rgb(196, 28, 28);
  --color-accent: rgb(23, 181, 189);
  --color-accent-dark: rgb(2, 96, 100);
  --color-drought-d0: rgba(255, 255, 0, 1);
  --color-drought-d1: rgba(252, 211, 127, 1);
  --color-drought-d2: rgba(255, 170, 0, 1);
  --color-drought-d3: rgba(230, 0, 0, 1);
  --color-drought-d4: rgba(115, 0, 0, 1);
  --color-noaa-5: rgba(44, 195, 11, 1);
  --color-noaa-15: rgba(208, 218, 17, 1);
  --color-noaa-40: rgba(238, 44, 44, 1);
  --color-noaa-70: rgba(255, 0, 255, 1);
  --color-tstorm-10: rgba(133, 85, 7, 1);
  --color-tstorm-40: rgba(12, 236, 229, 1);
  --color-tstorm-70: rgba(255, 0, 0, 1);
  --color-nifc-perimeter-border: rgba(195, 0, 0, 1);
  --color-nifc-perimeter-fill: rgba(255, 0, 0, 0.1);
  --color-nri-very-high: rgba(199, 68, 93, 1);
  --color-nri-relatively-high: rgba(224, 112, 105, 1);
  --color-nri-relatively-mid: rgba(240, 213, 93, 1);
  --color-nri-relatively-low: rgba(80, 155, 199, 1);
  --color-nri-very-low: rgba(77, 109, 189, 1);
  --color-nri-no-rating: rgba(255, 255, 255, 1);
  --color-nri-not-applicable: rgba(204, 204, 204, 1);
  --color-nri-insufficient: rgba(158, 158, 158, 1);
  --color-river-normal: green;
  --color-river-threshold: brown;
  --color-river-action: yellow;
  --color-river-minor: orange;
  --color-river-moderate: red;
  --color-river-major: purple;
  --color-epa-good: rgba(0, 228, 0, 1);
  --color-epa-moderate: rgba(255, 255, 0, 1);
  --color-epa-sensitive: rgba(255, 126, 0, 1);
  --color-epa-unhealthy: rgba(255, 0, 0, 1);
  --color-epa-very-unhealthy: rgba(143, 63, 151, 1);
  --color-epa-hazardous: rgba(126, 0, 35, 1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --text-xs: 0.7rem;
  --text-sm: 0.8rem;
  --text-md: 1rem;
  --text-lg: 1.1rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --layout-sidebar-width: 225px;
  --layout-header-height: 55px;
  --layout-icon-sm: 20px;
  --layout-icon-md: 40px;
  --layout-icon-lg: 50px;
}

/* node_modules/@geoapify/geocoder-autocomplete/styles/minimal.css */
.geoapify-autocomplete-input {
  padding: 0 31px 0 7px;
  width: calc(100% - 40px);
  outline: none;
  line-height: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.geoapify-autocomplete-items {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  background-color: #fff;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.geoapify-autocomplete-items div {
  padding: 10px;
  cursor: pointer;
}
.geoapify-autocomplete-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.geoapify-autocomplete-items .active {
  background-color: rgba(0, 0, 0, 0.1);
}
.geoapify-autocomplete-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.geoapify-autocomplete-item .icon {
  display: inline-block;
  width: 40px;
  height: 24px;
  color: #aaa;
}
.geoapify-autocomplete-item .icon.emoji {
  color: unset;
  font-size: 20px;
  opacity: 0.9;
}
.geoapify-close-button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: none;
  align-items: center;
}
.geoapify-close-button.visible {
  display: flex;
}
.geoapify-close-button {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.geoapify-close-button:hover {
  color: rgba(0, 0, 0, 0.6);
}
.geoapify-autocomplete-items .main-part .non-verified {
  color: #ff4848;
}
.geoapify-autocomplete-items .secondary-part {
  margin-left: 10px;
  font-size: small;
  color: rgba(0, 0, 0, 0.6);
}

/* src/styles.scss */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
@font-face {
  font-family: "Custom";
  src: url("./media/custom-hydronos-3D4X3TOC.otf") format("opentype");
}
html,
body {
  height: 100% !important;
}
body {
  margin: 0;
  font-family: var(--font-body) !important;
}
.full {
  height: 100%;
  width: 100%;
}
.full-important {
  height: 100% !important;
  width: 100% !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading) !important;
}
p,
td,
th,
label,
input,
textarea,
select {
  font-family: var(--font-body);
}
.margin-5 {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.pad-5 {
  padding: 5px !important;
}
.pointer {
  cursor: pointer;
}
.hover-scale:hover {
  scale: 1.05;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  box-shadow:
    inset 0 0 6pxrgba 0,
    0,
    0,
    0.3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--thirdBackground);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:hover {
  border-radius: 10px;
}
.main-container {
  height: 100%;
}
.main-container-taiga {
  height: 100%;
  display: flex;
  overflow: hidden;
}
.asset-page-div {
  width: 100%;
  height: 100%;
}
.mat-toolbar.mat-primary {
  background: #2d2d2d !important;
  color: #12abc1 !important;
  height: 50px;
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: #12abc1 !important;
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #12abc1 !important;
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #6ed4e4 !important;
  --mdc-switch-selected-handle-color: #6ed4e4 !important;
  --mdc-switch-selected-hover-state-layer-color: #6ed4e4 !important;
  --mdc-switch-selected-pressed-state-layer-color: #6ed4e4 !important;
  --mdc-switch-selected-focus-handle-color: #0c8396 !important;
  --mdc-switch-selected-hover-handle-color: #0c8396 !important;
  --mdc-switch-selected-pressed-handle-color: #0c8396 !important;
  --mdc-switch-selected-focus-track-color: #12abc1 !important;
  --mdc-switch-selected-hover-track-color: #12abc1 !important;
  --mdc-switch-selected-pressed-track-color: #12abc1 !important;
  --mdc-switch-selected-track-color: #12abc1 !important;
}
.basic-btn {
  font-size: var(--smallText) !important;
}
.status-circle {
  font-size: 20px;
  border: 1px black;
}
.response-circle-span {
  display: flex;
  justify-content: center;
  padding-right: 5px;
}
.impact-green {
  color: rgb(12, 132, 12) !important;
}
.impact-yellow {
  color: rgb(205, 205, 5) !important;
}
.impact-red {
  color: rgb(196, 28, 28) !important;
}
.pie-summary-chart {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bar-summary-chart {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asset-sum-table-div {
  width: -moz-fit-content;
  max-width: 100%;
  margin: auto;
  align-items: center;
  justify-content: center;
  min-width: 70%;
  width: fit-content;
  height: 100%;
}
.asset-sum-table-div-small {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-bottom: 40px;
}
.table-title {
  color: var(--primaryText) !important;
  background-color: var(--tui-background-base);
}
.table-title-description {
  color: var(--accentText) !important;
}
.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-expansion-panel-content {
  background-color: var(--thirdBackground) !important;
}
.details-header-text {
  font-weight: 400;
  color: var(--primaryText);
}
.details-val-text {
  color: var(--accentText);
}
.panel-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 10px 10px 10px;
}
.location-page-container {
  display: flex;
  height: calc(100vh - 50px);
  width: 100%;
  overflow-x: hidden;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  background: var(--mainBackground);
}
.location-page-header-div {
  padding: 25px;
  margin-left: 50px;
}
.location-back-btn {
  padding-bottom: 15px;
  cursor: pointer;
  color: var(--accentText);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.location-page-header-text {
  font-size: var(--lText);
  color: var(--primaryText);
  font-weight: 600;
  display: flex;
}
.location-page-detail-text {
  font-size: var(--medText);
  color: var(--accentText);
  font-weight: 400;
}
.location-page-left-col {
  height: 100%;
  width: 35%;
  flex-wrap: wrap;
}
.location-page-right-col {
  height: 90%;
  width: 65%;
  display: flex;
  align-items: start;
  justify-content: center;
}
.location-page-map-container {
  width: 100%;
  height: 60%;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.location-table-container {
  height: 100%;
}
.location-table-container-census {
  height: 100%;
  overflow: auto;
}
.location-table-div {
  height: 100%;
  overflow: auto;
}
.location-table-container-dual {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.location-table-div-half {
  height: 100%;
  display: flex;
}
.location-table-div-top {
  overflow: auto;
  width: 80%;
  min-height: 40%;
  max-height: 58%;
}
.location-table-div-bottom {
  overflow: auto;
  width: 80%;
  max-height: 40%;
}
.location-table {
  width: 70%;
  color: var(--accentText) !important;
}
.location-table-th {
  color: var(--accentText) !important;
}
.location-table-td {
  color: var(--primaryText) !important;
}
.location-table-td-hazards {
  color: var(--primaryText) !important;
  display: flex;
  height: auto;
}
.location-row {
  height: 2rem;
}
.location-row-header {
  background-color: var(--secondBackground) !important;
}
.location-row:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1);
}
.location-row:nth-child(even):hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.generic-container {
  width: 100%;
  height: 100%;
}
.generic-header-div {
  width: 100%;
  height: 55px;
  background-color: var(--tui-background-base-alt);
  font-weight: 600;
  font-size: 1.1rem;
  align-items: center;
  justify-content: start;
  display: flex;
  padding-left: 15px;
}
.asset-info-content-div {
  height: calc(100% - 55px);
  width: 100%;
  display: flex;
  color: var(--accentText);
  flex-wrap: wrap;
  padding-left: 20px;
  align-items: center;
}
.asset-info-row {
  width: 100%;
}
.generic-content-div {
  height: calc(100% - 55px);
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.dynamic-stat-container {
  width: 100%;
  height: 100%;
}
.dynamic-stat-header-div {
  width: 100%;
  height: 55px;
  background-color: var(--tui-background-base-alt);
  font-weight: 600;
  font-size: 1.1rem;
  align-items: center;
  justify-content: start;
  display: flex;
  padding-left: 15px;
}
.dynamic-stat-content-div {
  height: calc(100% - 55px);
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.dynamic-table-simple-content-div {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dynamic-table-header-content-div {
  height: calc(100% - 55px);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dynamic-table-simple {
  width: 100%;
}
.graph-selector-div {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.graph-selector-btn {
  margin-right: 8px !important;
}
.dynamic-graph-content-div {
  height: calc(100% - 110px);
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.dynamic-chart-div {
  width: 100%;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.not-found-div {
  height: 95%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.not-found-icon-div {
  font-size: var(--lText);
  padding-bottom: 15px;
  color: var(--accentText);
}
.not-found-text {
  font-size: var(--medText);
}
.not-found-btn {
  font-size: 3rem !important;
}
.tile-inactive {
  display: none;
}
.sub-tab-div {
  margin-left: 10px;
}
.sub-tab-btn {
  padding: 20px !important;
  font-size: var(--text) !important;
  margin-left: 10px !important;
  font-family: var(--font-heading) !important;
}
.expand-btn-container {
  position: absolute;
  top: 2px;
  right: 1px;
  z-index: 9999;
  padding: 5px;
}
.map-control-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--tui-background-neutral-1);
  border-radius: 6px;
  background-color: var(--mainBackground);
  color: var(--tui-text-secondary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: color 120ms ease, border-color 120ms ease;
}
.map-control-btn tui-icon {
  font-size: 18px;
}
.map-control-btn:hover,
.map-control-btn.map-control-btn--active {
  color: var(--color-accent);
  border-color: var(--color-accent);
}
.header-text {
  font-family: var(--font-heading);
}
.safe {
  color: var(--safeColor);
}
.warning {
  color: var(--warningColor);
}
.danger {
  color: var(--dangerColor);
}
.asset-row {
  cursor: pointer;
}
.asset-row:hover > td {
  background-color: var(--tui-background-neutral-1-hover) !important;
}
.asset-paginator {
  padding-left: 20px;
  padding-right: 20px;
}
.hazard-icon {
  margin: auto;
  display: flex;
}
.scrollbar {
  min-block-size: 18.75rem;
}
.viewport {
  display: contents;
}
.asset-tabs {
  padding-left: 10px;
  box-shadow: none !important;
  height: 100% !important;
  font-family: var(--font-heading);
}
@media (max-width: 1919px) {
  .asset-tabs {
    padding-left: 6px;
    font-size: 0.85rem;
  }
  .asset-tabs [tuiTab] {
    font-size: 0.85rem;
    block-size: 2.25rem;
    padding-inline: 0.75rem;
  }
  .sub-tab-btn {
    padding: 10px 12px !important;
    font-size: 0.75rem !important;
    margin-left: 6px !important;
  }
  .sub-tab-div {
    margin-left: 6px;
  }
}
.epa-history-dialog .mat-mdc-dialog-surface {
  --mdc-dialog-container-color: var(--mainBackground);
  border-radius: 0.9rem;
  overflow: hidden;
}
.epa-history-dialog .mat-mdc-dialog-content {
  padding: 0;
  max-height: unset;
}

/* node_modules/ol/ol.css */
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-bar-inner {
  display: flex;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}
.ol-viewport {
  touch-action: pan-x pan-y;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}

/* node_modules/@geoapify/geocoder-autocomplete/styles/round-borders-dark.css */
.geoapify-autocomplete-input {
  padding: 0 31px 0 7px;
  width: calc(100% - 40px);
  outline: none;
  line-height: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.geoapify-autocomplete-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.geoapify-autocomplete-items {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  overflow: hidden;
  background-color: #313131;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 10px 2px rgba(255, 255, 255, 0.1);
  z-index: 99;
}
.geoapify-autocomplete-items div {
  padding: 10px;
  cursor: pointer;
}
.geoapify-autocomplete-items div:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.geoapify-autocomplete-items .active {
  background-color: rgba(255, 255, 255, 0.1);
}
.geoapify-autocomplete-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.geoapify-autocomplete-item .icon {
  display: inline-block;
  width: 40px;
  height: 24px;
  color: #aaa;
}
.geoapify-autocomplete-item .icon.emoji {
  color: unset;
  font-size: 20px;
  opacity: 0.9;
}
.geoapify-close-button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: none;
  align-items: center;
}
.geoapify-close-button.visible {
  display: flex;
}
.geoapify-close-button {
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.geoapify-close-button:hover {
  color: rgba(255, 255, 255, 0.6);
}
.geoapify-autocomplete-items .secondary-part {
  margin-left: 10px;
  font-size: small;
  color: rgba(255, 255, 255, 0.6);
}
.geoapify-autocomplete-items .main-part .non-verified {
  color: #ff8080;
}

/* node_modules/shepherd.js/dist/css/shepherd.css */
.shepherd-button {
  background: #3288e6;
  border: 0;
  border-radius: 3px;
  color: hsla(0, 0%, 100%, .75);
  cursor: pointer;
  margin-right: .5rem;
  padding: .5rem 1.5rem;
  transition: all .5s ease;
}
.shepherd-button:not(:disabled):hover {
  background: #196fcc;
  color: hsla(0, 0%, 100%, .75);
}
.shepherd-button.shepherd-button-secondary {
  background: #f1f2f3;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #d6d9db;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  padding: 0 .75rem .75rem;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0, 0%, 50%, .75);
  cursor: pointer;
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: color .5s ease;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: hsla(0, 0%, 50%, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-title {
  color: rgba(0, 0, 0, .75);
  display: flex;
  flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.shepherd-header {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  line-height: 2em;
  padding: .75rem .75rem 0;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: #e6e6e6;
  padding: 1em;
}
.shepherd-text {
  color: rgba(0, 0, 0, .75);
  font-size: 1rem;
  line-height: 1.3em;
  padding: .75em;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 0;
}
.shepherd-element {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  max-width: 400px;
  opacity: 0;
  outline: none;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.shepherd-arrow:before {
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #e6e6e6;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition:
    all .3s ease-out,
    height 0ms .3s,
    opacity .3s 0ms;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: .5;
  transform: translateZ(0);
  transition:
    all .3s ease-out,
    height 0s 0s,
    opacity .3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}

/* src/styles/shepherd-theme.scss */
.shepherd-element {
  border-radius: var(--tui-radius-l, 0.75rem);
  box-shadow: 0 0.375rem 2rem rgba(0, 0, 0, 0.25);
  max-width: 420px;
  font-family: var(--font-body);
  border: 1px solid color-mix(in srgb, var(--primaryText, #000) 15%, transparent);
  overflow: hidden;
  background: var(--mainBackground);
}
.shepherd-content {
  background: var(--mainBackground);
  border-radius: var(--tui-radius-l, 0.75rem);
  border: none;
  color: var(--primaryText);
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: var(--mainBackground);
  padding: var(--space-4) var(--space-5);
  border-top-left-radius: var(--tui-radius-l, 0.75rem);
  border-top-right-radius: var(--tui-radius-l, 0.75rem);
  border-bottom: 1px solid color-mix(in srgb, var(--primaryText, #000) 15%, transparent);
}
.shepherd-title {
  font-family: var(--font-heading);
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primaryText);
  line-height: 1.3;
}
.shepherd-text {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--primaryText);
  padding: var(--space-4) var(--space-5);
  background: var(--mainBackground);
}
.shepherd-footer {
  padding: var(--space-3) var(--space-5) var(--space-4);
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
  background: var(--mainBackground);
  border-bottom-left-radius: var(--tui-radius-l, 0.75rem);
  border-bottom-right-radius: var(--tui-radius-l, 0.75rem);
}
.shepherd-button {
  height: 2.5rem;
  border-radius: var(--tui-radius-l, 0.75rem);
  padding: 0 var(--space-4);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background-color var(--tui-duration, 0.2s) ease, color var(--tui-duration, 0.2s) ease;
  margin: 0;
}
.shepherd-button.shepherd-button-primary {
  background: var(--accentText);
  color: #fff;
}
.shepherd-button.shepherd-button-primary:hover:not(:disabled),
.shepherd-button.shepherd-button-primary:not(:disabled):hover {
  background: var(--darkAccentText);
  color: #fff;
}
.shepherd-button.shepherd-button-primary:active:not(:disabled) {
  background: var(--darkAccentText);
  filter: brightness(0.9);
}
.shepherd-button.shepherd-button-secondary {
  background: transparent;
  color: var(--accentText);
}
.shepherd-button.shepherd-button-secondary:hover:not(:disabled),
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: color-mix(in srgb, var(--primaryText, #000) 10%, transparent);
  color: var(--darkAccentText);
}
.shepherd-button.shepherd-button-secondary:active:not(:disabled) {
  background: color-mix(in srgb, var(--primaryText, #000) 18%, transparent);
}
.shepherd-cancel-icon {
  color: var(--primaryText);
  opacity: 0.6;
  font-size: 1.25rem;
  line-height: 1;
  transition: opacity var(--tui-duration, 0.2s) ease;
}
.shepherd-cancel-icon:hover {
  opacity: 1;
}
.shepherd-arrow::before {
  background: var(--mainBackground);
  border: 1px solid color-mix(in srgb, var(--primaryText, #000) 15%, transparent);
}
.shepherd-modal-overlay-container {
  fill: rgba(0, 0, 0, 0.45);
  opacity: 1;
  transition: opacity var(--tui-duration, 0.3s) ease;
}
.highlight {
  box-shadow: 0 0 0 3px var(--accentText, var(--color-accent)), 0 0 0 6px rgba(23, 181, 189, 0.25);
  border-radius: var(--tui-radius-s, 0.5rem);
  transition: box-shadow var(--tui-duration, 0.3s) ease;
}

/* node_modules/ol-layerswitcher/dist/ol-layerswitcher.css */
.layer-switcher {
  position: absolute;
  top: 3.5em;
  right: 0.5em;
  text-align: left;
}
.layer-switcher .panel {
  margin: 0;
  border: 4px solid #eee;
  border-radius: 4px;
  background-color: white;
  display: none;
  max-height: inherit;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}
.layer-switcher button {
  float: right;
  z-index: 1;
  width: 38px;
  height: 38px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 2px;
  background-color: white;
  color: black;
  border: none;
}
.layer-switcher button:focus,
.layer-switcher button:hover {
  background-color: white;
}
.layer-switcher.shown {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 5.5em);
}
.layer-switcher.shown.ol-control {
  background-color: transparent;
}
.layer-switcher.shown.ol-control:hover {
  background-color: transparent;
}
.layer-switcher.shown .panel {
  display: block;
}
.layer-switcher.shown button {
  display: none;
}
.layer-switcher.shown.layer-switcher-activation-mode-click > button {
  display: block;
  background-image: unset;
  right: 2px;
  position: absolute;
  background-color: #eee;
  margin: 1px;
}
.layer-switcher.shown button:focus,
.layer-switcher.shown button:hover {
  background-color: #fafafa;
}
.layer-switcher ul {
  list-style: none;
  margin: 1.6em 0.4em;
  padding-left: 0;
}
.layer-switcher ul ul {
  padding-left: 1.2em;
  margin: 0.1em 0 0 0;
}
.layer-switcher li.group + li.group {
  margin-top: 0.4em;
}
.layer-switcher li.group + li.layer-switcher-base-group {
}
.layer-switcher li.group > label {
  font-weight: bold;
}
.layer-switcher.layer-switcher-group-select-style-none li.group > label {
  padding-left: 1.2em;
}
.layer-switcher li {
  position: relative;
  margin-top: 0.3em;
}
.layer-switcher li input {
  position: absolute;
  left: 1.2em;
  height: 1em;
  width: 1em;
  font-size: 1em;
}
.layer-switcher li label {
  padding-left: 2.7em;
  padding-right: 1.2em;
  display: inline-block;
  margin-top: 1px;
}
.layer-switcher label.disabled {
  opacity: 0.4;
}
.layer-switcher input {
  margin: 0px;
}
.layer-switcher.touch ::-webkit-scrollbar {
  width: 4px;
}
.layer-switcher.touch ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.layer-switcher.touch ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
li.layer-switcher-base-group > label {
  padding-left: 1.2em;
}
.layer-switcher .group button {
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 1em;
  width: 1em;
  height: 1em;
  margin: 0;
  background-position: center 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVR4nGNgGAWMyBwXFxcGBgaGeii3EU0tXHzPnj1wQRYsihqQ+I0ExDEMQAYNONgoAN0AmMkNaDSyQSheY8JiaCMOGzE04zIAmyFYNTMw4A+DRhzsUUBtAADw4BCeIZkGdwAAAABJRU5ErkJggg==);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.layer-switcher .group.layer-switcher-close button {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.layer-switcher .group.layer-switcher-fold.layer-switcher-close > ul {
  overflow: hidden;
  height: 0;
}
.layer-switcher.shown.layer-switcher-activation-mode-click {
  padding-left: 34px;
}
.layer-switcher.shown.layer-switcher-activation-mode-click > button {
  left: 0;
  border-right: 0;
}

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