:root {
  --tui-heading-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --tui-text-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --tui-font-heading: var(--tui-heading-font);
  --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
  --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
  --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
  --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
  --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
  --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
  --tui-font-text: var(--tui-text-font);
  --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
  --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
  --tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text);
  --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
  --tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text);
  --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
  --tui-font-text-s-2: normal 0.8125rem/1rem var(--tui-font-text);
  --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
  --tui-font-text-xs-2: normal 0.6875rem/0.8125rem var(--tui-font-text);
  --tui-radius-xs: 0.25rem;
  --tui-radius-s: 0.5rem;
  --tui-radius-m: 0.75rem;
  --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.75rem;
  --tui-padding-m: 0.75rem;
  --tui-padding-l: 1rem;
  --tui-duration: 0.3s;
  --tui-backdrop: none;
  --tui-disabled-opacity: 0.56;
  --tui-autofill: #fff5c0;
  --tui-base-01: #fff;
  --tui-base-02: #f6f6f6;
  --tui-base-03: #ededed;
  --tui-base-04: #d7d7d7;
  --tui-base-05: #b0b0b0;
  --tui-base-06: #959595;
  --tui-base-07: #808080;
  --tui-base-08: #333;
  --tui-base-09: #000;
  --tui-primary: #526ed3;
  --tui-primary-hover: #6c86e2;
  --tui-primary-active: #314692;
  --tui-primary-text: #fff;
  --tui-secondary: #ebefff;
  --tui-secondary-hover: #dfe3f3;
  --tui-secondary-active: #d8ddf2;
  --tui-accent: #ff7043;
  --tui-accent-hover: #ff9a94;
  --tui-accent-active: #e7716a;
  --tui-accent-text: #fff;
  --tui-selection: rgba(112, 182, 246, 0.12);
  --tui-focus: rgba(51, 51, 51, 0.64);
  --tui-clear: rgba(0, 0, 0, 0.04);
  --tui-clear-disabled: rgba(0, 0, 0, 0.04);
  --tui-clear-hover: rgba(0, 0, 0, 0.16);
  --tui-clear-active: rgba(0, 0, 0, 0.2);
  --tui-clear-inverse: rgba(255, 255, 255, 0.16);
  --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24);
  --tui-clear-inverse-active: rgba(255, 255, 255, 0.4);
  --tui-elevation-01: #fff;
  --tui-elevation-02: #fff;
  --tui-error-fill: #f45725;
  --tui-error-bg: rgba(244, 87, 37, 0.12);
  --tui-error-bg-hover: rgba(244, 87, 37, 0.24);
  --tui-success-fill: #4ac99b;
  --tui-success-bg: rgba(74, 201, 155, 0.12);
  --tui-success-bg-hover: rgba(74, 201, 155, 0.24);
  --tui-warning-fill: #ffc700;
  --tui-warning-bg: rgba(255, 199, 0, 0.12);
  --tui-warning-bg-hover: rgba(255, 199, 0, 0.24);
  --tui-info-fill: #70b6f6;
  --tui-info-bg: rgba(112, 182, 246, 0.12);
  --tui-info-bg-hover: rgba(112, 182, 246, 0.24);
  --tui-neutral-fill: #79818c;
  --tui-neutral-bg: rgba(121, 129, 140, 0.12);
  --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24);
  --tui-text-01: #1b1f3b;
  --tui-text-02: rgba(27, 31, 59, 0.65);
  --tui-text-03: rgba(27, 31, 59, 0.4);
  --tui-link: #526ed3;
  --tui-link-hover: #6c86e2;
  --tui-positive: #3aa981;
  --tui-positive-hover: #7ac5aa;
  --tui-negative: #dd4c1e;
  --tui-negative-hover: #e38163;
  --tui-error-fill-night: #ff8c67;
  --tui-error-bg-night: rgba(244, 87, 37, 0.32);
  --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4);
  --tui-success-fill-night: #4ac99b;
  --tui-success-bg-night: rgba(74, 201, 155, 0.32);
  --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4);
  --tui-warning-fill-night: #ffc700;
  --tui-warning-bg-night: rgba(255, 199, 0, 0.32);
  --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4);
  --tui-info-fill-night: #70b6f6;
  --tui-info-bg-night: rgba(112, 182, 246, 0.32);
  --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4);
  --tui-neutral-fill-night: #959ba4;
  --tui-neutral-bg-night: rgba(149, 155, 164, 0.32);
  --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48);
  --tui-autofill-night: #554a2a;
  --tui-text-01-night: #ffffff;
  --tui-text-02-night: rgba(255, 255, 255, 0.72);
  --tui-text-03-night: rgba(255, 255, 255, 0.6);
  --tui-link-night: #6788ff;
  --tui-link-night-hover: #526ed3;
  --tui-positive-night: #44c596;
  --tui-positive-night-hover: #3aa981;
  --tui-negative-night: #ff8c67;
  --tui-negative-night-hover: #bb593a;
  --tui-support-01: #a8cef1;
  --tui-support-02: #3682db;
  --tui-support-03: #8dda71;
  --tui-support-04: #34b41f;
  --tui-support-05: #e29398;
  --tui-support-06: #b8474e;
  --tui-support-07: #fcc068;
  --tui-support-08: #ff8a00;
  --tui-support-09: #dab3f9;
  --tui-support-10: #7b439e;
  --tui-support-11: #fee797;
  --tui-support-12: #fcbb14;
  --tui-support-13: #ea97c4;
  --tui-support-14: #bd65a4;
  --tui-support-15: #7fd7cc;
  --tui-support-16: #2fad96;
  --tui-support-17: #d4aca2;
  --tui-support-18: #9d6f64;
  --tui-support-19: #d2e9a2;
  --tui-support-20: #aadc42;
  --tui-support-21: #a0c5df;
  --tui-chart-0: var(--tui-primary);
  --tui-chart-1: var(--tui-support-13);
  --tui-chart-2: var(--tui-support-21);
  --tui-chart-3: var(--tui-support-11);
  --tui-chart-4: var(--tui-base-05);
  --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12);
  --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2);
  --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04),
        0 0.25rem 0.375rem rgba(0, 0, 0, 0.05);
  --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48);
  --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12);
  --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08);
  --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24);
}
[tuiTheme='night'] {
  --tui-base-01: #222;
  --tui-base-02: #333;
  --tui-base-03: #808080;
  --tui-base-04: #959595;
  --tui-base-05: #b0b0b0;
  --tui-base-06: #d7d7d7;
  --tui-base-07: #ededed;
  --tui-base-08: #f6f6f6;
  --tui-base-09: #fff;
  --tui-focus: rgba(255, 255, 255, 0.64);
  --tui-secondary: rgba(255, 255, 255, 0.16);
  --tui-secondary-hover: rgba(255, 255, 255, 0.24);
  --tui-secondary-active: rgba(255, 255, 255, 0.4);
  --tui-clear: rgba(255, 255, 255, 0.16);
  --tui-clear-disabled: rgba(255, 255, 255, 0.08);
  --tui-clear-hover: rgba(255, 255, 255, 0.24);
  --tui-clear-active: rgba(255, 255, 255, 0.4);
  --tui-error-fill: #ff8c67;
  --tui-error-bg: rgba(244, 87, 37, 0.32);
  --tui-error-bg-hover: rgba(244, 87, 37, 0.4);
  --tui-success-fill: #4ac99b;
  --tui-success-bg: rgba(74, 201, 155, 0.32);
  --tui-success-bg-hover: rgba(74, 201, 155, 0.4);
  --tui-warning-fill: #ffc700;
  --tui-warning-bg: rgba(255, 199, 0, 0.32);
  --tui-warning-bg-hover: rgba(255, 199, 0, 0.4);
  --tui-info-fill: #70b6f6;
  --tui-info-bg: rgba(112, 182, 246, 0.32);
  --tui-info-bg-hover: rgba(112, 182, 246, 0.4);
  --tui-neutral-fill: #959ba4;
  --tui-neutral-bg: rgba(149, 155, 164, 0.32);
  --tui-neutral-bg-hover: rgba(149, 155, 164, 0.48);
  --tui-text-01: #ffffff;
  --tui-text-02: rgba(255, 255, 255, 0.72);
  --tui-text-03: rgba(255, 255, 255, 0.6);
  --tui-link: #6788ff;
  --tui-link-hover: #526ed3;
  --tui-positive: #44c596;
  --tui-positive-hover: #3aa981;
  --tui-negative: #ff8c67;
  --tui-negative-hover: #bb593a;
  --tui-autofill: var(--tui-autofill-night);
  --tui-elevation-01: #222;
  --tui-elevation-02: #222;
  --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12);
  --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2);
  --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04),
        0 0.25rem 0.375rem rgba(0, 0, 0, 0.05);
  --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48);
  --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12);
  --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08);
  --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24);
}
[tuiTheme='night'] tui-notification {
  --tui-base-01: #000;
}
/**
 * @deprecated remove in 4.0
 */
/*
Every max-width of breakpoint is equal:
next min-width - 60% from 1px (1/16 * 0.6 = 0.0375)
*/
[tuiAppearance] {
  transition-property: color, background, opacity, box-shadow;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: relative;
  -webkit-appearance: none;
          appearance: none;
  outline: 0.125rem solid transparent;
  outline-offset: -0.125rem;
}
[tuiAppearance]:focus-visible:not([data-focus='false']),
[tuiAppearance][data-focus='true'] {
  outline-color: var(--tui-focus);
}
[tuiAppearance]:disabled:not([data-state]),
[tuiAppearance][data-state='disabled'] {
  pointer-events: none;
  opacity: var(--tui-disabled-opacity);
}
[tuiAppearance][data-appearance='accent'] {
  background: var(--tui-accent);
  color: var(--tui-accent-text);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='accent']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-accent-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='accent']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-accent-hover);
  }
}
[tuiAppearance][data-appearance='accent'][data-state='hover'] {
  background: var(--tui-accent-hover);
}
[tuiAppearance][data-appearance='accent']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-accent-active);
}
[tuiAppearance][data-appearance='accent']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-accent-active);
}
[tuiAppearance][data-appearance='accent'][data-state='active'] {
  background: var(--tui-accent-active);
}
[tuiAppearance][data-appearance='floating'] {
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover: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);
}
[tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #f6f7f8;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #f6f7f8;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
[tuiAppearance][data-appearance='floating'][data-state='active'] {
  background: #f6f7f8;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
/* stylelint-disable order/order */
[tuiAppearance][data-appearance='glass'] {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  --tui-focus: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: rgba(0, 0, 0, 0.48);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: rgba(0, 0, 0, 0.48);
  }
}
[tuiAppearance][data-appearance='glass'][data-state='hover'] {
  background: rgba(0, 0, 0, 0.48);
}
[tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: rgba(0, 0, 0, 0.6);
}
[tuiAppearance][data-appearance='glass'][data-state='active'] {
  background: rgba(0, 0, 0, 0.6);
}
[tuiTheme='night'] [tuiAppearance][data-appearance='glass'] {
  background: rgba(255, 255, 255, 0.3);
}
@media (hover: hover) {
  [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: rgba(255, 255, 255, 0.4);
  }
}
@media (hover: hover) {
  [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: rgba(255, 255, 255, 0.4);
  }
}
[tuiTheme='night'] [tuiAppearance][data-appearance='glass'][data-state='hover'] {
  background: rgba(255, 255, 255, 0.4);
}
[tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: rgba(255, 255, 255, 0.5);
}
[tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: rgba(255, 255, 255, 0.5);
}
[tuiTheme='night'] [tuiAppearance][data-appearance='glass'][data-state='active'] {
  background: rgba(255, 255, 255, 0.5);
}
[tuiAppearance][data-appearance='icon'] {
  color: var(--tui-text-03);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='icon']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    color: var(--tui-text-02);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='icon']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    color: var(--tui-text-02);
  }
}
[tuiAppearance][data-appearance='icon'][data-state='hover'] {
  color: var(--tui-text-02);
}
[tuiAppearance][data-appearance='icon']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='icon']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='icon'][data-state='active'] {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='whiteblock']:before,
[tuiAppearance][data-appearance='neutral']:before,
[tuiAppearance][data-appearance='floating']:before,
[tuiAppearance][data-appearance='whiteblock']:after,
[tuiAppearance][data-appearance='neutral']:after,
[tuiAppearance][data-appearance='floating']:after {
  transition-property: color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-text-03);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
  [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
  [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after {
    color: var(--tui-text-02);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
  [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
  [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
  [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after {
    color: var(--tui-text-02);
  }
}
[tuiAppearance][data-appearance='whiteblock'][data-state='hover']:before,
[tuiAppearance][data-appearance='neutral'][data-state='hover']:before,
[tuiAppearance][data-appearance='floating'][data-state='hover']:before,
[tuiAppearance][data-appearance='whiteblock'][data-state='hover']:after,
[tuiAppearance][data-appearance='neutral'][data-state='hover']:after,
[tuiAppearance][data-appearance='floating'][data-state='hover']:after {
  color: var(--tui-text-02);
}
[tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='whiteblock'][data-state='active']:before,
[tuiAppearance][data-appearance='neutral'][data-state='active']:before,
[tuiAppearance][data-appearance='floating'][data-state='active']:before,
[tuiAppearance][data-appearance='whiteblock'][data-state='active']:after,
[tuiAppearance][data-appearance='neutral'][data-state='active']:after,
[tuiAppearance][data-appearance='floating'][data-state='active']:after {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='link'] {
  color: var(--tui-link);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='link']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    color: var(--tui-link-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='link']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    color: var(--tui-link-hover);
  }
}
[tuiAppearance][data-appearance='link'][data-state='hover'] {
  color: var(--tui-link-hover);
}
[tuiAppearance][data-appearance='link']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  color: var(--tui-link-hover);
}
[tuiAppearance][data-appearance='link']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  color: var(--tui-link-hover);
}
[tuiAppearance][data-appearance='link'][data-state='active'] {
  color: var(--tui-link-hover);
}
[tuiAppearance][data-appearance='opposite'] {
  --tui-focus: rgba(255, 255, 255, 0.64);
  background: #000;
  color: #fff;
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: #333;
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: #333;
  }
}
[tuiAppearance][data-appearance='opposite'][data-state='hover'] {
  background: #333;
}
[tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #5c636b;
}
[tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #5c636b;
}
[tuiAppearance][data-appearance='opposite'][data-state='active'] {
  background: #5c636b;
}
[tuiTheme='night'] [tuiAppearance][data-appearance='opposite'] {
  --tui-focus: rgba(51, 51, 51, 0.48);
  color: rgba(0, 0, 0, 0.8);
  background: #fff;
}
@media (hover: hover) {
  [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: #f3F4f6;
  }
}
@media (hover: hover) {
  [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: #f3F4f6;
  }
}
[tuiTheme='night'] [tuiAppearance][data-appearance='opposite'][data-state='hover'] {
  background: #f3F4f6;
}
[tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #eaecee;
}
[tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: #eaecee;
}
[tuiTheme='night'] [tuiAppearance][data-appearance='opposite'][data-state='active'] {
  background: #eaecee;
}
[tuiAppearance][data-appearance='outline'],
[tuiAppearance][data-appearance='whiteblock'] {
  background: transparent;
  color: var(--tui-link);
  box-shadow: inset 0 0 0 1px var(--tui-base-04);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='outline']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-05);
    cursor: pointer;
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='outline']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-05);
    cursor: pointer;
  }
}
[tuiAppearance][data-appearance='outline'][data-state='hover'],
[tuiAppearance][data-appearance='whiteblock'][data-state='hover'] {
  background: var(--tui-clear);
  box-shadow: inset 0 0 0 1px var(--tui-base-05);
  cursor: pointer;
}
[tuiAppearance][data-appearance='outline']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-clear);
  box-shadow: inset 0 0 0 1px var(--tui-base-06);
}
[tuiAppearance][data-appearance='outline']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-clear);
  box-shadow: inset 0 0 0 1px var(--tui-base-06);
}
[tuiAppearance][data-appearance='outline'][data-state='active'],
[tuiAppearance][data-appearance='whiteblock'][data-state='active'] {
  background: var(--tui-clear);
  box-shadow: inset 0 0 0 1px var(--tui-base-06);
}
[tuiAppearance][data-appearance='outline']:checked,
[tuiAppearance][data-appearance='whiteblock']:checked,
[tuiAppearance][data-appearance='outline']._checked,
[tuiAppearance][data-appearance='whiteblock']._checked {
  box-shadow: inset 0 0 0 2px var(--tui-primary);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='outline']:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='outline']._checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']._checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    box-shadow: inset 0 0 0 2px var(--tui-primary-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='outline']:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='outline']._checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='whiteblock']._checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    box-shadow: inset 0 0 0 2px var(--tui-primary-hover);
  }
}
[tuiAppearance][data-appearance='outline']:checked[data-state='hover'],
[tuiAppearance][data-appearance='whiteblock']:checked[data-state='hover'],
[tuiAppearance][data-appearance='outline']._checked[data-state='hover'],
[tuiAppearance][data-appearance='whiteblock']._checked[data-state='hover'] {
  box-shadow: inset 0 0 0 2px var(--tui-primary-hover);
}
[tuiAppearance][data-appearance='outline']:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='outline']._checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']._checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  box-shadow: inset 0 0 0 2px var(--tui-primary-active);
}
[tuiAppearance][data-appearance='outline']:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='outline']._checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='whiteblock']._checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  box-shadow: inset 0 0 0 2px var(--tui-primary-active);
}
[tuiAppearance][data-appearance='outline']:checked[data-state='active'],
[tuiAppearance][data-appearance='whiteblock']:checked[data-state='active'],
[tuiAppearance][data-appearance='outline']._checked[data-state='active'],
[tuiAppearance][data-appearance='whiteblock']._checked[data-state='active'] {
  box-shadow: inset 0 0 0 2px var(--tui-primary-active);
}
[tuiAppearance][data-appearance='whiteblock'] {
  color: var(--tui-text-01);
}
[tuiAppearance][data-appearance='primary'] {
  background: var(--tui-primary);
  color: var(--tui-primary-text);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='primary']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-primary-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='primary']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-primary-hover);
  }
}
[tuiAppearance][data-appearance='primary'][data-state='hover'] {
  background: var(--tui-primary-hover);
}
[tuiAppearance][data-appearance='primary']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-primary-active);
}
[tuiAppearance][data-appearance='primary']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-primary-active);
}
[tuiAppearance][data-appearance='primary'][data-state='active'] {
  background: var(--tui-primary-active);
}
[tuiAppearance][data-appearance='secondary'],
[tuiAppearance][data-appearance='flat'],
[tuiAppearance][data-appearance='destructive'] {
  background: var(--tui-secondary);
  color: var(--tui-link);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='secondary']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='flat']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='destructive']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-secondary-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='secondary']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='flat']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
  [tuiAppearance][data-appearance='destructive']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-secondary-hover);
  }
}
[tuiAppearance][data-appearance='secondary'][data-state='hover'],
[tuiAppearance][data-appearance='flat'][data-state='hover'],
[tuiAppearance][data-appearance='destructive'][data-state='hover'] {
  background: var(--tui-secondary-hover);
}
[tuiAppearance][data-appearance='secondary']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='flat']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='destructive']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-secondary-active);
}
[tuiAppearance][data-appearance='secondary']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='flat']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance='destructive']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-secondary-active);
}
[tuiAppearance][data-appearance='secondary'][data-state='active'],
[tuiAppearance][data-appearance='flat'][data-state='active'],
[tuiAppearance][data-appearance='destructive'][data-state='active'] {
  background: var(--tui-secondary-active);
}
[tuiAppearance][data-appearance='flat'] {
  background: transparent;
}
[tuiAppearance][data-appearance='destructive'] {
  color: var(--tui-negative);
}
[tuiAppearance][data-appearance='error'] {
  color: var(--tui-text-01);
  background: var(--tui-error-bg);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='error']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-error-bg-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='error']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-error-bg-hover);
  }
}
[tuiAppearance][data-appearance='error'][data-state='hover'] {
  background: var(--tui-error-bg-hover);
}
[tuiAppearance][data-appearance='error']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-error-bg-hover);
}
[tuiAppearance][data-appearance='error']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-error-bg-hover);
}
[tuiAppearance][data-appearance='error'][data-state='active'] {
  background: var(--tui-error-bg-hover);
}
[tuiAppearance][data-appearance='success'] {
  color: var(--tui-text-01);
  background: var(--tui-success-bg);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='success']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-success-bg-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='success']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-success-bg-hover);
  }
}
[tuiAppearance][data-appearance='success'][data-state='hover'] {
  background: var(--tui-success-bg-hover);
}
[tuiAppearance][data-appearance='success']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-success-bg-hover);
}
[tuiAppearance][data-appearance='success']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-success-bg-hover);
}
[tuiAppearance][data-appearance='success'][data-state='active'] {
  background: var(--tui-success-bg-hover);
}
[tuiAppearance][data-appearance='warning'] {
  color: var(--tui-text-01);
  background: var(--tui-warning-bg);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='warning']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-warning-bg-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='warning']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-warning-bg-hover);
  }
}
[tuiAppearance][data-appearance='warning'][data-state='hover'] {
  background: var(--tui-warning-bg-hover);
}
[tuiAppearance][data-appearance='warning']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-warning-bg-hover);
}
[tuiAppearance][data-appearance='warning']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-warning-bg-hover);
}
[tuiAppearance][data-appearance='warning'][data-state='active'] {
  background: var(--tui-warning-bg-hover);
}
[tuiAppearance][data-appearance='info'] {
  color: var(--tui-text-01);
  background: var(--tui-info-bg);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='info']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-info-bg-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='info']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-info-bg-hover);
  }
}
[tuiAppearance][data-appearance='info'][data-state='hover'] {
  background: var(--tui-info-bg-hover);
}
[tuiAppearance][data-appearance='info']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-info-bg-hover);
}
[tuiAppearance][data-appearance='info']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-info-bg-hover);
}
[tuiAppearance][data-appearance='info'][data-state='active'] {
  background: var(--tui-info-bg-hover);
}
[tuiAppearance][data-appearance='neutral'] {
  color: var(--tui-text-01);
  background: var(--tui-neutral-bg);
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-neutral-bg-hover);
  }
}
@media (hover: hover) {
  [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
    background: var(--tui-neutral-bg-hover);
  }
}
[tuiAppearance][data-appearance='neutral'][data-state='hover'] {
  background: var(--tui-neutral-bg-hover);
}
[tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-neutral-bg-hover);
}
[tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
  background: var(--tui-neutral-bg-hover);
}
[tuiAppearance][data-appearance='neutral'][data-state='active'] {
  background: var(--tui-neutral-bg-hover);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='icon'][data-appearance='icon'] {
  transition-property: opacity;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-text-01);
  opacity: 0.5;
}
[tuiWrapper]:not([data-state='readonly']):hover .t-textfield-icon [tuiWrapper][data-appearance='icon'][data-appearance='icon']:not([data-state='disabled']) {
  opacity: 0.65;
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'] {
  color: var(--tui-text-01-night);
}
[tuiWrapper]:not([data-state='readonly']):hover .t-textfield-icon [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:not([data-state='disabled']) {
  opacity: 1;
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'] {
  --tui-focus: var(--tui-base-01);
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:focus-visible:focus-visible {
  --tui-focus: var(--tui-base-01);
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']._focused._focused {
  --tui-focus: var(--tui-base-01);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'][data-state='hover'] {
    opacity: 1;
  }
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='icon'][data-appearance='icon']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='hover'] {
    opacity: 0.65;
  }
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon']:active:not(._no-active),
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='active'],
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='active']:hover {
  opacity: 1;
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon']:disabled:disabled,
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='disabled'][data-state='disabled'] {
  opacity: calc(0.5 * var(--tui-disabled-opacity));
}
[tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='readonly'][data-state='readonly'] {
  pointer-events: none;
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='outline'] {
  background: transparent;
  color: var(--tui-text-01);
}
[tuiWrapper][data-appearance='outline']:after {
  color: var(--tui-base-04);
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark'] {
  color: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark']:after {
  color: var(--tui-text-01-night);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='outline'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='hover'] {
    background: var(--tui-clear-inverse-hover);
  }
  [tuiWrapper][data-appearance='outline'][data-mode='onDark']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='hover']:after {
    color: var(--tui-text-03-night);
  }
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:hover {
  background: var(--tui-clear-inverse-active);
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark']:active:not(._no-active):after,
[tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:after,
[tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:hover:after {
  color: var(--tui-text-03-night);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='outline'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='outline'][data-mode='onDark'] {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark']:focus-visible:focus-visible {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='outline'][data-mode='onDark']._focused._focused {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='outline'][data-mode='onLight'] {
  color: var(--tui-text-01);
}
[tuiWrapper][data-appearance='outline'][data-mode='onLight']:after {
  color: var(--tui-text-01);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='outline'][data-mode='onLight']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='hover'] {
    background: var(--tui-clear-hover);
  }
  [tuiWrapper][data-appearance='outline'][data-mode='onLight']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='hover']:after {
    color: var(--tui-text-03);
  }
}
[tuiWrapper][data-appearance='outline'][data-mode='onLight']:active:not(._no-active),
[tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active'],
[tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:hover {
  background: var(--tui-clear-active);
}
[tuiWrapper][data-appearance='outline'][data-mode='onLight']:active:not(._no-active):after,
[tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:after,
[tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:hover:after {
  color: var(--tui-text-03);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='outline']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='outline'][data-state='hover']:after {
    color: var(--tui-base-05);
  }
}
[tuiWrapper][data-appearance='outline']:active:not(._no-active):after,
[tuiWrapper][data-appearance='outline'][data-state='active']:after,
[tuiWrapper][data-appearance='outline'][data-state='active']:hover:after {
  color: var(--tui-base-06);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='primary'] {
  background: var(--tui-primary);
  color: var(--tui-primary-text);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='primary']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='primary'][data-state='hover'] {
    background: var(--tui-primary-hover);
  }
}
[tuiWrapper][data-appearance='primary']:active:not(._no-active),
[tuiWrapper][data-appearance='primary'][data-state='active'],
[tuiWrapper][data-appearance='primary'][data-state='active']:hover {
  background: var(--tui-primary-active);
}
[tuiWrapper][data-appearance='primary']:invalid:invalid,
[tuiWrapper][data-appearance='primary']._invalid._invalid {
  color: var(--tui-negative-night);
  background: var(--tui-error-bg);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='primary']:invalid:invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='primary']._invalid._invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='hover'],
  [tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='hover'] {
    background: var(--tui-error-bg-hover);
  }
}
[tuiWrapper][data-appearance='primary']:invalid:invalid:active:not(._no-active),
[tuiWrapper][data-appearance='primary']._invalid._invalid:active:not(._no-active),
[tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='active'],
[tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='active'],
[tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='active']:hover,
[tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='active']:hover {
  background: var(--tui-error-bg-hover);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='primary']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='primary']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='primary']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='primary']._invalid._invalid {
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='primary']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='primary']._invalid._invalid:focus-visible:focus-visible {
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='primary']:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance='primary']._invalid._invalid._focused._focused {
  --tui-focus: var(--tui-error-fill);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='accent'] {
  background: var(--tui-accent);
  color: var(--tui-accent-text);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='accent']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='accent'][data-state='hover'] {
    background: var(--tui-accent-hover);
  }
}
[tuiWrapper][data-appearance='accent']:active:not(._no-active),
[tuiWrapper][data-appearance='accent'][data-state='active'],
[tuiWrapper][data-appearance='accent'][data-state='active']:hover {
  background: var(--tui-accent-active);
}
[tuiWrapper][data-appearance='accent']:invalid:invalid,
[tuiWrapper][data-appearance='accent']._invalid._invalid {
  color: var(--tui-negative-night);
  background: var(--tui-error-bg);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='accent']:invalid:invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='accent']._invalid._invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='accent']:invalid:invalid[data-state='hover'],
  [tuiWrapper][data-appearance='accent']._invalid._invalid[data-state='hover'] {
    background: var(--tui-error-bg-hover);
  }
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='accent']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='accent']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='accent']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='accent']._invalid._invalid {
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='accent']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='accent']._invalid._invalid:focus-visible:focus-visible {
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='accent']:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance='accent']._invalid._invalid._focused._focused {
  --tui-focus: var(--tui-error-fill);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='floating'] {
  transition-property: background, box-shadow;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='floating']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='floating'][data-state='hover'] {
    box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
  }
}
[tuiWrapper][data-appearance='floating']:active:not(._no-active),
[tuiWrapper][data-appearance='floating'][data-state='active'],
[tuiWrapper][data-appearance='floating'][data-state='active']:hover {
  background: #f6f7f8;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='glass'] {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  --tui-focus: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='glass']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='glass'][data-state='hover'] {
    background: rgba(0, 0, 0, 0.48);
  }
}
[tuiWrapper][data-appearance='glass']:active:not(._no-active),
[tuiWrapper][data-appearance='glass'][data-state='active'],
[tuiWrapper][data-appearance='glass'][data-state='active']:hover {
  background: rgba(0, 0, 0, 0.6);
}
[tuiWrapper][data-appearance='glass'][data-mode='onDark'] {
  background: rgba(255, 255, 255, 0.3);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='glass'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='hover'] {
    background: rgba(255, 255, 255, 0.4);
  }
}
[tuiWrapper][data-appearance='glass'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='active']:hover {
  background: rgba(255, 255, 255, 0.5);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='secondary'],
[tuiWrapper][data-appearance='flat'],
[tuiWrapper][data-appearance='destructive'] {
  background: var(--tui-secondary);
  color: var(--tui-link);
}
[tuiWrapper][data-appearance='secondary'][data-mode='onDark'],
[tuiWrapper][data-appearance='flat'][data-mode='onDark'],
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'] {
  background: var(--tui-clear-inverse);
  color: var(--tui-text-01-night);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='secondary'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='flat'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='hover'],
  [tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='hover'],
  [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='hover'] {
    background: var(--tui-clear-inverse-hover);
  }
}
[tuiWrapper][data-appearance='secondary'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='flat'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='destructive'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='active']:hover,
[tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='active']:hover,
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active']:hover {
  background: var(--tui-clear-inverse-active);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary'][data-mode='onDark'],
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat'][data-mode='onDark'],
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='secondary'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='flat'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='destructive'][data-mode='onDark'] {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='secondary'][data-mode='onDark']:focus-visible:focus-visible,
[tuiWrapper][data-appearance='flat'][data-mode='onDark']:focus-visible:focus-visible,
[tuiWrapper][data-appearance='destructive'][data-mode='onDark']:focus-visible:focus-visible {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='secondary'][data-mode='onDark']._focused._focused,
[tuiWrapper][data-appearance='flat'][data-mode='onDark']._focused._focused,
[tuiWrapper][data-appearance='destructive'][data-mode='onDark']._focused._focused {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='secondary'][data-mode='onLight'],
[tuiWrapper][data-appearance='flat'][data-mode='onLight'],
[tuiWrapper][data-appearance='destructive'][data-mode='onLight'] {
  background: var(--tui-clear);
  color: var(--tui-text-01);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='secondary'][data-mode='onLight']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='flat'][data-mode='onLight']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive'][data-mode='onLight']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='hover'],
  [tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='hover'],
  [tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='hover'] {
    background: var(--tui-clear-hover);
  }
}
[tuiWrapper][data-appearance='secondary'][data-mode='onLight']:active:not(._no-active),
[tuiWrapper][data-appearance='flat'][data-mode='onLight']:active:not(._no-active),
[tuiWrapper][data-appearance='destructive'][data-mode='onLight']:active:not(._no-active),
[tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='active'],
[tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='active'],
[tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='active'],
[tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='active']:hover,
[tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='active']:hover,
[tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='active']:hover {
  background: var(--tui-clear-active);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='secondary']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='flat']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary'][data-state='hover'],
  [tuiWrapper][data-appearance='flat'][data-state='hover'],
  [tuiWrapper][data-appearance='destructive'][data-state='hover'] {
    background: var(--tui-secondary-hover);
  }
}
[tuiWrapper][data-appearance='secondary']:active:not(._no-active),
[tuiWrapper][data-appearance='flat']:active:not(._no-active),
[tuiWrapper][data-appearance='destructive']:active:not(._no-active),
[tuiWrapper][data-appearance='secondary'][data-state='active'],
[tuiWrapper][data-appearance='flat'][data-state='active'],
[tuiWrapper][data-appearance='destructive'][data-state='active'],
[tuiWrapper][data-appearance='secondary'][data-state='active']:hover,
[tuiWrapper][data-appearance='flat'][data-state='active']:hover,
[tuiWrapper][data-appearance='destructive'][data-state='active']:hover {
  background: var(--tui-secondary-active);
}
[tuiWrapper][data-appearance='secondary']:invalid:invalid,
[tuiWrapper][data-appearance='flat']:invalid:invalid,
[tuiWrapper][data-appearance='destructive']:invalid:invalid,
[tuiWrapper][data-appearance='secondary']._invalid._invalid,
[tuiWrapper][data-appearance='flat']._invalid._invalid,
[tuiWrapper][data-appearance='destructive']._invalid._invalid {
  color: var(--tui-negative);
  background: var(--tui-error-bg);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='secondary']:invalid:invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='flat']:invalid:invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive']:invalid:invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary']._invalid._invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='flat']._invalid._invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive']._invalid._invalid:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary']:invalid:invalid[data-state='hover'],
  [tuiWrapper][data-appearance='flat']:invalid:invalid[data-state='hover'],
  [tuiWrapper][data-appearance='destructive']:invalid:invalid[data-state='hover'],
  [tuiWrapper][data-appearance='secondary']._invalid._invalid[data-state='hover'],
  [tuiWrapper][data-appearance='flat']._invalid._invalid[data-state='hover'],
  [tuiWrapper][data-appearance='destructive']._invalid._invalid[data-state='hover'] {
    background: var(--tui-error-bg-hover);
  }
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary']._invalid._invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat']._invalid._invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='secondary']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='flat']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='destructive']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='secondary']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='flat']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='destructive']._invalid._invalid {
  --tui-focus: var(--tui-negative);
}
[tuiWrapper][data-appearance='secondary']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='flat']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='destructive']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='secondary']._invalid._invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='flat']._invalid._invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='destructive']._invalid._invalid:focus-visible:focus-visible {
  --tui-focus: var(--tui-negative);
}
[tuiWrapper][data-appearance='secondary']:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance='flat']:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance='destructive']:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance='secondary']._invalid._invalid._focused._focused,
[tuiWrapper][data-appearance='flat']._invalid._invalid._focused._focused,
[tuiWrapper][data-appearance='destructive']._invalid._invalid._focused._focused {
  --tui-focus: var(--tui-negative);
}
[tuiWrapper][data-appearance='flat'] {
  background: transparent;
}
[tuiWrapper][data-appearance='flat'][data-mode='onDark'],
[tuiWrapper][data-appearance='flat'][data-mode='onLight'] {
  background: transparent;
}
[tuiWrapper][data-appearance='destructive'] {
  color: var(--tui-negative);
  background: var(--tui-error-bg);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='destructive']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive'][data-state='hover'] {
    background: var(--tui-error-bg-hover);
  }
}
[tuiWrapper][data-appearance='destructive']:active:not(._no-active),
[tuiWrapper][data-appearance='destructive'][data-state='active'],
[tuiWrapper][data-appearance='destructive'][data-state='active']:hover {
  background: var(--tui-error-bg-hover);
}
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'] {
  color: var(--tui-negative-night);
  background: var(--tui-error-bg-night);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='hover'] {
    background: var(--tui-error-bg-night-hover);
  }
}
[tuiWrapper][data-appearance='destructive'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active']:hover {
  background: var(--tui-error-bg-night-hover);
}
/* stylelint-disable order/order */
tui-wrapper[data-appearance='secondary-destructive'],
[tuiWrapper][data-appearance='secondary-destructive'] {
  background: var(--tui-error-bg);
  color: var(--tui-negative);
}
tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'],
[tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'] {
  background: var(--tui-error-bg-night);
  color: var(--tui-negative-night);
}
@media (hover: hover) {
  tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark']:hover:not(._no-hover),
  tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='hover'],
  [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='hover'] {
    background: var(--tui-error-bg-night-hover);
  }
}
tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark']:active:not(._no-active),
tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active'],
tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active']:hover,
[tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active']:hover {
  background: var(--tui-error-bg-night-hover);
}
@media (hover: hover) {
  tui-wrapper[data-appearance='secondary-destructive']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='secondary-destructive']:hover:not(._no-hover),
  tui-wrapper[data-appearance='secondary-destructive'][data-state='hover'],
  [tuiWrapper][data-appearance='secondary-destructive'][data-state='hover'] {
    background: var(--tui-error-bg-hover);
  }
}
tui-wrapper[data-appearance='secondary-destructive']:active:not(._no-active),
[tuiWrapper][data-appearance='secondary-destructive']:active:not(._no-active),
tui-wrapper[data-appearance='secondary-destructive'][data-state='active'],
[tuiWrapper][data-appearance='secondary-destructive'][data-state='active'],
tui-wrapper[data-appearance='secondary-destructive'][data-state='active']:hover,
[tuiWrapper][data-appearance='secondary-destructive'][data-state='active']:hover {
  background: var(--tui-error-bg-hover);
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='table'] {
  border-radius: 0;
  background: transparent;
  color: var(--tui-text-01);
  /* stylelint-disable meowtec/no-px */
  /* stylelint-enable meowtec/no-px */
}
[tuiWrapper][data-appearance='table']:before,
[tuiWrapper][data-appearance='table'][data-appearance='table']:after {
  position: fixed;
  top: -0.5px;
  left: -1px;
  right: -0.5px;
  bottom: -1px;
}
[tuiWrapper][data-appearance='table']:before {
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  content: '';
  z-index: -1;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 0.5rem 0.5rem;
}
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='table'][data-appearance='table']:after {
  border-width: 1px;
  color: var(--tui-base-04);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='table'][data-mode='onDark'] {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='table'][data-mode='onDark']:focus-visible:focus-visible {
  --tui-focus: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='table'][data-mode='onDark']._focused._focused {
  --tui-focus: var(--tui-text-01-night);
}
@media (hover: hover) {
  [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-clear);
  }
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table'],
[data-focused='true'] > [tuiWrapper][data-appearance='table'] {
  background: transparent;
}
[tuiWrapper][data-appearance='table']:focus-visible:focus-visible {
  background: transparent;
}
[tuiWrapper][data-appearance='table']._focused._focused {
  background: transparent;
}
[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-error-fill) 50%, var(--tui-error-fill) 100%);
}
[tuiWrapper][data-appearance='table']:invalid:invalid:not(._focused):before,
[tuiWrapper][data-appearance='table']._invalid._invalid:not(._focused):before {
  background-color: var(--tui-error-bg);
}
@media (hover: hover) {
  [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-error-bg-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;
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']:invalid:invalid,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']._invalid._invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='table']:invalid:invalid,
[data-focused='true'] > [tuiWrapper][data-appearance='table']._invalid._invalid {
  background: transparent;
  --tui-focus: var(--tui-error-fill);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']:invalid:invalid:after,
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']._invalid._invalid:after,
[data-focused='true'] > [tuiWrapper][data-appearance='table']:invalid:invalid:after,
[data-focused='true'] > [tuiWrapper][data-appearance='table']._invalid._invalid:after {
  border-width: 1px;
}
[tuiWrapper][data-appearance='table']:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance='table']._invalid._invalid:focus-visible:focus-visible {
  background: transparent;
  --tui-focus: var(--tui-error-fill);
}
[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._focused._focused,
[tuiWrapper][data-appearance='table']._invalid._invalid._focused._focused {
  background: transparent;
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='table']:invalid:invalid._focused._focused:after,
[tuiWrapper][data-appearance='table']._invalid._invalid._focused._focused:after {
  border-width: 1px;
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='textfield'] {
  transition-property: box-shadow, background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  background: var(--tui-base-01);
  color: var(--tui-text-01);
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
}
[tuiWrapper][data-appearance='textfield'][data-appearance='textfield']:after {
  transition-property: color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-base-03);
}
@media (hover: hover) {
  [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);
  }
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'],
[data-focused='true'] > [tuiWrapper][data-appearance='textfield'] {
  box-shadow: none;
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield']:after,
[data-focused='true'] > [tuiWrapper][data-appearance='textfield']:after {
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield']:focus-visible:focus-visible {
  box-shadow: none;
}
[tuiWrapper][data-appearance='textfield']:focus-visible:focus-visible:after {
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield']._focused._focused {
  box-shadow: none;
}
[tuiWrapper][data-appearance='textfield']._focused._focused:after {
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield'][data-state='readonly'][data-state='readonly'] {
  box-shadow: none;
}
[tuiWrapper][data-appearance='textfield'][data-state='readonly'][data-state='readonly']:after {
  color: var(--tui-base-04);
}
[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-error-fill);
  --tui-focus: var(--tui-error-fill);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark'] {
  background: var(--tui-clear-inverse);
  color: var(--tui-text-01-night);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after {
  color: var(--tui-text-03-night);
  opacity: var(--tui-disabled-opacity);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='textfield'][data-mode='onDark'][data-state='hover'] {
    background: var(--tui-clear-inverse-hover);
  }
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark'][data-state='readonly'][data-state='readonly'] {
  background: transparent;
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onDark'] {
  background: rgba(255, 255, 255, 0.08);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after,
[data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after {
  transition: none;
  opacity: 1;
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']:focus-visible:focus-visible {
  background: rgba(255, 255, 255, 0.08);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']:focus-visible:focus-visible:after {
  transition: none;
  opacity: 1;
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']._focused._focused {
  background: rgba(255, 255, 255, 0.08);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']._focused._focused:after {
  transition: none;
  opacity: 1;
  --tui-focus: var(--tui-primary);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']:invalid:invalid:after,
[tuiWrapper][data-appearance='textfield'][data-mode='onDark']._invalid._invalid:after {
  --tui-focus: var(--tui-error-fill-night);
}
[tuiWrapper][data-appearance='textfield'][data-mode='onLight'] {
  background: var(--tui-clear);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='textfield'][data-mode='onLight']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='textfield'][data-mode='onLight'][data-state='hover'] {
    background: var(--tui-clear-hover);
  }
}
[tuiWrapper][data-appearance='textfield'][data-mode='onLight'][data-state='readonly'][data-state='readonly'] {
  background: transparent;
}
[tuiWrapper][data-appearance='textfield'][data-mode='onLight']:invalid:invalid:after,
[tuiWrapper][data-appearance='textfield'][data-mode='onLight']._invalid._invalid:after {
  color: var(--tui-error-fill);
}
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onLight'],
[data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onLight'] {
  background: transparent;
}
[tuiWrapper][data-appearance='textfield'][data-mode='onLight']:focus-visible:focus-visible {
  background: transparent;
}
[tuiWrapper][data-appearance='textfield'][data-mode='onLight']._focused._focused {
  background: transparent;
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='whiteblock'],
[tuiWrapper][data-appearance='whiteblock-active'] {
  background: var(--tui-base-01);
  color: var(--tui-text-01);
}
[tuiWrapper][data-appearance='whiteblock']:after,
[tuiWrapper][data-appearance='whiteblock-active']:after {
  color: var(--tui-base-04);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='whiteblock']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='whiteblock'][data-state='hover'],
  [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover'] {
    background: var(--tui-base-02);
  }
  [tuiWrapper][data-appearance='whiteblock']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='whiteblock'][data-state='hover']:after,
  [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover']:after {
    color: var(--tui-base-04);
  }
}
[tuiWrapper][data-appearance='whiteblock']:active:not(._no-active),
[tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active),
[tuiWrapper][data-appearance='whiteblock'][data-state='active'],
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active'],
[tuiWrapper][data-appearance='whiteblock'][data-state='active']:hover,
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover {
  background: var(--tui-base-02);
}
[tuiWrapper][data-appearance='whiteblock']:active:not(._no-active):after,
[tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active):after,
[tuiWrapper][data-appearance='whiteblock'][data-state='active']:after,
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:after,
[tuiWrapper][data-appearance='whiteblock'][data-state='active']:hover:after,
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover:after {
  color: var(--tui-base-04);
}
[tuiWrapper][data-appearance='whiteblock-active']:after {
  color: var(--tui-primary);
  border-width: 2px;
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover):after,
  [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover']:after {
    color: var(--tui-primary-hover);
  }
}
[tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active):after,
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:after,
[tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover:after {
  color: var(--tui-primary-active);
}
[tuiWrapper][data-appearance='none']:after {
  border: none;
}
/* stylelint-disable order/order */
[tuiWrapper][data-appearance='opposite'] {
  background: #000;
  color: #fff;
  --tui-focus: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='opposite']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='opposite'][data-state='hover'] {
    background: #333;
  }
}
[tuiWrapper][data-appearance='opposite']:active:not(._no-active),
[tuiWrapper][data-appearance='opposite'][data-state='active'],
[tuiWrapper][data-appearance='opposite'][data-state='active']:hover {
  background: #5c636b;
}
[tuiWrapper][data-appearance='opposite'][data-mode='onDark'] {
  color: rgba(0, 0, 0, 0.8);
  background: #fff;
  --tui-focus: rgba(51, 51, 51, 0.48);
}
@media (hover: hover) {
  [tuiWrapper][data-appearance='opposite'][data-mode='onDark']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='hover'] {
    background: #f3F4f6;
  }
}
[tuiWrapper][data-appearance='opposite'][data-mode='onDark']:active:not(._no-active),
[tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='active'],
[tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='active']:hover {
  background: #eaecee;
}
/* stylelint-disable order/order */
[tuiWrapper] {
  transition-property: color, background, opacity;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border-radius: inherit;
}
[tuiWrapper]:after {
  transition-property: box-shadow, 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: transparent;
}
:focus-visible:not([data-focused='false']) > [tuiWrapper]:after,
[data-focused='true'] > [tuiWrapper]:after {
  border-width: 2px;
  color: var(--tui-focus);
}
[tuiWrapper]:focus-visible:focus-visible:after {
  border-width: 2px;
  color: var(--tui-focus);
}
[tuiWrapper]._focused._focused:after {
  border-width: 2px;
  color: var(--tui-focus);
}
[tuiWrapper]:disabled:disabled,
[tuiWrapper][data-state='disabled'][data-state='disabled'] {
  pointer-events: none;
  opacity: var(--tui-disabled-opacity);
}
@supports (-webkit-hyphens: none) {
  :focus-visible [tuiWrapper],
  [tuiWrapper]:focus-visible {
    --tui-focus: transparent !important;
  }
}
/* stylelint-disable order/order */
tui-wrapper[data-appearance='mono'],
[tuiWrapper][data-appearance='mono'] {
  background: var(--tui-base-01);
  color: var(--tui-text-01);
}
@media (hover: hover) {
  tui-wrapper[data-appearance='mono']:hover:not(._no-hover),
  [tuiWrapper][data-appearance='mono']:hover:not(._no-hover),
  tui-wrapper[data-appearance='mono'][data-state='hover'],
  [tuiWrapper][data-appearance='mono'][data-state='hover'] {
    color: var(--tui-text-03);
  }
}
tui-wrapper[data-appearance='mono']:active:not(._no-active),
[tuiWrapper][data-appearance='mono']:active:not(._no-active),
tui-wrapper[data-appearance='mono'][data-state='active'],
[tuiWrapper][data-appearance='mono'][data-state='active'],
tui-wrapper[data-appearance='mono'][data-state='active']:hover,
[tuiWrapper][data-appearance='mono'][data-state='active']:hover {
  color: var(--tui-text-02);
}
:focus-visible:not([data-focused='false']) > tui-wrapper[data-appearance='mono'][data-mode='onDark'],
:focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='mono'][data-mode='onDark'],
[data-focused='true'] > tui-wrapper[data-appearance='mono'][data-mode='onDark'],
[data-focused='true'] > [tuiWrapper][data-appearance='mono'][data-mode='onDark'] {
  --tui-focus: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='mono'][data-mode='onDark']:focus-visible:focus-visible,
[tuiWrapper][data-appearance='mono'][data-mode='onDark']:focus-visible:focus-visible {
  --tui-focus: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='mono'][data-mode='onDark']._focused._focused,
[tuiWrapper][data-appearance='mono'][data-mode='onDark']._focused._focused {
  --tui-focus: var(--tui-text-01-night);
}
tui-primitive-calendar [data-type='weekday'] {
  color: var(--tui-text-01);
}
tui-primitive-calendar [data-type='weekend'] {
  color: var(--tui-negative);
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}

/* You can add global styles to this file, and also import other style files */
tui-doc-page section {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
li {
  margin-top: 0.5rem;
}
tui-doc-page {
  max-inline-size: 75rem;
}