/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.5_@rspack+core@1.4.11_@swc+helpers@0.5.11__sass-embedded@1.93.2_sass@1.93.2__tsqr563gqekg2osckwis7mfdzy/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/mf/base/finance_shell/src/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.5_@rspack+core@1.4.11_@swc+helpers@0.5.11__sass-embedded@1.93.2_sass@1.93.2__tsqr563gqekg2osckwis7mfdzy/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./assets/style/material/common.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* for angular material fullscreen sheet modal*/
.shell-modal-bottom-sheet-fullscreen {
  height: 100vh;
  width: 100vw;
  min-height: 100vh;
  min-width: 100vw;
}
.shell-modal-bottom-sheet-fullscreen mat-bottom-sheet-container {
  height: 100vh;
  width: 100vw;
  min-height: 100vh;
  min-width: 100vw;
}

.mat-bottom-sheet-container {
  padding: 0 !important;
}

tui-root {
  border-image: initial !important;
}

/**
У этих инпутов есть встроенная кнопка календаря, которая занимает место справа, и браузеры часто добавляют внутренние отступы под неё,
из-за чего width: 100% визуально выходит за границы контейнера.
*/
input[type=date] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/intl-tel-input@25.12.5/node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-search-icon-color: #999;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url('flags.192a00023f40e142.webp');
  --iti-path-flags-2x: url('flags@2x.580decae79f739db.webp');
  --iti-path-globe-1x: url('globe.98e105ca81b63f37.webp');
  --iti-path-globe-2x: url('globe@2x.974df6f829af5e5b.webp');
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: 30px;
  padding-right: 28px;
}
[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__search-input::-webkit-search-cancel-button {
  appearance: none;
}
.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.iti__search-icon {
  position: absolute;
  left: 8px;
  display: flex;
  pointer-events: none;
}
[dir=rtl] .iti__search-icon {
  left: auto;
  right: 8px;
}
.iti__search-icon-svg {
  stroke: var(--iti-search-icon-color);
  fill: none;
  stroke-width: 3;
}
.iti__search-clear {
  position: absolute;
  right: 4px;
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
  width: 24px;
  height: 24px;
}
.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}
.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-search-icon-color);
}
[dir=rtl] .iti__search-clear {
  right: auto;
  left: 4px;
}
.iti__search-clear:hover, .iti__search-clear:focus-visible {
  background: var(--iti-hover-color);
  outline: none;
}
.iti__no-results {
  text-align: center;
  padding: 30px 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

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

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/less-loader@12.3.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__less@4.4.2_webpack@5.104.0_@swc+c_kecv4nvvo72pferya4elldfxd4/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/.pnpm/@taiga-ui+core@4.58.0_t255mnahsgk7lajvyemcn5ukzy/node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/less-loader@12.3.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__less@4.4.2_webpack@5.104.0_@swc+c_kecv4nvvo72pferya4elldfxd4/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/.pnpm/@taiga-ui+addon-mobile@4.58.0_5juujuz7ssdh3i4vhfsadoutvm/node_modules/@taiga-ui/addon-mobile/styles/taiga-ui-mobile.less?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @deprecated use appearance instead
 */
/*
Every max-width of breakpoint is equal:
next min-width - 60% from 1px (1/16 * 0.6 = 0.0375)
*/
input[type='search'][tuiSearch] {
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  block-size: 2.25rem;
  box-sizing: border-box;
  outline: none;
  border: none;
  border-radius: 0.625rem;
  padding: 0 0 0 1.875rem;
  font: 1.0625rem 'SF Pro Text', sans-serif;
  color: var(--tui-text-primary);
  caret-color: var(--tui-text-action);
  background: var(--tui-background-neutral-2) url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%2010.4714C4%206.90319%206.93142%204%2010.5343%204C14.1372%204%2017.0686%206.90319%2017.0686%2010.4714C17.0686%2011.9473%2016.5691%2013.3016%2015.7257%2014.3882L19.7298%2018.3781C19.9017%2018.5484%2020%2018.7836%2020%2019.0431C20%2019.5864%2019.6151%2020%2019.0583%2020C18.7963%2020%2018.5507%2019.9108%2018.3623%2019.7243L14.3337%2015.7263C13.261%2016.4886%2011.9591%2016.9427%2010.5343%2016.9427C6.93142%2016.9427%204%2014.0395%204%2010.4714ZM5.4002%2010.4714C5.4002%2013.2772%207.70113%2015.556%2010.5343%2015.556C13.3675%2015.556%2015.6684%2013.2772%2015.6684%2010.4714C15.6684%207.66548%2013.3675%205.38672%2010.5343%205.38672C7.70113%205.38672%205.4002%207.66548%205.4002%2010.4714Z%22%20fill%3D%22%239299A2%22%2F%3E%3C%2Fsvg%3E') no-repeat 0.25rem center;
}
input[type='search'][tuiSearch]::placeholder {
  color: var(--tui-text-secondary);
}
input[type='search'][tuiSearch]:active {
  background-color: var(--tui-background-neutral-2-pressed);
}
input[type='search'][tuiSearch]::-webkit-search-cancel-button {
  -webkit-transition-property: background;
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  display: block;
  appearance: none;
  block-size: 2.25rem;
  inline-size: 2rem;
  box-sizing: border-box;
  border: 0.5rem solid transparent;
  margin: 0;
  background: var(--tui-text-secondary);
  opacity: 1;
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2016C3.63137%2016%200%2012.3686%200%208C0%203.62353%203.62353%200%207.99216%200C12.3686%200%2016%203.62353%2016%208C16%2012.3686%2012.3765%2016%208%2016ZM5.36471%2011.2941C5.5451%2011.2941%205.7098%2011.2314%205.83529%2011.1059L8%208.92549L10.1725%2011.1059C10.2902%2011.2314%2010.4549%2011.2941%2010.6353%2011.2941C11.0039%2011.2941%2011.2941%2011.0039%2011.2941%2010.6431C11.2941%2010.4627%2011.2314%2010.298%2011.098%2010.1804L8.92549%208.00784L11.1059%205.82745C11.2471%205.68627%2011.302%205.5451%2011.302%205.36471C11.302%205.00392%2011.0118%204.72157%2010.651%204.72157C10.4784%204.72157%2010.3373%204.77647%2010.2039%204.9098L8%207.09804L5.81176%204.91765C5.68627%204.8%205.5451%204.73726%205.36471%204.73726C5.00392%204.73726%204.72157%205.01177%204.72157%205.38039C4.72157%205.55294%204.78431%205.7098%204.9098%205.83529L7.08235%208.00784L4.9098%2010.1882C4.78431%2010.3059%204.72157%2010.4706%204.72157%2010.6431C4.72157%2011.0039%205.00392%2011.2941%205.36471%2011.2941Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
          mask: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2016C3.63137%2016%200%2012.3686%200%208C0%203.62353%203.62353%200%207.99216%200C12.3686%200%2016%203.62353%2016%208C16%2012.3686%2012.3765%2016%208%2016ZM5.36471%2011.2941C5.5451%2011.2941%205.7098%2011.2314%205.83529%2011.1059L8%208.92549L10.1725%2011.1059C10.2902%2011.2314%2010.4549%2011.2941%2010.6353%2011.2941C11.0039%2011.2941%2011.2941%2011.0039%2011.2941%2010.6431C11.2941%2010.4627%2011.2314%2010.298%2011.098%2010.1804L8.92549%208.00784L11.1059%205.82745C11.2471%205.68627%2011.302%205.5451%2011.302%205.36471C11.302%205.00392%2011.0118%204.72157%2010.651%204.72157C10.4784%204.72157%2010.3373%204.77647%2010.2039%204.9098L8%207.09804L5.81176%204.91765C5.68627%204.8%205.5451%204.73726%205.36471%204.73726C5.00392%204.73726%204.72157%205.01177%204.72157%205.38039C4.72157%205.55294%204.78431%205.7098%204.9098%205.83529L7.08235%208.00784L4.9098%2010.1882C4.78431%2010.3059%204.72157%2010.4706%204.72157%2010.6431C4.72157%2011.0039%205.00392%2011.2941%205.36471%2011.2941Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}
input[type='search'][tuiSearch]::-webkit-search-cancel-button:active {
  background: var(--tui-text-secondary-pressed);
}
[data-platform='android'] tui-app-bar {
  font: var(--tui-font-heading-6);
  block-size: 3.5rem;
}
[data-platform='android'] tui-app-bar > .t-content {
  position: static;
  padding: 0 0 0 1rem;
  text-align: start;
  transform: none;
  max-inline-size: calc(100% - var(--t-sides, 0px) / 2);
}
[data-platform='android'] tui-app-bar > .t-content > * {
  max-inline-size: calc(100% - var(--t-sides, 0px));
}
[data-platform='android'] tui-app-bar > :last-child [tuiIconButton] {
  margin: 0 -0.25rem;
}
[data-platform='android'] input[tuiCheckbox] {
  --t-size: 1.375rem;
  color: var(--tui-text-primary-on-accent-2) !important;
  border-radius: 100%;
  outline: 0.125rem solid var(--tui-background-neutral-2);
  outline-offset: -0.125rem;
  transition: none;
  box-shadow: none !important;
  background: var(--t-background) !important;
}
[data-platform='android'] input[tuiCheckbox]:checked,
[data-platform='android'] input[tuiCheckbox]:indeterminate {
  --t-background: var(--tui-background-accent-2);
  outline: none;
}
[data-platform='android'] input[tuiCheckbox]:checked:invalid,
[data-platform='android'] input[tuiCheckbox]:indeterminate:invalid {
  --t-background: var(--tui-status-negative);
}
[data-platform='android'] input[tuiCheckbox]:checked:disabled:not(._readonly),
[data-platform='android'] input[tuiCheckbox]:indeterminate:disabled:not(._readonly) {
  --t-background: var(--tui-background-neutral-2);
}
[data-platform='android'] input[tuiCheckbox]:checked::before,
[data-platform='android'] input[tuiCheckbox]:indeterminate::before {
  clip-path: inset(0);
  transition-delay: 0s;
}
[data-platform='android'] input[tuiCheckbox]::before {
  inline-size: 1rem;
  block-size: 1rem;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 13L1 8.19231L2.4 6.84615L6 10.3077L13.6 3L15 4.34615L6 13Z" fill="black"/></svg>');
          mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 13L1 8.19231L2.4 6.84615L6 10.3077L13.6 3L15 4.34615L6 13Z" fill="black"/></svg>');
  transition: clip-path var(--tui-duration) ease-in-out, -webkit-mask 0s var(--tui-duration) ease-in-out;
  transition: clip-path var(--tui-duration) ease-in-out, mask 0s var(--tui-duration) ease-in-out;
  transition: clip-path var(--tui-duration) ease-in-out, mask 0s var(--tui-duration) ease-in-out, -webkit-mask 0s var(--tui-duration) ease-in-out;
  clip-path: inset(0 100% 0 0);
}
[data-platform='android'] input[tuiCheckbox]:indeterminate::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="12" height="2" fill="black" /></svg>');
          mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="12" height="2" fill="black" /></svg>');
}
[data-platform='android'] input[tuiCheckbox]:invalid {
  outline-color: var(--tui-status-negative-pale-hover);
}
[data-platform='android'] input[tuiRadio] {
  --t-size: 1.125rem;
  transition-property: color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  color: var(--tui-background-neutral-2);
  outline: 0.125rem solid;
  outline-offset: -0.125rem;
  box-shadow: none !important;
  background: transparent !important;
}
[data-platform='android'] input[tuiRadio]:disabled:not(._readonly) {
  color: var(--tui-background-neutral-2);
}
[data-platform='android'] input[tuiRadio]:checked {
  color: var(--tui-background-accent-2);
}
[data-platform='android'] input[tuiRadio]:checked::after {
  transform: scale(0.555);
}
[data-platform='android'] input[tuiRadio]:invalid {
  color: var(--tui-status-negative-pale-hover);
}
[data-platform='android'] input[tuiRadio]:invalid:checked {
  color: var(--tui-status-negative);
}
[data-platform='android'] input[tuiSwitch] {
  transition-property: color, opacity;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  block-size: 1.25rem;
  inline-size: 2.5rem;
  color: var(--tui-border-hover) !important;
  background: transparent !important;
  overflow: visible;
}
[data-platform='android'] input[tuiSwitch]::before {
  content: '';
  display: block;
  block-size: 100%;
  inline-size: 100%;
  border: 0.1875rem solid transparent;
  box-sizing: border-box;
  border-radius: 2rem;
  background: currentColor;
  background-clip: content-box;
  opacity: 0.5;
  transform: none;
  -webkit-mask: none;
          mask: none;
}
[data-platform='android'] input[tuiSwitch]::after {
  content: '';
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  border-radius: 100%;
  background: #f6f6f6;
  transform: none;
  outline: none;
  box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.24), 0 0 0.0625rem rgba(0, 0, 0, 0.12), inset 0 0.0625rem rgba(255, 255, 255, 0.12) !important;
}
[data-platform='android'] input[tuiSwitch]:checked {
  color: var(--tui-background-accent-2) !important;
  background: transparent;
}
[data-platform='android'] input[tuiSwitch]:checked::after {
  background: currentColor;
  transform: translateX(calc(1.25rem * var(--tui-inline)));
}
[data-platform='android'] input[tuiSwitch]:invalid {
  color: var(--tui-status-negative) !important;
}
[data-platform='android'] input[tuiSwitch]:invalid:not(:checked) {
  background: transparent;
  opacity: 0.4;
}
[data-platform='android'] input[tuiSwitch]:invalid::after {
  background: var(--tui-status-negative);
}
[data-platform='android'] tui-badge-notification[data-size='l'] {
  --t-size: 1.375rem;
}
[data-platform='ios'] input[tuiCheckbox],
[data-platform='ios'] input[tuiRadio] {
  --t-size: 1.375rem;
  border-radius: 100%;
  color: var(--tui-text-primary-on-accent-2) !important;
  outline: 1px solid var(--tui-background-neutral-2);
  outline-offset: -1px;
  transition: none;
  box-shadow: none !important;
  background: var(--t-background) !important;
}
[data-platform='ios'] input[tuiCheckbox]:checked,
[data-platform='ios'] input[tuiRadio]:checked,
[data-platform='ios'] input[tuiCheckbox]:not([tuiRadio]):indeterminate,
[data-platform='ios'] input[tuiRadio]:not([tuiRadio]):indeterminate {
  --t-background: var(--tui-background-accent-2);
  outline: none;
}
[data-platform='ios'] input[tuiCheckbox]:checked:disabled:not(._readonly),
[data-platform='ios'] input[tuiRadio]:checked:disabled:not(._readonly),
[data-platform='ios'] input[tuiCheckbox]:not([tuiRadio]):indeterminate:disabled:not(._readonly),
[data-platform='ios'] input[tuiRadio]:not([tuiRadio]):indeterminate:disabled:not(._readonly) {
  --t-background: var(--tui-background-neutral-2);
}
[data-platform='ios'] input[tuiCheckbox]:checked::before,
[data-platform='ios'] input[tuiRadio]:checked::before,
[data-platform='ios'] input[tuiCheckbox]:not([tuiRadio]):indeterminate::before,
[data-platform='ios'] input[tuiRadio]:not([tuiRadio]):indeterminate::before {
  display: block;
  transform: none;
  -webkit-mask: var(--t-icon) center / 100%;
          mask: var(--t-icon) center / 100%;
}
[data-platform='ios'] input[tuiCheckbox]:checked:invalid,
[data-platform='ios'] input[tuiRadio]:checked:invalid,
[data-platform='ios'] input[tuiCheckbox]:not([tuiRadio]):indeterminate:invalid,
[data-platform='ios'] input[tuiRadio]:not([tuiRadio]):indeterminate:invalid {
  --t-background: var(--tui-status-negative);
}
[data-platform='ios'] input[tuiCheckbox]::before,
[data-platform='ios'] input[tuiRadio]::before {
  --t-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" height="100%" width="100%"><path d="M12.3368 4.33683C12.7859 3.88772 13.5141 3.88772 13.9632 4.33683C14.4123 4.78593 14.4123 5.51407 13.9632 5.96317L6.96317 12.9632C6.51407 13.4123 5.78593 13.4123 5.33683 12.9632L2.33683 9.96317C1.88772 9.51407 1.88772 8.78593 2.33683 8.33683C2.78593 7.88772 3.51407 7.88772 3.96317 8.33683L6.15 10.5237L12.3368 4.33683Z" fill="black"/></svg>');
  display: none;
  inline-size: 1rem;
  block-size: 1rem;
}
[data-platform='ios'] input[tuiCheckbox]:not([tuiRadio]):indeterminate::before,
[data-platform='ios'] input[tuiRadio]:not([tuiRadio]):indeterminate::before {
  --t-icon: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="12" height="2.3" rx="1.15" fill="black" /></svg>');
}
[data-platform='ios'] input[tuiCheckbox]:invalid,
[data-platform='ios'] input[tuiRadio]:invalid {
  outline-color: var(--tui-status-negative-pale-hover);
}
[data-platform='ios'] input[tuiSwitch] {
  block-size: 1.9375rem;
  inline-size: 3.1875rem;
  border-radius: 2rem;
  color: #fff !important;
  background: var(--tui-background-neutral-2);
  overflow: visible;
}
[data-platform='ios'] input[tuiSwitch]::before {
  opacity: 0;
}
[data-platform='ios'] input[tuiSwitch]::after {
  right: auto;
  transition-property: transform, inline-size;
  inline-size: 1.9375rem;
  block-size: 1.9375rem;
  border-radius: 2rem;
  background: currentColor;
  transform: scale(0.871);
  outline: none;
  box-shadow: 0 0.25rem 0.125rem rgba(0, 0, 0, 0.06), 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}
[data-platform='ios'] input[tuiSwitch]:active::after {
  inline-size: 2.3rem;
}
[data-platform='ios'] input[tuiSwitch]:checked,
[data-platform='ios'] input[tuiSwitch]:checked:hover,
[data-platform='ios'] input[tuiSwitch]:checked:active {
  background: var(--tui-background-accent-2);
}
[data-platform='ios'] input[tuiSwitch]:checked:invalid,
[data-platform='ios'] input[tuiSwitch]:checked:hover:invalid,
[data-platform='ios'] input[tuiSwitch]:checked:active:invalid {
  background: var(--tui-status-negative);
}
[data-platform='ios'] input[tuiSwitch]:checked::after,
[data-platform='ios'] input[tuiSwitch]:checked:hover::after,
[data-platform='ios'] input[tuiSwitch]:checked:active::after {
  transform: scale(0.871) translateX(calc(1.44rem * var(--tui-inline)));
}
[data-platform='ios'] input[tuiSwitch]:checked:active::after,
[data-platform='ios'] input[tuiSwitch]:checked:hover:active::after,
[data-platform='ios'] input[tuiSwitch]:checked:active:active::after {
  transform: scale(0.871) translateX(calc(1.0775rem * var(--tui-inline)));
}
[data-platform='ios'] tui-segmented > *:not(tui-segmented_active):active {
  background-color: var(--tui-background-neutral-1);
}
[data-platform='ios'] tui-segmented > .tui-segmented_active:active {
  opacity: var(--tui-disabled-opacity);
}
[data-platform='ios'] [tuiToast]:active:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
  transform: scale(0.95);
}
[data-platform='ios'] [tuiToast]:active:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
  transform: scale(0.95);
}
[data-platform='android'] tui-badge,
[data-platform='ios'] tui-badge,
[data-platform='android'] [tuiBadge],
[data-platform='ios'] [tuiBadge] {
  font-weight: 600;
}
[data-platform='android'] tui-badge[data-size='s'],
[data-platform='ios'] tui-badge[data-size='s'],
[data-platform='android'] [tuiBadge][data-size='s'],
[data-platform='ios'] [tuiBadge][data-size='s'] {
  font: var(--tui-font-text-xs);
  font-weight: bold;
}
[data-platform='android'] tui-badge[data-size='xl'],
[data-platform='ios'] tui-badge[data-size='xl'],
[data-platform='android'] [tuiBadge][data-size='xl'],
[data-platform='ios'] [tuiBadge][data-size='xl'] {
  --t-padding: 0 0.625rem;
  --t-size: 1.75rem;
  font: var(--tui-font-text-s);
  font-weight: 600;
}
[data-platform='android'] tui-badge-notification[data-size='l'],
[data-platform='ios'] tui-badge-notification[data-size='l'] {
  font: var(--tui-font-text-m);
}
[data-platform='android'] tui-badge-notification[data-size='m'],
[data-platform='ios'] tui-badge-notification[data-size='m'] {
  --t-size: 1.125rem;
}
[data-platform='android'] tui-block-status,
[data-platform='ios'] tui-block-status {
  padding: 2rem;
}
[data-platform='android'] tui-block-status .t-block-image:not(:empty),
[data-platform='ios'] tui-block-status .t-block-image:not(:empty) {
  margin-block-end: 1.5rem;
}
[data-platform='android'] tui-block-status .t-block-actions:not(:empty),
[data-platform='ios'] tui-block-status .t-block-actions:not(:empty) {
  margin-block-start: 1.5rem;
}
[data-platform='android'] tui-block-status._card,
[data-platform='ios'] tui-block-status._card {
  padding: 1.25rem;
}
[data-platform='android'] tui-block-status._card .t-block-image,
[data-platform='ios'] tui-block-status._card .t-block-image {
  margin-block-start: 0.75rem;
  margin-block-end: 1rem;
}
[data-platform='android'] tui-block-status h1,
[data-platform='ios'] tui-block-status h1,
[data-platform='android'] tui-block-status h2,
[data-platform='ios'] tui-block-status h2,
[data-platform='android'] tui-block-status h3,
[data-platform='ios'] tui-block-status h3,
[data-platform='android'] tui-block-status h4,
[data-platform='ios'] tui-block-status h4,
[data-platform='android'] tui-block-status h5,
[data-platform='ios'] tui-block-status h5,
[data-platform='android'] tui-block-status h6,
[data-platform='ios'] tui-block-status h6 {
  font: var(--tui-font-heading-5);
}
[data-platform='android'] tui-block-status h1 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h1 ~ .t-block-text:not(:empty),
[data-platform='android'] tui-block-status h2 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h2 ~ .t-block-text:not(:empty),
[data-platform='android'] tui-block-status h3 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h3 ~ .t-block-text:not(:empty),
[data-platform='android'] tui-block-status h4 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h4 ~ .t-block-text:not(:empty),
[data-platform='android'] tui-block-status h5 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h5 ~ .t-block-text:not(:empty),
[data-platform='android'] tui-block-status h6 ~ .t-block-text:not(:empty),
[data-platform='ios'] tui-block-status h6 ~ .t-block-text:not(:empty) {
  margin-block-start: 0.5rem;
}
[data-platform='android'] tui-block-status img,
[data-platform='ios'] tui-block-status img {
  inline-size: 8rem;
  block-size: 8rem;
}
[data-platform='android'] tui-block-status a:not(:last-child),
[data-platform='ios'] tui-block-status a:not(:last-child),
[data-platform='android'] tui-block-status button:not(:last-child),
[data-platform='ios'] tui-block-status button:not(:last-child) {
  margin-block-end: 0.5rem;
}
[data-platform='android'] [tuiCardLarge] [tuiButton],
[data-platform='ios'] [tuiCardLarge] [tuiButton] {
  inline-size: 100%;
}
[data-platform='android'] [tuiAccessories] [tuiButton],
[data-platform='ios'] [tuiAccessories] [tuiButton] {
  inline-size: auto;
}
[data-platform='android'] [tuiButton][data-size='xs'],
[data-platform='ios'] [tuiButton][data-size='xs'],
[data-platform='android'] [tuiIconButton][data-size='xs'],
[data-platform='ios'] [tuiIconButton][data-size='xs'],
[data-platform='android'] [tuiButton][data-size='s'],
[data-platform='ios'] [tuiButton][data-size='s'],
[data-platform='android'] [tuiIconButton][data-size='s'],
[data-platform='ios'] [tuiIconButton][data-size='s'],
[data-platform='android'] [tuiButton][data-size='l'],
[data-platform='ios'] [tuiButton][data-size='l'],
[data-platform='android'] [tuiIconButton][data-size='l'],
[data-platform='ios'] [tuiIconButton][data-size='l'] {
  --t-radius: 1rem;
}
[data-platform='android'] [tuiButton][data-size='s'],
[data-platform='ios'] [tuiButton][data-size='s'],
[data-platform='android'] [tuiIconButton][data-size='s'],
[data-platform='ios'] [tuiIconButton][data-size='s'] {
  --t-size: 1.875rem;
}
[data-platform='android'] [tuiButton][data-size='m'],
[data-platform='ios'] [tuiButton][data-size='m'],
[data-platform='android'] [tuiIconButton][data-size='m'],
[data-platform='ios'] [tuiIconButton][data-size='m'] {
  --t-radius: 0.75rem;
}
[data-platform='android'] [tuiButton][data-size='l'],
[data-platform='ios'] [tuiButton][data-size='l'],
[data-platform='android'] [tuiIconButton][data-size='l'],
[data-platform='ios'] [tuiIconButton][data-size='l'] {
  font: var(--tui-font-text-l);
  font-weight: bold;
}
[data-platform='android'] [tuiButton][data-appearance^='primary']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='primary']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='primary']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='primary']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='secondary']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='secondary']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='secondary']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='secondary']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='accent']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='accent']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='accent']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='accent']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='destructive']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='destructive']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='destructive']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='destructive']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='opposite']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='opposite']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='opposite']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='opposite']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='flat']:disabled:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='flat']:disabled:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='flat']:disabled:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='flat']:disabled:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='primary'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='primary'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='primary'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='primary'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='secondary'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='secondary'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='secondary'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='secondary'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='accent'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='accent'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='accent'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='accent'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='destructive'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='destructive'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='destructive'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='destructive'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='opposite'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='opposite'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='opposite'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='opposite'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiButton][data-appearance^='flat'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiButton][data-appearance^='flat'][data-state='disabled']:not(._loading),
[data-platform='android'] [tuiIconButton][data-appearance^='flat'][data-state='disabled']:not(._loading),
[data-platform='ios'] [tuiIconButton][data-appearance^='flat'][data-state='disabled']:not(._loading) {
  background: var(--tui-background-neutral-1);
  color: var(--tui-text-tertiary);
  opacity: 1;
}
[data-platform='android'] [tuiButton][data-appearance^='primary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='primary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='primary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='primary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='secondary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='secondary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='secondary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='secondary']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='accent']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='accent']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='accent']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='accent']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='destructive']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='destructive']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='destructive']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='destructive']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='opposite']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='opposite']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='opposite']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='opposite']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='flat']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='flat']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='flat']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='flat']:disabled:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='primary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='primary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='primary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='primary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='secondary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='secondary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='secondary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='secondary'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='accent'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='accent'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='accent'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='accent'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='destructive'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='destructive'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='destructive'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='destructive'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='opposite'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='opposite'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='opposite'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='opposite'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiButton][data-appearance^='flat'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiButton][data-appearance^='flat'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='android'] [tuiIconButton][data-appearance^='flat'][data-state='disabled']:not(._loading)[data-appearance^='flat'],
[data-platform='ios'] [tuiIconButton][data-appearance^='flat'][data-state='disabled']:not(._loading)[data-appearance^='flat'] {
  background: transparent;
}
[data-platform='android'] [tuiButton][tuiButtonVertical],
[data-platform='ios'] [tuiButton][tuiButtonVertical] {
  gap: 0.5rem;
}
[data-platform='android'] [tuiItemGroup],
[data-platform='ios'] [tuiItemGroup] {
  --tui-item-margin: 0.5rem;
}
[data-platform='android'] [tuiTitle],
[data-platform='ios'] [tuiTitle] {
  gap: 0.25rem;
}
[data-platform='android'] [tuiTitle] [tuiSubtitle],
[data-platform='ios'] [tuiTitle] [tuiSubtitle] {
  color: var(--tui-text-secondary);
}
[data-platform='android'] tui-notification [tuiTitle] [tuiSubtitle],
[data-platform='ios'] tui-notification [tuiTitle] [tuiSubtitle],
[data-platform='android'] [tuiNotification] [tuiTitle] [tuiSubtitle],
[data-platform='ios'] [tuiNotification] [tuiTitle] [tuiSubtitle] {
  color: var(--tui-text-primary);
}
[data-platform='android'] [tuiCardLarge][data-space][data-space='normal'],
[data-platform='ios'] [tuiCardLarge][data-space][data-space='normal'] {
  --t-padding: 1.25rem;
  --t-space: 1.25rem;
}
[data-platform='android'] [tuiCardLarge][data-space][data-space='compact'],
[data-platform='ios'] [tuiCardLarge][data-space][data-space='compact'] {
  --t-padding: 1rem;
  --t-space: 1rem;
  --t-comp: -0.125rem;
}
[data-platform='android'] tui-chip,
[data-platform='ios'] tui-chip,
[data-platform='android'] [tuiChip],
[data-platform='ios'] [tuiChip] {
  border-radius: 2rem;
}
[data-platform='android'] tui-chip[data-size='s'],
[data-platform='ios'] tui-chip[data-size='s'],
[data-platform='android'] [tuiChip][data-size='s'],
[data-platform='ios'] [tuiChip][data-size='s'] {
  --t-size: 1.875rem;
  --t-padding: 0.6875rem;
}
[data-platform='android'] tui-chip[data-size='m'],
[data-platform='ios'] tui-chip[data-size='m'],
[data-platform='android'] [tuiChip][data-size='m'],
[data-platform='ios'] [tuiChip][data-size='m'] {
  --t-size: 2rem;
  --t-padding: 0.875rem;
}
[data-platform='android'] tui-segmented[data-size],
[data-platform='ios'] tui-segmented[data-size] {
  --t-padding: 0.625rem;
  --t-gap: 0.625rem;
  --t-margin: -0.25rem;
  --t-height: var(--tui-height-s);
  font: var(--tui-font-text-s);
  border-radius: 0.625rem;
}
[data-platform='android'] tui-segmented[data-size] tui-icon,
[data-platform='ios'] tui-segmented[data-size] tui-icon {
  font-size: 1rem;
}
[data-platform='android'] [tuiHeader][data-size='xxl'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='xxl'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='xl'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='xl'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='l'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='l'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='h1'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='h1'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='h2'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='h2'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='h3'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='h3'] [tuiTitle] {
  gap: 1rem;
}
[data-platform='android'] [tuiHeader][data-size='m'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='m'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='h4'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='h4'] [tuiTitle] {
  gap: 0.5rem;
}
[data-platform='android'] [tuiHeader] [tuiAccessories],
[data-platform='ios'] [tuiHeader] [tuiAccessories] {
  gap: 1rem;
}
[data-platform='android'] [tuiHeader][data-size='xxs'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='xxs'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='h6'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='h6'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='body-l'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='body-l'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='body-m'] [tuiTitle],
[data-platform='ios'] [tuiHeader][data-size='body-m'] [tuiTitle],
[data-platform='android'] [tuiHeader][data-size='xxs'] [tuiAccessories],
[data-platform='ios'] [tuiHeader][data-size='xxs'] [tuiAccessories],
[data-platform='android'] [tuiHeader][data-size='h6'] [tuiAccessories],
[data-platform='ios'] [tuiHeader][data-size='h6'] [tuiAccessories],
[data-platform='android'] [tuiHeader][data-size='body-l'] [tuiAccessories],
[data-platform='ios'] [tuiHeader][data-size='body-l'] [tuiAccessories],
[data-platform='android'] [tuiHeader][data-size='body-m'] [tuiAccessories],
[data-platform='ios'] [tuiHeader][data-size='body-m'] [tuiAccessories] {
  font: var(--tui-font-heading-6);
}
[data-platform='android'] [tuiMessage],
[data-platform='ios'] [tuiMessage] {
  font: var(--tui-font-text-l);
  border-radius: 0.875rem;
}
[data-platform='android'] tui-notification-middle,
[data-platform='ios'] tui-notification-middle {
  min-inline-size: 6.5rem;
  min-block-size: 6.5rem;
  padding: 2rem 1.25rem;
}
[data-platform='android'] tui-notification-middle ::ng-deep > *,
[data-platform='ios'] tui-notification-middle ::ng-deep > * {
  min-inline-size: 6.25rem;
}
[data-platform='android'] [tuiToast],
[data-platform='ios'] [tuiToast] {
  min-block-size: 3rem;
  border-radius: 1.5rem;
  font: var(--tui-font-text-m);
}
[data-platform='android'] [tuiToast] [tuiButton]:last-child,
[data-platform='ios'] [tuiToast] [tuiButton]:last-child {
  margin: -0.1875rem -0.4375rem -0.1875rem 0;
}
[data-platform='android'] [tuiToast]:has(tui-avatar),
[data-platform='ios'] [tuiToast]:has(tui-avatar) {
  gap: 1rem;
}
[data-platform='android'] [tuiToast]:has(tui-avatar) tui-avatar,
[data-platform='ios'] [tuiToast]:has(tui-avatar) tui-avatar {
  margin: 0 -0.25rem;
}
[data-platform='android'] [tuiToast]:has(tui-avatar) [tuiButton]:last-child,
[data-platform='ios'] [tuiToast]:has(tui-avatar) [tuiButton]:last-child {
  margin-inline-end: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/prismjs@1.30.0/node_modules/prismjs/themes/prism-okaidia.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #8292a2;
}

.token.punctuation {
	color: #f8f8f2;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/prismjs@1.30.0/node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/prismjs@1.30.0/node_modules/prismjs/plugins/line-highlight/prism-line-highlight.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
pre[data-line] {
	position: relative;
	padding: 1em 0 1em 3em;
}

.line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	margin-top: 1em; /* Same as .prism’s padding-top */

	background: hsla(24, 20%, 50%,.08);
	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));

	pointer-events: none;

	line-height: inherit;
	white-space: pre;
}

@media print {
	.line-highlight {
		/*
		 * This will prevent browsers from replacing the background color with white.
		 * It's necessary because the element is layered on top of the displayed code.
		 */
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}
}

	.line-highlight:before,
	.line-highlight[data-end]:after {
		content: attr(data-start);
		position: absolute;
		top: .4em;
		left: .6em;
		min-width: 1em;
		padding: 0 .5em;
		background-color: hsla(24, 20%, 50%,.4);
		color: hsl(24, 20%, 95%);
		font: bold 65%/1.5 sans-serif;
		text-align: center;
		vertical-align: .3em;
		border-radius: 999px;
		text-shadow: none;
		box-shadow: 0 1px white;
	}

	.line-highlight[data-end]:after {
		content: attr(data-end);
		top: auto;
		bottom: .4em;
	}

.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
	content: none;
}

pre[id].linkable-line-numbers span.line-numbers-rows {
	pointer-events: all;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
	cursor: pointer;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
	background-color: rgba(128, 128, 128, .2);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.4.11_@swc+helpers@0.5.11__webpack@5.104.0_@swc+core@1.5.7_@sw_kjdk6po2ndjt7xl4qnxtftu4xm/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_@rspack+core@1.4.11_@swc+helpers@0.5.11__postcss@8.5.6_typescript@5.9.2__wmqsangqph2pfjvosmigy6ik3i/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./assets/style/tailwind.temp.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
.csize-xs {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  gap: 4px;
  --csize-icon: 12px;
  --csize-padding-y: 4px;
  --csize-padding-x: 8px;
}
.csize-s {
  min-height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  gap: 6px;
  --csize-icon: 14px;
  --csize-padding-y: 6px;
  --csize-padding-x: 12px;
}
.csize-m {
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  gap: 8px;
  --csize-icon: 16px;
  --csize-padding-y: 8px;
  --csize-padding-x: 16px;
}
.csize-l {
  min-height: 48px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  gap: 10px;
  --csize-icon: 20px;
  --csize-padding-y: 10px;
  --csize-padding-x: 20px;
}
.csize-xl {
  min-height: 56px;
  padding: 12px 24px;
  font-size: 18px;
  line-height: 28px;
  gap: 12px;
  --csize-icon: 24px;
  --csize-padding-y: 12px;
  --csize-padding-x: 24px;
}
.csize-xxl {
  min-height: 64px;
  padding: 14px 28px;
  font-size: 20px;
  line-height: 32px;
  gap: 14px;
  --csize-icon: 28px;
  --csize-padding-y: 14px;
  --csize-padding-x: 28px;
}
.csize-xxxl {
  min-height: 72px;
  padding: 16px 32px;
  font-size: 24px;
  line-height: 36px;
  gap: 16px;
  --csize-icon: 32px;
  --csize-padding-y: 16px;
  --csize-padding-x: 32px;
}
.csize-xs-bordered {
  min-height: 24px;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 16px;
  gap: 4px;
}
.csize-s-bordered {
  min-height: 32px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  gap: 6px;
}
.csize-m-bordered {
  min-height: 40px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 20px;
  gap: 8px;
}
.csize-l-bordered {
  min-height: 48px;
  padding: 9px 20px;
  font-size: 16px;
  line-height: 24px;
  gap: 10px;
}
.csize-xl-bordered {
  min-height: 56px;
  padding: 11px 24px;
  font-size: 18px;
  line-height: 28px;
  gap: 12px;
}
.csize-xxl-bordered {
  min-height: 64px;
  padding: 13px 28px;
  font-size: 20px;
  line-height: 32px;
  gap: 14px;
}
.csize-xxxl-bordered {
  min-height: 72px;
  padding: 15px 32px;
  font-size: 24px;
  line-height: 36px;
  gap: 16px;
}
.csize-xs svg, .csize-xs img {
  width: 12px;
  height: 12px;
}
.csize-s svg, .csize-s img {
  width: 14px;
  height: 14px;
}
.csize-m svg, .csize-m img {
  width: 16px;
  height: 16px;
}
.csize-l svg, .csize-l img {
  width: 20px;
  height: 20px;
}
.csize-xl svg, .csize-xl img {
  width: 24px;
  height: 24px;
}
.csize-xxl svg, .csize-xxl img {
  width: 28px;
  height: 28px;
}
.csize-xxxl svg, .csize-xxxl img {
  width: 32px;
  height: 32px;
}
.density-compact {
  --density-scale: 0.85;
}
.density-comfortable {
  --density-scale: 1;
}
.density-spacious {
  --density-scale: 1.15;
}
.density-compact .csize-xs, .density-compact .csize-s, .density-compact .csize-m, .density-compact .csize-l, .density-compact .csize-xl, .density-compact .csize-xxl, .density-compact .csize-xxxl {
  padding: calc(var(--csize-padding-y) * 0.85) calc(var(--csize-padding-x) * 0.85);
}
.density-spacious .csize-xs, .density-spacious .csize-s, .density-spacious .csize-m, .density-spacious .csize-l, .density-spacious .csize-xl, .density-spacious .csize-xxl, .density-spacious .csize-xxxl {
  padding: calc(var(--csize-padding-y) * 1.15) calc(var(--csize-padding-x) * 1.15);
}
:root {
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --tw-color-red-50: oklch(97.1% 0.013 17.38);
    --tw-color-red-100: oklch(93.6% 0.032 17.717);
    --tw-color-red-200: oklch(88.5% 0.062 18.334);
    --tw-color-red-300: oklch(80.8% 0.114 19.571);
    --tw-color-red-400: oklch(70.4% 0.191 22.216);
    --tw-color-red-500: oklch(63.7% 0.237 25.331);
    --tw-color-red-600: oklch(57.7% 0.245 27.325);
    --tw-color-red-700: oklch(50.5% 0.213 27.518);
    --tw-color-red-800: oklch(44.4% 0.177 26.899);
    --tw-color-red-900: oklch(39.6% 0.141 25.723);
    --tw-color-orange-50: oklch(98% 0.016 73.684);
    --tw-color-orange-100: oklch(95.4% 0.038 75.164);
    --tw-color-orange-200: oklch(90.1% 0.076 70.697);
    --tw-color-orange-300: oklch(83.7% 0.128 66.29);
    --tw-color-orange-400: oklch(75% 0.183 55.934);
    --tw-color-orange-500: oklch(70.5% 0.213 47.604);
    --tw-color-orange-600: oklch(64.6% 0.222 41.116);
    --tw-color-orange-700: oklch(55.3% 0.195 38.402);
    --tw-color-amber-50: oklch(98.7% 0.022 95.277);
    --tw-color-amber-100: oklch(96.2% 0.059 95.617);
    --tw-color-amber-200: oklch(92.4% 0.12 95.746);
    --tw-color-amber-300: oklch(87.9% 0.169 91.605);
    --tw-color-amber-400: oklch(82.8% 0.189 84.429);
    --tw-color-amber-500: oklch(76.9% 0.188 70.08);
    --tw-color-amber-600: oklch(66.6% 0.179 58.318);
    --tw-color-amber-700: oklch(55.5% 0.163 48.998);
    --tw-color-amber-800: oklch(47.3% 0.137 46.201);
    --tw-color-yellow-50: oklch(98.7% 0.026 102.212);
    --tw-color-yellow-100: oklch(97.3% 0.071 103.193);
    --tw-color-yellow-200: oklch(94.5% 0.129 101.54);
    --tw-color-yellow-400: oklch(85.2% 0.199 91.936);
    --tw-color-yellow-500: oklch(79.5% 0.184 86.047);
    --tw-color-yellow-600: oklch(68.1% 0.162 75.834);
    --tw-color-yellow-700: oklch(55.4% 0.135 66.442);
    --tw-color-yellow-800: oklch(47.6% 0.114 61.907);
    --tw-color-lime-400: oklch(84.1% 0.238 128.85);
    --tw-color-lime-500: oklch(76.8% 0.233 130.85);
    --tw-color-lime-600: oklch(64.8% 0.2 131.684);
    --tw-color-green-50: oklch(98.2% 0.018 155.826);
    --tw-color-green-100: oklch(96.2% 0.044 156.743);
    --tw-color-green-200: oklch(92.5% 0.084 155.995);
    --tw-color-green-300: oklch(87.1% 0.15 154.449);
    --tw-color-green-400: oklch(79.2% 0.209 151.711);
    --tw-color-green-500: oklch(72.3% 0.219 149.579);
    --tw-color-green-600: oklch(62.7% 0.194 149.214);
    --tw-color-green-700: oklch(52.7% 0.154 150.069);
    --tw-color-green-800: oklch(44.8% 0.119 151.328);
    --tw-color-emerald-50: oklch(97.9% 0.021 166.113);
    --tw-color-emerald-100: oklch(95% 0.052 163.051);
    --tw-color-emerald-200: oklch(90.5% 0.093 164.15);
    --tw-color-emerald-400: oklch(76.5% 0.177 163.223);
    --tw-color-emerald-500: oklch(69.6% 0.17 162.48);
    --tw-color-emerald-600: oklch(59.6% 0.145 163.225);
    --tw-color-emerald-700: oklch(50.8% 0.118 165.612);
    --tw-color-emerald-800: oklch(43.2% 0.095 166.913);
    --tw-color-teal-50: oklch(98.4% 0.014 180.72);
    --tw-color-teal-100: oklch(95.3% 0.051 180.801);
    --tw-color-teal-200: oklch(91% 0.096 180.426);
    --tw-color-teal-400: oklch(77.7% 0.152 181.912);
    --tw-color-teal-500: oklch(70.4% 0.14 182.503);
    --tw-color-teal-600: oklch(60% 0.118 184.704);
    --tw-color-teal-700: oklch(51.1% 0.096 186.391);
    --tw-color-teal-900: oklch(38.6% 0.063 188.416);
    --tw-color-cyan-100: oklch(95.6% 0.045 203.388);
    --tw-color-cyan-400: oklch(78.9% 0.154 211.53);
    --tw-color-cyan-600: oklch(60.9% 0.126 221.723);
    --tw-color-sky-900: oklch(39.1% 0.09 240.876);
    --tw-color-blue-50: oklch(97% 0.014 254.604);
    --tw-color-blue-100: oklch(93.2% 0.032 255.585);
    --tw-color-blue-200: oklch(88.2% 0.059 254.128);
    --tw-color-blue-300: oklch(80.9% 0.105 251.813);
    --tw-color-blue-400: oklch(70.7% 0.165 254.624);
    --tw-color-blue-500: oklch(62.3% 0.214 259.815);
    --tw-color-blue-600: oklch(54.6% 0.245 262.881);
    --tw-color-blue-700: oklch(48.8% 0.243 264.376);
    --tw-color-blue-800: oklch(42.4% 0.199 265.638);
    --tw-color-indigo-50: oklch(96.2% 0.018 272.314);
    --tw-color-indigo-100: oklch(93% 0.034 272.788);
    --tw-color-indigo-300: oklch(78.5% 0.115 274.713);
    --tw-color-indigo-500: oklch(58.5% 0.233 277.117);
    --tw-color-indigo-600: oklch(51.1% 0.262 276.966);
    --tw-color-indigo-700: oklch(45.7% 0.24 277.023);
    --tw-color-violet-100: oklch(94.3% 0.029 294.588);
    --tw-color-violet-600: oklch(54.1% 0.281 293.009);
    --tw-color-violet-800: oklch(43.2% 0.232 292.759);
    --tw-color-purple-50: oklch(97.7% 0.014 308.299);
    --tw-color-purple-100: oklch(94.6% 0.033 307.174);
    --tw-color-purple-200: oklch(90.2% 0.063 306.703);
    --tw-color-purple-300: oklch(82.7% 0.119 306.383);
    --tw-color-purple-400: oklch(71.4% 0.203 305.504);
    --tw-color-purple-500: oklch(62.7% 0.265 303.9);
    --tw-color-purple-600: oklch(55.8% 0.288 302.321);
    --tw-color-purple-700: oklch(49.6% 0.265 301.924);
    --tw-color-purple-800: oklch(43.8% 0.218 303.724);
    --tw-color-purple-900: oklch(38.1% 0.176 304.987);
    --tw-color-pink-50: oklch(97.1% 0.014 343.198);
    --tw-color-pink-100: oklch(94.8% 0.028 342.258);
    --tw-color-pink-200: oklch(89.9% 0.061 343.231);
    --tw-color-pink-400: oklch(71.8% 0.202 349.761);
    --tw-color-pink-500: oklch(65.6% 0.241 354.308);
    --tw-color-pink-600: oklch(59.2% 0.249 0.584);
    --tw-color-rose-100: oklch(94.1% 0.03 12.58);
    --tw-color-rose-600: oklch(58.6% 0.253 17.585);
    --tw-color-slate-50: oklch(98.4% 0.003 247.858);
    --tw-color-slate-200: oklch(92.9% 0.013 255.508);
    --tw-color-gray-50: oklch(98.5% 0.002 247.839);
    --tw-color-gray-100: oklch(96.7% 0.003 264.542);
    --tw-color-gray-200: oklch(92.8% 0.006 264.531);
    --tw-color-gray-300: oklch(87.2% 0.01 258.338);
    --tw-color-gray-400: oklch(70.7% 0.022 261.325);
    --tw-color-gray-500: oklch(55.1% 0.027 264.364);
    --tw-color-gray-600: oklch(44.6% 0.03 256.802);
    --tw-color-gray-700: oklch(37.3% 0.034 259.733);
    --tw-color-gray-800: oklch(27.8% 0.033 256.848);
    --tw-color-gray-900: oklch(21% 0.034 264.665);
    --tw-color-zinc-900: oklch(21% 0.006 285.885);
    --tw-color-neutral-300: oklch(87% 0 0);
    --tw-color-neutral-400: oklch(70.8% 0 0);
    --tw-color-neutral-500: oklch(55.6% 0 0);
    --tw-color-neutral-600: oklch(43.9% 0 0);
    --tw-color-neutral-700: oklch(37.1% 0 0);
    --tw-color-neutral-900: oklch(20.5% 0 0);
    --tw-color-black: #000;
    --tw-color-white: #fff;
    --tw-spacing: 0.25rem;
    --tw-breakpoint-sm: 40rem;
    --tw-breakpoint-xl: 80rem;
    --tw-breakpoint-2xl: 96rem;
    --tw-container-xs: 20rem;
    --tw-container-sm: 24rem;
    --tw-container-md: 28rem;
    --tw-container-lg: 32rem;
    --tw-container-xl: 36rem;
    --tw-container-2xl: 42rem;
    --tw-container-3xl: 48rem;
    --tw-container-4xl: 56rem;
    --tw-container-5xl: 64rem;
    --tw-container-6xl: 72rem;
    --tw-container-7xl: 80rem;
    --tw-text-xs: 0.75rem;
    --tw-text-xs--line-height: calc(1 / 0.75);
    --tw-text-sm: 0.875rem;
    --tw-text-sm--line-height: calc(1.25 / 0.875);
    --tw-text-base: 1rem;
    --tw-text-base--line-height: calc(1.5 / 1);
    --tw-text-lg: 1.125rem;
    --tw-text-lg--line-height: calc(1.75 / 1.125);
    --tw-text-xl: 1.25rem;
    --tw-text-xl--line-height: calc(1.75 / 1.25);
    --tw-text-2xl: 1.5rem;
    --tw-text-2xl--line-height: calc(2 / 1.5);
    --tw-text-3xl: 1.875rem;
    --tw-text-3xl--line-height: calc(2.25 / 1.875);
    --tw-text-4xl: 2.25rem;
    --tw-text-4xl--line-height: calc(2.5 / 2.25);
    --tw-text-5xl: 3rem;
    --tw-text-5xl--line-height: 1;
    --tw-text-6xl: 3.75rem;
    --tw-text-6xl--line-height: 1;
    --tw-text-7xl: 4.5rem;
    --tw-text-7xl--line-height: 1;
    --tw-text-8xl: 6rem;
    --tw-text-8xl--line-height: 1;
    --tw-text-9xl: 8rem;
    --tw-text-9xl--line-height: 1;
    --tw-font-weight-thin: 100;
    --tw-font-weight-extralight: 200;
    --tw-font-weight-light: 300;
    --tw-font-weight-normal: 400;
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-font-weight-extrabold: 800;
    --tw-tracking-tight: -0.025em;
    --tw-tracking-wide: 0.025em;
    --tw-tracking-wider: 0.05em;
    --tw-tracking-widest: 0.1em;
    --tw-leading-tight: 1.25;
    --tw-leading-normal: 1.5;
    --tw-leading-relaxed: 1.625;
    --tw-radius-sm: 0.25rem;
    --tw-radius-md: 0.375rem;
    --tw-radius-lg: 0.5rem;
    --tw-radius-xl: 0.75rem;
    --tw-radius-2xl: 1rem;
    --tw-radius-3xl: 1.5rem;
    --tw-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-animate-spin: spin 1s linear infinite;
    --tw-animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --tw-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --tw-animate-bounce: bounce 1s infinite;
    --tw-blur-sm: 8px;
    --tw-blur-md: 12px;
    --tw-blur-lg: 16px;
    --tw-blur-xl: 24px;
    --tw-blur-2xl: 40px;
    --tw-blur-3xl: 64px;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-font-family: var(--tw-font-sans);
    --tw-default-mono-font-family: var(--tw-font-mono);
    --tw-font-base: 'ConnectSans, Avenir, "Source Sans Pro", Helvetica, "Segoe UI", "Nimbus Sans No5 T CY", sans-serif';
    --tw-font-script: 'ConnectScript, sans-serif';
    --tw-color-card: #eaecee;
    --tw-color-cpurple-500: #835ddf;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--tw-default-font-feature-settings, normal);
    font-variation-settings: var(--tw-default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--tw-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--tw-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .tw\:\@container-\[size\] {
    container-type: size;
  }
  .tw\:pointer-events-auto {
    pointer-events: auto;
  }
  .tw\:pointer-events-none {
    pointer-events: none;
  }
  .tw\:invisible {
    visibility: hidden;
  }
  .tw\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:fixed {
    position: fixed;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:sticky {
    position: sticky;
  }
  .tw\:-inset-2 {
    inset: calc(var(--tw-spacing) * -2);
  }
  .tw\:inset-0 {
    inset: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-4 {
    inset: calc(var(--tw-spacing) * 4);
  }
  .tw\:inset-8 {
    inset: calc(var(--tw-spacing) * 8);
  }
  .tw\:inset-\[3px\] {
    inset: 3px;
  }
  .tw\:inset-\[\<value\>\] {
    inset: <value>;
  }
  .tw\:inset-\[var\(--my-position\)\] {
    inset: var(--my-position);
  }
  .tw\:inset-auto {
    inset: auto;
  }
  .tw\:inset-full {
    inset: 100%;
  }
  .tw\:inset-px {
    inset: 1px;
  }
  .tw\:inset-x-0 {
    inset-inline: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-x-4 {
    inset-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:inset-x-auto {
    inset-inline: auto;
  }
  .tw\:inset-x-full {
    inset-inline: 100%;
  }
  .tw\:inset-x-px {
    inset-inline: 1px;
  }
  .tw\:inset-y-0 {
    inset-block: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-y-auto {
    inset-block: auto;
  }
  .tw\:inset-y-full {
    inset-block: 100%;
  }
  .tw\:inset-y-px {
    inset-block: 1px;
  }
  .tw\:-start-4 {
    inset-inline-start: calc(var(--tw-spacing) * -4);
  }
  .tw\:-start-48 {
    inset-inline-start: calc(var(--tw-spacing) * -48);
  }
  .tw\:start-0 {
    inset-inline-start: calc(var(--tw-spacing) * 0);
  }
  .tw\:start-1\/2 {
    inset-inline-start: calc(1/2 * 100%);
  }
  .tw\:start-4 {
    inset-inline-start: calc(var(--tw-spacing) * 4);
  }
  .tw\:start-10 {
    inset-inline-start: calc(var(--tw-spacing) * 10);
  }
  .tw\:start-\[50px\] {
    inset-inline-start: 50px;
  }
  .tw\:start-\[\<value\>\] {
    inset-inline-start: <value>;
  }
  .tw\:start-auto {
    inset-inline-start: auto;
  }
  .tw\:start-full {
    inset-inline-start: 100%;
  }
  .tw\:start-px {
    inset-inline-start: 1px;
  }
  .tw\:-end-48 {
    inset-inline-end: calc(var(--tw-spacing) * -48);
  }
  .tw\:end-0 {
    inset-inline-end: calc(var(--tw-spacing) * 0);
  }
  .tw\:end-1\/4 {
    inset-inline-end: calc(1/4 * 100%);
  }
  .tw\:end-2 {
    inset-inline-end: calc(var(--tw-spacing) * 2);
  }
  .tw\:end-4 {
    inset-inline-end: calc(var(--tw-spacing) * 4);
  }
  .tw\:end-8 {
    inset-inline-end: calc(var(--tw-spacing) * 8);
  }
  .tw\:end-10 {
    inset-inline-end: calc(var(--tw-spacing) * 10);
  }
  .tw\:end-\[\<value\>\] {
    inset-inline-end: <value>;
  }
  .tw\:end-auto {
    inset-inline-end: auto;
  }
  .tw\:end-full {
    inset-inline-end: 100%;
  }
  .tw\:end-px {
    inset-inline-end: 1px;
  }
  .tw\:safe-inline-end-6 {
    inset-inline-end: calc(var(--tw-spacing) * 6 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:safe-inset-4 {
    top: calc(var(--tw-spacing) * 4 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
    right: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
    bottom: calc(var(--tw-spacing) * 4 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
    left: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
  }
  .tw\:-top-1 {
    top: calc(var(--tw-spacing) * -1);
  }
  .tw\:-top-3 {
    top: calc(var(--tw-spacing) * -3);
  }
  .tw\:-top-4 {
    top: calc(var(--tw-spacing) * -4);
  }
  .tw\:-top-5 {
    top: calc(var(--tw-spacing) * -5);
  }
  .tw\:-top-6 {
    top: calc(var(--tw-spacing) * -6);
  }
  .tw\:-top-8 {
    top: calc(var(--tw-spacing) * -8);
  }
  .tw\:-top-10 {
    top: calc(var(--tw-spacing) * -10);
  }
  .tw\:-top-48 {
    top: calc(var(--tw-spacing) * -48);
  }
  .tw\:top-0 {
    top: calc(var(--tw-spacing) * 0);
  }
  .tw\:top-1 {
    top: calc(var(--tw-spacing) * 1);
  }
  .tw\:top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .tw\:top-2 {
    top: calc(var(--tw-spacing) * 2);
  }
  .tw\:top-2\! {
    top: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:top-2\.5 {
    top: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:top-2\/4 {
    top: calc(2/4 * 100%);
  }
  .tw\:top-4 {
    top: calc(var(--tw-spacing) * 4);
  }
  .tw\:top-6 {
    top: calc(var(--tw-spacing) * 6);
  }
  .tw\:top-8 {
    top: calc(var(--tw-spacing) * 8);
  }
  .tw\:top-12 {
    top: calc(var(--tw-spacing) * 12);
  }
  .tw\:top-14 {
    top: calc(var(--tw-spacing) * 14);
  }
  .tw\:top-16 {
    top: calc(var(--tw-spacing) * 16);
  }
  .tw\:top-20 {
    top: calc(var(--tw-spacing) * 20);
  }
  .tw\:top-\[15\%\] {
    top: 15%;
  }
  .tw\:top-\[20mm\] {
    top: 20mm;
  }
  .tw\:top-\[25\%\] {
    top: 25%;
  }
  .tw\:top-\[100px\] {
    top: 100px;
  }
  .tw\:top-\[\<value\>\] {
    top: <value>;
  }
  .tw\:top-auto {
    top: auto;
  }
  .tw\:top-full {
    top: 100%;
  }
  .tw\:top-px {
    top: 1px;
  }
  .tw\:-right-1 {
    right: calc(var(--tw-spacing) * -1);
  }
  .tw\:-right-3 {
    right: calc(var(--tw-spacing) * -3);
  }
  .tw\:-right-10 {
    right: calc(var(--tw-spacing) * -10);
  }
  .tw\:-right-48 {
    right: calc(var(--tw-spacing) * -48);
  }
  .tw\:right-0 {
    right: calc(var(--tw-spacing) * 0);
  }
  .tw\:right-1 {
    right: calc(var(--tw-spacing) * 1);
  }
  .tw\:right-1\/2 {
    right: calc(1/2 * 100%);
  }
  .tw\:right-1\/4 {
    right: calc(1/4 * 100%);
  }
  .tw\:right-2 {
    right: calc(var(--tw-spacing) * 2);
  }
  .tw\:right-2\/4 {
    right: calc(2/4 * 100%);
  }
  .tw\:right-3 {
    right: calc(var(--tw-spacing) * 3);
  }
  .tw\:right-4 {
    right: calc(var(--tw-spacing) * 4);
  }
  .tw\:right-5 {
    right: calc(var(--tw-spacing) * 5);
  }
  .tw\:right-6 {
    right: calc(var(--tw-spacing) * 6);
  }
  .tw\:right-8 {
    right: calc(var(--tw-spacing) * 8);
  }
  .tw\:right-10 {
    right: calc(var(--tw-spacing) * 10);
  }
  .tw\:right-12 {
    right: calc(var(--tw-spacing) * 12);
  }
  .tw\:right-\[20\%\] {
    right: 20%;
  }
  .tw\:right-\[20mm\] {
    right: 20mm;
  }
  .tw\:right-\[25\%\] {
    right: 25%;
  }
  .tw\:right-full {
    right: 100%;
  }
  .tw\:safe-right-6 {
    right: calc(var(--tw-spacing) * 6 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:-bottom-1 {
    bottom: calc(var(--tw-spacing) * -1);
  }
  .tw\:-bottom-4 {
    bottom: calc(var(--tw-spacing) * -4);
  }
  .tw\:-bottom-10 {
    bottom: calc(var(--tw-spacing) * -10);
  }
  .tw\:-bottom-48 {
    bottom: calc(var(--tw-spacing) * -48);
  }
  .tw\:bottom-0 {
    bottom: calc(var(--tw-spacing) * 0);
  }
  .tw\:bottom-1 {
    bottom: calc(var(--tw-spacing) * 1);
  }
  .tw\:bottom-2 {
    bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:bottom-3 {
    bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:bottom-4 {
    bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:bottom-6 {
    bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:bottom-8 {
    bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:bottom-12 {
    bottom: calc(var(--tw-spacing) * 12);
  }
  .tw\:bottom-20 {
    bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:bottom-\[14px\] {
    bottom: 14px;
  }
  .tw\:bottom-\[15\%\] {
    bottom: 15%;
  }
  .tw\:bottom-\[15mm\] {
    bottom: 15mm;
  }
  .tw\:bottom-\[25\%\] {
    bottom: 25%;
  }
  .tw\:bottom-\[60px\] {
    bottom: 60px;
  }
  .tw\:bottom-\[\<value\>\] {
    bottom: <value>;
  }
  .tw\:bottom-auto {
    bottom: auto;
  }
  .tw\:bottom-full {
    bottom: 100%;
  }
  .tw\:bottom-px {
    bottom: 1px;
  }
  .tw\:safe-bottom-0 {
    bottom: calc(var(--tw-spacing) * 0 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:safe-bottom-6 {
    bottom: calc(var(--tw-spacing) * 6 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:-left-2 {
    left: calc(var(--tw-spacing) * -2);
  }
  .tw\:-left-6 {
    left: calc(var(--tw-spacing) * -6);
  }
  .tw\:-left-10 {
    left: calc(var(--tw-spacing) * -10);
  }
  .tw\:-left-48 {
    left: calc(var(--tw-spacing) * -48);
  }
  .tw\:left-0 {
    left: calc(var(--tw-spacing) * 0);
  }
  .tw\:left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .tw\:left-1\/3 {
    left: calc(1/3 * 100%);
  }
  .tw\:left-2 {
    left: calc(var(--tw-spacing) * 2);
  }
  .tw\:left-2\.5 {
    left: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:left-3 {
    left: calc(var(--tw-spacing) * 3);
  }
  .tw\:left-4 {
    left: calc(var(--tw-spacing) * 4);
  }
  .tw\:left-6 {
    left: calc(var(--tw-spacing) * 6);
  }
  .tw\:left-10 {
    left: calc(var(--tw-spacing) * 10);
  }
  .tw\:left-\[-100\%\] {
    left: -100%;
  }
  .tw\:left-\[20\%\] {
    left: 20%;
  }
  .tw\:left-\[25\%\] {
    left: 25%;
  }
  .tw\:left-full {
    left: 100%;
  }
  .tw\:-z-10 {
    z-index: calc(10 * -1);
  }
  .tw\:z-0 {
    z-index: 0;
  }
  .tw\:z-10 {
    z-index: 10;
  }
  .tw\:z-20 {
    z-index: 20;
  }
  .tw\:z-30 {
    z-index: 30;
  }
  .tw\:z-40 {
    z-index: 40;
  }
  .tw\:z-50 {
    z-index: 50;
  }
  .tw\:z-\[2\] {
    z-index: 2;
  }
  .tw\:z-\[3\] {
    z-index: 3;
  }
  .tw\:z-\[11\] {
    z-index: 11;
  }
  .tw\:z-\[12\] {
    z-index: 12;
  }
  .tw\:z-\[15\] {
    z-index: 15;
  }
  .tw\:z-\[16\] {
    z-index: 16;
  }
  .tw\:z-\[25\] {
    z-index: 25;
  }
  .tw\:z-\[1000\] {
    z-index: 1000;
  }
  .tw\:z-\[10000\] {
    z-index: 10000;
  }
  .tw\:z-\[10001\] {
    z-index: 10001;
  }
  .tw\:z-auto {
    z-index: auto;
  }
  .tw\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .tw\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .tw\:col-span-full {
    grid-column: 1 / -1;
  }
  .tw\:col-start-1 {
    grid-column-start: 1;
  }
  .tw\:col-start-2 {
    grid-column-start: 2;
  }
  .tw\:col-start-5 {
    grid-column-start: 5;
  }
  .tw\:col-start-6 {
    grid-column-start: 6;
  }
  .tw\:col-end-5 {
    grid-column-end: 5;
  }
  .tw\:col-end-6 {
    grid-column-end: 6;
  }
  .tw\:col-end-10 {
    grid-column-end: 10;
  }
  .tw\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .tw\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .tw\:container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .tw\:m-0 {
    margin: calc(var(--tw-spacing) * 0);
  }
  .tw\:m-2 {
    margin: calc(var(--tw-spacing) * 2);
  }
  .tw\:m-4 {
    margin: calc(var(--tw-spacing) * 4);
  }
  .tw\:m-\[10px\] {
    margin: 10px;
  }
  .tw\:m-auto {
    margin: auto;
  }
  .tw\:m-px {
    margin: 1px;
  }
  .tw\:-mx-1 {
    margin-inline: calc(var(--tw-spacing) * -1);
  }
  .tw\:-mx-1\.5 {
    margin-inline: calc(var(--tw-spacing) * -1.5);
  }
  .tw\:-mx-4 {
    margin-inline: calc(var(--tw-spacing) * -4);
  }
  .tw\:mx-1 {
    margin-inline: calc(var(--tw-spacing) * 1);
  }
  .tw\:mx-2 {
    margin-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:mx-4 {
    margin-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:mx-6 {
    margin-inline: calc(var(--tw-spacing) * 6);
  }
  .tw\:mx-8 {
    margin-inline: calc(var(--tw-spacing) * 8);
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:-my-1\.5 {
    margin-block: calc(var(--tw-spacing) * -1.5);
  }
  .tw\:my-1 {
    margin-block: calc(var(--tw-spacing) * 1);
  }
  .tw\:my-2 {
    margin-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:my-3 {
    margin-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:my-4 {
    margin-block: calc(var(--tw-spacing) * 4);
  }
  .tw\:my-6 {
    margin-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:my-8 {
    margin-block: calc(var(--tw-spacing) * 8);
  }
  .tw\:my-10 {
    margin-block: calc(var(--tw-spacing) * 10);
  }
  .tw\:my-12 {
    margin-block: calc(var(--tw-spacing) * 12);
  }
  .tw\:my-14 {
    margin-block: calc(var(--tw-spacing) * 14);
  }
  .tw\:my-\[\.5cqh\] {
    margin-block: .5cqh;
  }
  .tw\:my-\[1cqh\] {
    margin-block: 1cqh;
  }
  .tw\:my-auto {
    margin-block: auto;
  }
  .tw\:-ms-1 {
    margin-inline-start: calc(var(--tw-spacing) * -1);
  }
  .tw\:-ms-2 {
    margin-inline-start: calc(var(--tw-spacing) * -2);
  }
  .tw\:-ms-4 {
    margin-inline-start: calc(var(--tw-spacing) * -4);
  }
  .tw\:ms-2 {
    margin-inline-start: calc(var(--tw-spacing) * 2);
  }
  .tw\:ms-3 {
    margin-inline-start: calc(var(--tw-spacing) * 3);
  }
  .tw\:ms-4 {
    margin-inline-start: calc(var(--tw-spacing) * 4);
  }
  .tw\:ms-6 {
    margin-inline-start: calc(var(--tw-spacing) * 6);
  }
  .tw\:ms-auto {
    margin-inline-start: auto;
  }
  .tw\:-me-4 {
    margin-inline-end: calc(var(--tw-spacing) * -4);
  }
  .tw\:me-2 {
    margin-inline-end: calc(var(--tw-spacing) * 2);
  }
  .tw\:me-6 {
    margin-inline-end: calc(var(--tw-spacing) * 6);
  }
  .tw\:-mt-3 {
    margin-top: calc(var(--tw-spacing) * -3);
  }
  .tw\:-mt-4 {
    margin-top: calc(var(--tw-spacing) * -4);
  }
  .tw\:mt-0 {
    margin-top: calc(var(--tw-spacing) * 0);
  }
  .tw\:mt-0\.5 {
    margin-top: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mt-1 {
    margin-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:mt-1\.5 {
    margin-top: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-2\.5 {
    margin-top: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-5 {
    margin-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mt-7 {
    margin-top: calc(var(--tw-spacing) * 7);
  }
  .tw\:mt-8 {
    margin-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:mt-10 {
    margin-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:mt-12 {
    margin-top: calc(var(--tw-spacing) * 12);
  }
  .tw\:mt-14 {
    margin-top: calc(var(--tw-spacing) * 14);
  }
  .tw\:mt-16 {
    margin-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:mt-\[4px\] {
    margin-top: 4px;
  }
  .tw\:mt-\[24px\] {
    margin-top: 24px;
  }
  .tw\:mt-auto {
    margin-top: auto;
  }
  .tw\:-mr-1 {
    margin-right: calc(var(--tw-spacing) * -1);
  }
  .tw\:-mr-2 {
    margin-right: calc(var(--tw-spacing) * -2);
  }
  .tw\:-mr-6 {
    margin-right: calc(var(--tw-spacing) * -6);
  }
  .tw\:mr-0\.5 {
    margin-right: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mr-1 {
    margin-right: calc(var(--tw-spacing) * 1);
  }
  .tw\:mr-1\.5 {
    margin-right: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mr-2 {
    margin-right: calc(var(--tw-spacing) * 2);
  }
  .tw\:mr-3 {
    margin-right: calc(var(--tw-spacing) * 3);
  }
  .tw\:mr-4 {
    margin-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:mr-5 {
    margin-right: calc(var(--tw-spacing) * 5);
  }
  .tw\:mr-6 {
    margin-right: calc(var(--tw-spacing) * 6);
  }
  .tw\:mr-7 {
    margin-right: calc(var(--tw-spacing) * 7);
  }
  .tw\:mr-auto {
    margin-right: auto;
  }
  .tw\:mb-0 {
    margin-bottom: calc(var(--tw-spacing) * 0);
  }
  .tw\:mb-0\.5 {
    margin-bottom: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mb-1 {
    margin-bottom: calc(var(--tw-spacing) * 1);
  }
  .tw\:mb-1\.5 {
    margin-bottom: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:mb-2\.5 {
    margin-bottom: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:mb-3 {
    margin-bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:mb-4 {
    margin-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:mb-5 {
    margin-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:mb-6 {
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:mb-8 {
    margin-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:mb-9 {
    margin-bottom: calc(var(--tw-spacing) * 9);
  }
  .tw\:mb-10 {
    margin-bottom: calc(var(--tw-spacing) * 10);
  }
  .tw\:mb-11 {
    margin-bottom: calc(var(--tw-spacing) * 11);
  }
  .tw\:mb-12 {
    margin-bottom: calc(var(--tw-spacing) * 12);
  }
  .tw\:mb-16 {
    margin-bottom: calc(var(--tw-spacing) * 16);
  }
  .tw\:mb-20 {
    margin-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:mb-32 {
    margin-bottom: calc(var(--tw-spacing) * 32);
  }
  .tw\:mb-40 {
    margin-bottom: calc(var(--tw-spacing) * 40);
  }
  .tw\:mb-\[8px\] {
    margin-bottom: 8px;
  }
  .tw\:mb-\[16px\] {
    margin-bottom: 16px;
  }
  .tw\:mb-\[24px\] {
    margin-bottom: 24px;
  }
  .tw\:mb-\[32px\] {
    margin-bottom: 32px;
  }
  .tw\:mb-\[48px\] {
    margin-bottom: 48px;
  }
  .tw\:safe-mb-1 {
    margin-bottom: calc(var(--tw-spacing) * 1 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:-ml-0\.5 {
    margin-left: calc(var(--tw-spacing) * -0.5);
  }
  .tw\:-ml-1 {
    margin-left: calc(var(--tw-spacing) * -1);
  }
  .tw\:-ml-2 {
    margin-left: calc(var(--tw-spacing) * -2);
  }
  .tw\:ml-0 {
    margin-left: calc(var(--tw-spacing) * 0);
  }
  .tw\:ml-0\.5 {
    margin-left: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:ml-1 {
    margin-left: calc(var(--tw-spacing) * 1);
  }
  .tw\:ml-1\.5 {
    margin-left: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:ml-2 {
    margin-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:ml-3 {
    margin-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:ml-4 {
    margin-left: calc(var(--tw-spacing) * 4);
  }
  .tw\:ml-5 {
    margin-left: calc(var(--tw-spacing) * 5);
  }
  .tw\:ml-6 {
    margin-left: calc(var(--tw-spacing) * 6);
  }
  .tw\:ml-8 {
    margin-left: calc(var(--tw-spacing) * 8);
  }
  .tw\:ml-auto {
    margin-left: auto;
  }
  .tw\:box-border {
    box-sizing: border-box;
  }
  .tw\:box-content {
    box-sizing: content-box;
  }
  .tw\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .tw\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .tw\:no-scrollbar {
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .tw\:block {
    display: block;
  }
  .tw\:contents {
    display: contents;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:inline-block {
    display: inline-block;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:aspect-\[9\/16\] {
    aspect-ratio: 9/16;
  }
  .tw\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .tw\:aspect-\[inherit\] {
    aspect-ratio: inherit;
  }
  .tw\:aspect-auto {
    aspect-ratio: auto;
  }
  .tw\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .tw\:size-\(--item-height\) {
    width: var(--item-height);
    height: var(--item-height);
  }
  .tw\:size-2 {
    width: calc(var(--tw-spacing) * 2);
    height: calc(var(--tw-spacing) * 2);
  }
  .tw\:size-4 {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:size-5 {
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:size-8 {
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:size-10 {
    width: calc(var(--tw-spacing) * 10);
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:size-12 {
    width: calc(var(--tw-spacing) * 12);
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:size-14 {
    width: calc(var(--tw-spacing) * 14);
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:size-16 {
    width: calc(var(--tw-spacing) * 16);
    height: calc(var(--tw-spacing) * 16);
  }
  .tw\:size-32 {
    width: calc(var(--tw-spacing) * 32);
    height: calc(var(--tw-spacing) * 32);
  }
  .tw\:size-44 {
    width: calc(var(--tw-spacing) * 44);
    height: calc(var(--tw-spacing) * 44);
  }
  .tw\:size-64 {
    width: calc(var(--tw-spacing) * 64);
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:size-72 {
    width: calc(var(--tw-spacing) * 72);
    height: calc(var(--tw-spacing) * 72);
  }
  .tw\:size-82 {
    width: calc(var(--tw-spacing) * 82);
    height: calc(var(--tw-spacing) * 82);
  }
  .tw\:size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .tw\:size-\[102px\] {
    width: 102px;
    height: 102px;
  }
  .tw\:footer-height {
    height: calc(4rem + 5rem);
  }
  .tw\:h-0 {
    height: calc(var(--tw-spacing) * 0);
  }
  .tw\:h-0\.5 {
    height: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:h-1 {
    height: calc(var(--tw-spacing) * 1);
  }
  .tw\:h-1\.5 {
    height: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:h-2 {
    height: calc(var(--tw-spacing) * 2);
  }
  .tw\:h-2\.5 {
    height: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:h-3 {
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:h-3\.5 {
    height: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:h-4 {
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:h-5 {
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:h-6 {
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:h-7 {
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:h-9 {
    height: calc(var(--tw-spacing) * 9);
  }
  .tw\:h-10 {
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:h-11 {
    height: calc(var(--tw-spacing) * 11);
  }
  .tw\:h-12 {
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:h-14 {
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:h-16 {
    height: calc(var(--tw-spacing) * 16);
  }
  .tw\:h-20 {
    height: calc(var(--tw-spacing) * 20);
  }
  .tw\:h-24 {
    height: calc(var(--tw-spacing) * 24);
  }
  .tw\:h-28 {
    height: calc(var(--tw-spacing) * 28);
  }
  .tw\:h-32 {
    height: calc(var(--tw-spacing) * 32);
  }
  .tw\:h-36 {
    height: calc(var(--tw-spacing) * 36);
  }
  .tw\:h-40 {
    height: calc(var(--tw-spacing) * 40);
  }
  .tw\:h-44 {
    height: calc(var(--tw-spacing) * 44);
  }
  .tw\:h-48 {
    height: calc(var(--tw-spacing) * 48);
  }
  .tw\:h-56 {
    height: calc(var(--tw-spacing) * 56);
  }
  .tw\:h-60 {
    height: calc(var(--tw-spacing) * 60);
  }
  .tw\:h-64 {
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:h-96 {
    height: calc(var(--tw-spacing) * 96);
  }
  .tw\:h-\[5cqh\] {
    height: 5cqh;
  }
  .tw\:h-\[8px\] {
    height: 8px;
  }
  .tw\:h-\[15cqh\] {
    height: 15cqh;
  }
  .tw\:h-\[18px\] {
    height: 18px;
  }
  .tw\:h-\[24px\] {
    height: 24px;
  }
  .tw\:h-\[28px\] {
    height: 28px;
  }
  .tw\:h-\[30px\] {
    height: 30px;
  }
  .tw\:h-\[32px\] {
    height: 32px;
  }
  .tw\:h-\[40px\] {
    height: 40px;
  }
  .tw\:h-\[44px\] {
    height: 44px;
  }
  .tw\:h-\[48px\] {
    height: 48px;
  }
  .tw\:h-\[50px\] {
    height: 50px;
  }
  .tw\:h-\[52px\] {
    height: 52px;
  }
  .tw\:h-\[54px\] {
    height: 54px;
  }
  .tw\:h-\[56px\] {
    height: 56px;
  }
  .tw\:h-\[60px\] {
    height: 60px;
  }
  .tw\:h-\[64px\] {
    height: 64px;
  }
  .tw\:h-\[72px\] {
    height: 72px;
  }
  .tw\:h-\[74px\] {
    height: 74px;
  }
  .tw\:h-\[80px\] {
    height: 80px;
  }
  .tw\:h-\[80vh\] {
    height: 80vh;
  }
  .tw\:h-\[85px\] {
    height: 85px;
  }
  .tw\:h-\[95\%\] {
    height: 95%;
  }
  .tw\:h-\[100dvh\] {
    height: 100dvh;
  }
  .tw\:h-\[100px\] {
    height: 100px;
  }
  .tw\:h-\[100vh\] {
    height: 100vh;
  }
  .tw\:h-\[120px\] {
    height: 120px;
  }
  .tw\:h-\[160px\] {
    height: 160px;
  }
  .tw\:h-\[180px\] {
    height: 180px;
  }
  .tw\:h-\[200px\] {
    height: 200px;
  }
  .tw\:h-\[297mm\] {
    height: 297mm;
  }
  .tw\:h-\[350px\] {
    height: 350px;
  }
  .tw\:h-\[400px\] {
    height: 400px;
  }
  .tw\:h-\[420px\] {
    height: 420px;
  }
  .tw\:h-\[482px\] {
    height: 482px;
  }
  .tw\:h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px);
  }
  .tw\:h-\[calc\(100vh_-_4rem\)\] {
    height: calc(100vh - 4rem);
  }
  .tw\:h-auto {
    height: auto;
  }
  .tw\:h-dvh {
    height: 100dvh;
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:h-px {
    height: 1px;
  }
  .tw\:h-screen {
    height: 100vh;
  }
  .tw\:max-h-\(--max-height\) {
    max-height: var(--max-height);
  }
  .tw\:max-h-0 {
    max-height: calc(var(--tw-spacing) * 0);
  }
  .tw\:max-h-10 {
    max-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:max-h-64 {
    max-height: calc(var(--tw-spacing) * 64);
  }
  .tw\:max-h-96 {
    max-height: calc(var(--tw-spacing) * 96);
  }
  .tw\:max-h-\[60vh\] {
    max-height: 60vh;
  }
  .tw\:max-h-\[70vh\] {
    max-height: 70vh;
  }
  .tw\:max-h-\[90vh\] {
    max-height: 90vh;
  }
  .tw\:max-h-\[95vh\] {
    max-height: 95vh;
  }
  .tw\:max-h-full {
    max-height: 100%;
  }
  .tw\:min-h-0 {
    min-height: calc(var(--tw-spacing) * 0);
  }
  .tw\:min-h-10 {
    min-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:min-h-16 {
    min-height: calc(var(--tw-spacing) * 16);
  }
  .tw\:min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }
  .tw\:min-h-\[2rem\] {
    min-height: 2rem;
  }
  .tw\:min-h-\[44px\] {
    min-height: 44px;
  }
  .tw\:min-h-\[48px\] {
    min-height: 48px;
  }
  .tw\:min-h-\[50vh\] {
    min-height: 50vh;
  }
  .tw\:min-h-\[80dvh\] {
    min-height: 80dvh;
  }
  .tw\:min-h-\[80vh\] {
    min-height: 80vh;
  }
  .tw\:min-h-\[100px\] {
    min-height: 100px;
  }
  .tw\:min-h-\[120px\] {
    min-height: 120px;
  }
  .tw\:min-h-\[297mm\] {
    min-height: 297mm;
  }
  .tw\:min-h-\[400px\] {
    min-height: 400px;
  }
  .tw\:min-h-screen {
    min-height: 100vh;
  }
  .tw\:safe-min-h-screen {
    min-height: calc(100vh - env(safe-area-inset-top, var(--safe-area-inset-top, 0px)) - env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:w-0 {
    width: calc(var(--tw-spacing) * 0);
  }
  .tw\:w-0\.5 {
    width: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:w-1 {
    width: calc(var(--tw-spacing) * 1);
  }
  .tw\:w-1\.5 {
    width: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .tw\:w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .tw\:w-1\/5 {
    width: calc(1/5 * 100%);
  }
  .tw\:w-2 {
    width: calc(var(--tw-spacing) * 2);
  }
  .tw\:w-2\.5 {
    width: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .tw\:w-2\/4 {
    width: calc(2/4 * 100%);
  }
  .tw\:w-3 {
    width: calc(var(--tw-spacing) * 3);
  }
  .tw\:w-3\.5 {
    width: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-6 {
    width: calc(var(--tw-spacing) * 6);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .tw\:w-9 {
    width: calc(var(--tw-spacing) * 9);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-10\/12 {
    width: calc(10/12 * 100%);
  }
  .tw\:w-11 {
    width: calc(var(--tw-spacing) * 11);
  }
  .tw\:w-12 {
    width: calc(var(--tw-spacing) * 12);
  }
  .tw\:w-14 {
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-16 {
    width: calc(var(--tw-spacing) * 16);
  }
  .tw\:w-20 {
    width: calc(var(--tw-spacing) * 20);
  }
  .tw\:w-24 {
    width: calc(var(--tw-spacing) * 24);
  }
  .tw\:w-28 {
    width: calc(var(--tw-spacing) * 28);
  }
  .tw\:w-32 {
    width: calc(var(--tw-spacing) * 32);
  }
  .tw\:w-36 {
    width: calc(var(--tw-spacing) * 36);
  }
  .tw\:w-40 {
    width: calc(var(--tw-spacing) * 40);
  }
  .tw\:w-44 {
    width: calc(var(--tw-spacing) * 44);
  }
  .tw\:w-48 {
    width: calc(var(--tw-spacing) * 48);
  }
  .tw\:w-52 {
    width: calc(var(--tw-spacing) * 52);
  }
  .tw\:w-56 {
    width: calc(var(--tw-spacing) * 56);
  }
  .tw\:w-64 {
    width: calc(var(--tw-spacing) * 64);
  }
  .tw\:w-72 {
    width: calc(var(--tw-spacing) * 72);
  }
  .tw\:w-96 {
    width: calc(var(--tw-spacing) * 96);
  }
  .tw\:w-\[2px\] {
    width: 2px;
  }
  .tw\:w-\[8px\] {
    width: 8px;
  }
  .tw\:w-\[18px\] {
    width: 18px;
  }
  .tw\:w-\[24px\] {
    width: 24px;
  }
  .tw\:w-\[25rem\] {
    width: 25rem;
  }
  .tw\:w-\[28px\] {
    width: 28px;
  }
  .tw\:w-\[30px\] {
    width: 30px;
  }
  .tw\:w-\[30vw\] {
    width: 30vw;
  }
  .tw\:w-\[32px\] {
    width: 32px;
  }
  .tw\:w-\[40px\] {
    width: 40px;
  }
  .tw\:w-\[44px\] {
    width: 44px;
  }
  .tw\:w-\[48px\] {
    width: 48px;
  }
  .tw\:w-\[50px\] {
    width: 50px;
  }
  .tw\:w-\[54px\] {
    width: 54px;
  }
  .tw\:w-\[56px\] {
    width: 56px;
  }
  .tw\:w-\[60px\] {
    width: 60px;
  }
  .tw\:w-\[72px\] {
    width: 72px;
  }
  .tw\:w-\[80px\] {
    width: 80px;
  }
  .tw\:w-\[85px\] {
    width: 85px;
  }
  .tw\:w-\[90\%\] {
    width: 90%;
  }
  .tw\:w-\[90px\] {
    width: 90px;
  }
  .tw\:w-\[100px\] {
    width: 100px;
  }
  .tw\:w-\[100vw\] {
    width: 100vw;
  }
  .tw\:w-\[120px\] {
    width: 120px;
  }
  .tw\:w-\[160px\] {
    width: 160px;
  }
  .tw\:w-\[200px\] {
    width: 200px;
  }
  .tw\:w-\[210mm\] {
    width: 210mm;
  }
  .tw\:w-\[220px\] {
    width: 220px;
  }
  .tw\:w-\[250px\] {
    width: 250px;
  }
  .tw\:w-\[300px\] {
    width: 300px;
  }
  .tw\:w-\[330px\] {
    width: 330px;
  }
  .tw\:w-\[400px\] {
    width: 400px;
  }
  .tw\:w-\[525px\] {
    width: 525px;
  }
  .tw\:w-\[1000000px\] {
    width: 1000000px;
  }
  .tw\:w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-dvw {
    width: 100dvw;
  }
  .tw\:w-fit {
    width: fit-content;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:w-max {
    width: max-content;
  }
  .tw\:w-px {
    width: 1px;
  }
  .tw\:w-screen {
    width: 100vw;
  }
  .tw\:max-w-2xl {
    max-width: var(--tw-container-2xl);
  }
  .tw\:max-w-3xl {
    max-width: var(--tw-container-3xl);
  }
  .tw\:max-w-4xl {
    max-width: var(--tw-container-4xl);
  }
  .tw\:max-w-6xl {
    max-width: var(--tw-container-6xl);
  }
  .tw\:max-w-7xl {
    max-width: var(--tw-container-7xl);
  }
  .tw\:max-w-\[30rem\] {
    max-width: 30rem;
  }
  .tw\:max-w-\[30vw\] {
    max-width: 30vw;
  }
  .tw\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .tw\:max-w-\[70vw\] {
    max-width: 70vw;
  }
  .tw\:max-w-\[80\%\] {
    max-width: 80%;
  }
  .tw\:max-w-\[80vw\] {
    max-width: 80vw;
  }
  .tw\:max-w-\[90vw\] {
    max-width: 90vw;
  }
  .tw\:max-w-\[92vw\] {
    max-width: 92vw;
  }
  .tw\:max-w-\[96px\] {
    max-width: 96px;
  }
  .tw\:max-w-\[100px\] {
    max-width: 100px;
  }
  .tw\:max-w-\[100vw\] {
    max-width: 100vw;
  }
  .tw\:max-w-\[150px\] {
    max-width: 150px;
  }
  .tw\:max-w-\[180px\] {
    max-width: 180px;
  }
  .tw\:max-w-\[200px\] {
    max-width: 200px;
  }
  .tw\:max-w-\[210mm\] {
    max-width: 210mm;
  }
  .tw\:max-w-\[320px\] {
    max-width: 320px;
  }
  .tw\:max-w-\[500px\] {
    max-width: 500px;
  }
  .tw\:max-w-\[525px\] {
    max-width: 525px;
  }
  .tw\:max-w-\[1000px\] {
    max-width: 1000px;
  }
  .tw\:max-w-\[1440px\] {
    max-width: 1440px;
  }
  .tw\:max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-lg {
    max-width: var(--tw-container-lg);
  }
  .tw\:max-w-md {
    max-width: var(--tw-container-md);
  }
  .tw\:max-w-none {
    max-width: none;
  }
  .tw\:max-w-screen-2xl {
    max-width: var(--tw-breakpoint-2xl);
  }
  .tw\:max-w-screen-sm {
    max-width: var(--tw-breakpoint-sm);
  }
  .tw\:max-w-screen-xl {
    max-width: var(--tw-breakpoint-xl);
  }
  .tw\:max-w-sm {
    max-width: var(--tw-container-sm);
  }
  .tw\:max-w-xs {
    max-width: var(--tw-container-xs);
  }
  .tw\:min-w-0 {
    min-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:min-w-8 {
    min-width: calc(var(--tw-spacing) * 8);
  }
  .tw\:min-w-12 {
    min-width: calc(var(--tw-spacing) * 12);
  }
  .tw\:min-w-16 {
    min-width: calc(var(--tw-spacing) * 16);
  }
  .tw\:min-w-48 {
    min-width: calc(var(--tw-spacing) * 48);
  }
  .tw\:min-w-\[1ch\] {
    min-width: 1ch;
  }
  .tw\:min-w-\[16px\] {
    min-width: 16px;
  }
  .tw\:min-w-\[20px\] {
    min-width: 20px;
  }
  .tw\:min-w-\[20rem\] {
    min-width: 20rem;
  }
  .tw\:min-w-\[30\%\] {
    min-width: 30%;
  }
  .tw\:min-w-\[43px\] {
    min-width: 43px;
  }
  .tw\:min-w-\[44px\] {
    min-width: 44px;
  }
  .tw\:min-w-\[90px\] {
    min-width: 90px;
  }
  .tw\:min-w-\[150px\] {
    min-width: 150px;
  }
  .tw\:min-w-\[160px\] {
    min-width: 160px;
  }
  .tw\:min-w-\[200px\] {
    min-width: 200px;
  }
  .tw\:min-w-\[230px\] {
    min-width: 230px;
  }
  .tw\:min-w-\[250px\] {
    min-width: 250px;
  }
  .tw\:min-w-\[280px\] {
    min-width: 280px;
  }
  .tw\:min-w-\[300px\] {
    min-width: 300px;
  }
  .tw\:min-w-full {
    min-width: 100%;
  }
  .tw\:min-w-max {
    min-width: max-content;
  }
  .tw\:min-w-min {
    min-width: min-content;
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .tw\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:flex-grow {
    flex-grow: 1;
  }
  .tw\:basis-1\/2 {
    flex-basis: calc(1/2 * 100%);
  }
  .tw\:basis-1\/3 {
    flex-basis: calc(1/3 * 100%);
  }
  .tw\:basis-1\/4 {
    flex-basis: calc(1/4 * 100%);
  }
  .tw\:basis-2\/4 {
    flex-basis: calc(2/4 * 100%);
  }
  .tw\:basis-4\/6 {
    flex-basis: calc(4/6 * 100%);
  }
  .tw\:basis-\[5\%\] {
    flex-basis: 5%;
  }
  .tw\:basis-\[10\%\] {
    flex-basis: 10%;
  }
  .tw\:basis-\[15\%\] {
    flex-basis: 15%;
  }
  .tw\:basis-\[20\%\] {
    flex-basis: 20%;
  }
  .tw\:basis-\[calc\(50\%-8px\)\] {
    flex-basis: calc(50% - 8px);
  }
  .tw\:basis-full {
    flex-basis: 100%;
  }
  .tw\:border-collapse {
    border-collapse: collapse;
  }
  .tw\:origin-bottom {
    transform-origin: bottom;
  }
  .tw\:origin-left {
    transform-origin: left;
  }
  .tw\:origin-top {
    transform-origin: top;
  }
  .tw\:origin-top-right {
    transform-origin: top right;
  }
  .tw\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-x-4 {
    --tw-translate-x: calc(var(--tw-spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-x-0 {
    --tw-translate-x: calc(var(--tw-spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-x-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-x-2 {
    --tw-translate-x: calc(var(--tw-spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-y-2 {
    --tw-translate-y: calc(var(--tw-spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-0 {
    --tw-translate-y: calc(var(--tw-spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-1 {
    --tw-translate-y: calc(var(--tw-spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-1\/2 {
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-\[-150\%\] {
    --tw-translate-y: -150%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-\[10\%\] {
    --tw-translate-y: 10%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .tw\:rotate-0 {
    rotate: 0deg;
  }
  .tw\:rotate-45 {
    rotate: 45deg;
  }
  .tw\:rotate-90 {
    rotate: 90deg;
  }
  .tw\:rotate-180 {
    rotate: 180deg;
  }
  .tw\:rotate-\[360deg\] {
    rotate: 360deg;
  }
  .tw\:transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .tw\:animate-bounce {
    animation: var(--tw-animate-bounce);
  }
  .tw\:animate-ping {
    animation: var(--tw-animate-ping);
  }
  .tw\:animate-pulse {
    animation: var(--tw-animate-pulse);
  }
  .tw\:animate-spin {
    animation: var(--tw-animate-spin);
  }
  .tw\:cursor-help {
    cursor: help;
  }
  .tw\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:resize {
    resize: both;
  }
  .tw\:resize-none {
    resize: none;
  }
  .tw\:snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .tw\:snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .tw\:snap-start {
    scroll-snap-align: start;
  }
  .tw\:safe-scroll-pt-20 {
    scroll-padding-top: calc(var(--tw-spacing) * 20 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
  }
  .tw\:list-inside {
    list-style-position: inside;
  }
  .tw\:list-decimal {
    list-style-type: decimal;
  }
  .tw\:list-disc {
    list-style-type: disc;
  }
  .tw\:list-none {
    list-style-type: none;
  }
  .tw\:appearance-none {
    appearance: none;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tw\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .tw\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .tw\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .tw\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .tw\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }
  .tw\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-row {
    flex-direction: row;
  }
  .tw\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .tw\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .tw\:content-start {
    align-content: flex-start;
  }
  .tw\:items-baseline {
    align-items: baseline;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-end {
    align-items: flex-end;
  }
  .tw\:items-start {
    align-items: flex-start;
  }
  .tw\:justify-around {
    justify-content: space-around;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:justify-start {
    justify-content: flex-start;
  }
  .tw\:gap-\(--gap\) {
    gap: var(--gap);
  }
  .tw\:gap-0 {
    gap: calc(var(--tw-spacing) * 0);
  }
  .tw\:gap-0\.5 {
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:gap-1 {
    gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-1\.5 {
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-2\.5 {
    gap: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-5 {
    gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-6 {
    gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-8 {
    gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-10 {
    gap: calc(var(--tw-spacing) * 10);
  }
  .tw\:gap-12 {
    gap: calc(var(--tw-spacing) * 12);
  }
  .tw\:gap-16 {
    gap: calc(var(--tw-spacing) * 16);
  }
  .tw\:gap-\[1cqh\] {
    gap: 1cqh;
  }
  .tw\:gap-\[4px\] {
    gap: 4px;
  }
  .tw\:gap-\[8px\] {
    gap: 8px;
  }
  .tw\:gap-\[16px\] {
    gap: 16px;
  }
  .tw\:gap-px {
    gap: 1px;
  }
  .tw\:safe-gap-4 {
    gap: calc(var(--tw-spacing) * 4 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
  }
  .tw\:space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-40 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 40) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 40) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:gap-x-1 {
    column-gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-x-2 {
    column-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-x-3 {
    column-gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-x-4 {
    column-gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-x-6 {
    column-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-x-24 {
    column-gap: calc(var(--tw-spacing) * 24);
  }
  .tw\:-space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * -2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:-space-x-52 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * -52) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * -52) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-6 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:space-x-12 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing) * 12) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:gap-y-2 {
    row-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-y-4 {
    row-gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-y-6 {
    row-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .tw\:divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .tw\:divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--tw-color-gray-100);
    }
  }
  .tw\:divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--tw-color-gray-200);
    }
  }
  .tw\:self-center {
    align-self: center;
  }
  .tw\:self-end {
    align-self: flex-end;
  }
  .tw\:self-start {
    align-self: flex-start;
  }
  .tw\:self-stretch {
    align-self: stretch;
  }
  .tw\:justify-self-start {
    justify-self: flex-start;
  }
  .tw\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tw\:overflow-auto {
    overflow: auto;
  }
  .tw\:overflow-hidden {
    overflow: hidden;
  }
  .tw\:overflow-scroll {
    overflow: scroll;
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .tw\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .tw\:overscroll-none {
    overscroll-behavior: none;
  }
  .tw\:rounded {
    border-radius: 0.25rem;
  }
  .tw\:rounded-2xl {
    border-radius: var(--tw-radius-2xl);
  }
  .tw\:rounded-3xl {
    border-radius: var(--tw-radius-3xl);
  }
  .tw\:rounded-\[0_10px_10px_0\] {
    border-radius: 0 10px 10px 0;
  }
  .tw\:rounded-\[10px\] {
    border-radius: 10px;
  }
  .tw\:rounded-\[12px\] {
    border-radius: 12px;
  }
  .tw\:rounded-\[16px\] {
    border-radius: 16px;
  }
  .tw\:rounded-\[37\%\] {
    border-radius: 37%;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-lg\! {
    border-radius: var(--tw-radius-lg) !important;
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md);
  }
  .tw\:rounded-none {
    border-radius: 0;
  }
  .tw\:rounded-sm {
    border-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .tw\:rounded-t-2xl {
    border-top-left-radius: var(--tw-radius-2xl);
    border-top-right-radius: var(--tw-radius-2xl);
  }
  .tw\:rounded-t-3xl {
    border-top-left-radius: var(--tw-radius-3xl);
    border-top-right-radius: var(--tw-radius-3xl);
  }
  .tw\:rounded-t-full {
    border-top-left-radius: calc(infinity * 1px);
    border-top-right-radius: calc(infinity * 1px);
  }
  .tw\:rounded-t-lg {
    border-top-left-radius: var(--tw-radius-lg);
    border-top-right-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-t-sm {
    border-top-left-radius: var(--tw-radius-sm);
    border-top-right-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-tl-lg {
    border-top-left-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-tl-none {
    border-top-left-radius: 0;
  }
  .tw\:rounded-tl-sm {
    border-top-left-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-tl-xl {
    border-top-left-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-tr-lg {
    border-top-right-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-tr-none {
    border-top-right-radius: 0;
  }
  .tw\:rounded-tr-sm {
    border-top-right-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-tr-xl {
    border-top-right-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-b-2xl {
    border-bottom-right-radius: var(--tw-radius-2xl);
    border-bottom-left-radius: var(--tw-radius-2xl);
  }
  .tw\:rounded-b-lg {
    border-bottom-right-radius: var(--tw-radius-lg);
    border-bottom-left-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-b-md {
    border-bottom-right-radius: var(--tw-radius-md);
    border-bottom-left-radius: var(--tw-radius-md);
  }
  .tw\:rounded-b-xl {
    border-bottom-right-radius: var(--tw-radius-xl);
    border-bottom-left-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-br-lg {
    border-bottom-right-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-br-md {
    border-bottom-right-radius: var(--tw-radius-md);
  }
  .tw\:rounded-br-sm {
    border-bottom-right-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-br-xl {
    border-bottom-right-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-bl-lg {
    border-bottom-left-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-bl-md {
    border-bottom-left-radius: var(--tw-radius-md);
  }
  .tw\:rounded-bl-sm {
    border-bottom-left-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-bl-xl {
    border-bottom-left-radius: var(--tw-radius-xl);
  }
  .tw\:card-dark-glass {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-400);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-neutral-400) 20%, transparent);
    }
    background-color: var(--tw-color-neutral-300);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-neutral-300) 20%, transparent);
    }
    color: var(--tw-color-neutral-600);
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-neutral-300);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-neutral-300) 30%, transparent);
        }
      }
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-neutral-400);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-neutral-400) 20%, transparent);
      }
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-neutral-300);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-neutral-400);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--tw-color-neutral-400) 30%, transparent);
          }
        }
      }
    }
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .tw\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .tw\:border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .tw\:border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .tw\:border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .tw\:border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .tw\:border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .tw\:border-s-4 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
  }
  .tw\:border-e-4 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 4px;
  }
  .tw\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .tw\:border-r-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .tw\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .tw\:border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .tw\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .tw\:border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .tw\:border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .tw\:border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .tw\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .tw\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .tw\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:border-\[\#6CB0F3\] {
    border-color: #6CB0F3;
  }
  .tw\:border-\[\#A68EFF\] {
    border-color: #A68EFF;
  }
  .tw\:border-\[\#E1D5FA\] {
    border-color: #E1D5FA;
  }
  .tw\:border-amber-200 {
    border-color: var(--tw-color-amber-200);
  }
  .tw\:border-amber-500 {
    border-color: var(--tw-color-amber-500);
  }
  .tw\:border-black {
    border-color: var(--tw-color-black);
  }
  .tw\:border-black\/5 {
    border-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-black) 5%, transparent);
    }
  }
  .tw\:border-black\/6 {
    border-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-black) 6%, transparent);
    }
  }
  .tw\:border-black\/8 {
    border-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-black) 8%, transparent);
    }
  }
  .tw\:border-blue-200 {
    border-color: var(--tw-color-blue-200);
  }
  .tw\:border-blue-400 {
    border-color: var(--tw-color-blue-400);
  }
  .tw\:border-blue-500 {
    border-color: var(--tw-color-blue-500);
  }
  .tw\:border-blue-600 {
    border-color: var(--tw-color-blue-600);
  }
  .tw\:border-emerald-200 {
    border-color: var(--tw-color-emerald-200);
  }
  .tw\:border-emerald-400 {
    border-color: var(--tw-color-emerald-400);
  }
  .tw\:border-emerald-500 {
    border-color: var(--tw-color-emerald-500);
  }
  .tw\:border-gray-100 {
    border-color: var(--tw-color-gray-100);
  }
  .tw\:border-gray-200 {
    border-color: var(--tw-color-gray-200);
  }
  .tw\:border-gray-300 {
    border-color: var(--tw-color-gray-300);
  }
  .tw\:border-gray-400 {
    border-color: var(--tw-color-gray-400);
  }
  .tw\:border-gray-600 {
    border-color: var(--tw-color-gray-600);
  }
  .tw\:border-gray-800 {
    border-color: var(--tw-color-gray-800);
  }
  .tw\:border-gray-900 {
    border-color: var(--tw-color-gray-900);
  }
  .tw\:border-green-200 {
    border-color: var(--tw-color-green-200);
  }
  .tw\:border-green-300 {
    border-color: var(--tw-color-green-300);
  }
  .tw\:border-green-500 {
    border-color: var(--tw-color-green-500);
  }
  .tw\:border-green-600 {
    border-color: var(--tw-color-green-600);
  }
  .tw\:border-orange-200 {
    border-color: var(--tw-color-orange-200);
  }
  .tw\:border-orange-500 {
    border-color: var(--tw-color-orange-500);
  }
  .tw\:border-purple-100 {
    border-color: var(--tw-color-purple-100);
  }
  .tw\:border-purple-200 {
    border-color: var(--tw-color-purple-200);
  }
  .tw\:border-purple-300 {
    border-color: var(--tw-color-purple-300);
  }
  .tw\:border-purple-400 {
    border-color: var(--tw-color-purple-400);
  }
  .tw\:border-purple-500 {
    border-color: var(--tw-color-purple-500);
  }
  .tw\:border-purple-600 {
    border-color: var(--tw-color-purple-600);
  }
  .tw\:border-red-100 {
    border-color: var(--tw-color-red-100);
  }
  .tw\:border-red-200 {
    border-color: var(--tw-color-red-200);
  }
  .tw\:border-red-500 {
    border-color: var(--tw-color-red-500);
  }
  .tw\:border-red-600 {
    border-color: var(--tw-color-red-600);
  }
  .tw\:border-teal-200 {
    border-color: var(--tw-color-teal-200);
  }
  .tw\:border-teal-600 {
    border-color: var(--tw-color-teal-600);
  }
  .tw\:border-transparent {
    border-color: transparent;
  }
  .tw\:border-white {
    border-color: var(--tw-color-white);
  }
  .tw\:border-white\/20 {
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
  }
  .tw\:border-white\/30 {
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 30%, transparent);
    }
  }
  .tw\:border-yellow-100 {
    border-color: var(--tw-color-yellow-100);
  }
  .tw\:border-yellow-200 {
    border-color: var(--tw-color-yellow-200);
  }
  .tw\:border-x-transparent {
    border-inline-color: transparent;
  }
  .tw\:border-y-\[\#3f404a\] {
    border-block-color: #3f404a;
  }
  .tw\:border-t-black {
    border-top-color: var(--tw-color-black);
  }
  .tw\:border-t-black\/70 {
    border-top-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--tw-color-black) 70%, transparent);
    }
  }
  .tw\:border-t-blue-500 {
    border-top-color: var(--tw-color-blue-500);
  }
  .tw\:border-t-blue-600 {
    border-top-color: var(--tw-color-blue-600);
  }
  .tw\:border-t-green-400 {
    border-top-color: var(--tw-color-green-400);
  }
  .tw\:border-t-transparent {
    border-top-color: transparent;
  }
  .tw\:border-t-white {
    border-top-color: var(--tw-color-white);
  }
  .tw\:border-b-green-500 {
    border-bottom-color: var(--tw-color-green-500);
  }
  .tw\:border-b-transparent {
    border-bottom-color: transparent;
  }
  .tw\:border-b-white {
    border-bottom-color: var(--tw-color-white);
  }
  .tw\:bg-\[\#0f172a\] {
    background-color: #0f172a;
  }
  .tw\:bg-\[\#1C1C1E\] {
    background-color: #1C1C1E;
  }
  .tw\:bg-\[\#1e293b\] {
    background-color: #1e293b;
  }
  .tw\:bg-\[\#2C2C2E\] {
    background-color: #2C2C2E;
  }
  .tw\:bg-\[\#2af598\] {
    background-color: #2af598;
  }
  .tw\:bg-\[\#3D6DEB\] {
    background-color: #3D6DEB;
  }
  .tw\:bg-\[\#6C38FF\] {
    background-color: #6C38FF;
  }
  .tw\:bg-\[\#8B5CF6\] {
    background-color: #8B5CF6;
  }
  .tw\:bg-\[\#8d6dfd\] {
    background-color: #8d6dfd;
  }
  .tw\:bg-\[\#10B981\] {
    background-color: #10B981;
  }
  .tw\:bg-\[\#11121f\] {
    background-color: #11121f;
  }
  .tw\:bg-\[\#020617\] {
    background-color: #020617;
  }
  .tw\:bg-\[\#1919190D\] {
    background-color: #1919190D;
  }
  .tw\:bg-\[\#D1FAE5\] {
    background-color: #D1FAE5;
  }
  .tw\:bg-\[\#DBEAFE\] {
    background-color: #DBEAFE;
  }
  .tw\:bg-\[\#E1D5FA\] {
    background-color: #E1D5FA;
  }
  .tw\:bg-\[\#EF4444\] {
    background-color: #EF4444;
  }
  .tw\:bg-\[\#EFEDF8\] {
    background-color: #EFEDF8;
  }
  .tw\:bg-\[\#F4F0FF\] {
    background-color: #F4F0FF;
  }
  .tw\:bg-\[\#F6F7F8\] {
    background-color: #F6F7F8;
  }
  .tw\:bg-\[\#F59E0B\] {
    background-color: #F59E0B;
  }
  .tw\:bg-\[\#FDE047\] {
    background-color: #FDE047;
  }
  .tw\:bg-\[\#FEE2E2\] {
    background-color: #FEE2E2;
  }
  .tw\:bg-\[\#FEF3C7\] {
    background-color: #FEF3C7;
  }
  .tw\:bg-\[\#cdecf1\] {
    background-color: #cdecf1;
  }
  .tw\:bg-\[\#e7dbfd\] {
    background-color: #e7dbfd;
  }
  .tw\:bg-\[\#f8fafb\] {
    background-color: #f8fafb;
  }
  .tw\:bg-\[\#f9f9f9\] {
    background-color: #f9f9f9;
  }
  .tw\:bg-\[greenyellow\] {
    background-color: greenyellow;
  }
  .tw\:bg-amber-50 {
    background-color: var(--tw-color-amber-50);
  }
  .tw\:bg-amber-100 {
    background-color: var(--tw-color-amber-100);
  }
  .tw\:bg-amber-200 {
    background-color: var(--tw-color-amber-200);
  }
  .tw\:bg-amber-300 {
    background-color: var(--tw-color-amber-300);
  }
  .tw\:bg-amber-400 {
    background-color: var(--tw-color-amber-400);
  }
  .tw\:bg-amber-500 {
    background-color: var(--tw-color-amber-500);
  }
  .tw\:bg-black {
    background-color: var(--tw-color-black);
  }
  .tw\:bg-black\/20 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 20%, transparent);
    }
  }
  .tw\:bg-black\/30 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 30%, transparent);
    }
  }
  .tw\:bg-black\/50 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 50%, transparent);
    }
  }
  .tw\:bg-black\/60 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 60%, transparent);
    }
  }
  .tw\:bg-black\/70 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 70%, transparent);
    }
  }
  .tw\:bg-blue-50 {
    background-color: var(--tw-color-blue-50);
  }
  .tw\:bg-blue-100 {
    background-color: var(--tw-color-blue-100);
  }
  .tw\:bg-blue-100\/60 {
    background-color: var(--tw-color-blue-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-blue-100) 60%, transparent);
    }
  }
  .tw\:bg-blue-200 {
    background-color: var(--tw-color-blue-200);
  }
  .tw\:bg-blue-300 {
    background-color: var(--tw-color-blue-300);
  }
  .tw\:bg-blue-400 {
    background-color: var(--tw-color-blue-400);
  }
  .tw\:bg-blue-500 {
    background-color: var(--tw-color-blue-500);
  }
  .tw\:bg-blue-600 {
    background-color: var(--tw-color-blue-600);
  }
  .tw\:bg-blue-700 {
    background-color: var(--tw-color-blue-700);
  }
  .tw\:bg-card {
    background-color: var(--tw-color-card);
  }
  .tw\:bg-cpurple-500 {
    background-color: var(--tw-color-cpurple-500);
  }
  .tw\:bg-cyan-100 {
    background-color: var(--tw-color-cyan-100);
  }
  .tw\:bg-emerald-100 {
    background-color: var(--tw-color-emerald-100);
  }
  .tw\:bg-emerald-500 {
    background-color: var(--tw-color-emerald-500);
  }
  .tw\:bg-emerald-600 {
    background-color: var(--tw-color-emerald-600);
  }
  .tw\:bg-gray-50 {
    background-color: var(--tw-color-gray-50);
  }
  .tw\:bg-gray-100 {
    background-color: var(--tw-color-gray-100);
  }
  .tw\:bg-gray-200 {
    background-color: var(--tw-color-gray-200);
  }
  .tw\:bg-gray-200\/50 {
    background-color: var(--tw-color-gray-200);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-gray-200) 50%, transparent);
    }
  }
  .tw\:bg-gray-300 {
    background-color: var(--tw-color-gray-300);
  }
  .tw\:bg-gray-400 {
    background-color: var(--tw-color-gray-400);
  }
  .tw\:bg-gray-500 {
    background-color: var(--tw-color-gray-500);
  }
  .tw\:bg-gray-500\/10 {
    background-color: var(--tw-color-gray-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-gray-500) 10%, transparent);
    }
  }
  .tw\:bg-gray-600 {
    background-color: var(--tw-color-gray-600);
  }
  .tw\:bg-gray-800 {
    background-color: var(--tw-color-gray-800);
  }
  .tw\:bg-gray-900 {
    background-color: var(--tw-color-gray-900);
  }
  .tw\:bg-green-50 {
    background-color: var(--tw-color-green-50);
  }
  .tw\:bg-green-100 {
    background-color: var(--tw-color-green-100);
  }
  .tw\:bg-green-200 {
    background-color: var(--tw-color-green-200);
  }
  .tw\:bg-green-400 {
    background-color: var(--tw-color-green-400);
  }
  .tw\:bg-green-500 {
    background-color: var(--tw-color-green-500);
  }
  .tw\:bg-green-500\/10 {
    background-color: var(--tw-color-green-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-green-500) 10%, transparent);
    }
  }
  .tw\:bg-green-500\/20 {
    background-color: var(--tw-color-green-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-green-500) 20%, transparent);
    }
  }
  .tw\:bg-green-600 {
    background-color: var(--tw-color-green-600);
  }
  .tw\:bg-green-700 {
    background-color: var(--tw-color-green-700);
  }
  .tw\:bg-indigo-50 {
    background-color: var(--tw-color-indigo-50);
  }
  .tw\:bg-indigo-100 {
    background-color: var(--tw-color-indigo-100);
  }
  .tw\:bg-indigo-300 {
    background-color: var(--tw-color-indigo-300);
  }
  .tw\:bg-indigo-500 {
    background-color: var(--tw-color-indigo-500);
  }
  .tw\:bg-indigo-600 {
    background-color: var(--tw-color-indigo-600);
  }
  .tw\:bg-lime-400 {
    background-color: var(--tw-color-lime-400);
  }
  .tw\:bg-lime-500 {
    background-color: var(--tw-color-lime-500);
  }
  .tw\:bg-orange-50 {
    background-color: var(--tw-color-orange-50);
  }
  .tw\:bg-orange-100 {
    background-color: var(--tw-color-orange-100);
  }
  .tw\:bg-orange-100\/60 {
    background-color: var(--tw-color-orange-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-orange-100) 60%, transparent);
    }
  }
  .tw\:bg-orange-200 {
    background-color: var(--tw-color-orange-200);
  }
  .tw\:bg-orange-500 {
    background-color: var(--tw-color-orange-500);
  }
  .tw\:bg-orange-500\/10 {
    background-color: var(--tw-color-orange-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-orange-500) 10%, transparent);
    }
  }
  .tw\:bg-pink-50 {
    background-color: var(--tw-color-pink-50);
  }
  .tw\:bg-pink-100 {
    background-color: var(--tw-color-pink-100);
  }
  .tw\:bg-pink-100\/60 {
    background-color: var(--tw-color-pink-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-pink-100) 60%, transparent);
    }
  }
  .tw\:bg-pink-200 {
    background-color: var(--tw-color-pink-200);
  }
  .tw\:bg-purple-50 {
    background-color: var(--tw-color-purple-50);
  }
  .tw\:bg-purple-100 {
    background-color: var(--tw-color-purple-100);
  }
  .tw\:bg-purple-100\/60 {
    background-color: var(--tw-color-purple-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-purple-100) 60%, transparent);
    }
  }
  .tw\:bg-purple-200 {
    background-color: var(--tw-color-purple-200);
  }
  .tw\:bg-purple-300 {
    background-color: var(--tw-color-purple-300);
  }
  .tw\:bg-purple-400 {
    background-color: var(--tw-color-purple-400);
  }
  .tw\:bg-purple-500 {
    background-color: var(--tw-color-purple-500);
  }
  .tw\:bg-purple-600 {
    background-color: var(--tw-color-purple-600);
  }
  .tw\:bg-purple-700 {
    background-color: var(--tw-color-purple-700);
  }
  .tw\:bg-purple-800\/30 {
    background-color: var(--tw-color-purple-800);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-purple-800) 30%, transparent);
    }
  }
  .tw\:bg-purple-900\/80 {
    background-color: var(--tw-color-purple-900);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-purple-900) 80%, transparent);
    }
  }
  .tw\:bg-red-50 {
    background-color: var(--tw-color-red-50);
  }
  .tw\:bg-red-100 {
    background-color: var(--tw-color-red-100);
  }
  .tw\:bg-red-100\/60 {
    background-color: var(--tw-color-red-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-red-100) 60%, transparent);
    }
  }
  .tw\:bg-red-200 {
    background-color: var(--tw-color-red-200);
  }
  .tw\:bg-red-400 {
    background-color: var(--tw-color-red-400);
  }
  .tw\:bg-red-500 {
    background-color: var(--tw-color-red-500);
  }
  .tw\:bg-red-500\/10 {
    background-color: var(--tw-color-red-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-red-500) 10%, transparent);
    }
  }
  .tw\:bg-red-600 {
    background-color: var(--tw-color-red-600);
  }
  .tw\:bg-red-700 {
    background-color: var(--tw-color-red-700);
  }
  .tw\:bg-red-800 {
    background-color: var(--tw-color-red-800);
  }
  .tw\:bg-rose-100 {
    background-color: var(--tw-color-rose-100);
  }
  .tw\:bg-sky-900 {
    background-color: var(--tw-color-sky-900);
  }
  .tw\:bg-slate-50 {
    background-color: var(--tw-color-slate-50);
  }
  .tw\:bg-teal-50 {
    background-color: var(--tw-color-teal-50);
  }
  .tw\:bg-teal-100 {
    background-color: var(--tw-color-teal-100);
  }
  .tw\:bg-teal-100\/60 {
    background-color: var(--tw-color-teal-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-teal-100) 60%, transparent);
    }
  }
  .tw\:bg-teal-500 {
    background-color: var(--tw-color-teal-500);
  }
  .tw\:bg-teal-600 {
    background-color: var(--tw-color-teal-600);
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-violet-100 {
    background-color: var(--tw-color-violet-100);
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-white\/10 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 10%, transparent);
    }
  }
  .tw\:bg-white\/20 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
  }
  .tw\:bg-white\/30 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 30%, transparent);
    }
  }
  .tw\:bg-white\/50 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 50%, transparent);
    }
  }
  .tw\:bg-white\/80 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 80%, transparent);
    }
  }
  .tw\:bg-white\/90 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 90%, transparent);
    }
  }
  .tw\:bg-white\/95 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 95%, transparent);
    }
  }
  .tw\:bg-yellow-50 {
    background-color: var(--tw-color-yellow-50);
  }
  .tw\:bg-yellow-100 {
    background-color: var(--tw-color-yellow-100);
  }
  .tw\:bg-yellow-100\/60 {
    background-color: var(--tw-color-yellow-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-yellow-100) 60%, transparent);
    }
  }
  .tw\:bg-yellow-200 {
    background-color: var(--tw-color-yellow-200);
  }
  .tw\:bg-yellow-500 {
    background-color: var(--tw-color-yellow-500);
  }
  .tw\:bg-yellow-600 {
    background-color: var(--tw-color-yellow-600);
  }
  .tw\:bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-bl {
    --tw-gradient-position: to bottom left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-tl {
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:from-\[\#4EF7FF\] {
    --tw-gradient-from: #4EF7FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-\[\#6C38FF\] {
    --tw-gradient-from: #6C38FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-\[\#A68EFF\] {
    --tw-gradient-from: #A68EFF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-\[\#F4F0FF\] {
    --tw-gradient-from: #F4F0FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-amber-50 {
    --tw-gradient-from: var(--tw-color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-amber-300 {
    --tw-gradient-from: var(--tw-color-amber-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-amber-400 {
    --tw-gradient-from: var(--tw-color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-blue-50 {
    --tw-gradient-from: var(--tw-color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-blue-200\/30 {
    --tw-gradient-from: var(--tw-color-blue-200);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-blue-200) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-blue-400\/20 {
    --tw-gradient-from: var(--tw-color-blue-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-blue-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-blue-500 {
    --tw-gradient-from: var(--tw-color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-blue-600 {
    --tw-gradient-from: var(--tw-color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-cyan-400 {
    --tw-gradient-from: var(--tw-color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-emerald-50 {
    --tw-gradient-from: var(--tw-color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-emerald-200\/30 {
    --tw-gradient-from: var(--tw-color-emerald-200);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-emerald-200) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-emerald-400\/20 {
    --tw-gradient-from: var(--tw-color-emerald-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-emerald-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-emerald-500 {
    --tw-gradient-from: var(--tw-color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-emerald-600 {
    --tw-gradient-from: var(--tw-color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-50 {
    --tw-gradient-from: var(--tw-color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-100 {
    --tw-gradient-from: var(--tw-color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-200 {
    --tw-gradient-from: var(--tw-color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-200\/20 {
    --tw-gradient-from: var(--tw-color-gray-200);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-gray-200) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-400 {
    --tw-gradient-from: var(--tw-color-gray-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-700 {
    --tw-gradient-from: var(--tw-color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-800 {
    --tw-gradient-from: var(--tw-color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-gray-900 {
    --tw-gradient-from: var(--tw-color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-green-50 {
    --tw-gradient-from: var(--tw-color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-green-400\/10 {
    --tw-gradient-from: var(--tw-color-green-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-green-400) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-green-500 {
    --tw-gradient-from: var(--tw-color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-green-500\/20 {
    --tw-gradient-from: var(--tw-color-green-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-green-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-indigo-50 {
    --tw-gradient-from: var(--tw-color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-indigo-600 {
    --tw-gradient-from: var(--tw-color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-orange-500 {
    --tw-gradient-from: var(--tw-color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-50 {
    --tw-gradient-from: var(--tw-color-purple-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-50\/50 {
    --tw-gradient-from: var(--tw-color-purple-50);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-purple-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-100 {
    --tw-gradient-from: var(--tw-color-purple-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-100\/20 {
    --tw-gradient-from: var(--tw-color-purple-100);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-purple-100) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-200 {
    --tw-gradient-from: var(--tw-color-purple-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-300 {
    --tw-gradient-from: var(--tw-color-purple-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-400 {
    --tw-gradient-from: var(--tw-color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-400\/20 {
    --tw-gradient-from: var(--tw-color-purple-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-purple-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-500 {
    --tw-gradient-from: var(--tw-color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-500\/20 {
    --tw-gradient-from: var(--tw-color-purple-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-purple-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-600 {
    --tw-gradient-from: var(--tw-color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-700 {
    --tw-gradient-from: var(--tw-color-purple-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-purple-800 {
    --tw-gradient-from: var(--tw-color-purple-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-red-50 {
    --tw-gradient-from: var(--tw-color-red-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-red-300 {
    --tw-gradient-from: var(--tw-color-red-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-red-400 {
    --tw-gradient-from: var(--tw-color-red-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-red-500 {
    --tw-gradient-from: var(--tw-color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:via-blue-50 {
    --tw-gradient-via: var(--tw-color-blue-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-gray-800 {
    --tw-gradient-via: var(--tw-color-gray-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-green-50 {
    --tw-gradient-via: var(--tw-color-green-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-purple-50 {
    --tw-gradient-via: var(--tw-color-purple-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-purple-500 {
    --tw-gradient-via: var(--tw-color-purple-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:via-white\/20 {
    --tw-gradient-via: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:to-\[\#4A1FB8\] {
    --tw-gradient-to: #4A1FB8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-\[\#7EBCE6\] {
    --tw-gradient-to: #7EBCE6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-\[\#FFCD1B\] {
    --tw-gradient-to: #FFCD1B;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-amber-400 {
    --tw-gradient-to: var(--tw-color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-amber-500 {
    --tw-gradient-to: var(--tw-color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-amber-600 {
    --tw-gradient-to: var(--tw-color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-black {
    --tw-gradient-to: var(--tw-color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-blue-50 {
    --tw-gradient-to: var(--tw-color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-blue-100 {
    --tw-gradient-to: var(--tw-color-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-blue-600 {
    --tw-gradient-to: var(--tw-color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-blue-700 {
    --tw-gradient-to: var(--tw-color-blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-emerald-50 {
    --tw-gradient-to: var(--tw-color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-emerald-400\/10 {
    --tw-gradient-to: var(--tw-color-emerald-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-emerald-400) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-emerald-500\/20 {
    --tw-gradient-to: var(--tw-color-emerald-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-emerald-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-emerald-600 {
    --tw-gradient-to: var(--tw-color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-emerald-700 {
    --tw-gradient-to: var(--tw-color-emerald-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-50 {
    --tw-gradient-to: var(--tw-color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-100 {
    --tw-gradient-to: var(--tw-color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-200 {
    --tw-gradient-to: var(--tw-color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-300 {
    --tw-gradient-to: var(--tw-color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-300\/20 {
    --tw-gradient-to: var(--tw-color-gray-300);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-gray-300) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-600 {
    --tw-gradient-to: var(--tw-color-gray-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-700 {
    --tw-gradient-to: var(--tw-color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-gray-900 {
    --tw-gradient-to: var(--tw-color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-green-100 {
    --tw-gradient-to: var(--tw-color-green-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-green-400 {
    --tw-gradient-to: var(--tw-color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-indigo-50 {
    --tw-gradient-to: var(--tw-color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-indigo-100 {
    --tw-gradient-to: var(--tw-color-indigo-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-indigo-600 {
    --tw-gradient-to: var(--tw-color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-orange-400 {
    --tw-gradient-to: var(--tw-color-orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-pink-400\/20 {
    --tw-gradient-to: var(--tw-color-pink-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-pink-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-pink-500 {
    --tw-gradient-to: var(--tw-color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-50 {
    --tw-gradient-to: var(--tw-color-purple-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-100\/20 {
    --tw-gradient-to: var(--tw-color-purple-100);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-purple-100) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-100\/50 {
    --tw-gradient-to: var(--tw-color-purple-100);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-purple-100) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-200 {
    --tw-gradient-to: var(--tw-color-purple-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-200\/30 {
    --tw-gradient-to: var(--tw-color-purple-200);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-purple-200) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-300 {
    --tw-gradient-to: var(--tw-color-purple-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-400\/20 {
    --tw-gradient-to: var(--tw-color-purple-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-purple-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-500 {
    --tw-gradient-to: var(--tw-color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-600 {
    --tw-gradient-to: var(--tw-color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-600\/20 {
    --tw-gradient-to: var(--tw-color-purple-600);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-purple-600) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-700 {
    --tw-gradient-to: var(--tw-color-purple-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-purple-800 {
    --tw-gradient-to: var(--tw-color-purple-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-red-400 {
    --tw-gradient-to: var(--tw-color-red-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-red-600 {
    --tw-gradient-to: var(--tw-color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-teal-50 {
    --tw-gradient-to: var(--tw-color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-teal-200\/30 {
    --tw-gradient-to: var(--tw-color-teal-200);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-teal-200) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-teal-400\/20 {
    --tw-gradient-to: var(--tw-color-teal-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-teal-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-teal-500 {
    --tw-gradient-to: var(--tw-color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-teal-600 {
    --tw-gradient-to: var(--tw-color-teal-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-white {
    --tw-gradient-to: var(--tw-color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-yellow-50 {
    --tw-gradient-to: var(--tw-color-yellow-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:bg-cover {
    background-size: cover;
  }
  .tw\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }
  .tw\:bg-center {
    background-position: center;
  }
  .tw\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .tw\:fill-current {
    fill: currentcolor;
  }
  .tw\:object-contain {
    object-fit: contain;
  }
  .tw\:object-cover {
    object-fit: cover;
  }
  .tw\:object-top {
    object-position: top;
  }
  .tw\:p-0 {
    padding: calc(var(--tw-spacing) * 0);
  }
  .tw\:p-0\.5 {
    padding: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:p-1 {
    padding: calc(var(--tw-spacing) * 1);
  }
  .tw\:p-1\.5 {
    padding: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:p-2 {
    padding: calc(var(--tw-spacing) * 2);
  }
  .tw\:p-2\.5 {
    padding: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:p-3 {
    padding: calc(var(--tw-spacing) * 3);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:p-5 {
    padding: calc(var(--tw-spacing) * 5);
  }
  .tw\:p-6 {
    padding: calc(var(--tw-spacing) * 6);
  }
  .tw\:p-8 {
    padding: calc(var(--tw-spacing) * 8);
  }
  .tw\:p-10 {
    padding: calc(var(--tw-spacing) * 10);
  }
  .tw\:p-\[5px\] {
    padding: 5px;
  }
  .tw\:p-\[20mm\] {
    padding: 20mm;
  }
  .tw\:p-\[20px\] {
    padding: 20px;
  }
  .tw\:p-px {
    padding: 1px;
  }
  .tw\:px-0 {
    padding-inline: calc(var(--tw-spacing) * 0);
  }
  .tw\:px-1 {
    padding-inline: calc(var(--tw-spacing) * 1);
  }
  .tw\:px-1\.5 {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:px-2 {
    padding-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:px-2\.5 {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:px-3\.5 {
    padding-inline: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:px-4\! {
    padding-inline: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:px-5 {
    padding-inline: calc(var(--tw-spacing) * 5);
  }
  .tw\:px-6 {
    padding-inline: calc(var(--tw-spacing) * 6);
  }
  .tw\:px-8 {
    padding-inline: calc(var(--tw-spacing) * 8);
  }
  .tw\:px-9 {
    padding-inline: calc(var(--tw-spacing) * 9);
  }
  .tw\:px-10 {
    padding-inline: calc(var(--tw-spacing) * 10);
  }
  .tw\:px-12 {
    padding-inline: calc(var(--tw-spacing) * 12);
  }
  .tw\:px-14 {
    padding-inline: calc(var(--tw-spacing) * 14);
  }
  .tw\:px-16 {
    padding-inline: calc(var(--tw-spacing) * 16);
  }
  .tw\:px-20 {
    padding-inline: calc(var(--tw-spacing) * 20);
  }
  .tw\:px-\[8px\] {
    padding-inline: 8px;
  }
  .tw\:px-\[12px\] {
    padding-inline: 12px;
  }
  .tw\:px-\[16px\] {
    padding-inline: 16px;
  }
  .tw\:px-\[24px\] {
    padding-inline: 24px;
  }
  .tw\:py-0\.5 {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:py-1 {
    padding-block: calc(var(--tw-spacing) * 1);
  }
  .tw\:py-1\.5 {
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:py-2\! {
    padding-block: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:py-2\.5 {
    padding-block: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:py-3 {
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:py-3\! {
    padding-block: calc(var(--tw-spacing) * 3) !important;
  }
  .tw\:py-3\.5 {
    padding-block: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:py-4 {
    padding-block: calc(var(--tw-spacing) * 4);
  }
  .tw\:py-5 {
    padding-block: calc(var(--tw-spacing) * 5);
  }
  .tw\:py-6 {
    padding-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:py-8 {
    padding-block: calc(var(--tw-spacing) * 8);
  }
  .tw\:py-9 {
    padding-block: calc(var(--tw-spacing) * 9);
  }
  .tw\:py-10 {
    padding-block: calc(var(--tw-spacing) * 10);
  }
  .tw\:py-12 {
    padding-block: calc(var(--tw-spacing) * 12);
  }
  .tw\:py-16 {
    padding-block: calc(var(--tw-spacing) * 16);
  }
  .tw\:py-20 {
    padding-block: calc(var(--tw-spacing) * 20);
  }
  .tw\:py-24 {
    padding-block: calc(var(--tw-spacing) * 24);
  }
  .tw\:py-\[1px\] {
    padding-block: 1px;
  }
  .tw\:py-\[3cqh\] {
    padding-block: 3cqh;
  }
  .tw\:py-\[6px\] {
    padding-block: 6px;
  }
  .tw\:py-\[8px\] {
    padding-block: 8px;
  }
  .tw\:py-\[12px\] {
    padding-block: 12px;
  }
  .tw\:py-\[32px\] {
    padding-block: 32px;
  }
  .tw\:py-px {
    padding-block: 1px;
  }
  .tw\:safe-pinline-2 {
    padding-inline-start: calc(var(--tw-spacing) * 2 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
    padding-inline-end: calc(var(--tw-spacing) * 2 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:safe-pinline-4 {
    padding-inline-start: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
    padding-inline-end: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:ps-1 {
    padding-inline-start: calc(var(--tw-spacing) * 1);
  }
  .tw\:ps-2 {
    padding-inline-start: calc(var(--tw-spacing) * 2);
  }
  .tw\:ps-3 {
    padding-inline-start: calc(var(--tw-spacing) * 3);
  }
  .tw\:ps-4 {
    padding-inline-start: calc(var(--tw-spacing) * 4);
  }
  .tw\:ps-6 {
    padding-inline-start: calc(var(--tw-spacing) * 6);
  }
  .tw\:ps-8 {
    padding-inline-start: calc(var(--tw-spacing) * 8);
  }
  .tw\:ps-10 {
    padding-inline-start: calc(var(--tw-spacing) * 10);
  }
  .tw\:safe-area-pis {
    padding-inline-start: env(safe-area-inset-left, var(--safe-area-inset-left, 0px));
  }
  .tw\:safe-pis-4 {
    padding-inline-start: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
  }
  .tw\:pe-1 {
    padding-inline-end: calc(var(--tw-spacing) * 1);
  }
  .tw\:pe-2 {
    padding-inline-end: calc(var(--tw-spacing) * 2);
  }
  .tw\:pe-3 {
    padding-inline-end: calc(var(--tw-spacing) * 3);
  }
  .tw\:pe-4 {
    padding-inline-end: calc(var(--tw-spacing) * 4);
  }
  .tw\:pe-6 {
    padding-inline-end: calc(var(--tw-spacing) * 6);
  }
  .tw\:pe-8 {
    padding-inline-end: calc(var(--tw-spacing) * 8);
  }
  .tw\:pe-10 {
    padding-inline-end: calc(var(--tw-spacing) * 10);
  }
  .tw\:safe-area-pie {
    padding-inline-end: env(safe-area-inset-right, var(--safe-area-inset-right, 0px));
  }
  .tw\:safe-pie-4 {
    padding-inline-end: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:safe-p-2 {
    padding-top: calc(var(--tw-spacing) * 2 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
    padding-right: calc(var(--tw-spacing) * 2 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
    padding-bottom: calc(var(--tw-spacing) * 2 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
    padding-left: calc(var(--tw-spacing) * 2 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
  }
  .tw\:safe-p-4 {
    padding-top: calc(var(--tw-spacing) * 4 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
    padding-right: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
    padding-bottom: calc(var(--tw-spacing) * 4 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
    padding-left: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
  }
  .tw\:pt-1 {
    padding-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:pt-2 {
    padding-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:pt-3 {
    padding-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:pt-4 {
    padding-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:pt-6 {
    padding-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:pt-8 {
    padding-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:pt-10 {
    padding-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:pt-12 {
    padding-top: calc(var(--tw-spacing) * 12);
  }
  .tw\:pt-14 {
    padding-top: calc(var(--tw-spacing) * 14);
  }
  .tw\:pt-16 {
    padding-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:pt-36 {
    padding-top: calc(var(--tw-spacing) * 36);
  }
  .tw\:safe-pt-2 {
    padding-top: calc(var(--tw-spacing) * 2 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
  }
  .tw\:safe-pt-4 {
    padding-top: calc(var(--tw-spacing) * 4 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
  }
  .tw\:safe-px-4 {
    padding-left: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
    padding-right: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:safe-px-6 {
    padding-left: calc(var(--tw-spacing) * 6 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
    padding-right: calc(var(--tw-spacing) * 6 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:pr-1 {
    padding-right: calc(var(--tw-spacing) * 1);
  }
  .tw\:pr-2 {
    padding-right: calc(var(--tw-spacing) * 2);
  }
  .tw\:pr-3 {
    padding-right: calc(var(--tw-spacing) * 3);
  }
  .tw\:pr-3\.5 {
    padding-right: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:pr-4 {
    padding-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:pr-5 {
    padding-right: calc(var(--tw-spacing) * 5);
  }
  .tw\:pr-8 {
    padding-right: calc(var(--tw-spacing) * 8);
  }
  .tw\:pr-10 {
    padding-right: calc(var(--tw-spacing) * 10);
  }
  .tw\:pr-11 {
    padding-right: calc(var(--tw-spacing) * 11);
  }
  .tw\:pr-12 {
    padding-right: calc(var(--tw-spacing) * 12);
  }
  .tw\:pr-16 {
    padding-right: calc(var(--tw-spacing) * 16);
  }
  .tw\:safe-pr-4 {
    padding-right: calc(var(--tw-spacing) * 4 + env(safe-area-inset-right, var(--safe-area-inset-right, 0px)));
  }
  .tw\:pb-2 {
    padding-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:pb-3 {
    padding-bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:pb-6 {
    padding-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:pb-8 {
    padding-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:pb-10 {
    padding-bottom: calc(var(--tw-spacing) * 10);
  }
  .tw\:pb-12 {
    padding-bottom: calc(var(--tw-spacing) * 12);
  }
  .tw\:pb-14 {
    padding-bottom: calc(var(--tw-spacing) * 14);
  }
  .tw\:pb-16 {
    padding-bottom: calc(var(--tw-spacing) * 16);
  }
  .tw\:pb-20 {
    padding-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:pb-24 {
    padding-bottom: calc(var(--tw-spacing) * 24);
  }
  .tw\:pb-32 {
    padding-bottom: calc(var(--tw-spacing) * 32);
  }
  .tw\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }
  .tw\:pb-\[96px\] {
    padding-bottom: 96px;
  }
  .tw\:safe-bi-or-pb-1 {
    padding-bottom: max(env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)), calc(var(--tw-spacing) * 1));
  }
  .tw\:safe-bi-or-pb-4 {
    padding-bottom: max(env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)), calc(var(--tw-spacing) * 4));
  }
  .tw\:safe-pb-2 {
    padding-bottom: calc(var(--tw-spacing) * 2 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:safe-pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 4 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:pl-2 {
    padding-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:pl-3 {
    padding-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:pl-4 {
    padding-left: calc(var(--tw-spacing) * 4);
  }
  .tw\:pl-6 {
    padding-left: calc(var(--tw-spacing) * 6);
  }
  .tw\:pl-8 {
    padding-left: calc(var(--tw-spacing) * 8);
  }
  .tw\:pl-10 {
    padding-left: calc(var(--tw-spacing) * 10);
  }
  .tw\:pl-12 {
    padding-left: calc(var(--tw-spacing) * 12);
  }
  .tw\:safe-pl-4 {
    padding-left: calc(var(--tw-spacing) * 4 + env(safe-area-inset-left, var(--safe-area-inset-left, 0px)));
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-end {
    text-align: end;
  }
  .tw\:text-justify {
    text-align: justify;
  }
  .tw\:text-left {
    text-align: left;
  }
  .tw\:text-right {
    text-align: right;
  }
  .tw\:text-start {
    text-align: start;
  }
  .tw\:align-middle {
    vertical-align: middle;
  }
  .tw\:align-top {
    vertical-align: top;
  }
  .tw\:font-base {
    font-family: var(--tw-font-base);
  }
  .tw\:font-mono {
    font-family: var(--tw-font-mono);
  }
  .tw\:font-sans {
    font-family: var(--tw-font-sans);
  }
  .tw\:font-script {
    font-family: var(--tw-font-script);
  }
  .tw\:text-2xl {
    font-size: var(--tw-text-2xl);
    line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
  }
  .tw\:text-3xl {
    font-size: var(--tw-text-3xl);
    line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
  }
  .tw\:text-4xl {
    font-size: var(--tw-text-4xl);
    line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
  }
  .tw\:text-5xl {
    font-size: var(--tw-text-5xl);
    line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
  }
  .tw\:text-6xl {
    font-size: var(--tw-text-6xl);
    line-height: var(--tw-leading, var(--tw-text-6xl--line-height));
  }
  .tw\:text-7xl {
    font-size: var(--tw-text-7xl);
    line-height: var(--tw-leading, var(--tw-text-7xl--line-height));
  }
  .tw\:text-base {
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
  .tw\:text-lg {
    font-size: var(--tw-text-lg);
    line-height: var(--tw-leading, var(--tw-text-lg--line-height));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-xl {
    font-size: var(--tw-text-xl);
    line-height: var(--tw-leading, var(--tw-text-xl--line-height));
  }
  .tw\:text-xs {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .tw\:text-\[\.9rem\] {
    font-size: .9rem;
  }
  .tw\:text-\[1\.8rem\] {
    font-size: 1.8rem;
  }
  .tw\:text-\[9px\] {
    font-size: 9px;
  }
  .tw\:text-\[10px\] {
    font-size: 10px;
  }
  .tw\:text-\[11px\] {
    font-size: 11px;
  }
  .tw\:text-\[12px\] {
    font-size: 12px;
  }
  .tw\:text-\[13px\] {
    font-size: 13px;
  }
  .tw\:text-\[14px\] {
    font-size: 14px;
  }
  .tw\:text-\[15px\] {
    font-size: 15px;
  }
  .tw\:text-\[16px\] {
    font-size: 16px;
  }
  .tw\:text-\[18px\] {
    font-size: 18px;
  }
  .tw\:text-\[20px\] {
    font-size: 20px;
  }
  .tw\:text-\[24px\] {
    font-size: 24px;
  }
  .tw\:text-\[28px\] {
    font-size: 28px;
  }
  .tw\:leading-3 {
    --tw-leading: calc(var(--tw-spacing) * 3);
    line-height: calc(var(--tw-spacing) * 3);
  }
  .tw\:leading-4 {
    --tw-leading: calc(var(--tw-spacing) * 4);
    line-height: calc(var(--tw-spacing) * 4);
  }
  .tw\:leading-5 {
    --tw-leading: calc(var(--tw-spacing) * 5);
    line-height: calc(var(--tw-spacing) * 5);
  }
  .tw\:leading-6 {
    --tw-leading: calc(var(--tw-spacing) * 6);
    line-height: calc(var(--tw-spacing) * 6);
  }
  .tw\:leading-7 {
    --tw-leading: calc(var(--tw-spacing) * 7);
    line-height: calc(var(--tw-spacing) * 7);
  }
  .tw\:leading-8 {
    --tw-leading: calc(var(--tw-spacing) * 8);
    line-height: calc(var(--tw-spacing) * 8);
  }
  .tw\:leading-10 {
    --tw-leading: calc(var(--tw-spacing) * 10);
    line-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .tw\:leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .tw\:leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .tw\:leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .tw\:leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .tw\:leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .tw\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .tw\:leading-normal {
    --tw-leading: var(--tw-leading-normal);
    line-height: var(--tw-leading-normal);
  }
  .tw\:leading-relaxed {
    --tw-leading: var(--tw-leading-relaxed);
    line-height: var(--tw-leading-relaxed);
  }
  .tw\:leading-tight {
    --tw-leading: var(--tw-leading-tight);
    line-height: var(--tw-leading-tight);
  }
  .tw\:font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:font-extrabold {
    --tw-font-weight: var(--tw-font-weight-extrabold);
    font-weight: var(--tw-font-weight-extrabold);
  }
  .tw\:font-extralight {
    --tw-font-weight: var(--tw-font-weight-extralight);
    font-weight: var(--tw-font-weight-extralight);
  }
  .tw\:font-light {
    --tw-font-weight: var(--tw-font-weight-light);
    font-weight: var(--tw-font-weight-light);
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .tw\:font-normal {
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .tw\:font-thin {
    --tw-font-weight: var(--tw-font-weight-thin);
    font-weight: var(--tw-font-weight-thin);
  }
  .tw\:tracking-\[-0\.2px\] {
    --tw-tracking: -0.2px;
    letter-spacing: -0.2px;
  }
  .tw\:tracking-\[-0\.3px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tw\:tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tw\:tracking-tight {
    --tw-tracking: var(--tw-tracking-tight);
    letter-spacing: var(--tw-tracking-tight);
  }
  .tw\:tracking-wide {
    --tw-tracking: var(--tw-tracking-wide);
    letter-spacing: var(--tw-tracking-wide);
  }
  .tw\:tracking-wider {
    --tw-tracking: var(--tw-tracking-wider);
    letter-spacing: var(--tw-tracking-wider);
  }
  .tw\:tracking-widest {
    --tw-tracking: var(--tw-tracking-widest);
    letter-spacing: var(--tw-tracking-widest);
  }
  .tw\:text-nowrap {
    text-wrap: nowrap;
  }
  .tw\:break-words {
    overflow-wrap: break-word;
  }
  .tw\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .tw\:text-\[\#1D4ED8\] {
    color: #1D4ED8;
  }
  .tw\:text-\[\#2D1F6D\] {
    color: #2D1F6D;
  }
  .tw\:text-\[\#2af598\] {
    color: #2af598;
  }
  .tw\:text-\[\#4A1FB8\] {
    color: #4A1FB8;
  }
  .tw\:text-\[\#4B5563\] {
    color: #4B5563;
  }
  .tw\:text-\[\#6B7280\] {
    color: #6B7280;
  }
  .tw\:text-\[\#6C38FF\] {
    color: #6C38FF;
  }
  .tw\:text-\[\#6CB0F3\] {
    color: #6CB0F3;
  }
  .tw\:text-\[\#8B5CF6\] {
    color: #8B5CF6;
  }
  .tw\:text-\[\#90dbaa\] {
    color: #90dbaa;
  }
  .tw\:text-\[\#713F12\] {
    color: #713F12;
  }
  .tw\:text-\[\#059669\] {
    color: #059669;
  }
  .tw\:text-\[\#D97706\] {
    color: #D97706;
  }
  .tw\:text-\[\#DC2626\] {
    color: #DC2626;
  }
  .tw\:text-\[\#adadad\] {
    color: #adadad;
  }
  .tw\:text-\[\#ccc\] {
    color: #ccc;
  }
  .tw\:text-amber-400 {
    color: var(--tw-color-amber-400);
  }
  .tw\:text-amber-500 {
    color: var(--tw-color-amber-500);
  }
  .tw\:text-amber-600 {
    color: var(--tw-color-amber-600);
  }
  .tw\:text-amber-700 {
    color: var(--tw-color-amber-700);
  }
  .tw\:text-amber-800 {
    color: var(--tw-color-amber-800);
  }
  .tw\:text-black {
    color: var(--tw-color-black);
  }
  .tw\:text-blue-500 {
    color: var(--tw-color-blue-500);
  }
  .tw\:text-blue-600 {
    color: var(--tw-color-blue-600);
  }
  .tw\:text-blue-700 {
    color: var(--tw-color-blue-700);
  }
  .tw\:text-blue-800 {
    color: var(--tw-color-blue-800);
  }
  .tw\:text-cpurple-500 {
    color: var(--tw-color-cpurple-500);
  }
  .tw\:text-cyan-600 {
    color: var(--tw-color-cyan-600);
  }
  .tw\:text-emerald-600 {
    color: var(--tw-color-emerald-600);
  }
  .tw\:text-emerald-700 {
    color: var(--tw-color-emerald-700);
  }
  .tw\:text-emerald-800 {
    color: var(--tw-color-emerald-800);
  }
  .tw\:text-gray-100 {
    color: var(--tw-color-gray-100);
  }
  .tw\:text-gray-200 {
    color: var(--tw-color-gray-200);
  }
  .tw\:text-gray-300 {
    color: var(--tw-color-gray-300);
  }
  .tw\:text-gray-400 {
    color: var(--tw-color-gray-400);
  }
  .tw\:text-gray-500 {
    color: var(--tw-color-gray-500);
  }
  .tw\:text-gray-600 {
    color: var(--tw-color-gray-600);
  }
  .tw\:text-gray-700 {
    color: var(--tw-color-gray-700);
  }
  .tw\:text-gray-800 {
    color: var(--tw-color-gray-800);
  }
  .tw\:text-gray-900 {
    color: var(--tw-color-gray-900);
  }
  .tw\:text-green-200 {
    color: var(--tw-color-green-200);
  }
  .tw\:text-green-300 {
    color: var(--tw-color-green-300);
  }
  .tw\:text-green-400 {
    color: var(--tw-color-green-400);
  }
  .tw\:text-green-500 {
    color: var(--tw-color-green-500);
  }
  .tw\:text-green-600 {
    color: var(--tw-color-green-600);
  }
  .tw\:text-green-700 {
    color: var(--tw-color-green-700);
  }
  .tw\:text-green-800 {
    color: var(--tw-color-green-800);
  }
  .tw\:text-indigo-100 {
    color: var(--tw-color-indigo-100);
  }
  .tw\:text-indigo-600 {
    color: var(--tw-color-indigo-600);
  }
  .tw\:text-indigo-700 {
    color: var(--tw-color-indigo-700);
  }
  .tw\:text-lime-600 {
    color: var(--tw-color-lime-600);
  }
  .tw\:text-orange-300 {
    color: var(--tw-color-orange-300);
  }
  .tw\:text-orange-500 {
    color: var(--tw-color-orange-500);
  }
  .tw\:text-orange-600 {
    color: var(--tw-color-orange-600);
  }
  .tw\:text-orange-700 {
    color: var(--tw-color-orange-700);
  }
  .tw\:text-pink-600 {
    color: var(--tw-color-pink-600);
  }
  .tw\:text-purple-100 {
    color: var(--tw-color-purple-100);
  }
  .tw\:text-purple-200 {
    color: var(--tw-color-purple-200);
  }
  .tw\:text-purple-400 {
    color: var(--tw-color-purple-400);
  }
  .tw\:text-purple-500 {
    color: var(--tw-color-purple-500);
  }
  .tw\:text-purple-600 {
    color: var(--tw-color-purple-600);
  }
  .tw\:text-purple-700 {
    color: var(--tw-color-purple-700);
  }
  .tw\:text-purple-800 {
    color: var(--tw-color-purple-800);
  }
  .tw\:text-purple-900 {
    color: var(--tw-color-purple-900);
  }
  .tw\:text-purple-900\/50 {
    color: var(--tw-color-purple-900);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-purple-900) 50%, transparent);
    }
  }
  .tw\:text-purple-900\/60 {
    color: var(--tw-color-purple-900);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-purple-900) 60%, transparent);
    }
  }
  .tw\:text-purple-900\/70 {
    color: var(--tw-color-purple-900);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-purple-900) 70%, transparent);
    }
  }
  .tw\:text-purple-900\/80 {
    color: var(--tw-color-purple-900);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-purple-900) 80%, transparent);
    }
  }
  .tw\:text-red-200 {
    color: var(--tw-color-red-200);
  }
  .tw\:text-red-400 {
    color: var(--tw-color-red-400);
  }
  .tw\:text-red-500 {
    color: var(--tw-color-red-500);
  }
  .tw\:text-red-600 {
    color: var(--tw-color-red-600);
  }
  .tw\:text-red-700 {
    color: var(--tw-color-red-700);
  }
  .tw\:text-red-800 {
    color: var(--tw-color-red-800);
  }
  .tw\:text-red-900 {
    color: var(--tw-color-red-900);
  }
  .tw\:text-rose-600 {
    color: var(--tw-color-rose-600);
  }
  .tw\:text-teal-600 {
    color: var(--tw-color-teal-600);
  }
  .tw\:text-teal-700 {
    color: var(--tw-color-teal-700);
  }
  .tw\:text-teal-900 {
    color: var(--tw-color-teal-900);
  }
  .tw\:text-transparent {
    color: transparent;
  }
  .tw\:text-violet-600 {
    color: var(--tw-color-violet-600);
  }
  .tw\:text-violet-800 {
    color: var(--tw-color-violet-800);
  }
  .tw\:text-white {
    color: var(--tw-color-white);
  }
  .tw\:text-white\/60 {
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 60%, transparent);
    }
  }
  .tw\:text-white\/80 {
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 80%, transparent);
    }
  }
  .tw\:text-white\/90 {
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 90%, transparent);
    }
  }
  .tw\:text-yellow-400 {
    color: var(--tw-color-yellow-400);
  }
  .tw\:text-yellow-500 {
    color: var(--tw-color-yellow-500);
  }
  .tw\:text-yellow-600 {
    color: var(--tw-color-yellow-600);
  }
  .tw\:text-yellow-700 {
    color: var(--tw-color-yellow-700);
  }
  .tw\:text-yellow-800 {
    color: var(--tw-color-yellow-800);
  }
  .tw\:lowercase {
    text-transform: lowercase;
  }
  .tw\:uppercase {
    text-transform: uppercase;
  }
  .tw\:italic {
    font-style: italic;
  }
  .tw\:line-through {
    text-decoration-line: line-through;
  }
  .tw\:no-underline {
    text-decoration-line: none;
  }
  .tw\:underline {
    text-decoration-line: underline;
  }
  .tw\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .tw\:placeholder-\[\#C2C2C7\] {
    &::placeholder {
      color: #C2C2C7;
    }
  }
  .tw\:placeholder-gray-400 {
    &::placeholder {
      color: var(--tw-color-gray-400);
    }
  }
  .tw\:placeholder-gray-500 {
    &::placeholder {
      color: var(--tw-color-gray-500);
    }
  }
  .tw\:accent-purple-600 {
    accent-color: var(--tw-color-purple-600);
  }
  .tw\:opacity-0 {
    opacity: 0%;
  }
  .tw\:opacity-5 {
    opacity: 5%;
  }
  .tw\:opacity-10 {
    opacity: 10%;
  }
  .tw\:opacity-20 {
    opacity: 20%;
  }
  .tw\:opacity-25 {
    opacity: 25%;
  }
  .tw\:opacity-30 {
    opacity: 30%;
  }
  .tw\:opacity-40 {
    opacity: 40%;
  }
  .tw\:opacity-50 {
    opacity: 50%;
  }
  .tw\:opacity-60 {
    opacity: 60%;
  }
  .tw\:opacity-70 {
    opacity: 70%;
  }
  .tw\:opacity-75 {
    opacity: 75%;
  }
  .tw\:opacity-80 {
    opacity: 80%;
  }
  .tw\:opacity-90 {
    opacity: 90%;
  }
  .tw\:opacity-100 {
    opacity: 100%;
  }
  .tw\:opacity-\[0\.03\] {
    opacity: 0.03;
  }
  .tw\:shadow-lg\/30 {
    --tw-shadow-alpha: 30%;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 30%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 30%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-lg\/50 {
    --tw-shadow-alpha: 50%;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 50%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 50%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_4px_12px_rgba\(16\,185\,129\,0\.25\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(16,185,129,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:card-glass {
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgb(0 0 0 / 5%);
  }
  .tw\:shadow-blue-500\/30 {
    --tw-shadow-color: var(--tw-color-blue-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-emerald-500\/25 {
    --tw-shadow-color: var(--tw-color-emerald-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-emerald-500\/30 {
    --tw-shadow-color: var(--tw-color-emerald-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-gray-600\/10 {
    --tw-shadow-color: var(--tw-color-gray-600);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-gray-600) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-green-500\/50 {
    --tw-shadow-color: var(--tw-color-green-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-purple-500\/30 {
    --tw-shadow-color: var(--tw-color-purple-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:shadow-purple-500\/50 {
    --tw-shadow-color: var(--tw-color-purple-500);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-purple-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:ring-black {
    --tw-ring-color: var(--tw-color-black);
  }
  .tw\:ring-blue-400 {
    --tw-ring-color: var(--tw-color-blue-400);
  }
  .tw\:ring-gray-700 {
    --tw-ring-color: var(--tw-color-gray-700);
  }
  .tw\:ring-purple-100 {
    --tw-ring-color: var(--tw-color-purple-100);
  }
  .tw\:ring-red-500 {
    --tw-ring-color: var(--tw-color-red-500);
  }
  .tw\:outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .tw\:blur-2xl {
    --tw-blur: blur(var(--tw-blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-3xl {
    --tw-blur: blur(var(--tw-blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-\[106px\] {
    --tw-blur: blur(106px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-lg {
    --tw-blur: blur(var(--tw-blur-lg));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-md {
    --tw-blur: blur(var(--tw-blur-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-xl {
    --tw-blur: blur(var(--tw-blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--tw-blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--tw-blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--tw-blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--tw-blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:delay-150 {
    transition-delay: 150ms;
  }
  .tw\:delay-300 {
    transition-delay: 300ms;
  }
  .tw\:duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .tw\:duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .tw\:duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .tw\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .tw\:duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .tw\:duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .tw\:duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .tw\:duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .tw\:ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.4,0,0.2,1);
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  }
  .tw\:ease-in-out {
    --tw-ease: var(--tw-ease-in-out);
    transition-timing-function: var(--tw-ease-in-out);
  }
  .tw\:ease-out {
    --tw-ease: var(--tw-ease-out);
    transition-timing-function: var(--tw-ease-out);
  }
  .tw\:will-change-transform {
    will-change: transform;
  }
  .tw\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .tw\:safe-area-pbe {
    padding-block-end: env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px));
  }
  .tw\:safe-area-pbs {
    padding-block-start: env(safe-area-inset-top, var(--safe-area-inset-top, 0px));
  }
  .tw\:safe-block-end-6 {
    inset-block-end: calc(var(--tw-spacing) * 6 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:safe-pbe-2 {
    padding-block-end: calc(var(--tw-spacing) * 2 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:safe-pbe-4 {
    padding-block-end: calc(var(--tw-spacing) * 4 + env(safe-area-inset-bottom, var(--safe-area-inset-bottom, 0px)));
  }
  .tw\:safe-pbs-4 {
    padding-block-start: calc(var(--tw-spacing) * 4 + env(safe-area-inset-top, var(--safe-area-inset-top, 0px)));
  }
  .tw\:shadow-glow {
    text-shadow: 0 0 5px #fff,  0 0 10px #61ff00cf,  0 0 20px #21ff00,  0 0 30px #00ff0c,  0 0 40px #88ff00;
  }
  .tw\:group-focus-within\:flex {
    &:is(:where(.tw\:group):focus-within *) {
      display: flex;
    }
  }
  .tw\:group-focus-within\:text-purple-600 {
    &:is(:where(.tw\:group):focus-within *) {
      color: var(--tw-color-purple-600);
    }
  }
  .tw\:group-hover\:block {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .tw\:group-hover\:hidden {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .tw\:group-hover\:translate-x-0 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--tw-spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:group-hover\:translate-x-0\.5 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--tw-spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:group-hover\:translate-x-1 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--tw-spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:group-hover\:-translate-y-0\.5 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--tw-spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:group-hover\:scale-100 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:group-hover\:scale-105 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:group-hover\:scale-110 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:group-hover\:border-gray-900 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        border-color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:group-hover\:border-green-200 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        border-color: var(--tw-color-green-200);
      }
    }
  }
  .tw\:group-hover\:border-purple-300 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-300);
      }
    }
  }
  .tw\:group-hover\:bg-\[\#6C38FF\] {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: #6C38FF;
      }
    }
  }
  .tw\:group-hover\:bg-blue-700 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-700);
      }
    }
  }
  .tw\:group-hover\:bg-gray-200 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-200);
      }
    }
  }
  .tw\:group-hover\:bg-gray-800 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-800);
      }
    }
  }
  .tw\:group-hover\:bg-gray-900 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:group-hover\:bg-purple-100 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-100);
      }
    }
  }
  .tw\:group-hover\:bg-white {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--tw-color-white);
      }
    }
  }
  .tw\:group-hover\:from-white\/20 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: var(--tw-color-white);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:group-hover\:to-white\/30 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: var(--tw-color-white);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--tw-color-white) 30%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:group-hover\:text-blue-700 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-blue-700);
      }
    }
  }
  .tw\:group-hover\:text-gray-200 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-gray-200);
      }
    }
  }
  .tw\:group-hover\:text-gray-500 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-gray-500);
      }
    }
  }
  .tw\:group-hover\:text-gray-700 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-gray-700);
      }
    }
  }
  .tw\:group-hover\:text-gray-900 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:group-hover\:text-green-600 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-green-600);
      }
    }
  }
  .tw\:group-hover\:text-indigo-600 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-indigo-600);
      }
    }
  }
  .tw\:group-hover\:text-purple-600 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-purple-600);
      }
    }
  }
  .tw\:group-hover\:text-purple-700 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-purple-700);
      }
    }
  }
  .tw\:group-hover\:text-white {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-white);
      }
    }
  }
  .tw\:group-hover\:opacity-75 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .tw\:group-hover\:opacity-100 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .tw\:group-hover\:shadow-\[0_8px_20px_rgba\(16\,185\,129\,0\.12\)\] {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(16,185,129,0.12));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:group-hover\:shadow-\[0_8px_20px_rgba\(16\,185\,129\,0\.35\)\] {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(16,185,129,0.35));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:group-hover\:shadow-lg {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:group-hover\:ring-2 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:group-hover\:ring-gray-300 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--tw-color-gray-300);
      }
    }
  }
  .tw\:group-active\:scale-95 {
    &:is(:where(.tw\:group):active *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:group-active\:bg-black\/30 {
    &:is(:where(.tw\:group):active *) {
      background-color: var(--tw-color-black);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-black) 30%, transparent);
      }
    }
  }
  .tw\:peer-checked\:visible {
    &:is(:where(.tw\:peer):checked ~ *) {
      visibility: visible;
    }
  }
  .tw\:peer-checked\:origin-top {
    &:is(:where(.tw\:peer):checked ~ *) {
      transform-origin: top;
    }
  }
  .tw\:peer-checked\:scale-100 {
    &:is(:where(.tw\:peer):checked ~ *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:peer-checked\:scale-y-100 {
    &:is(:where(.tw\:peer):checked ~ *) {
      --tw-scale-y: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:peer-checked\:bg-blue-600 {
    &:is(:where(.tw\:peer):checked ~ *) {
      background-color: var(--tw-color-blue-600);
    }
  }
  .tw\:peer-checked\:bg-gray-900 {
    &:is(:where(.tw\:peer):checked ~ *) {
      background-color: var(--tw-color-gray-900);
    }
  }
  .tw\:peer-checked\:opacity-100 {
    &:is(:where(.tw\:peer):checked ~ *) {
      opacity: 100%;
    }
  }
  .tw\:peer-checked\:shadow-md {
    &:is(:where(.tw\:peer):checked ~ *) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:peer-focus\:ring-4 {
    &:is(:where(.tw\:peer):focus ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:peer-focus\:ring-blue-300 {
    &:is(:where(.tw\:peer):focus ~ *) {
      --tw-ring-color: var(--tw-color-blue-300);
    }
  }
  .tw\:peer-focus\:outline-none {
    &:is(:where(.tw\:peer):focus ~ *) {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:placeholder\:text-\[\#AEAEAE\] {
    &::placeholder {
      color: #AEAEAE;
    }
  }
  .tw\:before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .tw\:before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:before\:mb-2 {
    &::before {
      content: var(--tw-content);
      margin-bottom: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .tw\:before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .tw\:before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .tw\:before\:border-transparent {
    &::before {
      content: var(--tw-content);
      border-color: transparent;
    }
  }
  .tw\:before\:bg-gradient-to-b {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .tw\:before\:font-mono {
    &::before {
      content: var(--tw-content);
      font-family: var(--tw-font-mono);
    }
  }
  .tw\:before\:text-sm {
    &::before {
      content: var(--tw-content);
      font-size: var(--tw-text-sm);
      line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    }
  }
  .tw\:before\:text-gray-500 {
    &::before {
      content: var(--tw-content);
      color: var(--tw-color-gray-500);
    }
  }
  .tw\:before\:transition {
    &::before {
      content: var(--tw-content);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:before\:duration-300 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .tw\:after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .tw\:after\:top-0\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--tw-spacing) * 0.5);
    }
  }
  .tw\:after\:top-\[2px\] {
    &::after {
      content: var(--tw-content);
      top: 2px;
    }
  }
  .tw\:after\:left-\[2px\] {
    &::after {
      content: var(--tw-content);
      left: 2px;
    }
  }
  .tw\:after\:h-5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:after\:w-5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .tw\:after\:border {
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .tw\:after\:border-gray-300 {
    &::after {
      content: var(--tw-content);
      border-color: var(--tw-color-gray-300);
    }
  }
  .tw\:after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--tw-color-white);
    }
  }
  .tw\:after\:transition-all {
    &::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .tw\:peer-checked\:after\:translate-x-full {
    &:is(:where(.tw\:peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:peer-checked\:after\:border-white {
    &:is(:where(.tw\:peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        border-color: var(--tw-color-white);
      }
    }
  }
  .tw\:last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:odd\:bg-white {
    &:nth-child(odd) {
      background-color: var(--tw-color-white);
    }
  }
  .tw\:checked\:ring-2 {
    &:checked {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus-within\:shadow-inner {
    &:focus-within {
      --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus-within\:ring-2 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus-within\:ring-purple-400 {
    &:focus-within {
      --tw-ring-color: var(--tw-color-purple-400);
    }
  }
  .tw\:hover\:h-2 {
    &:hover {
      @media (hover: hover) {
        height: calc(var(--tw-spacing) * 2);
      }
    }
  }
  .tw\:hover\:translate-x-full {
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--tw-spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--tw-spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:-translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--tw-spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:translate-y-\[-2px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -2px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:scale-100 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:hover\:scale-\[1\.01\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
  }
  .tw\:hover\:border-b-2 {
    &:hover {
      @media (hover: hover) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
      }
    }
  }
  .tw\:hover\:border-\[\#A68EFF\] {
    &:hover {
      @media (hover: hover) {
        border-color: #A68EFF;
      }
    }
  }
  .tw\:hover\:border-black\/15 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-black);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--tw-color-black) 15%, transparent);
        }
      }
    }
  }
  .tw\:hover\:border-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-blue-200);
      }
    }
  }
  .tw\:hover\:border-emerald-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-emerald-200);
      }
    }
  }
  .tw\:hover\:border-gray-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-gray-200);
      }
    }
  }
  .tw\:hover\:border-gray-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-gray-300);
      }
    }
  }
  .tw\:hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-gray-400);
      }
    }
  }
  .tw\:hover\:border-gray-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:hover\:border-green-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-green-200);
      }
    }
  }
  .tw\:hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-green-300);
      }
    }
  }
  .tw\:hover\:border-green-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-green-700);
      }
    }
  }
  .tw\:hover\:border-purple-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-200);
      }
    }
  }
  .tw\:hover\:border-purple-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-300);
      }
    }
  }
  .tw\:hover\:border-purple-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-400);
      }
    }
  }
  .tw\:hover\:border-purple-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-500);
      }
    }
  }
  .tw\:hover\:border-purple-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-purple-700);
      }
    }
  }
  .tw\:hover\:border-red-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-red-200);
      }
    }
  }
  .tw\:hover\:bg-\[\#1F2937\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1F2937;
      }
    }
  }
  .tw\:hover\:bg-\[\#334155\] {
    &:hover {
      @media (hover: hover) {
        background-color: #334155;
      }
    }
  }
  .tw\:hover\:bg-\[\#f4f4f4\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f4f4f4;
      }
    }
  }
  .tw\:hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-amber-100);
      }
    }
  }
  .tw\:hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-amber-600);
      }
    }
  }
  .tw\:hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-black);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-black) 5%, transparent);
        }
      }
    }
  }
  .tw\:hover\:bg-black\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-black);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-black) 70%, transparent);
        }
      }
    }
  }
  .tw\:hover\:bg-black\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-black);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-black) 80%, transparent);
        }
      }
    }
  }
  .tw\:hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-50);
      }
    }
  }
  .tw\:hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-100);
      }
    }
  }
  .tw\:hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-500);
      }
    }
  }
  .tw\:hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-600);
      }
    }
  }
  .tw\:hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-700);
      }
    }
  }
  .tw\:hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-50);
      }
    }
  }
  .tw\:hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-100);
      }
    }
  }
  .tw\:hover\:bg-gray-100\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-100);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-gray-100) 25%, transparent);
        }
      }
    }
  }
  .tw\:hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-200);
      }
    }
  }
  .tw\:hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-300);
      }
    }
  }
  .tw\:hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-400);
      }
    }
  }
  .tw\:hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-700);
      }
    }
  }
  .tw\:hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-800);
      }
    }
  }
  .tw\:hover\:bg-gray-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:hover\:bg-green-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-100);
      }
    }
  }
  .tw\:hover\:bg-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-200);
      }
    }
  }
  .tw\:hover\:bg-green-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-500);
      }
    }
  }
  .tw\:hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-600);
      }
    }
  }
  .tw\:hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-700);
      }
    }
  }
  .tw\:hover\:bg-indigo-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-indigo-50);
      }
    }
  }
  .tw\:hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-indigo-700);
      }
    }
  }
  .tw\:hover\:bg-orange-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-orange-200);
      }
    }
  }
  .tw\:hover\:bg-orange-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-orange-600);
      }
    }
  }
  .tw\:hover\:bg-purple-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-50);
      }
    }
  }
  .tw\:hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-100);
      }
    }
  }
  .tw\:hover\:bg-purple-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-200);
      }
    }
  }
  .tw\:hover\:bg-purple-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-600);
      }
    }
  }
  .tw\:hover\:bg-purple-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-700);
      }
    }
  }
  .tw\:hover\:bg-purple-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-purple-800);
      }
    }
  }
  .tw\:hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-red-50);
      }
    }
  }
  .tw\:hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-red-100);
      }
    }
  }
  .tw\:hover\:bg-red-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-red-600);
      }
    }
  }
  .tw\:hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-red-700);
      }
    }
  }
  .tw\:hover\:bg-teal-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-teal-600);
      }
    }
  }
  .tw\:hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-white);
      }
    }
  }
  .tw\:hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-white);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
        }
      }
    }
  }
  .tw\:hover\:bg-zinc-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-zinc-900);
      }
    }
  }
  .tw\:hover\:from-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--tw-color-gray-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:from-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--tw-color-purple-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:from-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--tw-color-purple-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:from-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--tw-color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:to-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--tw-color-gray-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:to-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--tw-color-purple-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:to-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--tw-color-purple-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:to-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--tw-color-red-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .tw\:hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-black);
      }
    }
  }
  .tw\:hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-blue-600);
      }
    }
  }
  .tw\:hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-blue-700);
      }
    }
  }
  .tw\:hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-blue-800);
      }
    }
  }
  .tw\:hover\:text-gray-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-400);
      }
    }
  }
  .tw\:hover\:text-gray-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-500);
      }
    }
  }
  .tw\:hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-600);
      }
    }
  }
  .tw\:hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-700);
      }
    }
  }
  .tw\:hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-800);
      }
    }
  }
  .tw\:hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-gray-900);
      }
    }
  }
  .tw\:hover\:text-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-green-500);
      }
    }
  }
  .tw\:hover\:text-green-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-green-600);
      }
    }
  }
  .tw\:hover\:text-green-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-green-800);
      }
    }
  }
  .tw\:hover\:text-indigo-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-indigo-600);
      }
    }
  }
  .tw\:hover\:text-indigo-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-indigo-700);
      }
    }
  }
  .tw\:hover\:text-purple-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-purple-400);
      }
    }
  }
  .tw\:hover\:text-purple-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-purple-500);
      }
    }
  }
  .tw\:hover\:text-purple-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-purple-600);
      }
    }
  }
  .tw\:hover\:text-purple-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-purple-700);
      }
    }
  }
  .tw\:hover\:text-purple-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-purple-800);
      }
    }
  }
  .tw\:hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-red-600);
      }
    }
  }
  .tw\:hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-red-700);
      }
    }
  }
  .tw\:hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-red-800);
      }
    }
  }
  .tw\:hover\:text-teal-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-teal-900);
      }
    }
  }
  .tw\:hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-white);
      }
    }
  }
  .tw\:hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .tw\:hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .tw\:hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .tw\:hover\:opacity-95 {
    &:hover {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
  }
  .tw\:hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .tw\:hover\:shadow-xl\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-alpha: 60%;
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 60%)), 0 8px 10px -6px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 60%));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-2xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px var(--tw-shadow-color, rgba(0,0,0,0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 8px var(--tw-shadow-color, rgba(0,0,0,0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:ring-2 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:card-glass-8 {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur( calc(var(--tw-spacing) * 8 ) );
        -webkit-backdrop-filter: blur( calc(var(--tw-spacing) * 8 ) );
        border: 1px solid rgb(0 0 0 / 5%);
      }
    }
  }
  .tw\:hover\:shadow-black\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--tw-color-black);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .tw\:hover\:shadow-blue-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--tw-color-blue-500);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .tw\:hover\:shadow-gray-600\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--tw-color-gray-600);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-gray-600) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .tw\:hover\:shadow-green-500\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--tw-color-green-500);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .tw\:hover\:shadow-purple-400\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--tw-color-purple-400);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-purple-400) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .tw\:hover\:ring-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--tw-color-purple-300);
      }
    }
  }
  .tw\:hover\:brightness-105 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .tw\:hover\:before\:scale-105 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .tw\:focus\:border-blue-500 {
    &:focus {
      border-color: var(--tw-color-blue-500);
    }
  }
  .tw\:focus\:border-cpurple-500 {
    &:focus {
      border-color: var(--tw-color-cpurple-500);
    }
  }
  .tw\:focus\:border-gray-500 {
    &:focus {
      border-color: var(--tw-color-gray-500);
    }
  }
  .tw\:focus\:border-purple-500 {
    &:focus {
      border-color: var(--tw-color-purple-500);
    }
  }
  .tw\:focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .tw\:focus\:bg-white {
    &:focus {
      background-color: var(--tw-color-white);
    }
  }
  .tw\:focus\:from-white {
    &:focus {
      --tw-gradient-from: var(--tw-color-white);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .tw\:focus\:to-white {
    &:focus {
      --tw-gradient-to: var(--tw-color-white);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .tw\:focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-black {
    &:focus {
      --tw-ring-color: var(--tw-color-black);
    }
  }
  .tw\:focus\:ring-blue-300 {
    &:focus {
      --tw-ring-color: var(--tw-color-blue-300);
    }
  }
  .tw\:focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-blue-500);
    }
  }
  .tw\:focus\:ring-cpurple-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-cpurple-500);
    }
  }
  .tw\:focus\:ring-gray-200 {
    &:focus {
      --tw-ring-color: var(--tw-color-gray-200);
    }
  }
  .tw\:focus\:ring-gray-300 {
    &:focus {
      --tw-ring-color: var(--tw-color-gray-300);
    }
  }
  .tw\:focus\:ring-gray-400 {
    &:focus {
      --tw-ring-color: var(--tw-color-gray-400);
    }
  }
  .tw\:focus\:ring-gray-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-gray-500);
    }
  }
  .tw\:focus\:ring-gray-900 {
    &:focus {
      --tw-ring-color: var(--tw-color-gray-900);
    }
  }
  .tw\:focus\:ring-green-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-green-500);
    }
  }
  .tw\:focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-indigo-500);
    }
  }
  .tw\:focus\:ring-purple-300 {
    &:focus {
      --tw-ring-color: var(--tw-color-purple-300);
    }
  }
  .tw\:focus\:ring-purple-400 {
    &:focus {
      --tw-ring-color: var(--tw-color-purple-400);
    }
  }
  .tw\:focus\:ring-purple-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-purple-500);
    }
  }
  .tw\:focus\:ring-purple-600 {
    &:focus {
      --tw-ring-color: var(--tw-color-purple-600);
    }
  }
  .tw\:focus\:ring-red-400 {
    &:focus {
      --tw-ring-color: var(--tw-color-red-400);
    }
  }
  .tw\:focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--tw-color-red-500);
    }
  }
  .tw\:focus\:ring-offset-1 {
    &:focus {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .tw\:focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .tw\:focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:active\:translate-y-0 {
    &:active {
      --tw-translate-y: calc(var(--tw-spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:active\:scale-98 {
    &:active {
      --tw-scale-x: 98%;
      --tw-scale-y: 98%;
      --tw-scale-z: 98%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:active\:scale-\[0\.98\] {
    &:active {
      scale: 0.98;
    }
  }
  .tw\:active\:transform {
    &:active {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .tw\:active\:bg-amber-700 {
    &:active {
      background-color: var(--tw-color-amber-700);
    }
  }
  .tw\:active\:bg-black {
    &:active {
      background-color: var(--tw-color-black);
    }
  }
  .tw\:active\:bg-black\/80 {
    &:active {
      background-color: var(--tw-color-black);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-black) 80%, transparent);
      }
    }
  }
  .tw\:active\:bg-blue-700 {
    &:active {
      background-color: var(--tw-color-blue-700);
    }
  }
  .tw\:active\:bg-blue-800 {
    &:active {
      background-color: var(--tw-color-blue-800);
    }
  }
  .tw\:active\:bg-emerald-700 {
    &:active {
      background-color: var(--tw-color-emerald-700);
    }
  }
  .tw\:active\:bg-gray-50 {
    &:active {
      background-color: var(--tw-color-gray-50);
    }
  }
  .tw\:active\:bg-gray-100 {
    &:active {
      background-color: var(--tw-color-gray-100);
    }
  }
  .tw\:active\:bg-gray-200 {
    &:active {
      background-color: var(--tw-color-gray-200);
    }
  }
  .tw\:active\:bg-gray-300 {
    &:active {
      background-color: var(--tw-color-gray-300);
    }
  }
  .tw\:active\:bg-gray-700 {
    &:active {
      background-color: var(--tw-color-gray-700);
    }
  }
  .tw\:active\:bg-gray-800 {
    &:active {
      background-color: var(--tw-color-gray-800);
    }
  }
  .tw\:active\:bg-green-700 {
    &:active {
      background-color: var(--tw-color-green-700);
    }
  }
  .tw\:active\:bg-green-800 {
    &:active {
      background-color: var(--tw-color-green-800);
    }
  }
  .tw\:active\:bg-indigo-700 {
    &:active {
      background-color: var(--tw-color-indigo-700);
    }
  }
  .tw\:active\:bg-orange-700 {
    &:active {
      background-color: var(--tw-color-orange-700);
    }
  }
  .tw\:active\:bg-purple-700 {
    &:active {
      background-color: var(--tw-color-purple-700);
    }
  }
  .tw\:active\:bg-red-100 {
    &:active {
      background-color: var(--tw-color-red-100);
    }
  }
  .tw\:active\:bg-red-700 {
    &:active {
      background-color: var(--tw-color-red-700);
    }
  }
  .tw\:active\:bg-white\/70 {
    &:active {
      background-color: var(--tw-color-white);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-white) 70%, transparent);
      }
    }
  }
  .tw\:active\:opacity-75 {
    &:active {
      opacity: 75%;
    }
  }
  .tw\:active\:duration-75 {
    &:active {
      --tw-duration: 75ms;
      transition-duration: 75ms;
    }
  }
  .tw\:active\:before\:scale-95 {
    &:active {
      &::before {
        content: var(--tw-content);
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tw\:enabled\:bg-black {
    &:enabled {
      background-color: var(--tw-color-black);
    }
  }
  .tw\:enabled\:bg-blue-800 {
    &:enabled {
      background-color: var(--tw-color-blue-800);
    }
  }
  .tw\:enabled\:bg-green-500 {
    &:enabled {
      background-color: var(--tw-color-green-500);
    }
  }
  .tw\:enabled\:text-white {
    &:enabled {
      color: var(--tw-color-white);
    }
  }
  .tw\:hover\:enabled\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          border-color: var(--tw-color-green-300);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-gray-200 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-gray-200);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-gray-700 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-gray-700);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-purple-500 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-purple-500);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-purple-600 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-purple-600);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-red-700 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-red-700);
        }
      }
    }
  }
  .tw\:enabled\:hover\:bg-zinc-900 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-zinc-900);
        }
      }
    }
  }
  .tw\:enabled\:hover\:underline {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .tw\:enabled\:active\:scale-\[0\.98\] {
    &:enabled {
      &:active {
        scale: 0.98;
      }
    }
  }
  .tw\:disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .tw\:disabled\:cursor-pointer {
    &:disabled {
      cursor: pointer;
    }
  }
  .tw\:disabled\:border-green-300 {
    &:disabled {
      border-color: var(--tw-color-green-300);
    }
  }
  .tw\:disabled\:border-purple-300 {
    &:disabled {
      border-color: var(--tw-color-purple-300);
    }
  }
  .tw\:disabled\:bg-gray-100 {
    &:disabled {
      background-color: var(--tw-color-gray-100);
    }
  }
  .tw\:disabled\:bg-gray-300 {
    &:disabled {
      background-color: var(--tw-color-gray-300);
    }
  }
  .tw\:disabled\:bg-gray-500 {
    &:disabled {
      background-color: var(--tw-color-gray-500);
    }
  }
  .tw\:disabled\:bg-green-200 {
    &:disabled {
      background-color: var(--tw-color-green-200);
    }
  }
  .tw\:disabled\:bg-purple-200 {
    &:disabled {
      background-color: var(--tw-color-purple-200);
    }
  }
  .tw\:disabled\:bg-purple-300 {
    &:disabled {
      background-color: var(--tw-color-purple-300);
    }
  }
  .tw\:disabled\:text-gray-300 {
    &:disabled {
      color: var(--tw-color-gray-300);
    }
  }
  .tw\:disabled\:text-gray-400 {
    &:disabled {
      color: var(--tw-color-gray-400);
    }
  }
  .tw\:disabled\:text-gray-500 {
    &:disabled {
      color: var(--tw-color-gray-500);
    }
  }
  .tw\:disabled\:opacity-25 {
    &:disabled {
      opacity: 25%;
    }
  }
  .tw\:disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .tw\:sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:sm\:my-4 {
    @media (width >= 40rem) {
      margin-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:sm\:mt-4 {
    @media (width >= 40rem) {
      margin-top: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:mt-16 {
    @media (width >= 40rem) {
      margin-top: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:sm\:mt-auto {
    @media (width >= 40rem) {
      margin-top: auto;
    }
  }
  .tw\:sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:sm\:mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .tw\:sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .tw\:sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .tw\:sm\:h-5 {
    @media (width >= 40rem) {
      height: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:sm\:h-6 {
    @media (width >= 40rem) {
      height: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:sm\:h-12 {
    @media (width >= 40rem) {
      height: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:sm\:h-24 {
    @media (width >= 40rem) {
      height: calc(var(--tw-spacing) * 24);
    }
  }
  .tw\:sm\:h-auto {
    @media (width >= 40rem) {
      height: auto;
    }
  }
  .tw\:sm\:max-h-\[90dvh\] {
    @media (width >= 40rem) {
      max-height: 90dvh;
    }
  }
  .tw\:sm\:w-5 {
    @media (width >= 40rem) {
      width: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:sm\:w-5\/12 {
    @media (width >= 40rem) {
      width: calc(5/12 * 100%);
    }
  }
  .tw\:sm\:w-7\/12 {
    @media (width >= 40rem) {
      width: calc(7/12 * 100%);
    }
  }
  .tw\:sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--tw-spacing) * 24);
    }
  }
  .tw\:sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--tw-spacing) * 48);
    }
  }
  .tw\:sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .tw\:sm\:w-max {
    @media (width >= 40rem) {
      width: max-content;
    }
  }
  .tw\:sm\:max-w-6xl {
    @media (width >= 40rem) {
      max-width: var(--tw-container-6xl);
    }
  }
  .tw\:sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .tw\:sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .tw\:sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:sm\:space-x-4 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .tw\:sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--tw-radius-2xl);
    }
  }
  .tw\:sm\:rounded-3xl {
    @media (width >= 40rem) {
      border-radius: var(--tw-radius-3xl);
    }
  }
  .tw\:sm\:rounded-none {
    @media (width >= 40rem) {
      border-radius: 0;
    }
  }
  .tw\:sm\:rounded-l-lg {
    @media (width >= 40rem) {
      border-top-left-radius: var(--tw-radius-lg);
      border-bottom-left-radius: var(--tw-radius-lg);
    }
  }
  .tw\:sm\:border-r {
    @media (width >= 40rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .tw\:sm\:border-b-0 {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .tw\:sm\:border-gray-100 {
    @media (width >= 40rem) {
      border-color: var(--tw-color-gray-100);
    }
  }
  .tw\:sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:sm\:px-12 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:sm\:pt-6 {
    @media (width >= 40rem) {
      padding-top: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .tw\:sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-2xl);
      line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
    }
  }
  .tw\:sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-3xl);
      line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
    }
  }
  .tw\:sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-4xl);
      line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
    }
  }
  .tw\:sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-5xl);
      line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
    }
  }
  .tw\:sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--tw-text-base);
      line-height: var(--tw-leading, var(--tw-text-base--line-height));
    }
  }
  .tw\:sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--tw-text-lg);
      line-height: var(--tw-leading, var(--tw-text-lg--line-height));
    }
  }
  .tw\:sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--tw-text-sm);
      line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    }
  }
  .tw\:sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-xl);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height));
    }
  }
  .tw\:sm\:hover\:bg-blue-600 {
    @media (width >= 40rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-blue-600);
        }
      }
    }
  }
  .tw\:md\:inset-4 {
    @media (width >= 48rem) {
      inset: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:start-6 {
    @media (width >= 48rem) {
      inset-inline-start: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:top-6 {
    @media (width >= 48rem) {
      top: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .tw\:md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .tw\:md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .tw\:md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .tw\:md\:my-4 {
    @media (width >= 48rem) {
      margin-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:md\:mr-0 {
    @media (width >= 48rem) {
      margin-right: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:mr-9 {
    @media (width >= 48rem) {
      margin-right: calc(var(--tw-spacing) * 9);
    }
  }
  .tw\:md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:ml-3 {
    @media (width >= 48rem) {
      margin-left: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:md\:ml-auto {
    @media (width >= 48rem) {
      margin-left: auto;
    }
  }
  .tw\:md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .tw\:md\:contents {
    @media (width >= 48rem) {
      display: contents;
    }
  }
  .tw\:md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .tw\:md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .tw\:md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .tw\:md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .tw\:md\:size-64 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 64);
      height: calc(var(--tw-spacing) * 64);
    }
  }
  .tw\:md\:size-72 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 72);
      height: calc(var(--tw-spacing) * 72);
    }
  }
  .tw\:md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:md\:h-28 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing) * 28);
    }
  }
  .tw\:md\:h-56 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing) * 56);
    }
  }
  .tw\:md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .tw\:md\:max-h-\[90vh\] {
    @media (width >= 48rem) {
      max-height: 90vh;
    }
  }
  .tw\:md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .tw\:md\:w-8\/12 {
    @media (width >= 48rem) {
      width: calc(8/12 * 100%);
    }
  }
  .tw\:md\:w-10\/12 {
    @media (width >= 48rem) {
      width: calc(10/12 * 100%);
    }
  }
  .tw\:md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:md\:w-28 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 28);
    }
  }
  .tw\:md\:w-56 {
    @media (width >= 48rem) {
      width: calc(var(--tw-spacing) * 56);
    }
  }
  .tw\:md\:max-w-md {
    @media (width >= 48rem) {
      max-width: var(--tw-container-md);
    }
  }
  .tw\:md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .tw\:md\:columns-2 {
    @media (width >= 48rem) {
      columns: 2;
    }
  }
  .tw\:md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-\[repeat\(5\,1fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5,1fr) auto;
    }
  }
  .tw\:md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .tw\:md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .tw\:md\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .tw\:md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .tw\:md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .tw\:md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .tw\:md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:rounded-lg {
    @media (width >= 48rem) {
      border-radius: var(--tw-radius-lg);
    }
  }
  .tw\:md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .tw\:md\:border-gray-200 {
    @media (width >= 48rem) {
      border-color: var(--tw-color-gray-200);
    }
  }
  .tw\:md\:bg-black {
    @media (width >= 48rem) {
      background-color: var(--tw-color-black);
    }
  }
  .tw\:md\:bg-gray-50 {
    @media (width >= 48rem) {
      background-color: var(--tw-color-gray-50);
    }
  }
  .tw\:md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:md\:px-\[60px\] {
    @media (width >= 48rem) {
      padding-inline: 60px;
    }
  }
  .tw\:md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 14);
    }
  }
  .tw\:md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:md\:py-40 {
    @media (width >= 48rem) {
      padding-block: calc(var(--tw-spacing) * 40);
    }
  }
  .tw\:md\:ps-6 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:pe-6 {
    @media (width >= 48rem) {
      padding-inline-end: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:md\:text-end {
    @media (width >= 48rem) {
      text-align: end;
    }
  }
  .tw\:md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-2xl);
      line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
    }
  }
  .tw\:md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-3xl);
      line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
    }
  }
  .tw\:md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-4xl);
      line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
    }
  }
  .tw\:md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-5xl);
      line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
    }
  }
  .tw\:md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-6xl);
      line-height: var(--tw-leading, var(--tw-text-6xl--line-height));
    }
  }
  .tw\:md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--tw-text-base);
      line-height: var(--tw-leading, var(--tw-text-base--line-height));
    }
  }
  .tw\:md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-xl);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height));
    }
  }
  .tw\:md\:text-\[16px\] {
    @media (width >= 48rem) {
      font-size: 16px;
    }
  }
  .tw\:md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
  .tw\:md\:text-\[36px\] {
    @media (width >= 48rem) {
      font-size: 36px;
    }
  }
  .tw\:md\:tracking-\[-0\.5px\] {
    @media (width >= 48rem) {
      --tw-tracking: -0.5px;
      letter-spacing: -0.5px;
    }
  }
  .tw\:md\:tracking-\[-0\.8px\] {
    @media (width >= 48rem) {
      --tw-tracking: -0.8px;
      letter-spacing: -0.8px;
    }
  }
  .tw\:md\:hover\:bg-blue-500 {
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-blue-500);
        }
      }
    }
  }
  .tw\:lg\:visible {
    @media (width >= 64rem) {
      visibility: visible;
    }
  }
  .tw\:lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .tw\:lg\:relative {
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .tw\:lg\:inset-8 {
    @media (width >= 64rem) {
      inset: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:start-8 {
    @media (width >= 64rem) {
      inset-inline-start: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:top-8 {
    @media (width >= 64rem) {
      top: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--tw-spacing) * 24);
    }
  }
  .tw\:lg\:top-\[4rem\] {
    @media (width >= 64rem) {
      top: 4rem;
    }
  }
  .tw\:lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:left-auto {
    @media (width >= 64rem) {
      left: auto;
    }
  }
  .tw\:lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .tw\:lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .tw\:lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .tw\:lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .tw\:lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .tw\:lg\:container {
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
    }
  }
  .tw\:lg\:mx-4 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:mx-auto {
    @media (width >= 64rem) {
      margin-inline: auto;
    }
  }
  .tw\:lg\:my-0 {
    @media (width >= 64rem) {
      margin-block: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:my-4 {
    @media (width >= 64rem) {
      margin-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:mt-5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:mt-6 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:lg\:mt-20 {
    @media (width >= 64rem) {
      margin-top: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:lg\:mr-8 {
    @media (width >= 64rem) {
      margin-right: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:mr-16 {
    @media (width >= 64rem) {
      margin-right: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:mb-16 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:lg\:ml-0 {
    @media (width >= 64rem) {
      margin-left: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .tw\:lg\:contents {
    @media (width >= 64rem) {
      display: contents;
    }
  }
  .tw\:lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .tw\:lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .tw\:lg\:h-\[400px\] {
    @media (width >= 64rem) {
      height: 400px;
    }
  }
  .tw\:lg\:h-px {
    @media (width >= 64rem) {
      height: 1px;
    }
  }
  .tw\:lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .tw\:lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .tw\:lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
  .tw\:lg\:w-6\/12 {
    @media (width >= 64rem) {
      width: calc(6/12 * 100%);
    }
  }
  .tw\:lg\:w-7\/12 {
    @media (width >= 64rem) {
      width: calc(7/12 * 100%);
    }
  }
  .tw\:lg\:w-8\/12 {
    @media (width >= 64rem) {
      width: calc(8/12 * 100%);
    }
  }
  .tw\:lg\:w-24 {
    @media (width >= 64rem) {
      width: calc(var(--tw-spacing) * 24);
    }
  }
  .tw\:lg\:w-96 {
    @media (width >= 64rem) {
      width: calc(var(--tw-spacing) * 96);
    }
  }
  .tw\:lg\:w-\[550px\] {
    @media (width >= 64rem) {
      width: 550px;
    }
  }
  .tw\:lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .tw\:lg\:w-max {
    @media (width >= 64rem) {
      width: max-content;
    }
  }
  .tw\:lg\:max-w-4xl {
    @media (width >= 64rem) {
      max-width: var(--tw-container-4xl);
    }
  }
  .tw\:lg\:max-w-5xl {
    @media (width >= 64rem) {
      max-width: var(--tw-container-5xl);
    }
  }
  .tw\:lg\:max-w-\[268px\] {
    @media (width >= 64rem) {
      max-width: 268px;
    }
  }
  .tw\:lg\:max-w-lg {
    @media (width >= 64rem) {
      max-width: var(--tw-container-lg);
    }
  }
  .tw\:lg\:max-w-sm {
    @media (width >= 64rem) {
      max-width: var(--tw-container-sm);
    }
  }
  .tw\:lg\:max-w-xl {
    @media (width >= 64rem) {
      max-width: var(--tw-container-xl);
    }
  }
  .tw\:lg\:basis-1\/2 {
    @media (width >= 64rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .tw\:lg\:translate-y-0 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(var(--tw-spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:lg\:scale-100 {
    @media (width >= 64rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:lg\:columns-3 {
    @media (width >= 64rem) {
      columns: 3;
    }
  }
  .tw\:lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-\[max-content_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: max-content 1fr;
    }
  }
  .tw\:lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .tw\:lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .tw\:lg\:flex-wrap {
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
  }
  .tw\:lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .tw\:lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .tw\:lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .tw\:lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .tw\:lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:lg\:space-y-0 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .tw\:lg\:space-y-6 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .tw\:lg\:space-y-8 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .tw\:lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:space-x-3 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--tw-spacing) * 3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .tw\:lg\:divide-y-0 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .tw\:lg\:self-center {
    @media (width >= 64rem) {
      align-self: center;
    }
  }
  .tw\:lg\:rounded-2xl {
    @media (width >= 64rem) {
      border-radius: var(--tw-radius-2xl);
    }
  }
  .tw\:lg\:rounded-3xl {
    @media (width >= 64rem) {
      border-radius: var(--tw-radius-3xl);
    }
  }
  .tw\:lg\:border-none {
    @media (width >= 64rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .tw\:lg\:border-\[\#E1E1E1\] {
    @media (width >= 64rem) {
      border-color: #E1E1E1;
    }
  }
  .tw\:lg\:bg-transparent {
    @media (width >= 64rem) {
      background-color: transparent;
    }
  }
  .tw\:lg\:bg-white {
    @media (width >= 64rem) {
      background-color: var(--tw-color-white);
    }
  }
  .tw\:lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:px-2 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:lg\:px-5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:lg\:py-4 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:py-5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:py-6 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:lg\:py-7 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 7);
    }
  }
  .tw\:lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:py-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:lg\:py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:lg\:ps-8 {
    @media (width >= 64rem) {
      padding-inline-start: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:pe-8 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:pr-4 {
    @media (width >= 64rem) {
      padding-right: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .tw\:lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-2xl);
      line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
    }
  }
  .tw\:lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-3xl);
      line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
    }
  }
  .tw\:lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-4xl);
      line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
    }
  }
  .tw\:lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-5xl);
      line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
    }
  }
  .tw\:lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-7xl);
      line-height: var(--tw-leading, var(--tw-text-7xl--line-height));
    }
  }
  .tw\:lg\:text-8xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-8xl);
      line-height: var(--tw-leading, var(--tw-text-8xl--line-height));
    }
  }
  .tw\:lg\:text-9xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-9xl);
      line-height: var(--tw-leading, var(--tw-text-9xl--line-height));
    }
  }
  .tw\:lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--tw-text-sm);
      line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    }
  }
  .tw\:lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-xl);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height));
    }
  }
  .tw\:lg\:leading-8 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--tw-spacing) * 8);
      line-height: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:font-normal {
    @media (width >= 64rem) {
      --tw-font-weight: var(--tw-font-weight-normal);
      font-weight: var(--tw-font-weight-normal);
    }
  }
  .tw\:lg\:text-black {
    @media (width >= 64rem) {
      color: var(--tw-color-black);
    }
  }
  .tw\:lg\:opacity-100 {
    @media (width >= 64rem) {
      opacity: 100%;
    }
  }
  .tw\:lg\:shadow-none {
    @media (width >= 64rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:lg\:group-hover\:text-gray-900 {
    @media (width >= 64rem) {
      &:is(:where(.tw\:group):hover *) {
        @media (hover: hover) {
          color: var(--tw-color-gray-900);
        }
      }
    }
  }
  .tw\:lg\:peer-checked\:translate-y-0 {
    @media (width >= 64rem) {
      &:is(:where(.tw\:peer):checked ~ *) {
        --tw-translate-y: calc(var(--tw-spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:lg\:hover\:text-gray-200 {
    @media (width >= 64rem) {
      &:hover {
        @media (hover: hover) {
          color: var(--tw-color-gray-200);
        }
      }
    }
  }
  .tw\:lg\:hover\:text-gray-600 {
    @media (width >= 64rem) {
      &:hover {
        @media (hover: hover) {
          color: var(--tw-color-gray-600);
        }
      }
    }
  }
  .tw\:lg\:focus\:ring-4 {
    @media (width >= 64rem) {
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:xl\:col-span-1 {
    @media (width >= 80rem) {
      grid-column: span 1 / span 1;
    }
  }
  .tw\:xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .tw\:xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .tw\:xl\:col-span-7 {
    @media (width >= 80rem) {
      grid-column: span 7 / span 7;
    }
  }
  .tw\:xl\:col-span-9 {
    @media (width >= 80rem) {
      grid-column: span 9 / span 9;
    }
  }
  .tw\:xl\:w-6\/12 {
    @media (width >= 80rem) {
      width: calc(6/12 * 100%);
    }
  }
  .tw\:xl\:w-\[650px\] {
    @media (width >= 80rem) {
      width: 650px;
    }
  }
  .tw\:xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .tw\:xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:xl\:px-6 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:xl\:px-8 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:xl\:px-16 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:xl\:px-20 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:xl\:py-24 {
    @media (width >= 80rem) {
      padding-block: calc(var(--tw-spacing) * 24);
    }
  }
  .tw\:xl\:text-7xl {
    @media (width >= 80rem) {
      font-size: var(--tw-text-7xl);
      line-height: var(--tw-leading, var(--tw-text-7xl--line-height));
    }
  }
  .tw\:2xl\:grid-cols-10 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .tw\:rtl\:translate-x-1\/2 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: calc(1/2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:dark\:divide-gray-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--tw-color-gray-700);
      }
    }
  }
  .tw\:dark\:border-blue-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--tw-color-blue-300);
    }
  }
  .tw\:dark\:border-gray-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--tw-color-gray-600);
    }
  }
  .tw\:dark\:border-gray-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--tw-color-gray-700);
    }
  }
  .tw\:dark\:border-gray-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--tw-color-gray-800);
    }
  }
  .tw\:dark\:border-neutral-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--tw-color-neutral-700);
    }
  }
  .tw\:dark\:bg-\[\#E5E5E5\] {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: #E5E5E5;
    }
  }
  .tw\:dark\:bg-black {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-black);
    }
  }
  .tw\:dark\:bg-gray-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-200);
    }
  }
  .tw\:dark\:bg-gray-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-300);
    }
  }
  .tw\:dark\:bg-gray-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-700);
    }
  }
  .tw\:dark\:bg-gray-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-800);
    }
  }
  .tw\:dark\:bg-gray-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-900);
    }
  }
  .tw\:dark\:bg-gray-900\/70 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-gray-900);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-gray-900) 70%, transparent);
      }
    }
  }
  .tw\:dark\:bg-neutral-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-neutral-900);
    }
  }
  .tw\:dark\:bg-white {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--tw-color-white);
    }
  }
  .tw\:dark\:from-blue-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      --tw-gradient-from: var(--tw-color-blue-700);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .tw\:dark\:text-black {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-black);
    }
  }
  .tw\:dark\:text-blue-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-blue-300);
    }
  }
  .tw\:dark\:text-gray-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-gray-300);
    }
  }
  .tw\:dark\:text-gray-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-gray-400);
    }
  }
  .tw\:dark\:text-gray-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-gray-600);
    }
  }
  .tw\:dark\:text-white {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--tw-color-white);
    }
  }
  .tw\:dark\:placeholder-neutral-500 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &::placeholder {
        color: var(--tw-color-neutral-500);
      }
    }
  }
  .tw\:dark\:opacity-20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      opacity: 20%;
    }
  }
  .tw\:dark\:shadow-none {
    &:where([data-mode=dark], [data-mode=dark] *) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:dark\:group-hover\:bg-gray-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.tw\:group):hover *) {
        @media (hover: hover) {
          background-color: var(--tw-color-gray-800);
        }
      }
    }
  }
  .tw\:dark\:peer-focus\:ring-blue-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.tw\:peer):focus ~ *) {
        --tw-ring-color: var(--tw-color-blue-800);
      }
    }
  }
  .tw\:dark\:before\:border-gray-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &::before {
        content: var(--tw-content);
        border-color: var(--tw-color-gray-700);
      }
    }
  }
  .tw\:dark\:before\:bg-gray-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--tw-color-gray-800);
      }
    }
  }
  .tw\:dark\:hover\:text-white {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--tw-color-white);
        }
      }
    }
  }
  .tw\:dark\:focus\:ring-neutral-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:focus {
        --tw-ring-color: var(--tw-color-neutral-600);
      }
    }
  }
  .tw\:print\:block {
    @media print {
      display: block;
    }
  }
  .tw\:print\:hidden\! {
    @media print {
      display: none !important;
    }
  }
  .tw\:print\:h-auto {
    @media print {
      height: auto;
    }
  }
  .tw\:\[\&\>\*\]\:cursor-pointer {
    &>* {
      cursor: pointer;
    }
  }
  .tw\:\[\&\>\*\]\:rounded {
    &>* {
      border-radius: 0.25rem;
    }
  }
  .tw\:\[\&\>\*\]\:p-2 {
    &>* {
      padding: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&\>\*\]\:px-2 {
    &>* {
      padding-inline: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&\>\*\:hover\]\:bg-slate-200 {
    &>*:hover {
      background-color: var(--tw-color-slate-200);
    }
  }
  .tw\:\[\&\>div\]\:flex {
    &>div {
      display: flex;
    }
  }
  .tw\:\[\&\>div\]\:h-8 {
    &>div {
      height: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:\[\&\>div\]\:w-8 {
    &>div {
      width: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:\[\&\>div\]\:cursor-pointer {
    &>div {
      cursor: pointer;
    }
  }
  .tw\:\[\&\>div\]\:items-center {
    &>div {
      align-items: center;
    }
  }
  .tw\:\[\&\>div\]\:justify-center {
    &>div {
      justify-content: center;
    }
  }
  .tw\:\[\&\>div\]\:rounded-full {
    &>div {
      border-radius: calc(infinity * 1px);
    }
  }
  .tw\:\[\&\>div\]\:text-2xl {
    &>div {
      font-size: var(--tw-text-2xl);
      line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
    }
  }
  .tw\:\[\&\>div\]\:text-black {
    &>div {
      color: var(--tw-color-black);
    }
  }
  .tw\:\[\&\>li\]\:my-1 {
    &>li {
      margin-block: calc(var(--tw-spacing) * 1);
    }
  }
  .tw\:\[\&\>li\]\:cursor-pointer {
    &>li {
      cursor: pointer;
    }
  }
  .tw\:\[\&\>li\]\:px-2 {
    &>li {
      padding-inline: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&\>li\]\:py-1 {
    &>li {
      padding-block: calc(var(--tw-spacing) * 1);
    }
  }
  .tw\:\[\&\>li\:hover\]\:bg-green-200 {
    &>li:hover {
      background-color: var(--tw-color-green-200);
    }
  }
  .tw\:\[\&\>svg\]\:fill-current {
    &>svg {
      fill: currentcolor;
    }
  }
}
.sk {
  animation: var(--tw-animate-pulse);
  border-radius: 0.25rem;
  background-color: var(--tw-color-gray-200);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tw:animate-fadein {
  animation: fadeIn 0.5s ease-out forwards;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.tw:animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@layer base {
  :root:has(input.theme-controller[value=lofi]:checked),[data-theme="lofi"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97% 0 0);
    --color-base-300: oklch(94% 0 0);
    --color-base-content: oklch(0% 0 0);
    --color-primary: oklch(15.906% 0 0);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(21.455% 0.001 17.278);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(26.861% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(0% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(79.54% 0.103 205.9);
    --color-info-content: oklch(15.908% 0.02 205.9);
    --color-success: oklch(90.13% 0.153 164.14);
    --color-success-content: oklch(18.026% 0.03 164.14);
    --color-warning: oklch(88.37% 0.135 79.94);
    --color-warning-content: oklch(17.674% 0.027 79.94);
    --color-error: oklch(78.66% 0.15 28.47);
    --color-error-content: oklch(15.732% 0.03 28.47);
    --radius-selector: 2rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}