@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
  *, :before, :after {
    --un-ease: initial;
    --un-text-opacity: 100%;
    --un-bg-opacity: 100%;
    --un-translate-x: initial;
    --un-translate-y: initial;
    --un-translate-z: initial;
    --un-shadow-opacity: 100%;
    --un-border-opacity: 100%;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-from-opacity: 100%;
    --un-to-opacity: 100%;
    --un-border-bottom-opacity: 100%;
  }

  ::backdrop {
    --un-ease: initial;
    --un-text-opacity: 100%;
    --un-bg-opacity: 100%;
    --un-translate-x: initial;
    --un-translate-y: initial;
    --un-translate-z: initial;
    --un-shadow-opacity: 100%;
    --un-border-opacity: 100%;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-from-opacity: 100%;
    --un-to-opacity: 100%;
    --un-border-bottom-opacity: 100%;
  }
}

@property --un-text-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --un-border-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-border-bottom-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-bg-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --un-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --un-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --un-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --un-ring-color {
  syntax: "*";
  inherits: false
}

@property --un-ring-inset {
  syntax: "*";
  inherits: false
}

@property --un-ring-offset-color {
  syntax: "*";
  inherits: false
}

@property --un-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --un-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --un-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --un-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --un-shadow-color {
  syntax: "*";
  inherits: false
}

@property --un-shadow-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --un-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --un-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --un-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --un-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --un-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --un-ease {
  syntax: "*";
  inherits: false
}

@property --un-from-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --un-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --un-gradient-position {
  syntax: "*";
  inherits: false
}

@property --un-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --un-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --un-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --un-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --un-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --un-to-opacity {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --un-blur {
  syntax: "*";
  inherits: false
}

@property --un-brightness {
  syntax: "*";
  inherits: false
}

@property --un-contrast {
  syntax: "*";
  inherits: false
}

@property --un-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --un-grayscale {
  syntax: "*";
  inherits: false
}

@property --un-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --un-invert {
  syntax: "*";
  inherits: false
}

@property --un-saturate {
  syntax: "*";
  inherits: false
}

@property --un-sepia {
  syntax: "*";
  inherits: false
}

:root, :host {
  --default-transition-timingFunction: cubic-bezier(.4, 0, .2, 1);
  --default-transition-duration: .15s;
  --radius-DEFAULT: .25rem;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --default-font-family: var(--font-sans);
  --default-monoFont-family: var(--font-mono);
  --ease-DEFAULT: cubic-bezier(.4, 0, .2, 1);
  --spacing: .25rem;
  --colors-white: #fff;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --colors-gray-500: #6a7282;
  --colors-black: #000;
  --colors-gray-200: #e5e7eb;
  --fontWeight-bold: 700;
  --fontWeight-medium: 500;
  --colors-red-100: #ffe2e2;
  --colors-gray-400: #99a1af;
  --colors-red-500: #fb2c36;
  --colors-red-50: #fef2f2;
  --colors-gray-900: #101828;
  --colors-gray-100: #f3f4f6;
  --colors-gray-600: #4a5565;
  --text-xs-fontSize: .75rem;
  --text-xs-lineHeight: 1rem;
  --text-sm-fontSize: .875rem;
  --text-sm-lineHeight: 1.25rem;
  --text-lg-fontSize: 1.125rem;
  --text-lg-lineHeight: 1.75rem;
  --colors-red-800: #9f0712;
  --colors-red-600: #e40014;
  --colors-gray-DEFAULT: #99a1af;
}

@supports (color: color(display-p3 0 0 0)) {
  :root, :host {
    --colors-gray-500: color(display-p3 .421287 .446085 .504784);
    --colors-gray-200: color(display-p3 .899787 .906171 .92106);
    --colors-red-100: color(display-p3 .980386 .889727 .887779);
    --colors-gray-400: color(display-p3 .605734 .630385 .680158);
    --colors-red-500: color(display-p3 .903738 .262579 .253307);
    --colors-red-50: color(display-p3 .988669 .951204 .950419);
    --colors-gray-900: color(display-p3 .070423 .0928982 .151928);
    --colors-gray-100: color(display-p3 .953567 .956796 .964321);
    --colors-gray-600: color(display-p3 .297358 .332176 .39043);
    --colors-red-800: color(display-p3 .569606 .121069 .108493);
    --colors-red-600: color(display-p3 .830323 .140383 .133196);
    --colors-gray-DEFAULT: color(display-p3 .605734 .630385 .680158);
  }
}

@supports (color: lab(0% 0 0)) {
  :root, :host {
    --colors-gray-500: lab(47.7841% -.393182 -10.0268);
    --colors-gray-200: lab(91.6229% -.159115 -2.26791);
    --colors-red-100: lab(92.243% 10.2865 3.83865);
    --colors-gray-400: lab(65.9269% -.832707 -8.17473);
    --colors-red-500: lab(55.4814% 75.0732 48.8528);
    --colors-red-50: lab(96.5005% 4.18508 1.52328);
    --colors-gray-900: lab(8.11897% .811279 -12.254);
    --colors-gray-100: lab(96.1596% -.0823438 -1.13575);
    --colors-gray-600: lab(35.6337% -1.58697 -10.8425);
    --colors-red-800: lab(33.7174% 55.8993 41.0293);
    --colors-red-600: lab(48.4493% 77.4328 61.5452);
    --colors-gray-DEFAULT: lab(65.9269% -.832707 -8.17473);
  }
}

*, :after, :before {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

::-webkit-file-upload-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

html, :host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--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(--default-font-featureSettings, normal);
  font-variation-settings: var(--default-font-variationSettings, 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;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: var(--default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-monoFont-featureSettings, normal);
  font-variation-settings: var(--default-monoFont-variationSettings, normal);
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.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 {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

button, input, select, optgroup, textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

:where(select:-webkit-any([multiple], [size])) optgroup {
  font-weight: bolder;
}

:where(select:-moz-any([multiple], [size])) optgroup {
  font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

:where(select:-webkit-any([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

:where(select:-moz-any([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

::-webkit-file-upload-button {
  margin-inline-end: 4px;
}

::file-selector-button {
  margin-inline-end: 4px;
}

::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    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 {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-year-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-month-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-day-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-hour-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-minute-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-second-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-millisecond-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-datetime-edit-meridiem-field {
  padding-block-start: 0;
  padding-block-end: 0;
}

::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:-moz-ui-invalid {
  box-shadow: none;
}

button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

input:where([type="button"], [type="reset"], [type="submit"]) {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

::file-selector-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden~="until-found"])) {
  display: none !important;
}

.container {
  width: 100%;
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem;
  }
}

@media (min-width: 48rem) {
  .container {
    max-width: 48rem;
  }
}

@media (min-width: 64rem) {
  .container {
    max-width: 64rem;
  }
}

@media (min-width: 80rem) {
  .container {
    max-width: 80rem;
  }
}

@media (min-width: 96rem) {
  .container {
    max-width: 96rem;
  }
}

.text-3\.5 {
  font-size: .875rem;
}

.text-3\.75 {
  font-size: .9375rem;
}

.text-4, [text-4=""] {
  font-size: 1rem;
}

.text-4\.5 {
  font-size: 1.125rem;
}

.text-4\.75 {
  font-size: 1.1875rem;
}

.text-7 {
  font-size: 1.75rem;
}

.text-lg {
  font-size: var(--text-lg-fontSize);
  line-height: var(--un-leading, var(--text-lg-lineHeight));
}

.text-sm {
  font-size: var(--text-sm-fontSize);
  line-height: var(--un-leading, var(--text-sm-lineHeight));
}

.text-xs {
  font-size: var(--text-xs-fontSize);
  line-height: var(--un-leading, var(--text-xs-lineHeight));
}

.color-\[\#1366ec\], .text-\[\#1366ec\] {
  color: color-mix(in oklab, #1366ec var(--un-text-opacity), transparent);
}

.text-\[\#1f3fec\] {
  color: color-mix(in oklab, #1f3fec var(--un-text-opacity), transparent);
}

.color-black, .text-black, [text-black=""] {
  color: color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);
}

.text-gray, [text-gray=""] {
  color: color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);
}

.text-gray-400 {
  color: color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent);
}

.text-gray-500 {
  color: color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent);
}

.text-gray-600 {
  color: color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent);
}

.text-gray-900 {
  color: color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent);
}

.text-red-500 {
  color: color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);
}

.color-white, .text-white {
  color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);
}

.active\:text-red-800:active {
  color: color-mix(in srgb, var(--colors-red-800) var(--un-text-opacity), transparent);
}

.font-bold {
  --un-font-weight: var(--fontWeight-bold);
  font-weight: var(--fontWeight-bold);
}

.font-medium {
  --un-font-weight: var(--fontWeight-medium);
  font-weight: var(--fontWeight-medium);
}

.tab, [tab=""] {
  -moz-tab-size: 4;
  tab-size: 4;
}

.m\[\"aria-hidden\"\] {
  margin: "aria-hidden";
}

.m160, [m160=""] {
  margin: calc(var(--spacing) * 160);
}

.m161\.92, [m161\.92=""] {
  margin: calc(var(--spacing) * 161.92);
}

.m174\.72, [m174\.72=""] {
  margin: calc(var(--spacing) * 174.72);
}

.m186\.496, [m186\.496=""] {
  margin: calc(var(--spacing) * 186.496);
}

.m192, [m192=""] {
  margin: calc(var(--spacing) * 192);
}

.m199\.04, [m199\.04=""] {
  margin: calc(var(--spacing) * 199.04);
}

.m220\.8, [m220\.8=""] {
  margin: calc(var(--spacing) * 220.8);
}

.m237\.248, [m237\.248=""] {
  margin: calc(var(--spacing) * 237.248);
}

.m241\.216, [m241\.216=""] {
  margin: calc(var(--spacing) * 241.216);
}

.m249\.6, [m249\.6=""] {
  margin: calc(var(--spacing) * 249.6);
}

.m292\.288, [m292\.288=""] {
  margin: calc(var(--spacing) * 292.288);
}

.m308\.352, [m308\.352=""] {
  margin: calc(var(--spacing) * 308.352);
}

.m373\.376, [m373\.376=""] {
  margin: calc(var(--spacing) * 373.376);
}

.m384\.064, [m384\.064=""] {
  margin: calc(var(--spacing) * 384.064);
}

.m412\.16, [m412\.16=""] {
  margin: calc(var(--spacing) * 412.16);
}

.m466\.752, [m466\.752=""] {
  margin: calc(var(--spacing) * 466.752);
}

.m469\.952, [m469\.952=""] {
  margin: calc(var(--spacing) * 469.952);
}

.m488\.832, [m488\.832=""] {
  margin: calc(var(--spacing) * 488.832);
}

.m512, [m512=""] {
  margin: calc(var(--spacing) * 512);
}

.m512\.064, [m512\.064=""] {
  margin: calc(var(--spacing) * 512.064);
}

.m557\.248, [m557\.248=""] {
  margin: calc(var(--spacing) * 557.248);
}

.m64, [m64=""] {
  margin: calc(var(--spacing) * 64);
}

.m665\.216, [m665\.216=""] {
  margin: calc(var(--spacing) * 665.216);
}

.m679\.872, [m679\.872=""] {
  margin: calc(var(--spacing) * 679.872);
}

.m683\.072, [m683\.072=""] {
  margin: calc(var(--spacing) * 683.072);
}

.m739\.328, [m739\.328=""] {
  margin: calc(var(--spacing) * 739.328);
}

.m759\.936, [m759\.936=""] {
  margin: calc(var(--spacing) * 759.936);
}

.m768, [m768=""] {
  margin: calc(var(--spacing) * 768);
}

.m772\.13, [m772\.13=""] {
  margin: calc(var(--spacing) * 772.13);
}

.m795\.904, [m795\.904=""] {
  margin: calc(var(--spacing) * 795.904);
}

.m801\.728, [m801\.728=""] {
  margin: calc(var(--spacing) * 801.728);
}

.ma {
  margin: auto;
}

[m-1=""] {
  margin: calc(var(--spacing) * 1);
}

[m-224=""] {
  margin: calc(var(--spacing) * 224);
}

[m-256=""], [m256=""] {
  margin: calc(var(--spacing) * 256);
}

[m-294\.848=""] {
  margin: calc(var(--spacing) * 294.848);
}

[m-32=""], [m32=""] {
  margin: calc(var(--spacing) * 32);
}

[m-320=""], [m320=""] {
  margin: calc(var(--spacing) * 320);
}

[m-38\.4=""] {
  margin: calc(var(--spacing) * 38.4);
}

[m-416=""], [m416=""] {
  margin: calc(var(--spacing) * 416);
}

[m-452\.544=""] {
  margin: calc(var(--spacing) * 452.544);
}

[m-544=""], [m544=""] {
  margin: calc(var(--spacing) * 544);
}

[m-55\.808=""] {
  margin: calc(var(--spacing) * 55.808);
}

[m-640=""] {
  margin: calc(var(--spacing) * 640);
}

[m-814\.592=""] {
  margin: calc(var(--spacing) * 814.592);
}

[m~="$isDayjsObject"] {
  margin: var(--isDayjsObject);
}

[m0=""] {
  margin: calc(var(--spacing) * 0);
}

[m128=""] {
  margin: calc(var(--spacing) * 128);
}

[m150\.528=""] {
  margin: calc(var(--spacing) * 150.528);
}

[m23\.744=""] {
  margin: calc(var(--spacing) * 23.744);
}

[m308\.992=""] {
  margin: calc(var(--spacing) * 308.992);
}

[m318\.4=""] {
  margin: calc(var(--spacing) * 318.4);
}

[m336=""] {
  margin: calc(var(--spacing) * 336);
}

[m345\.6=""] {
  margin: calc(var(--spacing) * 345.6);
}

[m351\.36=""] {
  margin: calc(var(--spacing) * 351.36);
}

[m370\.752=""] {
  margin: calc(var(--spacing) * 370.752);
}

[m384=""] {
  margin: calc(var(--spacing) * 384);
}

[m407\.296=""] {
  margin: calc(var(--spacing) * 407.296);
}

[m414\.08=""] {
  margin: calc(var(--spacing) * 414.08);
}

[m439\.424=""] {
  margin: calc(var(--spacing) * 439.424);
}

[m493\.44=""] {
  margin: calc(var(--spacing) * 493.44);
}

[m495\.424=""] {
  margin: calc(var(--spacing) * 495.424);
}

[m503\.936=""] {
  margin: calc(var(--spacing) * 503.936);
}

[m576=""] {
  margin: calc(var(--spacing) * 576);
}

[m67\.2=""] {
  margin: calc(var(--spacing) * 67.2);
}

[m678\.784=""] {
  margin: calc(var(--spacing) * 678.784);
}

.mx {
  margin-inline: calc(var(--spacing) * 4);
}

.my {
  margin-block: calc(var(--spacing) * 4);
}

.my-10 {
  margin-block: calc(var(--spacing) * 10);
}

.m-b-5 {
  margin-bottom: calc(var(--spacing) * 5);
}

.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}

.me {
  margin-inline-end: calc(var(--spacing) * 4);
}

.ml {
  margin-left: calc(var(--spacing) * 4);
}

.mr {
  margin-right: calc(var(--spacing) * 4);
}

.ms, [ms=""] {
  margin-inline-start: calc(var(--spacing) * 4);
}

.ms-1 {
  margin-inline-start: calc(var(--spacing) * 1);
}

.mt {
  margin-top: calc(var(--spacing) * 4);
}

.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}

.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}

.p-0 {
  padding: calc(var(--spacing) * 0);
}

.p-4 {
  padding: calc(var(--spacing) * 4);
}

.p-6 {
  padding: calc(var(--spacing) * 6);
}

.p-8 {
  padding: calc(var(--spacing) * 8);
}

.p\[\(0\,l\.A\)\(a\(e\)\)\] {
  padding: (0, l. A) (a(e));
}

.p\[this\.\$L\] {
  padding: this. $ L;
}

.pa {
  padding: auto;
}

.px, .px-4, [px-4=""], [px=""] {
  padding-inline: calc(var(--spacing) * 4);
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

.px-3, [px-3=""] {
  padding-inline: calc(var(--spacing) * 3);
}

.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

.py, .py-4 {
  padding-block: calc(var(--spacing) * 4);
}

.py-1 {
  padding-block: calc(var(--spacing) * 1);
}

.py-2, [py-2=""] {
  padding-block: calc(var(--spacing) * 2);
}

.py-3 {
  padding-block: calc(var(--spacing) * 3);
}

.py-5 {
  padding-block: calc(var(--spacing) * 5);
}

[px~="1/0"] {
  padding-inline: Infinity% ;
}

.pb-1, [pb-1=""] {
  padding-bottom: calc(var(--spacing) * 1);
}

.pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}

.pb-2, [pb-2=""] {
  padding-bottom: calc(var(--spacing) * 2);
}

.pe, [p-e=""] {
  padding-inline-end: calc(var(--spacing) * 4);
}

.pe-2 {
  padding-inline-end: calc(var(--spacing) * 2);
}

.pl {
  padding-left: calc(var(--spacing) * 4);
}

.pr {
  padding-right: calc(var(--spacing) * 4);
}

.ps {
  padding-inline-start: calc(var(--spacing) * 4);
}

.ps-1 {
  padding-inline-start: calc(var(--spacing) * 1);
}

.ps-3\.5, [ps-3\.5=""] {
  padding-inline-start: calc(var(--spacing) * 3.5);
}

.pt {
  padding-top: calc(var(--spacing) * 4);
}

.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}

.pt-12 {
  padding-top: calc(var(--spacing) * 12);
}

.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}

.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}

.pt-6, [pt-6=""] {
  padding-top: calc(var(--spacing) * 6);
}

.pt-8, [pt-8=""] {
  padding-top: calc(var(--spacing) * 8);
}

.text-align-center, .text-center {
  text-align: center;
}

.outline {
  outline-style: var(--un-outline-style);
  outline-width: 1px;
}

.b, .border, [b=""] {
  border-width: 1px;
}

[-b=""] {
  border-width: -1px;
}

.border-b-\[1px\] {
  border-bottom-width: 1px;
}

.border-\[\#1366ec\] {
  border-color: color-mix(in oklab, #1366ec var(--un-border-opacity), transparent);
}

.border-gray-200 {
  border-color: color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent);
}

.border-b-gray-200 {
  border-bottom-color: color-mix(in srgb, var(--colors-gray-200) var(--un-border-bottom-opacity), transparent);
  --un-border-bottom-opacity: var(--un-border-opacity);
}

.rd, .rounded, [rd=""], [rounded=""] {
  border-radius: var(--radius-DEFAULT);
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-0 {
  border-radius: 0;
}

.rounded-4 {
  border-radius: 1rem;
}

.rounded-5, [rounded-5=""] {
  border-radius: 1.25rem;
}

.rounded-full {
  border-radius: 3.40282e38px;
}

.\!rounded-t-8 {
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}

.rounded-t-3, [rounded-t-3=""] {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.\!bg-\[\#2e2c2c\] {
  background-color: color-mix(in oklab, #2e2c2c var(--un-bg-opacity), transparent) !important;
}

.bg-\[\#f2f2f7\] {
  background-color: color-mix(in oklab, #f2f2f7 var(--un-bg-opacity), transparent);
}

.bg-gray-100 {
  background-color: color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent);
}

.bg-gray-200 {
  background-color: color-mix(in srgb, var(--colors-gray-200) var(--un-bg-opacity), transparent);
}

.bg-red-50 {
  background-color: color-mix(in srgb, var(--colors-red-50) var(--un-bg-opacity), transparent);
}

.bg-red-500 {
  background-color: color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent);
}

.bg-transparent, [bg-transparent=""] {
  background-color: #0000;
}

.active\:bg-gray-200:active {
  background-color: color-mix(in srgb, var(--colors-gray-200) var(--un-bg-opacity), transparent);
}

.active\:bg-red-600:active {
  background-color: color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent);
}

[active\:bg-gray-200=""]:active {
  background-color: color-mix(in srgb, var(--colors-gray-200) var(--un-bg-opacity), transparent);
}

.op-0 {
  opacity: 0;
}

.underline, [underline=""], .hover-underline:hover {
  text-decoration-line: underline;
}

.flex, [flex=""] {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-\[1_1_30\%\] {
  flex: 30%;
}

.flex-\[2_1_70\%\] {
  flex: 2 70%;
}

.flex-1, [flex-1=""] {
  flex: 1;
}

.flex-none {
  flex: none;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-1, [gap-1=""] {
  gap: calc(var(--spacing) * 1);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.gap-3, [gap-3=""] {
  gap: calc(var(--spacing) * 3);
}

.gap-4 {
  gap: calc(var(--spacing) * 4);
}

.gap-6 {
  gap: calc(var(--spacing) * 6);
}

.gap-9 {
  gap: calc(var(--spacing) * 9);
}

.grid {
  display: grid;
}

[size~="1.5rem"] {
  width: 1.5rem;
  height: 1.5rem;
}

[size~="100%"] {
  width: 100%;
  height: 100%;
}

[size~="50%"] {
  width: 50%;
  height: 50%;
}

.\!h-\[100\%\] {
  height: 100% !important;
}

.h-\[100\%\], .h-full, [h-full=""] {
  height: 100%;
}

.h-\[3rem\] {
  height: 3rem;
}

.h-\[40px\] {
  height: 40px;
}

.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}

.h-14 {
  height: calc(var(--spacing) * 14);
}

.h-screen {
  height: 100vh;
}

.h\[\"aria-hidden\"\] {
  height: "aria-hidden";
}

.h\[G\.findKey\(h\,b\)\|\|\"text\"\] {
  height: G. findKey(h, b) | | "text";
}

.h1 {
  height: calc(var(--spacing) * 1);
}

.h2 {
  height: calc(var(--spacing) * 2);
}

.h3 {
  height: calc(var(--spacing) * 3);
}

.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}

.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}

.w-\[5\.6rem\] {
  width: 5.6rem;
}

.w-10 {
  width: calc(var(--spacing) * 10);
}

.w-14 {
  width: calc(var(--spacing) * 14);
}

.w-50 {
  width: calc(var(--spacing) * 50);
}

.w-full, [w-full=""] {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w\[\"aria-hidden\"\] {
  width: "aria-hidden";
}

.inline {
  display: inline;
}

.block, .empty-block:empty {
  display: block;
}

.inline-block {
  display: inline-block;
}

.contents {
  display: contents;
}

.flow-root {
  display: flow-root;
}

.list-item {
  display: list-item;
}

.hidden, [hidden=""] {
  display: none;
}

.visible, .focus-visible:focus {
  visibility: visible;
}

.collapse, [collapse=""] {
  visibility: collapse;
}

.backface-hidden {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cursor-pointer, [cursor-pointer=""] {
  cursor: pointer;
}

.resize, [resize=""] {
  resize: both;
}

.select-all {
  -webkit-user-select: all;
  user-select: all;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.-shadow {
  --un-shadow: 0 1px 3px 0 var(--un-shadow-color, #0000001a), 0 1px 2px -1px var(--un-shadow-color, #0000001a);
  box-shadow: calc(var(--un-inset-shadow), * -1) var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.shadow, [shadow=""] {
  --un-shadow: 0 1px 3px 0 var(--un-shadow-color, #0000001a), 0 1px 2px -1px var(--un-shadow-color, #0000001a);
  box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.shadow-lg {
  --un-shadow: 0 10px 15px -3px var(--un-shadow-color, #0000001a), 0 4px 6px -4px var(--un-shadow-color, #0000001a);
  box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.shadow-red-100 {
  --un-shadow-color: color-mix(in srgb, var(--colors-red-100) var(--un-shadow-opacity), transparent);
}

.-translate-50\% {
  --un-translate-x: -50%;
  --un-translate-y: -50%;
  translate: var(--un-translate-x) var(--un-translate-y);
}

.-translate-y-50\% {
  --un-translate-y: -50%;
  translate: var(--un-translate-x) var(--un-translate-y);
}

.transform-translate-x--1\/2 {
  --un-translate-x: -50%;
  translate: var(--un-translate-x) var(--un-translate-y);
}

.active\:scale-95:active {
  --un-scale-x: 95%;
  --un-scale-y: 95%;
  scale: var(--un-scale-x) var(--un-scale-y);
}

.transform, [transform=""] {
  transform: var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);
}

.transition, [transition=""] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --un-gradient-from, --un-gradient-via, --un-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--un-ease, var(--default-transition-timingFunction));
  transition-duration: var(--un-duration, var(--default-transition-duration));
}

.transition-all {
  transition-property: all;
  transition-timing-function: var(--un-ease, var(--default-transition-timingFunction));
  transition-duration: var(--un-duration, var(--default-transition-duration));
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --un-gradient-from, --un-gradient-via, --un-gradient-to;
  transition-timing-function: var(--un-ease, var(--default-transition-timingFunction));
  transition-duration: var(--un-duration, var(--default-transition-duration));
}

.ease, [ease=""] {
  --un-ease: var(--ease-DEFAULT);
  transition-timing-function: var(--ease-DEFAULT);
}

.ease-out {
  --un-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

.items-center, [items-center=""] {
  align-items: center;
}

.self-center {
  align-self: center;
}

.box-border {
  box-sizing: border-box;
}

.inset-0, [inset-0=""] {
  inset: calc(var(--spacing) * 0);
}

.start-50\%:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-50\%:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-50\%:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-50\%:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

.start-50\%:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

.start-50\%:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

[end~="a"]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: auto;
}

[end~="a"]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: auto;
}

[end~="a"]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: auto;
}

[end~="a"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: auto;
}

[end~="a"]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: auto;
}

[end~="a"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: auto;
}

.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}

.left-0, [left-0=""] {
  left: calc(var(--spacing) * 0);
}

.left-50\% {
  left: 50%;
}

.top-0, [top-0=""], [top~="0"] {
  top: calc(var(--spacing) * 0);
}

.top-50\%, [top-50\%=""] {
  top: 50%;
}

[top~="10"] {
  top: calc(var(--spacing) * 10);
}

[top~="100"] {
  top: calc(var(--spacing) * 100);
}

[top~="60"] {
  top: calc(var(--spacing) * 60);
}

.justify-start {
  justify-content: flex-start;
}

.justify-center, [justify-center=""] {
  justify-content: center;
}

.justify-between, [justify-between=""] {
  justify-content: space-between;
}

.absolute, [absolute=""] {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative, [relative=""] {
  position: relative;
}

.sticky {
  position: sticky;
}

.static, [static=""] {
  position: static;
}

.z-1, [z-1=""] {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.overflow-hidden {
  overflow: hidden;
}

.from-\[\#f2f2f7\] {
  --un-gradient-from: color-mix(in oklab, #f2f2f7 var(--un-from-opacity), transparent);
  --un-gradient-stops: var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));
}

.to-\[\#f2f2f7bf\] {
  --un-gradient-to: color-mix(in oklab, #f2f2f7bf var(--un-to-opacity), transparent);
  --un-gradient-stops: var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));
}

.bg-gradient-to-b, [bg-gradient-to-b=""] {
  --un-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--un-gradient-stops));
}

.object-cover {
  object-fit: cover;
}

[object~="l"] {
  object-position: left;
}

[object~="t"] {
  object-position: top;
}

[mask~="l"] {
  -webkit-mask-position: 0;
  mask-position: 0;
}

.blur {
  --un-blur: blur(8px);
  filter: var(--un-blur, ) var(--un-brightness, ) var(--un-contrast, ) var(--un-grayscale, ) var(--un-hue-rotate, ) var(--un-invert, ) var(--un-saturate, ) var(--un-sepia, ) var(--un-drop-shadow, );
}

.filter, [all~="filter"] *, [filter=""] {
  filter: var(--un-blur, ) var(--un-brightness, ) var(--un-contrast, ) var(--un-grayscale, ) var(--un-hue-rotate, ) var(--un-invert, ) var(--un-saturate, ) var(--un-sepia, ) var(--un-drop-shadow, );
}

.table, [table=""] {
  display: table;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-black {
    color: color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);
  }

  .text-gray {
    color: color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);
  }

  .text-gray-400 {
    color: color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent);
  }

  .text-gray-500 {
    color: color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent);
  }

  .text-gray-600 {
    color: color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent);
  }

  .text-gray-900 {
    color: color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent);
  }

  .text-red-500 {
    color: color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);
  }

  .text-white {
    color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);
  }

  [text-black=""] {
    color: color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);
  }

  [text-gray=""] {
    color: color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);
  }

  .active\:text-red-800:active {
    color: color-mix(in oklab, var(--colors-red-800) var(--un-text-opacity), transparent);
  }

  .color-black {
    color: color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);
  }

  .color-white {
    color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);
  }

  .border-gray-200 {
    border-color: color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent);
  }

  .border-b-gray-200 {
    border-bottom-color: color-mix(in oklab, var(--colors-gray-200) var(--un-border-bottom-opacity), transparent);
  }

  .bg-gray-100 {
    background-color: color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent);
  }

  .bg-gray-200 {
    background-color: color-mix(in oklab, var(--colors-gray-200) var(--un-bg-opacity), transparent);
  }

  .bg-red-50 {
    background-color: color-mix(in oklab, var(--colors-red-50) var(--un-bg-opacity), transparent);
  }

  .bg-red-500 {
    background-color: color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent);
  }

  .bg-white {
    background-color: color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);
  }

  .active\:bg-gray-200:active {
    background-color: color-mix(in oklab, var(--colors-gray-200) var(--un-bg-opacity), transparent);
  }

  .active\:bg-red-600:active {
    background-color: color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent);
  }

  [active\:bg-gray-200=""]:active {
    background-color: color-mix(in oklab, var(--colors-gray-200) var(--un-bg-opacity), transparent);
  }

  .shadow-red-100 {
    --un-shadow-color: color-mix(in oklab, var(--colors-red-100) var(--un-shadow-opacity), transparent);
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --app-color-primary: #0061f2;
  --app-color-primary-rgb: 0, 97, 242;
  --app-color-danger: #ff3b30;
  --app-color-danger-rgb: 255, 59, 48;
  --app-bg: #f6f8fc;
  --app-bg-soft: #fbfcff;
  --app-sheet-bg: #fff;
  --app-page-bg: #f6f8fc;
  --app-surface: #fff;
  --app-surface-strong: #fff;
  --app-surface-muted: #f3f7ff;
  --app-text: #111827;
  --app-text-muted: #4b5563;
  --app-text-soft: #6b7280;
  --app-text-placeholder: #9aa3b2;
  --app-border: #dbe4f0;
  --app-border-soft: #edf0f5;
  --app-divider: #e4e8f0;
  --app-disabled-bg: #e4e8f0;
  --app-disabled-text: #b9c0cc;
  --app-icon-muted: #c7ccd6;
  --app-mask: #0f172a73;
  --app-shadow: 0 1rem 3rem #0f172a24;
  --app-shadow-soft: 0 .5rem 1.5rem #0f172a0d;
  --app-content-block-bg: var(--app-surface);
  --app-content-block-border: transparent;
  --app-content-block-highlight: transparent;
  --app-content-block-ring: transparent;
  --app-content-block-shadow: 0 .5rem 1.5rem #3854870a;
  --app-primary-soft: rgba(var(--app-color-primary-rgb), .08);
  --app-primary-shadow: rgba(var(--app-color-primary-rgb), .18);
  --app-hero-gradient: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), .96), #1484d6 100%);
  --app-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --app-font-size-body: .9375rem;
  --app-line-height-body: 1.45;
  --app-font-weight-regular: 400;
  --app-font-weight-medium: 500;
  --app-font-weight-strong: 600;
  --app-font-weight-title: 700;
  --app-viewport-height: 100vh;
  --app-viewport-width: 100vw;
  --app-viewport-offset-top: 0px;
  --app-visual-viewport-height: 100vh;
  --app-visual-viewport-offset-top: 0px;
  --app-keyboard-inset: 0px;
  --app-viewport-10: 10vh;
  --app-viewport-15: 15vh;
  --app-viewport-72: 72vh;
  --el-color-primary: var(--app-color-primary);
  --el-switch-on-color: var(--app-color-primary);
  --el-bg-color-page: var(--app-bg);
  --el-bg-color: var(--app-surface);
  --el-bg-color-overlay: var(--app-surface-strong);
  --el-fill-color-blank: var(--app-surface);
  --el-fill-color-light: var(--app-surface-muted);
  --el-fill-color-lighter: var(--app-bg-soft);
  --el-border-color: var(--app-border);
  --el-border-color-light: var(--app-divider);
  --el-border-color-lighter: var(--app-border-soft);
  --el-mask-color: var(--app-mask);
  --el-text-color-primary: var(--app-text);
  --el-text-color-regular: var(--app-text-muted);
  --el-text-color-secondary: var(--app-text-soft);
  --el-box-shadow-light: var(--app-shadow);
  --el-font-family: var(--app-font-family);
  --el-font-size-base: var(--app-font-size-body);
}

@supports (height: 100dvh) {
  :root {
    --app-viewport-height: 100dvh;
    --app-viewport-10: 10dvh;
    --app-viewport-15: 15dvh;
    --app-viewport-72: 72dvh;
  }
}

html.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --app-bg: #070d19;
  --app-bg-soft: #0b1324;
  --app-sheet-bg: #101827;
  --app-page-bg: #030712;
  --app-surface: #101827;
  --app-surface-strong: #121d30;
  --app-surface-muted: #172234;
  --app-text: #f8fafc;
  --app-text-muted: #e2e8f0cc;
  --app-text-soft: #94a3b8f5;
  --app-text-placeholder: #94a3b8c7;
  --app-border: #94a3b842;
  --app-border-soft: #94a3b82e;
  --app-divider: #94a3b829;
  --app-disabled-bg: #273244;
  --app-disabled-text: #94a3b8cc;
  --app-icon-muted: #94a3b8bd;
  --app-mask: #020617b8;
  --app-shadow: 0 1rem 3rem #02061761;
  --app-shadow-soft: 0 .5rem 1.5rem #02061738;
  --app-content-block-bg: var(--app-surface);
  --app-content-block-border: transparent;
  --app-content-block-highlight: transparent;
  --app-content-block-ring: transparent;
  --app-content-block-shadow: none;
  --app-primary-soft: rgba(var(--app-color-primary-rgb), .16);
  --app-primary-shadow: rgba(var(--app-color-primary-rgb), .22);
  --app-hero-gradient: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), .74), #1484d69e);
}

html, body, #app, #app-container {
  width: 100%;
  height: var(--app-viewport-height, 100vh);
  overscroll-behavior: none;
  min-height: 0;
  overflow: hidden;
}

body {
  color: var(--app-text);
  font-family: var(--app-font-family);
  font-size: var(--app-font-size-body);
  font-weight: var(--app-font-weight-regular);
  line-height: var(--app-line-height-body);
  letter-spacing: 0;
  background: var(--app-page-bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  transition: background-color .18s, color .18s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html[data-app-keyboard-open], html[data-app-keyboard-open] body {
  overscroll-behavior-y: contain;
  height: auto;
  overflow-y: auto;
}

html[data-app-keyboard-open] body {
  min-height: var(--app-viewport-height, 100vh);
  position: static;
}

html[data-app-keyboard-open] #app, html[data-app-keyboard-open] #app-container {
  height: var(--app-viewport-height, 100vh);
  overflow: visible;
}

input, textarea, select, button {
  color: inherit;
  font: inherit;
  letter-spacing: 0;
}

.app-page-shell {
  background: var(--app-page-bg);
  width: 100%;
  height: 100%;
  min-height: 0;
  color: var(--app-text);
  flex-direction: column;
  display: flex;
  position: relative;
}

.app-page-shell--screen {
  width: 100vw;
  min-height: var(--app-viewport-height, 100vh);
}

.app-route-page {
  z-index: 30;
  background: var(--app-page-bg);
  isolation: isolate;
  min-height: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.app-side-page--routed {
  width: 100vw;
  height: var(--app-viewport-height, 100vh);
  min-height: var(--app-viewport-height, 100vh);
}

.route-page-loading {
  color: var(--app-color-primary);
  justify-content: center;
  align-items: center;
}

.route-page-layer--under {
  z-index: 30;
}

.route-page-layer--over {
  z-index: 31;
}

.route-page-layer--hidden {
  display: none !important;
}

.route-slide-left-enter-from-page {
  pointer-events: none;
  transition: none;
  transform: translateX(100%);
}

.route-slide-left-page {
  transition: transform .24s;
  transform: translateX(0);
}

.route-slide-right-leave-page {
  pointer-events: none;
  transition: transform .24s;
  transform: translateX(100%);
}

.app-page-header {
  z-index: 2;
  flex: none;
  justify-content: space-between;
  align-items: center;
  min-height: 4.25rem;
  padding: 1rem 1.25rem .65rem;
  display: flex;
  position: relative;
}

.app-page-header__side {
  flex: 0 0 2.65rem;
  justify-content: center;
  align-items: center;
  width: 2.65rem;
  display: inline-flex;
}

.app-page-header__title {
  min-width: 0;
  color: var(--app-text);
  font-size: 1.02rem;
  font-weight: var(--app-font-weight-title);
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.35;
  overflow: hidden;
}

.app-page-scroll {
  flex: 1;
  min-height: 0;
}

.app-page-content {
  padding: .45rem 1.35rem calc(1.65rem + env(safe-area-inset-bottom));
  flex-direction: column;
  gap: 1.15rem;
  display: flex;
}

.app-page-content--plain {
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.app-section {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.app-section__header {
  justify-content: space-between;
  align-items: flex-end;
  gap: .85rem;
  padding: 0 .15rem;
  display: flex;
}

.app-section__header h2 {
  color: var(--app-text);
  font-size: .98rem;
  font-weight: var(--app-font-weight-title);
  margin: 0;
  line-height: 1.35;
}

.app-section__header p {
  color: var(--app-text-soft);
  margin: .12rem 0 0;
  font-size: .78rem;
  line-height: 1.4;
}

.app-surface-card, .app-list-card {
  box-sizing: border-box;
  border: 1px solid var(--app-border-soft);
  background: var(--app-content-block-bg);
  box-shadow: var(--app-content-block-shadow);
  border-radius: 1.18rem;
  overflow: hidden;
}

.app-surface-card {
  padding: 1.08rem;
}

.app-list-row {
  box-sizing: border-box;
  width: 100%;
  min-height: 3.55rem;
  color: var(--app-text);
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  align-items: center;
  gap: .85rem;
  padding: .78rem .95rem;
  transition: background-color .16s, opacity .16s, transform .12s;
  display: flex;
}

.app-list-row + .app-list-row {
  border-top: 1px solid var(--app-divider);
}

.app-list-row:active {
  background: var(--app-surface-muted);
}

.app-list-row--muted {
  opacity: .58;
}

.app-list-row__icon {
  background: var(--app-primary-soft);
  width: 2.38rem;
  height: 2.38rem;
  color: var(--app-color-primary);
  box-shadow: none;
  border-radius: .84rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.app-list-row__main {
  flex-direction: column;
  flex: 1;
  gap: .12rem;
  min-width: 0;
  display: flex;
}

.app-list-row__title {
  min-width: 0;
  color: var(--app-text);
  font-size: .94rem;
  font-weight: var(--app-font-weight-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.32;
  overflow: hidden;
}

.app-list-row__subtitle {
  min-width: 0;
  color: var(--app-text-soft);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  line-height: 1.35;
  overflow: hidden;
}

.app-list-row__value {
  min-width: 0;
  max-width: 48%;
  color: var(--app-text-muted);
  text-align: right;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  gap: .35rem;
  font-size: .85rem;
  line-height: 1.35;
  display: inline-flex;
}

.app-list-row__value span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.app-list-row__chevron {
  color: var(--app-icon-muted);
  flex: none;
}

.app-status-badge {
  background: rgba(var(--app-color-primary-rgb), .08);
  color: var(--app-color-primary);
  font-size: .68rem;
  font-weight: var(--app-font-weight-strong);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .18rem .5rem;
  line-height: 1.35;
  display: inline-flex;
}

.text-7 {
  line-height: 1.22;
  font-size: 1.5rem !important;
}

.text-6 {
  line-height: 1.25;
  font-size: 1.35rem !important;
}

.text-5 {
  line-height: 1.32;
  font-size: 1.17rem !important;
}

.text-4\.75 {
  line-height: 1.35;
  font-size: 1.08rem !important;
}

.text-4\.5 {
  line-height: 1.38;
  font-size: 1.02rem !important;
}

.text-4, .text-md {
  line-height: 1.42;
  font-size: .98rem !important;
}

.text-3\.75, .text-sm, .text-\[0\.95rem\] {
  line-height: 1.45;
  font-size: .9375rem !important;
}

.text-3\.5, .text-\[0\.85rem\] {
  line-height: 1.45;
  font-size: .875rem !important;
}

.text-3, .text-\[0\.80rem\], .text-xs {
  line-height: 1.45;
  font-size: .8rem !important;
}

.text-2\.5, .text-\[0\.75rem\] {
  line-height: 1.4;
  font-size: .75rem !important;
}

.text-lg {
  line-height: 1.35;
  font-size: 1.125rem !important;
}

.font-400 {
  font-weight: var(--app-font-weight-regular) !important;
}

.font-medium, .font-\[500\] {
  font-weight: var(--app-font-weight-medium) !important;
}

.font-bold, .font-\[600\] {
  font-weight: var(--app-font-weight-strong) !important;
}

.font-700, .font-800 {
  font-weight: var(--app-font-weight-title) !important;
}

[class~="bg-white"][class~="rounded-4"], [class~="bg-white"][class~="rounded-5"] {
  font-size: .92rem;
  line-height: 1.45;
}

[class~="pb-1"][class~="text-gray"][class~="font-bold"], [class~="pb-2"][class~="text-gray-400"][class~="font-bold"] {
  line-height: 1.35;
  font-size: .78rem !important;
  font-weight: var(--app-font-weight-strong) !important;
}

.bg-\[\#f2f2f7\] {
  background: var(--app-page-bg) !important;
}

.from-\[\#f2f2f7\] {
  --un-gradient-from: var(--app-bg) var(--un-gradient-from-position);
  --un-gradient-to: rgba(var(--app-color-primary-rgb), 0) var(--un-gradient-to-position);
  --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}

.to-\[\#f2f2f7bf\] {
  --un-gradient-to: var(--app-bg) var(--un-gradient-to-position);
}

.bg-white {
  background-color: var(--app-surface) !important;
}

[class~="bg-white"][class~="rounded-4"], [class~="bg-white"][class~="rounded-5"] {
  box-sizing: border-box;
  box-shadow: var(--app-content-block-shadow);
  background-clip: padding-box;
  border: 0;
  background: var(--app-content-block-bg) !important;
}

[class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray"]:last-child, [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray"]:last-child, [class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray-400"]:last-child, [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray-400"]:last-child, [class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray-500"]:last-child, [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray-500"]:last-child {
  text-align: right;
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  max-width: 58%;
  line-height: 1.35;
  display: inline-flex;
  color: var(--app-text-soft) !important;
  font-size: .84rem !important;
  font-weight: var(--app-font-weight-regular) !important;
}

[class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray"]:last-child span:not(.device-status-dot), [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray"]:last-child span:not(.device-status-dot), [class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray-400"]:last-child span, [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray-400"]:last-child span, [class~="bg-white"][class~="rounded-4"] [class~="justify-between"] > [class~="text-gray-500"]:last-child span, [class~="bg-white"][class~="rounded-5"] [class~="justify-between"] > [class~="text-gray-500"]:last-child span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.bg-gray-100, .bg-gray-200, .bg-\[\#e5e5ea\], .active\:bg-gray-100:active, .active\:bg-gray-200:active, .active\:bg-\[\#e5e5ea\]:active {
  background-color: var(--app-surface-muted) !important;
}

.text-\[\#0061f2\] {
  color: var(--app-color-primary) !important;
}

.text-gray, .text-gray-400, .text-gray-500, .text-\[\#8e8e93\] {
  color: var(--app-text-soft) !important;
}

.border-b-\[\#cccccc\] {
  border-bottom-color: var(--app-divider) !important;
}

.border-\[\#cccccc\], .border-gray-200, .border-white {
  border-color: var(--app-border) !important;
}

.swiper, .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.async-page-drawer__panel {
  background: var(--app-page-bg) !important;
  overflow: hidden !important;
}

.async-page-drawer__panel--btt {
  --app-bottom-sheet-top-gap: clamp(6rem, var(--app-viewport-15, 15vh), 8.5rem);
  box-shadow: 0 -1.125rem 3.75rem #0f172a3d;
  background: var(--app-sheet-bg) !important;
  max-height: calc(var(--app-viewport-height, 100vh)  - var(--app-bottom-sheet-top-gap)) !important;
  border-radius: 1.65rem 1.65rem 0 0 !important;
}

html[data-app-keyboard-open] .el-overlay.is-drawer {
  height: var(--app-viewport-height, 100vh) !important;
  min-height: var(--app-viewport-height, 100vh) !important;
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  overflow: visible !important;
}

html[data-app-keyboard-adjusting] .async-page-drawer__panel--btt {
  transition: none !important;
}

html[data-app-keyboard-open] .auth-drawer-panel, html[data-app-keyboard-open] .auth-drawer-panel .async-page-drawer__body, html[data-app-keyboard-open] .auth-drawer-panel .async-page-content, html[data-app-keyboard-open] .auth-drawer-panel .async-page-drawer__slot, html[data-app-keyboard-open] .auth-drawer-panel .app-page-content--plain, html[data-app-keyboard-open] .auth-drawer-panel .swiper, html[data-app-keyboard-open] .auth-drawer-panel .swiper-wrapper, html[data-app-keyboard-open] .auth-drawer-panel .swiper-slide {
  overflow: visible !important;
}

.el-drawer-fade-enter-from .async-page-drawer__panel--btt, .el-drawer-fade-leave-to .async-page-drawer__panel--btt {
  transform: translateY(100%);
}

.async-page-drawer__panel--btt.add-device-drawer-panel {
  --app-bottom-sheet-top-gap: clamp(56px, var(--app-viewport-10, 10vh), 84px);
  max-height: calc(var(--app-viewport-height, 100vh)  - var(--app-bottom-sheet-top-gap)) !important;
}

.el-drawer.async-page-drawer__panel--btt, .async-page-drawer__panel--btt.el-drawer {
  border-top-left-radius: 1.65rem !important;
  border-top-right-radius: 1.65rem !important;
  overflow: hidden !important;
}

.async-page-drawer__panel--btt.async-page-drawer__panel--dragging {
  transform: translate3d(0, var(--async-page-sheet-y, 0px), 0) !important;
  transition: none !important;
}

.async-page-drawer__body {
  background: none;
  height: 100%;
  overflow: hidden;
}

.async-page-drawer__panel--btt .async-page-drawer__body, .async-page-drawer__panel--btt .async-page-content {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.async-page-drawer__handle-wrap {
  cursor: grab;
  touch-action: none;
  background: none;
  flex: 0 0 1.35rem;
  justify-content: center;
  align-items: center;
  padding-top: .35rem;
  display: flex;
}

.async-page-drawer__handle-wrap:active {
  cursor: grabbing;
}

.async-page-drawer__handle {
  background: var(--app-divider);
  border-radius: 999px;
  width: 2.5rem;
  height: .25rem;
}

.async-page-drawer__slot {
  background: none;
  overflow: hidden;
}

.async-page-drawer__panel--btt .app-page-shell {
  background: var(--app-sheet-bg);
}

.auth-drawer-panel {
  height: calc(var(--app-viewport-height, 100vh)  - var(--app-bottom-sheet-top-gap)) !important;
  max-height: calc(var(--app-viewport-height, 100vh)  - var(--app-bottom-sheet-top-gap)) !important;
}

@media (max-height: 620px) {
  html:not([data-app-keyboard-open]) .auth-drawer-panel {
    height: calc(var(--app-viewport-height, 100vh)  - 6rem) !important;
    max-height: calc(var(--app-viewport-height, 100vh)  - 6rem) !important;
  }
}

.auth-sheet {
  background: var(--app-sheet-bg);
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: flex;
}

.auth-sheet__inner {
  flex-direction: column;
  flex: 1 0 auto;
  gap: 1.35rem;
  min-height: 0;
  padding: .3rem 1.25rem 1.75rem;
  display: flex;
}

.auth-sheet__nav {
  flex: none;
  justify-content: space-between;
  align-items: center;
  height: 2.25rem;
  display: flex;
}

.auth-sheet__action {
  min-width: 3rem;
  height: 2rem;
  color: var(--app-color-primary);
  font: inherit;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.auth-sheet__action:active {
  background: var(--app-primary-soft);
}

.auth-sheet__action--icon {
  border: 1px solid rgba(var(--app-color-primary-rgb), .14);
  background: var(--app-primary-soft);
  width: 2.35rem;
  min-width: 2.35rem;
  height: 2.35rem;
  box-shadow: none;
  transition: background-color .16s, box-shadow .16s, color .16s, transform .12s;
}

html.dark .auth-sheet__action--icon {
  border-color: rgba(var(--app-color-primary-rgb), .18);
  background: var(--app-primary-soft);
  box-shadow: none;
}

.auth-sheet__action--icon:active {
  color: #fff;
  background: var(--app-color-primary);
  box-shadow: 0 .45rem 1rem var(--app-primary-shadow);
  transform: scale(.96);
}

.auth-sheet__action-icon {
  pointer-events: none;
  display: block;
}

.auth-sheet__action--disabled {
  background: var(--app-disabled-bg);
  color: var(--app-disabled-text);
  box-shadow: none;
  pointer-events: none;
  border-color: #0000;
}

.auth-sheet__body {
  flex-direction: column;
  flex: 1 0 auto;
  gap: 1.4rem;
  min-height: 0;
  display: flex;
}

.auth-sheet__hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .65rem;
  padding-top: .15rem;
  display: flex;
}

.auth-sheet__title {
  color: var(--app-text);
  font-size: 1.34rem;
  font-weight: var(--app-font-weight-title);
  line-height: 1.25;
}

.auth-sheet__description {
  max-width: 18rem;
  color: var(--app-text-muted);
  font-size: .9375rem;
  line-height: 1.5;
}

.auth-sheet__steps {
  justify-content: center;
  gap: .35rem;
  margin-top: -.3rem;
  display: flex;
}

.auth-sheet__steps span {
  background: var(--app-divider);
  border-radius: 999px;
  width: .38rem;
  height: .38rem;
}

.auth-sheet__steps span.is-active {
  background: var(--app-color-primary);
  width: 1.25rem;
}

.auth-sheet__hint {
  color: var(--app-text-soft);
  font-size: .875rem;
  line-height: 1.45;
}

.auth-sheet__link {
  color: var(--app-color-primary);
  font: inherit;
  background: none;
  border: 0;
  align-self: center;
  font-size: .9375rem;
  font-weight: 600;
}

.auth-sheet__link:active {
  opacity: .7;
}

.auth-form {
  border: 1px solid var(--app-border-soft);
  background: var(--app-surface-muted);
  width: 100%;
  box-shadow: var(--app-shadow-soft);
  border-radius: 1rem;
  overflow: hidden;
}

.auth-form__row {
  align-items: center;
  gap: 1rem;
  min-height: 3.25rem;
  padding: 0 1rem;
  display: flex;
}

.auth-form__row + .auth-form__row {
  border-top: 1px solid var(--app-divider);
}

.auth-form__label {
  width: 3.25rem;
  color: var(--app-text);
  font-size: .875rem;
  font-weight: var(--app-font-weight-strong);
  flex: none;
}

.auth-form__input {
  min-width: 0;
  color: var(--app-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 1rem;
  line-height: 1.25rem;
}

.auth-form__input::placeholder {
  color: var(--app-text-placeholder);
}

.auth-form__phone {
  flex: 1;
  align-items: center;
  gap: .54rem;
  min-width: 0;
  display: flex;
}

.auth-sheet__primary-button {
  background: var(--app-color-primary);
  color: #fff;
  width: 100%;
  min-height: 3rem;
  font: inherit;
  font-size: .9375rem;
  font-weight: var(--app-font-weight-strong);
  box-shadow: 0 .75rem 1.5rem var(--app-primary-shadow);
  border: 0;
  border-radius: .9rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.auth-sheet__primary-button:active {
  background: var(--el-color-primary-dark-2);
}

.auth-sheet__primary-button--disabled {
  background: var(--app-disabled-bg);
  color: var(--app-text-placeholder);
  box-shadow: none;
  pointer-events: none;
}

.auth-sheet__primary-button--loading {
  background: var(--app-disabled-bg);
  box-shadow: none;
}

[class*="text-[#0061f2]"], [class*="text-[#1366ec]"], [class*="color-[#1366ec]"], [class*="text-[#1f3fec]"] {
  color: var(--app-color-primary) !important;
}

[class*="bg-[#0061f2]"] {
  background-color: var(--app-color-primary) !important;
}

[class*="border-[#1366ec]"] {
  border-color: var(--app-color-primary) !important;
}

html.dark .app-list-card, html.dark .app-surface-card {
  box-shadow: var(--app-content-block-shadow);
}

html.dark .app-list-row__icon {
  background: var(--app-primary-soft);
  box-shadow: none;
}

html.dark [class~="bg-white"], html.dark [class*="bg-[#fff]"], html.dark [class*="bg-[#ffffff]"] {
  background-color: var(--app-surface) !important;
}

html.dark [class~="bg-[#f2f2f7]"], html.dark [class~="bg-gray-100"] {
  background-color: var(--app-surface-muted) !important;
}

html.dark [class~="text-black"], html.dark [class*="text-[#1c1c1e]"] {
  color: var(--app-text) !important;
}

html.dark [class~="text-gray"], html.dark [class*="text-[#8e8e93]"] {
  color: var(--app-text-soft) !important;
}

html.dark [class~="border-b-[#cccccc]"], html.dark [class~="border-b-gray-200"], html.dark [class~="border-t-gray-300"] {
  border-color: var(--app-divider) !important;
}

.custom-confirm-message-box-modal {
  background: #02061747 !important;
}

.custom-confirm-message-box-class {
  border: 1px solid rgba(var(--app-color-primary-rgb), .12);
  max-width: calc(100vw - 2.75rem);
  overflow: hidden;
  box-shadow: 0 1.25rem 3.75rem #0f172a38;
  background: var(--app-surface) !important;
  border-radius: 1.35rem !important;
  width: min(82vw, 20rem) !important;
  padding: .9rem !important;
}

html.dark .custom-confirm-message-box-class {
  border-color: rgba(var(--app-color-primary-rgb), .16);
  box-shadow: 0 1.25rem 3.75rem #0000006b;
  background: var(--app-surface-strong) !important;
}

.custom-confirm-message-box-class .el-message-box__header {
  display: none;
  padding: 0 !important;
}

.custom-confirm-message-box-class .el-message-box__content {
  padding: .85rem .45rem 1.05rem !important;
}

.custom-confirm-message-box-class .el-message-box__message {
  width: 100%;
}

.custom-confirm-message-box-class .el-message-box__message p {
  margin: 0;
}

.custom-confirm-message-box-class .el-message-box__btns {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: .65rem;
  display: grid;
  margin-top: 0 !important;
  padding: 0 !important;
}

.custom-confirm-message-box-class .el-message-box__btns .el-button {
  height: 2.75rem;
  min-height: 2.75rem;
  font: inherit;
  font-size: .95rem;
  font-weight: var(--app-font-weight-strong);
  letter-spacing: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
  align-items: center;
  line-height: 1.35;
  transition: background-color .16s, border-color .16s, box-shadow .16s, color .16s, transform .12s;
  background-image: none !important;
  border: 1px solid #0000 !important;
  border-radius: .95rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 .85rem !important;
  display: inline-flex !important;
}

.custom-confirm-message-box-class .el-message-box__btns .el-button + .el-button {
  margin-left: 0 !important;
}

.custom-confirm-message-box-class .el-message-box__btns .el-button:focus, .custom-confirm-message-box-class .el-message-box__btns .el-button:active {
  outline: none;
}

.custom-confirm-message-box-class .el-message-box__btns .el-button:focus-visible {
  outline: none;
}

.custom-confirm-message-box-class .el-message-box__btns .el-button:active {
  transform: scale(.97);
}

.app-confirm-message {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 3.35rem;
  display: flex;
}

.app-confirm-message__title {
  color: var(--app-text);
  font-size: 1rem;
  font-weight: var(--app-font-weight-title);
  line-height: 1.45;
}

.custom-confirm-message-box-cancel-button-class, .custom-confirm-message-box-secondary-button-class {
  background: var(--app-surface-muted) !important;
  border-color: var(--app-divider) !important;
  color: var(--app-text-muted) !important;
  box-shadow: none !important;
}

.custom-confirm-message-box-cancel-button-class:active, .custom-confirm-message-box-secondary-button-class:active {
  color: var(--app-text) !important;
  background: rgba(var(--app-color-primary-rgb), .08) !important;
  border-color: rgba(var(--app-color-primary-rgb), .14) !important;
}

.custom-confirm-message-box-confirm-button-class, .custom-confirm-message-box-danger-button-class {
  background: rgba(var(--app-color-danger-rgb), .1) !important;
  border-color: rgba(var(--app-color-danger-rgb), .14) !important;
  color: var(--app-color-danger) !important;
  box-shadow: none !important;
}

.custom-confirm-message-box-confirm-button-class:active, .custom-confirm-message-box-danger-button-class:active {
  background: var(--app-color-danger) !important;
  border-color: var(--app-color-danger) !important;
  box-shadow: 0 .45rem 1rem rgba(var(--app-color-danger-rgb), .2) !important;
  color: #fff !important;
}

.custom-confirm-message-box-confirm-button-class:focus, .custom-confirm-message-box-danger-button-class:focus {
  background: rgba(var(--app-color-danger-rgb), .1) !important;
  border-color: rgba(var(--app-color-danger-rgb), .14) !important;
  color: var(--app-color-danger) !important;
}

.custom-confirm-message-box-confirm-button-class:focus-visible {
  background: rgba(var(--app-color-danger-rgb), .1) !important;
  border-color: rgba(var(--app-color-danger-rgb), .14) !important;
  color: var(--app-color-danger) !important;
}

.custom-confirm-message-box-danger-button-class:focus-visible {
  background: rgba(var(--app-color-danger-rgb), .1) !important;
  border-color: rgba(var(--app-color-danger-rgb), .14) !important;
  color: var(--app-color-danger) !important;
}