:root,:host{--tui-duration: .3s;--tui-curve-expressive-standard: cubic-bezier(.4, .1, .2, 1);--tui-curve-expressive-entrance: cubic-bezier(.35, 1.3, .25, 1);--tui-curve-expressive-exit: cubic-bezier(.4, 0, 1, 1);--tui-curve-productive-standard: cubic-bezier(.2, 0, .4, .9);--tui-curve-productive-entrance: cubic-bezier(0, 0, .4, .9);--tui-curve-productive-exit: cubic-bezier(.2, 0, 1, 1)}:root,:host,[tuiTheme=light]{--tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, .1);--tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, .12);--tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, .12);--tui-shadow-medium-hover: 0px 18px 60px 0px rgba(0, 0, 0, .18);--tui-shadow-popup: 0px 8px 28px 0px rgba(0, 0, 0, .16)}:root,:host{--tui-typography-family-text: "Manrope", system-ui, sans-serif;--tui-typography-family-display: "Manrope", system-ui, sans-serif;--tui-font-offset: calc(var(--t-font-offset, 0) * 1px);--tui-font-scale: calc((22 + var(--t-font-offset, 0)) / 22);--tui-typography-heading-h1: bold calc(var(--tui-font-offset) + 3.125rem) / 1.12 var(--tui-typography-family-display);--tui-typography-heading-h2: bold calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-typography-family-display);--tui-typography-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-typography-family-display);--tui-typography-heading-h4: bold calc(var(--tui-font-offset) + 1.75rem) / calc(32 / 28) var(--tui-typography-family-display);--tui-typography-heading-h5: bold calc(var(--tui-font-offset) + 1.5rem) / calc(28 / 24) var(--tui-typography-family-display);--tui-typography-heading-h6: bold calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-typography-family-display);--tui-typography-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(28 / 17) var(--tui-typography-family-text);--tui-typography-body-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5 var(--tui-typography-family-text);--tui-typography-body-s: normal calc(var(--tui-font-offset) + .875rem) / calc(20 / 14) var(--tui-typography-family-text);--tui-typography-body-xs: normal calc(var(--tui-font-offset) + .75rem) / calc(16 / 12) var(--tui-typography-family-text);--tui-typography-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-typography-family-text);--tui-typography-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25 var(--tui-typography-family-text);--tui-typography-ui-s: normal calc(var(--tui-font-offset) + .875rem) / calc(16 / 14) var(--tui-typography-family-text);--tui-typography-ui-xs: normal calc(var(--tui-font-offset) + .75rem) / 1.25 var(--tui-typography-family-text);--tui-typography-ui-2xs: normal calc(var(--tui-font-offset) + .6875rem) / calc(12 / 11) var(--tui-typography-family-text);--tui-radius-xs: .25rem;--tui-radius-s: .5rem;--tui-radius-m: .625rem;--tui-radius-l: .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: .625rem;--tui-padding-m: .75rem;--tui-padding-l: 1rem;--tui-stroke-width: .125rem;--tui-disabled-opacity: .56;--tui-lh: 1.4em;--tui-inline-start: left;--tui-inline-end: right;--tui-inline: 1;--tui-duration-slowest: calc(var(--tui-duration) / .429);--tui-duration-slow: calc(var(--tui-duration) / .6);--tui-duration-fast: calc(var(--tui-duration) / 2);--tui-duration-fastest: calc(var(--tui-duration) / 4)}@supports (font-size: 1lh){:root,:host{--tui-lh: 1lh}}[dir=rtl]{--tui-inline-start: right;--tui-inline-end: left;--tui-inline: -1}@media screen{[tuiTheme=dark]{color-scheme:dark;--tui-background-base: #222;--tui-background-base-alt: #333;--tui-background-neutral-1: rgba(255, 255, 255, .08);--tui-background-neutral-1-hover: rgba(255, 255, 255, .16);--tui-background-neutral-1-pressed: rgba(255, 255, 255, .24);--tui-background-neutral-2: rgba(255, 255, 255, .24);--tui-background-neutral-2-hover: rgba(255, 255, 255, .32);--tui-background-neutral-2-pressed: rgba(255, 255, 255, .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, .14);--tui-border-hover: rgba(255, 255, 255, .6);--tui-border-focus: rgba(255, 255, 255, .64);--tui-status-negative: #ff4d4d;--tui-status-negative-pale: rgba(255, 77, 77, .24);--tui-status-negative-pale-hover: rgba(255, 77, 77, .32);--tui-status-positive: #4ac99b;--tui-status-positive-pale: rgba(74, 201, 155, .32);--tui-status-positive-pale-hover: rgba(74, 201, 155, .4);--tui-status-warning: #ffc700;--tui-status-warning-pale: rgba(255, 199, 0, .32);--tui-status-warning-pale-hover: rgba(255, 199, 0, .4);--tui-status-info: #70b6f6;--tui-status-info-pale: rgba(112, 182, 246, .32);--tui-status-info-pale-hover: rgba(112, 182, 246, .4);--tui-status-neutral: #959ba4;--tui-text-primary: #ffffff;--tui-text-secondary: rgba(255, 255, 255, .72);--tui-text-tertiary: rgba(255, 255, 255, .6);--tui-text-action: #6788ff;--tui-text-action-hover: #526ed3;--tui-text-positive: #44c596;--tui-text-positive-hover: #3aa981;--tui-text-negative: #ff4d4d;--tui-text-negative-hover: #f66}[tuiTheme=light]{color-scheme:light}:root,:host,[tuiTheme=light]{--tui-background-base: #fff;--tui-background-base-alt: #f6f6f6;--tui-background-neutral-1: rgba(0, 0, 0, .04);--tui-background-neutral-1-hover: rgba(0, 0, 0, .08);--tui-background-neutral-1-pressed: rgba(0, 0, 0, .12);--tui-background-neutral-2: rgba(0, 0, 0, .08);--tui-background-neutral-2-hover: rgba(0, 0, 0, .1);--tui-background-neutral-2-pressed: rgba(0, 0, 0, .14);--tui-background-accent-1: #526ed3;--tui-background-accent-1-hover: #6c86e2;--tui-background-accent-1-pressed: #314692;--tui-background-accent-2: #ff7043;--tui-background-accent-2-hover: #ff9a94;--tui-background-accent-2-pressed: #e7716a;--tui-background-accent-opposite: #000;--tui-background-accent-opposite-hover: #333;--tui-background-accent-opposite-pressed: #808080;--tui-background-elevation-1: #fff;--tui-background-elevation-2: #fff;--tui-background-elevation-3: #fff;--tui-service-autofill-background: #fff5c0;--tui-service-selection-background: rgba(112, 182, 246, .12);--tui-service-backdrop: rgba(0, 0, 0, .75);--tui-border-normal: rgba(0, 0, 0, .1);--tui-border-hover: rgba(0, 0, 0, .16);--tui-border-focus: rgba(51, 51, 51, .64);--tui-status-negative: #ff291a;--tui-status-negative-pale: rgba(245, 34, 34, .08);--tui-status-negative-pale-hover: rgba(245, 34, 34, .16);--tui-status-positive: #4ac99b;--tui-status-positive-pale: rgba(74, 201, 155, .12);--tui-status-positive-pale-hover: rgba(74, 201, 155, .24);--tui-status-warning: #ffc700;--tui-status-warning-pale: rgba(255, 199, 0, .12);--tui-status-warning-pale-hover: rgba(255, 199, 0, .24);--tui-status-info: #70b6f6;--tui-status-info-pale: rgba(112, 182, 246, .12);--tui-status-info-pale-hover: rgba(112, 182, 246, .24);--tui-status-neutral: #79818c;--tui-text-primary: #1b1f3b;--tui-text-secondary: rgba(27, 31, 59, .65);--tui-text-tertiary: rgba(27, 31, 59, .4);--tui-text-primary-on-accent-1: #fff;--tui-text-primary-on-accent-2: #fff;--tui-text-action: #4c66c3;--tui-text-action-hover: #6c86e2;--tui-text-positive: #008764;--tui-text-positive-hover: #7ac5aa;--tui-text-negative: #eb1700;--tui-text-negative-hover: #ff4d4d;--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 .25rem 1.25rem rgba(0, 0, 0, .1);--tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, .14);--tui-shadow-medium: 0 .375rem 2rem rgba(0, 0, 0, .12);--tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, .18);--tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, .2)}}@media print{:root,:host,[tuiTheme]{color-scheme:light;--tui-background-base: #fff;--tui-background-base-alt: #f6f6f6;--tui-background-neutral-1: rgba(0, 0, 0, .04);--tui-background-neutral-1-hover: rgba(0, 0, 0, .08);--tui-background-neutral-1-pressed: rgba(0, 0, 0, .12);--tui-background-neutral-2: rgba(0, 0, 0, .08);--tui-background-neutral-2-hover: rgba(0, 0, 0, .1);--tui-background-neutral-2-pressed: rgba(0, 0, 0, .14);--tui-background-accent-1: #526ed3;--tui-background-accent-1-hover: #6c86e2;--tui-background-accent-1-pressed: #314692;--tui-background-accent-2: #ff7043;--tui-background-accent-2-hover: #ff9a94;--tui-background-accent-2-pressed: #e7716a;--tui-background-accent-opposite: #000;--tui-background-accent-opposite-hover: #333;--tui-background-accent-opposite-pressed: #808080;--tui-background-elevation-1: #fff;--tui-background-elevation-2: #fff;--tui-background-elevation-3: #fff;--tui-service-autofill-background: #fff5c0;--tui-service-selection-background: rgba(112, 182, 246, .12);--tui-service-backdrop: rgba(0, 0, 0, .75);--tui-border-normal: rgba(0, 0, 0, .1);--tui-border-hover: rgba(0, 0, 0, .16);--tui-border-focus: rgba(51, 51, 51, .64);--tui-status-negative: #ff291a;--tui-status-negative-pale: rgba(245, 34, 34, .08);--tui-status-negative-pale-hover: rgba(245, 34, 34, .16);--tui-status-positive: #4ac99b;--tui-status-positive-pale: rgba(74, 201, 155, .12);--tui-status-positive-pale-hover: rgba(74, 201, 155, .24);--tui-status-warning: #ffc700;--tui-status-warning-pale: rgba(255, 199, 0, .12);--tui-status-warning-pale-hover: rgba(255, 199, 0, .24);--tui-status-info: #70b6f6;--tui-status-info-pale: rgba(112, 182, 246, .12);--tui-status-info-pale-hover: rgba(112, 182, 246, .24);--tui-status-neutral: #79818c;--tui-text-primary: #1b1f3b;--tui-text-secondary: rgba(27, 31, 59, .65);--tui-text-tertiary: rgba(27, 31, 59, .4);--tui-text-primary-on-accent-1: #fff;--tui-text-primary-on-accent-2: #fff;--tui-text-action: #4c66c3;--tui-text-action-hover: #6c86e2;--tui-text-positive: #008764;--tui-text-positive-hover: #7ac5aa;--tui-text-negative: #eb1700;--tui-text-negative-hover: #ff4d4d;--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 .25rem 1.25rem rgba(0, 0, 0, .1);--tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, .14);--tui-shadow-medium: 0 .375rem 2rem rgba(0, 0, 0, .12);--tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, .18);--tui-shadow-popup: 0 1.25rem 3rem rgba(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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){background:var(--tui-background-accent-2-hover)}}[tuiAppearance][data-appearance=accent][data-state=hover]{background:var(--tui-background-accent-2-hover)}[tuiAppearance][data-appearance=accent]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){background:var(--tui-background-accent-2-pressed)}[tuiAppearance][data-appearance=accent][data-state=active]{background:var(--tui-background-accent-2-pressed)}[tuiAppearance][data-appearance=action]{color:var(--tui-text-action);background:transparent}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-action-hover)}}[tuiAppearance][data-appearance=action][data-state=hover]{color:var(--tui-text-action-hover)}[tuiAppearance][data-appearance=action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){color:var(--tui-text-action-hover)}[tuiAppearance][data-appearance=action][data-state=active]{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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-negative-hover)}}[tuiAppearance][data-appearance=action-destructive][data-state=hover]{color:var(--tui-text-negative-hover)}[tuiAppearance][data-appearance=action-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){color:var(--tui-text-negative-hover)}[tuiAppearance][data-appearance=action-destructive][data-state=active]{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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-primary)}}[tuiAppearance][data-appearance=action-grayscale][data-state=hover]{color:var(--tui-text-primary)}[tuiAppearance][data-appearance=action-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){color:var(--tui-text-primary)}[tuiAppearance][data-appearance=action-grayscale][data-state=active]{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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=flat-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=flat-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=flat]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=flat-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=flat-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){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-destructive]{color:var(--tui-text-negative)}[tuiAppearance][data-appearance=flat-grayscale]{color:var(--tui-text-primary)}[tuiAppearance][data-appearance=floating]{background-color:var(--tui-background-elevation-2);color:var(--tui-text-primary);box-shadow:var(--tui-shadow-small)}[tuiAppearance][data-appearance=floating]:before,[tuiAppearance][data-appearance=floating]:after{transition-property:color}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){box-shadow:var(--tui-shadow-small-hover)}}[tuiAppearance][data-appearance=floating][data-state=hover]{box-shadow:var(--tui-shadow-small-hover)}[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){background-color:var(--tui-background-base-alt);box-shadow:var(--tui-shadow-small)}[tuiAppearance][data-appearance=floating][data-state=active]{background-color:var(--tui-background-base-alt);box-shadow:var(--tui-shadow-small)}[tuiAppearance][data-appearance=outline],[tuiAppearance][data-appearance=outline-destructive],[tuiAppearance][data-appearance=outline-grayscale]{--t-bs: var(--tui-border-normal);background:transparent;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=outline][data-mode~=checked],[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked],[tuiAppearance][data-appearance=outline-grayscale][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]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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=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]{--t-bs: var(--tui-background-accent-1-hover)}[tuiAppearance][data-appearance=outline]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--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=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]{--t-bs: var(--tui-background-accent-1-pressed)}[tuiAppearance][data-appearance=outline]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=outline-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=outline-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=outline]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=outline-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=outline-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){box-shadow:inset 0 0 0 1px var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=outline]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):checked,[tuiAppearance][data-appearance=outline]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked],[tuiAppearance][data-appearance=outline-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked],[tuiAppearance][data-appearance=outline-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked],[tuiAppearance][data-appearance=outline]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked],[tuiAppearance][data-appearance=outline-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked],[tuiAppearance][data-appearance=outline-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-mode~=checked]{box-shadow:inset 0 0 0 2px var(--tui-status-negative)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=outline]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){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]{cursor:pointer;--t-bs: var(--tui-border-hover)}[tuiAppearance][data-appearance=outline]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){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]{background:var(--tui-background-neutral-1);--t-bs: var(--tui-border-hover)}[tuiAppearance][data-appearance=outline-grayscale]{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]{color:var(--tui-text-primary)}[tuiAppearance][data-appearance=icon]:before,[tuiAppearance][data-appearance=outline-grayscale]:before,[tuiAppearance][data-appearance=floating]:before,[tuiAppearance][data-appearance=icon]:after,[tuiAppearance][data-appearance=outline-grayscale]:after,[tuiAppearance][data-appearance=floating]:after{transition-property:color,transform;color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=icon]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):before,[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):before,[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):before,[tuiAppearance][data-appearance=icon]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):after,[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):after,[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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=icon][data-state=hover]:after,[tuiAppearance][data-appearance=outline-grayscale][data-state=hover]:after,[tuiAppearance][data-appearance=floating][data-state=hover]:after{color:var(--tui-text-secondary)}[tuiAppearance][data-appearance=icon]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):before,[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):before,[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):before,[tuiAppearance][data-appearance=icon]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):after,[tuiAppearance][data-appearance=outline-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):after,[tuiAppearance][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible):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=icon][data-state=active]:after,[tuiAppearance][data-appearance=outline-grayscale][data-state=active]:after,[tuiAppearance][data-appearance=floating][data-state=active]: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]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=primary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){background:var(--tui-status-negative)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=primary]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=primary]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--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-destructive]{color:#fff;background:var(--tui-status-negative)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=primary-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){filter:saturate(1) brightness(1.3)}}[tuiAppearance][data-appearance=primary-destructive][data-state=hover]{filter:saturate(1) brightness(1.3)}[tuiAppearance][data-appearance=primary-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){filter:saturate(.8) brightness(1)}[tuiAppearance][data-appearance=primary-destructive][data-state=active]{filter:saturate(.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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=primary-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){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=secondary],[tuiAppearance][data-appearance=secondary-destructive],[tuiAppearance][data-appearance=secondary-grayscale]{background:var(--tui-background-neutral-1);color:var(--tui-text-action)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=secondary]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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]{background:var(--tui-background-neutral-1-hover)}[tuiAppearance][data-appearance=secondary]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){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]{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=secondary][data-mode~=checked],[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked],[tuiAppearance][data-appearance=secondary-grayscale][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]){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]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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=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=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]{background:var(--tui-background-accent-1-hover)}[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){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=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=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]{background:var(--tui-background-accent-1-pressed)}[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){background:var(--tui-status-negative);color:#fff}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){background:var(--tui-status-negative);color:#fff}}[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover]{background:var(--tui-status-negative);color:#fff}[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){background:var(--tui-status-negative);color:#fff}[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active]{background:var(--tui-status-negative);color:#fff}[tuiAppearance][data-appearance=secondary]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){color:var(--tui-text-negative);background:var(--tui-status-negative-pale)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=secondary]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-negative-hover);background:var(--tui-status-negative-pale-hover)}}[tuiAppearance][data-appearance=secondary]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover],[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover]{color:var(--tui-text-negative-hover);background:var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=secondary]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible),[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){color:var(--tui-text-negative-hover);background:var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=secondary]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-destructive]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active],[tuiAppearance][data-appearance=secondary-grayscale]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=active]{color:var(--tui-text-negative-hover);background:var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=secondary-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=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=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=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=negative]{--t-bg: var(--tui-status-negative-pale)}[tuiAppearance][data-appearance=negative]:before,[tuiAppearance][data-appearance=negative]:after{color:var(--tui-status-negative)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=negative]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){--t-bg: var(--tui-status-negative-pale-hover)}}[tuiAppearance][data-appearance=negative][data-state=hover]{--t-bg: var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=negative]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--t-bg: var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=negative][data-state=active]{--t-bg: var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=negative]:checked:not([data-mode]),[tuiAppearance][data-appearance=negative][data-mode~=checked]{background:var(--tui-status-negative)}[tuiAppearance][data-appearance=positive]{--t-bg: var(--tui-status-positive-pale)}[tuiAppearance][data-appearance=positive]:before,[tuiAppearance][data-appearance=positive]:after{color:var(--tui-status-positive)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=positive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){--t-bg: var(--tui-status-positive-pale-hover)}}[tuiAppearance][data-appearance=positive][data-state=hover]{--t-bg: var(--tui-status-positive-pale-hover)}[tuiAppearance][data-appearance=positive]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--t-bg: var(--tui-status-positive-pale-hover)}[tuiAppearance][data-appearance=positive][data-state=active]{--t-bg: var(--tui-status-positive-pale-hover)}[tuiAppearance][data-appearance=positive]:checked:not([data-mode]),[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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=warning]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--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]: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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=info]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--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]: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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[tuiAppearance][data-appearance=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]):where(:hover,:focus-visible){--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]:checked:not([data-mode]),[tuiAppearance][data-appearance=neutral][data-mode~=checked]{background:var(--tui-status-neutral)}[tuiAppearance][data-appearance=table]{min-block-size:calc(100% + 1px);border-radius:0!important;background:transparent;color:var(--tui-text-primary);border:none;outline:none;margin:-1px -1px 0;overflow:hidden}[tuiAppearance][data-appearance=table]:not(tui-textfield[multi],tui-input-card-group) [tuiInput]:not(textarea){border-block-end:100rem solid transparent;box-sizing:content-box}[tuiAppearance][data-appearance=table]:before,[tuiAppearance][data-appearance=table]:after{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=table]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state])[data-focus=false]{background-color:var(--tui-background-neutral-1)}[tuiAppearance][data-appearance=table]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):before,[tuiAppearance][data-appearance=table]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]):after{color:var(--tui-text-secondary)}}[tuiAppearance][data-appearance=table]:not([data-mode~=readonly])[data-state=hover][data-focus=false]{background-color:var(--tui-background-neutral-1)}[tuiAppearance][data-appearance=table]:not([data-mode~=readonly])[data-state=hover]:before,[tuiAppearance][data-appearance=table]:not([data-mode~=readonly])[data-state=hover]:after{color:var(--tui-text-secondary)}[tuiAppearance][data-appearance=table]:focus-visible:not([data-focus=false]){border-image:conic-gradient(var(--tui-border-focus) 0 0) 1 / .125rem / 0 0 1px}[tuiAppearance][data-appearance=table][data-focus=true]{border-image:conic-gradient(var(--tui-border-focus) 0 0) 1 / .125rem / 0 0 1px}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){background:linear-gradient(to top right,transparent 0% 50%,var(--tui-status-negative) 50% 100%) top right / .5rem .5rem no-repeat border-box}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-focus=false],[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-focus=false]{background-color:var(--tui-status-negative-pale)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state])[data-focus=false],[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state])[data-focus=false]{background-color:var(--tui-status-negative-pale-hover)}}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover][data-focus=false],[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=hover][data-focus=false]{background-color:var(--tui-status-negative-pale-hover)}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):disabled:not([data-state]),[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):disabled:not([data-state]),[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=disabled],[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-state=disabled]{background:transparent;outline:none}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):focus-visible:not([data-focus=false]),[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled):focus-visible:not([data-focus=false]){background-color:transparent;border-image:conic-gradient(var(--tui-status-negative) 0 0) 1 / 1px / 0 0 1px}[tuiAppearance][data-appearance=table]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-focus=true],[tuiAppearance][data-appearance=table]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[data-focus=true]{background-color:transparent;border-image:conic-gradient(var(--tui-status-negative) 0 0) 1 / 1px / 0 0 1px}[tuiAppearance][data-appearance=textfield]{transition-property:box-shadow,background-color,outline-color,border-color,color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-shadow: 0 .125rem .1875rem rgba(0, 0, 0, .1);background-color:var(--tui-background-base);color:var(--tui-text-tertiary);box-shadow:var(--t-shadow);outline:1px solid var(--tui-border-normal);outline-offset:-1px;border-width:0}[tuiAppearance][data-appearance=textfield]:is(input,textarea,select){color:var(--tui-text-primary)!important}[tuiAppearance][data-appearance=textfield]:before,[tuiAppearance][data-appearance=textfield]:after{transition-property:transform}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=textfield]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){--t-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .16);color:var(--tui-text-secondary)}}[tuiAppearance][data-appearance=textfield]:not([data-mode~=readonly])[data-state=hover]{--t-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .16);color:var(--tui-text-secondary)}[tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]){box-shadow:none;outline:.125rem solid var(--tui-background-accent-1);outline-offset:-.125rem}[tuiAppearance][data-appearance=textfield][data-focus=true]{box-shadow:none;outline:.125rem solid var(--tui-background-accent-1);outline-offset:-.125rem}[tuiAppearance][data-appearance=textfield]:disabled:not([data-state]),[tuiAppearance][data-appearance=textfield][data-state=disabled]{box-shadow:none}[tuiAppearance][data-appearance=textfield]:is([data-mode~=invalid],.tui-invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled),[tuiAppearance][data-appearance=textfield]:invalid:not(._untouched):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled){outline-color:var(--tui-status-negative)}[tuiAppearance][data-appearance=textfield][data-mode~=readonly],[tuiAppearance][data-appearance=textfield][data-state=disabled],[tuiAppearance][data-appearance=textfield]:disabled,[tuiAppearance][data-appearance=textfield]._disabled{background:transparent!important;box-shadow:none!important;outline-color:var(--tui-border-normal)!important}[tuiAppearance][data-appearance=textfield] [tuiInput][chrome-autofilled],[tuiAppearance][data-appearance=textfield] [tuiInput]:-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;clip-path:inset(.125rem round calc(var(--tui-radius-m) - .125rem))}[tuiAppearance][data-appearance=textfield][data-size=l] [tuiInput][chrome-autofilled],[tuiAppearance][data-appearance=textfield][data-size=l] [tuiInput]:-webkit-autofill{clip-path:inset(.125rem round calc(var(--tui-radius-l) - .125rem))}[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]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]),[tuiTheme=dark][tuiAppearance][data-appearance=textfield]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover: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)}[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}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url("./media/noto-sans-thai-thai-400-normal-BXXLFHTJ.woff2") format("woff2"),url("./media/noto-sans-thai-thai-400-normal-HJOYPAAW.woff") format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url("./media/noto-sans-thai-latin-ext-400-normal-GWE4NWOX.woff2") format("woff2"),url("./media/noto-sans-thai-latin-ext-400-normal-G75CHT3M.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url("./media/noto-sans-thai-latin-400-normal-W3URNQSD.woff2") format("woff2"),url("./media/noto-sans-thai-latin-400-normal-4XWLPCXN.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url("./media/noto-sans-thai-thai-600-normal-Q4NFZHYH.woff2") format("woff2"),url("./media/noto-sans-thai-thai-600-normal-FTSWGG55.woff") format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url("./media/noto-sans-thai-latin-ext-600-normal-LMHIXXCH.woff2") format("woff2"),url("./media/noto-sans-thai-latin-ext-600-normal-SGOBCFWF.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url("./media/noto-sans-thai-latin-600-normal-LBSMSG5Q.woff2") format("woff2"),url("./media/noto-sans-thai-latin-600-normal-LJ5FJSCW.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url("./media/noto-sans-thai-thai-700-normal-R3YF43OD.woff2") format("woff2"),url("./media/noto-sans-thai-thai-700-normal-CR7KDMFT.woff") format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url("./media/noto-sans-thai-latin-ext-700-normal-AE5KLB3C.woff2") format("woff2"),url("./media/noto-sans-thai-latin-ext-700-normal-RKQ2TZEA.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url("./media/noto-sans-thai-latin-700-normal-5EWUHDFJ.woff2") format("woff2"),url("./media/noto-sans-thai-latin-700-normal-X3IVMWMM.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tui-typography-family-text: "Noto Sans Thai", sans-serif;--tui-typography-family-display: "Noto Sans Thai", sans-serif;--tui-background-accent-1: #1e40af;--tui-background-accent-1-hover: #1e3a8a;--tui-background-accent-1-pressed: #172554;--tui-text-action: #1d4ed8;--tui-radius-m: 12px;--tui-radius-l: 18px;color:#1e293b;background:#f8fafc;font-family:Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#1e40af;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button,[tuiButton],[tuiIconButton],[role=button],input[type=button],input[type=submit],input[type=reset]{margin-inline-start:0!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.4}h2{line-height:1.5}p{line-height:1.8}label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600}input,select{max-width:100%;min-width:0}select{padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}tui-textfield{width:100%}tui-textfield input,tui-textfield select{width:100%;min-height:48px;background:transparent;border:0;padding:12px 14px}tui-loader{display:inline-flex}tui-notification{display:block;margin:0 0 20px}dl{margin-top:24px}dt{font-weight:600;margin-top:16px}dd{margin:4px 0;overflow-wrap:anywhere}.brand{font-size:1.8rem;font-weight:700;color:#1e3a8a;letter-spacing:-1px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:2px;color:#1e40af}.muted{color:#64748b}.card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:24px;margin-bottom:24px;min-width:0}.field{margin-bottom:18px}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.full{width:100%;margin:16px 0 24px}.check,.checks label{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:400}.checks{max-height:260px;overflow:auto;padding:8px}.credential{padding:12px;background:#f1f5f9;border-radius:8px;font-family:monospace;-webkit-user-select:all;user-select:all}.portrait-upload{position:relative;aspect-ratio:1;box-sizing:border-box;padding:0;border:1px solid var(--tui-border-normal);background:transparent;font-family:inherit;cursor:pointer;transition:border-color .16s,box-shadow .16s}.portrait-upload:hover:not(:disabled){border-color:var(--tui-text-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--tui-background-accent-1) 14%,transparent)}.portrait-upload:focus-visible{outline:2px solid var(--tui-text-action);outline-offset:3px}.portrait-upload:disabled{cursor:wait}.portrait-upload-indicator{position:absolute;inset-inline-end:4px;bottom:4px;z-index:1;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--tui-border-normal);border-radius:8px;background:var(--tui-background-base);color:var(--tui-text-action);box-shadow:0 2px 5px #00000014}.portrait-upload-indicator tui-icon{width:14px;height:14px;font-size:14px}.language-switch{min-height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 24px}.language-flag{display:grid;place-items:center;width:44px;height:44px;padding:6px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.language-flag svg{width:30px;height:20px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #0f172a20}.language-flag:hover{background:#f1f5f9}.language-flag[aria-pressed=true]{border-color:#1e40af;background:#eff6ff}.language-flag:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 54px)}.auth-art{background:#1e3a8a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:60px}.auth-art .brand{color:#fff}.auth-art h1{max-width:440px;font-size:2.9rem}.auth-art .eyebrow{color:#bfdbfe}.auth-footnote{max-width:520px;font-size:.75rem;color:#dbeafe}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-card{max-width:420px;width:100%}.auth-card h2{font-size:2rem}.auth-card--register{max-width:520px}.register-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.register-hint{margin:6px 0 0;font-size:.75rem}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--tui-text-secondary, #64748b);font-size:.75rem}.password-strength__bars{display:flex;gap:4px;flex:1}.password-strength__bars span{height:5px;flex:1;border-radius:3px;background:var(--tui-background-neutral-1, #e2e8f0)}.password-strength[data-strength="1"] .active{background:#dc6b62}.password-strength[data-strength="2"] .active{background:#d99c37}.password-strength[data-strength="3"] .active{background:#6385b6}.password-strength[data-strength="4"] .active{background:#285493}.register-signin{margin:20px 0 0;color:var(--tui-text-secondary, #64748b)}.join-request-loading{display:flex;align-items:center;gap:12px;padding:22px 0;color:var(--tui-text-secondary, #64748b)}.join-request-card{display:grid;gap:14px;margin:24px 0;padding:24px;border:1px solid var(--tui-border-normal, #dce3ec);border-radius:20px;background:var(--tui-background-neutral-1, #f8fafc);box-shadow:0 12px 30px #1e3a8a0b}.join-request-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--tui-text-action, #1e40af) 12%,transparent);color:var(--tui-text-action, #1e40af);font-size:.75rem;font-weight:700}.join-request-badge tui-icon{font-size:.9rem}.join-request-card h3,.join-request-card p{margin:0}.join-request-card h3{font-size:1.15rem}.join-request-card p,.join-request-meta{color:var(--tui-text-secondary, #64748b);font-size:.85rem}.join-request-meta{display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:12px;border-top:1px solid var(--tui-border-normal, #dce3ec);overflow-wrap:anywhere}.join-request-card button{justify-self:start}@media(max-width:520px){.register-name-grid{grid-template-columns:1fr;gap:0}}.mobile-brand{display:none}.registration-agreement{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:baseline;gap:10px;margin-block:16px;font-size:.8rem;line-height:1.7}.registration-agreement label{display:inline;margin-block:0;margin-inline-end:4px;font:inherit;cursor:pointer}.registration-agreement input{width:16px;height:16px;accent-color:var(--tui-text-action);margin:0;vertical-align:middle}.agreement-checkbox{position:relative;display:inline-flex;align-self:start;margin-top:3px}.registration-agreement.needs-attention .agreement-checkbox:after{content:"";position:absolute;inset-block-start:5px;inset-inline-start:5px;width:6px;height:6px;border-radius:50%;background:var(--tui-text-negative, #dc2626);pointer-events:none;animation:agreement-pulse 1.5s ease-out infinite}@keyframes agreement-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--tui-text-negative, #dc2626) 60%,transparent)}to{box-shadow:0 0 0 4px transparent}}@media(prefers-reduced-motion:reduce){.registration-agreement.needs-attention .agreement-checkbox:after{animation:none}}.auth-divider{display:flex;align-items:center;gap:12px;margin-block:20px;color:var(--tui-text-secondary);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--tui-border-normal)}.auth-policy-links{font-size:.75rem;line-height:1.7}.workspace-dock{--dock-expanded-height: 84px;block-size:var(--dock-expanded-height);overflow:hidden;position:fixed;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;max-width:calc(100vw - 32px);background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 16px 45px #1e3a8a20;padding:0;transition:block-size .24s ease,box-shadow .24s ease}.workspace-dock.is-collapsed{block-size:30px;box-shadow:0 4px 20px #1e3a8a18}.workspace-dock>.dock-peek{position:absolute;inset:5px 8px auto;display:flex;align-items:center;gap:4px;width:calc(100% - 16px);height:20px;padding:5px 8px;border:0;border-radius:999px;background:transparent;opacity:0;pointer-events:none;transition:opacity .18s ease}.dock-peek span{flex:1;height:3px;border-radius:999px;background:var(--tui-border-normal, #cbd5e1);transition:background .2s ease,height .2s ease}.dock-peek span.is-current{height:4px;background:#1e40af}.workspace-dock.is-collapsed .dock-peek{opacity:1;pointer-events:auto}.workspace-dock nav{display:flex;gap:4px;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;transition:opacity .16s ease,filter .24s ease}.workspace-dock.is-collapsed nav{opacity:0;filter:blur(3px);pointer-events:none}.workspace-dock nav button{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:80px;min-height:66px;padding:8px 12px;flex-shrink:0;border:0;border-radius:16px;color:var(--tui-text-secondary, #64748b);font:inherit;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.workspace-dock nav tui-icon{width:23px;height:23px;flex-shrink:0}.workspace-dock nav app-notification-badge{position:absolute;top:2px;inset-inline-end:5px;pointer-events:none}.dock-peek app-notification-badge{margin-inline-start:6px}.teacher-plus-nav-logo{width:23px;height:23px;object-fit:contain;flex:none}.workspace-dock nav button.teacher-plus-button{width:66px;min-width:66px;height:66px;padding:0;overflow:hidden}.workspace-dock .teacher-plus-button .teacher-plus-nav-logo{width:100%;height:100%;object-fit:cover}.workspace-dock nav button.teacher-plus-button[aria-current=page]{outline:2px solid var(--tui-text-action);outline-offset:2px}.workspace-dock nav span{font-size:.65rem;white-space:nowrap}.workspace-dock nav button:is(:hover,:focus-visible){z-index:1;box-shadow:0 7px 16px #1e3a8a1c}.workspace-dock nav button:hover{z-index:2}.workspace-dock nav button[aria-current=page]{background:#1e40af;color:#fff;box-shadow:0 4px 10px #1e40af25}.workspace-dock nav button:focus-visible,.dock-peek:focus-visible{outline:2px solid #1e40af;outline-offset:-2px}.workspace{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(ellipse at top left,#eaf2ff 0,#f8fafc 45%)}.workspace-body{--workspace-topbar-height: 106px;--workspace-sidebar-top: calc(var(--workspace-topbar-height) + 16px);display:flex;flex-direction:column;min-height:100dvh;min-width:0}.workspace-topbar{position:sticky;top:0;z-index:30;background:var(--tui-background-base);box-shadow:0 4px 16px #0000000a;width:100%}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--tui-background-accent-1) 8%,var(--tui-background-base)),var(--tui-background-base));border-bottom:1px solid var(--tui-border-normal);min-height:72px;padding:12px 32px;font-size:.85rem}.workspace-subbar{display:flex;align-items:center;gap:10px;min-height:34px;padding:2px 32px;border-bottom:1px solid var(--tui-border-normal);background:linear-gradient(145deg,color-mix(in srgb,var(--tui-background-accent-1) 4%,var(--tui-background-base)),var(--tui-background-base));color:var(--tui-text-secondary)}.workspace-subbar>tui-icon{flex:none;font-size:1rem}.workspace-subbar tui-breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace-subbar .classroom-breadcrumbs{flex:1}.workspace-subbar .classroom-crumb{max-inline-size:min(22vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:639px){.workspace-subbar:has(.classroom-breadcrumbs){flex-wrap:wrap}.workspace-subbar .classroom-breadcrumbs{order:3;flex-basis:100%;padding-bottom:4px}.workspace-subbar .classroom-crumb{max-inline-size:30vw}}.workspace-subbar [aria-current=page]{color:#1e3a8a;font-weight:700}.workspace-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:1.4rem}.workspace-logo:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#1e3a8a;color:#fff;border-radius:11px}.workspace-logo small{display:block;font-size:.5rem;letter-spacing:1.4px;color:#64748b;font-weight:600}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.language-flags{display:flex;align-items:center;gap:4px}.topbar-user{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;aspect-ratio:1;border-radius:50%;background:var(--tui-background-base);color:#1e3a8a;font-weight:700;overflow:hidden;text-decoration:none}.user-avatar:focus-visible,.user-details .user-name-link:focus-visible{outline:2px solid var(--tui-text-action);outline-offset:3px}.user-details{display:grid;gap:3px;font-size:.8rem;min-width:0;justify-items:end;text-align:end}.user-details strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .user-name-link{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tui-text-primary);font-size:.8rem;font-weight:700;text-decoration:none}.user-name-link>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-link app-google-mark{width:14px;height:14px}.user-details .user-name-link:hover{color:#1e40af;text-decoration:underline}.user-details a{font-size:.7rem}.user-details .user-school{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tui-text-secondary);font-size:.7rem}.workspace-footer{display:flex;align-items:flex-start;gap:24px;width:100%;max-width:1536px;padding:24px 32px;margin:auto auto 0;border-top:1px solid var(--tui-border-normal, #e2e8f0)}.workspace-footer-content{display:grid;gap:7px;min-width:0;color:var(--tui-text-secondary, #64748b)}.workspace-footer-copyright{color:var(--tui-text-primary, #0f172a);font-size:.82rem;font-weight:650}.workspace-footer .app-version{margin-inline-start:auto}@media(max-width:639px){.workspace-footer{flex-direction:column;gap:14px}.workspace-footer .app-version{margin-inline-start:0}}.workspace-body main{flex:1;width:100%;padding:32px;max-width:1536px;margin:0 auto;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stats strong{font-size:2.4rem;color:#1e40af}.table-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.table-toolbar tui-textfield{max-width:320px}.table-scroll{width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.table-scroll [tuiTable]{width:100%;min-width:640px}.table-scroll [tuiTd]{max-width:340px;overflow-wrap:anywhere}.row-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:190px}.user-role-list{display:flex;flex-wrap:wrap;gap:6px}.user-role-badge{white-space:nowrap}.table-sort-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem 0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;white-space:nowrap;cursor:pointer}.table-sort-button span{color:var(--tui-text-tertiary)}.table-sort-button .is-active{color:var(--tui-text-action)}.table-sort-button:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:3px}.permission-badge-list{display:flex;flex-wrap:wrap;gap:.375rem;min-width:16rem}.permission-badge-list [tuiBadge]{max-width:100%;height:auto;white-space:normal;text-align:start}.role-school-name{display:inline-block;min-width:10rem}.system-role-badge{white-space:nowrap}.role-group-row th{padding:0;background:var(--tui-background-neutral-1);border-block:1px solid var(--tui-border-normal);text-align:start;font-weight:500;color:var(--tui-text-secondary)}.role-group-code{margin-inline-start:.5rem;font-weight:700;color:var(--tui-text-primary)}.role-group-toggle{display:flex;align-items:center;width:100%;gap:.5rem;padding:.75rem 1rem;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.role-group-toggle:hover{background:var(--tui-background-neutral-1-hover)}.role-group-toggle:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}.role-group-chevron{width:1rem;flex:none;color:var(--tui-text-primary)}.user-status-chip{white-space:nowrap}.user-status-chip.is-actionable{cursor:pointer}.user-status-chip.is-actionable:hover{filter:brightness(.94)}.user-status-chip:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:2px}.table-footer{display:flex;align-items:center;gap:24px;margin-top:16px;padding:14px 16px;border:1px solid var(--tui-border-normal, #e2e8f0);border-radius:14px;background:var(--tui-background-neutral-1, #f8fafc)}.table-footer-summary{display:flex;align-items:center;gap:8px;flex:none;color:var(--tui-text-secondary, #64748b);font:var(--tui-typography-body-s)}.table-footer-summary strong{min-width:2rem;padding:4px 8px;border-radius:999px;background:var(--tui-background-base, #fff);color:var(--tui-text-primary, #0f172a);text-align:center}.table-footer-page{margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var(--tui-border-normal, #e2e8f0)}.table-footer-page b{color:var(--tui-text-primary, #0f172a)}.table-footer tui-table-pagination{flex:1;min-width:0;justify-content:flex-end}.table-footer tui-table-pagination .t-pages{display:none}.table-footer tui-table-pagination .t-button_back{margin-inline-start:0}.department-tree{background:#eff6ff;border-radius:12px;padding:20px;margin-bottom:24px;font-size:.85rem}.department-tree h2{font-size:1rem}.department-tree div{border-left:1px solid #bfdbfe;padding:4px 12px}.empty{text-align:center;padding:48px 16px}.empty h2{font-size:1rem}.settings{max-width:680px}.settings>button{margin-top:20px}.badge{display:inline-block;padding:6px 12px;margin:4px;background:#eff6ff;color:#1e40af;border-radius:30px;font-size:.8rem}.mobile-only{display:none!important}.backdrop{position:fixed;inset:54px 0 0;z-index:35;background:#0f172a66;border:0}.workspace>.skip-link{position:fixed;left:10px;top:-60px;z-index:100}.workspace>.skip-link:focus{top:8px;background:#fff;padding:12px}.error-page{max-width:800px;margin:80px auto;padding:24px}.landing{background:#fff}.landing-header{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-header nav{display:flex;align-items:center;gap:24px;font-size:.9rem}.landing main>section{max-width:1240px;margin:auto;padding:64px 32px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:640px}.hero h1{font-size:clamp(2rem,4.2vw,3.7rem);letter-spacing:-1px;color:#1e3a8a;max-width:600px}.hero>div>p{color:#64748b}.hero-art{height:420px;position:relative;border-radius:40px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:80%;height:80%;border:1px dashed #93c5fd;border-radius:50%;transform:rotate(-20deg)}.illustration-school{z-index:1;padding:56px 40px;text-align:center;box-shadow:0 20px 40px #134e4a20;background:#fff;border-radius:24px;font-size:3rem;color:#1e3a8a;font-weight:700}.illustration-school span{display:block;font-size:.6rem;letter-spacing:2px}.art-chip{position:absolute;border-radius:12px;padding:14px 22px;background:#1e3a8a;color:#fff;font-size:.8rem;box-shadow:0 8px 20px #134e4a20}.people{left:3%;top:15%}.structure{right:2%;top:28%}.permissions{bottom:12%;left:20%}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-grid h3{font-size:1.05rem;margin-top:16px}.feature-grid p{font-size:.8rem}.feature-symbol{font-size:2rem;color:#1e40af}.how{background:#f8fafc;border-radius:24px}.how ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.how li span{display:block;font-size:2rem;color:#1e40af;margin-bottom:16px}.faq details{padding:20px 0;border-bottom:1px solid #e2e8f0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin-top:16px}.contact{text-align:center;background:#eff6ff;border-radius:24px}.landing footer{display:grid;gap:24px;padding:36px 32px 24px;max-width:1240px;margin:auto;border-top:1px solid var(--tui-border-normal, #dce3ec)}.landing-footer-main{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:32px}.landing-footer-main .brand{width:fit-content}.landing-footer-main app-site-footer{color:var(--tui-text-secondary, #64748b)}.landing-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--tui-border-normal, #dce3ec)}.landing-footer-bottom>span:first-child{font-size:.8rem;color:var(--tui-text-secondary, #64748b)}@media(max-width:640px){.landing-footer-main{grid-template-columns:minmax(0,1fr);gap:18px}}.app-version{padding:4px 10px;border:1px solid var(--tui-border-normal, #dce3ec);border-radius:999px;background:var(--tui-background-neutral-1, #f8fafc);color:var(--tui-text-secondary, #64748b);font-size:.75rem;font-weight:600;white-space:nowrap}tui-dialog:has(.crop-editor.is-mobile){box-sizing:border-box;width:100dvw!important;inline-size:100dvw!important;max-inline-size:100dvw!important;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0!important;padding:0!important;border-radius:0;overflow:hidden}@media(max-width:1023px){.auth-art{display:none}.auth-layout{grid-template-columns:1fr}.mobile-brand{display:block;margin-bottom:24px}.workspace-header{padding:8px 20px}.workspace-subbar{padding-inline:20px}.workspace-body main{padding:24px 20px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:24px}.hero-art{height:340px}.illustration-school{padding:40px 25px}.hero h1{font-size:2.5rem}}@media(max-width:900px){.workspace-header .user-avatar{width:48px;height:48px;font-size:1.25rem}.workspace-logo app-site-brand .brand-mark{width:48px;height:48px;border-radius:14px}.workspace-header .workspace-logout{width:48px;height:48px;min-height:48px;padding:0;border:0;flex:none}.workspace-header .workspace-logout tui-icon{width:28px;height:28px;font-size:28px}.workspace-header .workspace-logout .logout-label{display:none}.tasks-layout,.school-settings-layout,.settings-layout,.portal-layout{grid-template-columns:minmax(0,1fr)!important}[appViewportSidebar]{display:contents}.topbar-language-switch{display:none}app-floating-sidebar aside{position:static!important;width:52px!important;max-height:calc(100dvh - clamp(100px,26dvh,180px) - 128px)!important;min-width:0!important;margin:0!important;padding:6px!important;overflow-y:auto!important;border-radius:18px!important;border:1px solid var(--tui-border-normal);background:var(--tui-background-base)!important;box-shadow:0 8px 24px #00000029}app-floating-sidebar aside>button{display:none!important}app-floating-sidebar aside nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important}app-floating-sidebar aside nav>a,app-floating-sidebar aside nav>button{display:flex!important;align-items:center;justify-content:center!important;width:40px;min-height:40px;padding:8px!important}app-floating-sidebar aside nav>a>span,app-floating-sidebar aside nav>button>span{display:none!important}.workspace-body{--workspace-topbar-height: 72px;padding-bottom:0}.workspace-subbar,.topbar-user .user-details{display:none}.workspace-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 16px calc(44px + env(safe-area-inset-bottom))}.workspace-footer-content{display:contents}.workspace-footer-copyright{grid-column:1;grid-row:1;font-size:.72rem;font-weight:500}.workspace-footer .app-version{grid-column:2;grid-row:1;margin:0;font-size:.66rem}.workspace-footer app-site-footer{grid-column:1/-1;grid-row:2}}@media(max-width:639px){.workspace-header{flex-wrap:nowrap;gap:8px}.workspace-logo{font-size:1.3rem}.brand-mark{width:32px;height:32px;border-radius:10px}.workspace-logo>span:not(.brand-mark){display:none}.topbar-actions{flex-wrap:nowrap;gap:8px;width:auto}.topbar-actions app-language-switch{margin-right:0}.user-avatar{width:24px;height:24px}.topbar-user{gap:6px}.user-details .user-name-link,.user-details .user-school{max-width:64px}.user-details .user-name-link{gap:4px}.user-name-link app-google-mark{width:12px;height:12px}.workspace-logout .logout-label{display:none}.workspace-dock{--dock-expanded-height: 80px;max-width:calc(100vw - 20px);border-radius:20px}.workspace-dock nav{padding:6px}.workspace-dock nav button{min-width:70px;padding:8px}.language-switch{padding:8px 16px}.auth-panel{padding:40px 20px}.auth-card h2{font-size:1.6rem}.stats{grid-template-columns:1fr;gap:0}.card{padding:18px}.workspace-body main{padding:24px 16px}.workspace-header{padding:8px 12px;font-size:.75rem}.workspace-subbar{gap:8px;padding-inline:12px}.page-heading h1{font-size:1.7rem}.landing-header{padding:20px}.landing-header nav{gap:8px}.landing-header nav>a:not([tuiButton]){display:none}.landing main>section{padding:40px 20px}.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:2.3rem}.hero-art{height:320px}.feature-grid{grid-template-columns:1fr}.how ol{grid-template-columns:1fr;gap:24px}.how li span{display:inline-block;margin:0 16px 0 0}.contact{border-radius:0}footer{padding:24px 20px}.table-toolbar tui-textfield{max-width:100%}.table-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.table-footer tui-table-pagination{width:100%;flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button[tuiButton],a[tuiButton]{min-height:44px}.field-error{color:var(--tui-text-negative, #b91c1c);font-size:.8rem;margin:6px 0 0}[aria-invalid=true]{outline-color:#b91c1c}.workspace-subbar-tools{display:flex;align-items:center;gap:8px;flex:none;margin-inline-start:auto}.workspace-subbar app-theme-switch{flex:none}.workspace-clock{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:28px;text-align:center;color:#075985;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.0625rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap}.workspace-subbar .theme-trigger{display:grid;place-items:center;width:44px;min-width:44px;height:28px;min-height:28px;padding:0;border-radius:10px}.language-switch .theme-trigger{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;border-radius:10px}button.theme-trigger[data-testid=theme-switch]>tui-icon{font-size:1.5rem}.workspace-subbar button.theme-trigger[data-testid=theme-switch]>tui-icon{font-size:1.125rem}.theme-popover{width:max-content;min-width:292px;max-width:calc(100vw - 24px);padding:16px}.theme-icon-pair{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;line-height:1}.theme-icon-pair tui-icon{font-size:.875rem}.theme-popover-title{margin-bottom:12px;color:var(--tui-text-secondary);font:var(--tui-typography-body-s)}.theme-popover tui-segmented{width:100%;block-size:auto}.theme-popover tui-segmented button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:64px;padding:8px 10px;gap:4px;white-space:nowrap}.theme-popover tui-segmented tui-icon{font-size:1rem}.theme-popover .theme-icon-pair tui-icon{font-size:.75rem}:root:has(tui-root[tuiTheme=dark]){background:#222;color-scheme:dark}tui-root[tuiTheme=dark] .workspace-clock{color:#a5e7ff;text-shadow:0 0 10px rgba(56,189,248,.2509803922)}tui-root[tuiTheme=dark]{--tui-text-action: #93c5fd;--tui-text-action-hover: #bfdbfe;color:var(--tui-text-primary);background:var(--tui-background-base)}tui-root[tuiTheme=dark] a,tui-root[tuiTheme=dark] .eyebrow,tui-root[tuiTheme=dark] .feature-symbol,tui-root[tuiTheme=dark] .how li span,tui-root[tuiTheme=dark] .stats strong{color:#93c5fd}tui-root[tuiTheme=dark] .brand,tui-root[tuiTheme=dark] .hero h1{color:#dbeafe}tui-root[tuiTheme=dark] .muted,tui-root[tuiTheme=dark] .hero>div>p,tui-root[tuiTheme=dark] .user-details a,tui-root[tuiTheme=dark] footer span{color:var(--tui-text-secondary)}tui-root[tuiTheme=dark] .card{background-color:var(--tui-background-elevation-1);border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .landing,tui-root[tuiTheme=dark] .illustration-school,tui-root[tuiTheme=dark] .language-switch{background:var(--tui-background-elevation-1);border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .workspace{background:var(--tui-background-base)}tui-root[tuiTheme=dark] .workspace-dock{background:var(--tui-background-elevation-1);border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .workspace-header{background:linear-gradient(145deg,color-mix(in srgb,var(--tui-background-accent-1) 8%,var(--tui-background-base)),var(--tui-background-base));border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .workspace-subbar{background:linear-gradient(145deg,color-mix(in srgb,var(--tui-background-accent-1) 4%,var(--tui-background-base)),var(--tui-background-base));border-color:var(--tui-border-normal);color:var(--tui-text-secondary)}tui-root[tuiTheme=dark] .workspace-subbar [aria-current=page]{color:var(--tui-text-primary)}tui-root[tuiTheme=dark] .workspace-logo small,tui-root[tuiTheme=dark] .workspace-dock nav button{color:var(--tui-text-secondary)}tui-root[tuiTheme=dark] .language-flag:hover{background:var(--tui-background-neutral-1-hover);color:var(--tui-text-primary)}tui-root[tuiTheme=dark] .workspace-dock nav button[aria-current=page]{background:#1e40af;color:#fff}tui-root[tuiTheme=dark] .brand-mark{background:#1e3a8a;color:#fff}tui-root[tuiTheme=dark] .user-avatar,tui-root[tuiTheme=dark] .language-flag[aria-pressed=true],tui-root[tuiTheme=dark] .badge{background:var(--tui-background-neutral-1-hover);color:var(--tui-text-primary)}tui-root[tuiTheme=dark] .workspace-footer,tui-root[tuiTheme=dark] .table-scroll,tui-root[tuiTheme=dark] .faq details{border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .department-tree,tui-root[tuiTheme=dark] .credential,tui-root[tuiTheme=dark] .how,tui-root[tuiTheme=dark] .contact{background:var(--tui-background-base-alt)}tui-root[tuiTheme=dark] .department-tree div{border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .hero-art{background:linear-gradient(135deg,var(--tui-background-base-alt),var(--tui-background-elevation-3))}tui-root[tuiTheme=dark] .illustration-school{color:var(--tui-text-primary)}tui-root[tuiTheme=dark] .table-footer{background:var(--tui-background-base-alt);border-color:var(--tui-border-normal)}tui-root[tuiTheme=dark] .workspace>.skip-link:focus{background:var(--tui-background-elevation-1)}