/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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-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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --leading-normal: 1.5;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

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

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

  .z-\[102\] {
    z-index: 102;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

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

  .m-\[2px\] {
    margin: 2px;
  }

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

  .mx-auto {
    margin-inline: auto;
  }

  .my-auto {
    margin-block: auto;
  }

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

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

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

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

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

  .h-\[1em\] {
    height: 1em;
  }

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

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

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

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

  .h-\[25\%\] {
    height: 25%;
  }

  .h-\[85cqh\] {
    height: 85cqh;
  }

  .h-\[95cqh\] {
    height: 95cqh;
  }

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

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

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

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

  .h-screen {
    height: 100vh;
  }

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

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

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

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

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[2rem\] {
    width: 2rem;
  }

  .w-\[3em\] {
    width: 3em;
  }

  .w-\[10\] {
    width: 10px;
  }

  .w-\[13px\] {
    width: 13px;
  }

  .w-\[15rem\] {
    width: 15rem;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[40rem\] {
    width: 40rem;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[150\], .w-\[150px\] {
    width: 150px;
  }

  .w-\[150x\] {
    width: 150x;
  }

  .w-\[200\], .w-\[200px\] {
    width: 200px;
  }

  .w-\[200x\] {
    width: 200x;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-\[250\] {
    width: 250px;
  }

  .w-\[400\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

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

  .max-w-\[15rem\] {
    max-width: 15rem;
  }

  .flex-1 {
    flex: 1;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

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

  :where(.space-x-\[2rem\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(2rem * var(--tw-space-x-reverse));
    margin-inline-end: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .rounded-\[12px_12px_0px\] {
    border-radius: 12px 12px 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[2px_solid_\#ccc\] {
    border-color: 2px solid #ccc;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .border-\[rgb\(208\,215\,222\)\] {
    border-color: #d0d7de;
  }

  .border-b-\[red\] {
    border-bottom-color: red;
  }

  .bg-\[\#000000\] {
    background-color: #000;
  }

  .bg-\[\#02bd7e\] {
    background-color: #02bd7e;
  }

  .bg-\[\#2F2F2F\] {
    background-color: #2f2f2f;
  }

  .bg-\[\#3b5998\] {
    background-color: #3b5998;
  }

  .bg-\[\#55acee\] {
    background-color: #55acee;
  }

  .bg-\[\#0096fb\] {
    background-color: #0096fb;
  }

  .bg-\[\#720e98\] {
    background-color: #720e98;
  }

  .bg-\[\#333333\] {
    background-color: #333;
  }

  .bg-\[\#d3d3d3\] {
    background-color: #d3d3d3;
  }

  .bg-\[\#db4437\] {
    background-color: #db4437;
  }

  .bg-\[\#f4b400\] {
    background-color: #f4b400;
  }

  .bg-\[lightblue\] {
    background-color: #add8e6;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .fill-\[\#4CAF50\] {
    fill: #4caf50;
  }

  .fill-\[\#f44336\] {
    fill: #f44336;
  }

  .fill-\[white\] {
    fill: #fff;
  }

  .fill-white {
    fill: var(--color-white);
  }

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

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

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

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

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

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

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

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

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

  .px-\[1em\] {
    padding-inline: 1em;
  }

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

  .py-\[7px\] {
    padding-block: 7px;
  }

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

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

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

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

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

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

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#ffffff\] {
    color: #fff;
  }

  .text-\[rgb\(25\,118\,210\)\] {
    color: #1976d2;
  }

  .text-\[rgb\(36\,41\,47\)\] {
    color: #24292f;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .shadow-\[rgb\(218\,236\,255\)_0px_2px_24px\] {
    --tw-shadow-color: #daecff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgb\(218\,236\,255\)_0px_2px_24px\] {
      --tw-shadow-color: color-mix(in oklab, #daecff 0px 2px 24px var(--tw-shadow-alpha), transparent);
    }
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .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, );
  }

  @media (hover: hover) {
    .hover\:bg-\[\#c4d7f5\]:hover {
      background-color: #c4d7f5;
    }
  }

  .focus\:border-\[rgb\(51\,153\,255\)\]:focus {
    border-color: #39f;
  }

  .focus\:shadow-\[rgb\(182\,218\,255\)_0px_0px_0px_3px\]:focus {
    --tw-shadow-color: #b6daff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:shadow-\[rgb\(182\,218\,255\)_0px_0px_0px_3px\]:focus {
      --tw-shadow-color: color-mix(in oklab, #b6daff 0px 0px 0px 3px var(--tw-shadow-alpha), transparent);
    }
  }

  .focus\:\[outline\:none\]:focus {
    outline: none;
  }

  @media print {
    .print\:hidden {
      display: none;
    }
  }

  .\[\&_code\]\:\[font-family\:Consolas\,monospace\] code {
    font-family: Consolas, monospace;
  }

  .\[\&_code\]\:text-\[80\%\] code {
    font-size: 80%;
  }

  .\[\&_code\]\:whitespace-pre code {
    white-space: pre;
  }

  .\[\&_code_\.boolean\]\:text-\[blue\] code .boolean {
    color: #00f;
  }

  .\[\&_code_\.key\]\:text-\[teal\] code .key {
    color: teal;
  }

  .\[\&_code_\.null\]\:text-\[blue\] code .null {
    color: #00f;
  }

  .\[\&_code_\.number\]\:text-\[black\] code .number {
    color: #000;
  }

  .\[\&_code_\.string\]\:text-\[maroon\] code .string {
    color: maroon;
  }

  .\[\&_img\]\:h-\[74px\] img {
    height: 74px;
  }

  .\[\&_img\]\:w-\[74px\] img {
    width: 74px;
  }

  .\[\&_tbody_tr\:hover\]\:bg-\[\#ebf5d5\] tbody tr:hover {
    background-color: #ebf5d5;
  }

  .\[\&_td\]\:w-auto td {
    width: auto;
  }

  .\[\&_td\]\:border-\[1px\] td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-t-0 td {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&_td\]\:border-b-\[1px\] td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-l-\[1px\] td {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[lightgray\] td {
    border-color: #d3d3d3;
  }

  .\[\&_td\]\:p-0 td {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_td\]\:px-3 td {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_td\]\:text-left td {
    text-align: left;
  }

  .\[\&_td\]\:whitespace-nowrap td {
    white-space: nowrap;
  }

  .\[\&_td\:hover\]\:bg-\[\#c4d7f5\] td:hover {
    background-color: #c4d7f5;
  }

  .\[\&_th\]\:border-\[1px\] th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-solid th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_th\]\:border-\[lightgray\] th {
    border-color: #d3d3d3;
  }

  .\[\&_th\]\:text-\[white\] th {
    color: #fff;
  }

  .\[\&_th\]\:uppercase th {
    text-transform: uppercase;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_thead\]\:z-\[1\] thead {
    z-index: 1;
  }

  .\[\&_thead\]\:bg-gray-500 thead {
    background-color: var(--color-gray-500);
  }

  .\[\&_thead\]\:bg-gray-700 thead {
    background-color: var(--color-gray-700);
  }

  .\[\&_tr_td\]\:first\:border-r-0 tr td:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .\[\&_tr_td\]\:last\:border-r-\[1px\] tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .\[\&_tr\>td\]\:first\:border-solid tr > td:first-child, .\[\&_tr\>th\]\:border-solid tr > th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\>th\]\:first\:border-l-0 tr > th:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\:focus\~span\]\:w-full:focus ~ span {
    width: 100%;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.4s\]:focus ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\]\:border-b-\[\#4caf50\]:not(:-moz-placeholder-shown) {
    border-bottom-color: #4caf50;
  }

  .\[\&\:not\(\:placeholder-shown\)\]\:border-b-\[\#4caf50\]:not(:placeholder-shown) {
    border-bottom-color: #4caf50;
  }

  .\[\&\~span\]\:absolute ~ span {
    position: absolute;
  }

  .\[\&\~span\]\:bottom-0 ~ span {
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:left-0 ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:h-0\.5 ~ span {
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:w-0 ~ span {
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:bg-\[\#4caf50\] ~ span {
    background-color: #4caf50;
  }

  .\[\&\~span\]\:duration-\[0\.4s\] ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@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: 0;
}

@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-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
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-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-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-black: #000;
    --spacing: .25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .absolute {
    position: absolute;
  }

  .static {
    position: static;
  }

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

  .mx-auto {
    margin-inline: auto;
  }

  .my-\[10px\] {
    margin-block: 10px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .-ml-\[5px\] {
    margin-left: -5px;
  }

  .-ml-\[15px\] {
    margin-left: -15px;
  }

  .ml-\[2\%\] {
    margin-left: 2%;
  }

  .ml-\[25px\] {
    margin-left: 25px;
  }

  .flex {
    display: flex;
  }

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

  .table {
    display: table;
  }

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

  .h-\[2em\] {
    height: 2em;
  }

  .h-\[30\%\] {
    height: 30%;
  }

  .w-\[1rem\] {
    width: 1rem;
  }

  .w-\[2em\] {
    width: 2em;
  }

  .w-\[180mm\] {
    width: 180mm;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-\[\'✧\'\] {
    list-style-type: "✧";
  }

  .list-none {
    list-style-type: none;
  }

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

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[\#555\] {
    border-color: #555;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .bg-\[url\(\/assets\/images\/bz\/career\.svg\)\] {
    background-image: url("/assets/images/bz/career.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/emotion\.svg\)\] {
    background-image: url("/assets/images/bz/emotion.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/health\.svg\)\] {
    background-image: url("/assets/images/bz/health.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/learning\.svg\)\] {
    background-image: url("/assets/images/bz/learning.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/life\.svg\)\] {
    background-image: url("/assets/images/bz/life.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/love\.svg\)\] {
    background-image: url("/assets/images/bz/love.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/summary\.svg\)\] {
    background-image: url("/assets/images/bz/summary.svg");
  }

  .bg-\[url\(\/assets\/images\/bz\/wealth\.svg\)\] {
    background-image: url("/assets/images/bz/wealth.svg");
  }

  .bg-\[url\(\/assets\/images\/social\.svg\)\] {
    background-image: url("/assets/images/social.svg");
  }

  .bg-\[length\:40px\] {
    background-size: 40px;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-\[2em_2em\] {
    background-position: 2em 2em;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

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

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

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

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

  .pr-\[1rem\] {
    padding-right: 1rem;
  }

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

  .pl-\[1rem\] {
    padding-left: 1rem;
  }

  .text-left {
    text-align: left;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-middle {
    vertical-align: middle;
  }

  .\[font-family\:DengXian\] {
    font-family: DengXian;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-\[14pt\] {
    font-size: 14pt;
  }

  .text-\[16pt\] {
    font-size: 16pt;
  }

  .text-\[18pt\] {
    font-size: 18pt;
  }

  .text-\[20pt\] {
    font-size: 20pt;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

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

  .text-\[\#00b050\] {
    color: #00b050;
  }

  .text-\[\#7f7f7f\] {
    color: #7f7f7f;
  }

  .text-\[\#4472c4\] {
    color: #4472c4;
  }

  .text-\[\#a7750a\] {
    color: #a7750a;
  }

  .text-\[\#ed7d31\] {
    color: #ed7d31;
  }

  .text-\[\#ff0000\] {
    color: red;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .text-\[brown\] {
    color: brown;
  }

  .text-\[green\] {
    color: green;
  }

  .text-\[purple\] {
    color: purple;
  }

  .text-\[red\] {
    color: red;
  }

  .text-black {
    color: var(--color-black);
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .shadow-\[5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 5px 5px 5px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .content-\[\'_\'\] {
    --tw-content: " ";
    content: var(--tw-content);
  }

  .\[background\:linear-gradient\(rgba\(255\,255\,255\,0\.7\)\,rgba\(255\,255\,255\,0\.9\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)_center_no-repeat\] {
    background: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg") center no-repeat;
  }

  .\[orphans\:2\] {
    orphans: 2;
  }

  .\[transition\:margin_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: margin .15s cubic-bezier(.4, 0, .2, 1);
  }

  .\[widows\:2\] {
    widows: 2;
  }

  .before\:mr-\[5px\]:before {
    content: var(--tw-content);
    margin-right: 5px;
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:h-\[2em\]:before {
    content: var(--tw-content);
    height: 2em;
  }

  .before\:w-\[2em\]:before {
    content: var(--tw-content);
    width: 2em;
  }

  .before\:bg-\[url\(\/assets\/images\/career\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/career.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/emotion\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/emotion.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/health\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/health.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/learning\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/learning.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/life\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/life.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/love\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/love.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/social\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/social.svg");
  }

  .before\:bg-\[url\(\/assets\/images\/wealth\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/images/wealth.svg");
  }

  .before\:align-middle:before {
    content: var(--tw-content);
    vertical-align: middle;
  }

  .before\:content-\[\'_\'\]:before {
    content: var(--tw-content);
    --tw-content: " ";
    content: var(--tw-content);
  }

  @media print {
    .print\:mx-auto {
      margin-inline: auto;
    }

    .print\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }

    .print\:max-w-\[210mm\] {
      max-width: 210mm;
    }

    .print\:bg-\[url\(\/assets\/images\/page\/baziBackground\.jpg\)\] {
      background-image: url("/assets/images/page/baziBackground.jpg");
    }

    .print\:bg-cover {
      background-size: cover;
    }

    .print\:text-center {
      text-align: center;
    }

    .print\:font-\[bold\] {
      font-family: bold;
    }

    .print\:text-\[white\] {
      color: #fff;
    }
  }

  .\[\&_div\:not\(\:first-of-type\)\]\:mt-4 div:not(:first-of-type) {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_p\]\:leading-\[200\%\] p {
    --tw-leading: 200%;
    line-height: 200%;
  }

  .\[\&_p\:not\(\:first-of-type\)\]\:mt-4 p:not(:first-of-type) {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:bg-\[transparent\] p:nth-child(odd):first-letter {
    background-color: #0000;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:pr-\[2px\] p:nth-child(odd):first-letter {
    padding-right: 2px;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[font-family\:kaiti\] p:nth-child(odd):first-letter {
    font-family: kaiti;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[1\.5em\] p:nth-child(odd):first-letter {
    font-size: 1.5em;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[pink\] p:nth-child(odd):first-letter {
    color: pink;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[text-shadow\:-1px_-1px_0_\#000\,_1px_-1px_0_\#000\,_-1px_1px_0_\#000\,1px_1px_0_\#000\] p:nth-child(odd):first-letter {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
  }

  .\[\&_td\]\:p-1 td {
    padding: calc(var(--spacing) * 1);
  }

  .\[\&\>li\]\:ml-\[18pt\] > li {
    margin-left: 18pt;
  }

  .\[\&\>li\]\:list-none > li {
    list-style-type: none;
  }

  .\[\&\>li\]\:p-\[5px\] > li {
    padding: 5px;
  }

  .\[\&\>li\]\:text-justify > li {
    text-align: justify;
  }

  .\[\&\>li\]\:align-baseline > li {
    vertical-align: baseline;
  }

  .\[\&\>li\]\:text-\[12pt\] > li {
    font-size: 12pt;
  }

  .\[\&\>li\]\:leading-normal > li {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .\[\&\>li\]\:font-normal > li {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .\[\&\>li\]\:text-black > li {
    color: var(--color-black);
  }

  .\[\&\>li\]\:not-italic > li {
    font-style: normal;
  }

  .\[\&\>li\]\:no-underline > li {
    text-decoration-line: none;
  }

  .\[\&\>li\]\:before\:ml-\[-21pt\] > li:before {
    content: var(--tw-content);
    margin-left: -21pt;
  }

  .\[\&\>li\]\:before\:inline-block > li:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\>li\]\:before\:min-w-\[21pt\] > li:before {
    content: var(--tw-content);
    min-width: 21pt;
  }

  .\[\&\>li\]\:before\:whitespace-nowrap > li:before {
    content: var(--tw-content);
    white-space: nowrap;
  }

  .\[\&\>li\]\:before\:content-\[\'●_\'\] > li:before {
    content: var(--tw-content);
    --tw-content: "● ";
    content: var(--tw-content);
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-extralight: 200;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --radius-lg: .5rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  @font-face {
    font-family: LianHei;
    src: url("/assets/font/FZYLHJW.woff") format("woff");
  }

  @font-face {
    font-family: MyRiadProBold;
    src: url("/assets/font/Myriad-Pro-Bold.woff") format("woff");
  }

  @font-face {
    font-family: TTRuiHeiJ;
    src: url("/assets/font/TTRuiHeiJ-W6.woff") format("woff");
  }
}

@layer components;

@layer utilities {
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }

  .collapse {
    visibility: collapse;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .-top-\[1rem\] {
    top: -1rem;
  }

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

  .top-\[7px\] {
    top: 7px;
  }

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

  .top-\[20\%\] {
    top: 20%;
  }

  .float-end {
    float: inline-end;
  }

  .float-start {
    float: inline-start;
  }

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

  .m-\[12px\] {
    margin: 12px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-\[3px\] {
    margin-block: 3px;
  }

  .-mt-\[1rem\] {
    margin-top: -1rem;
  }

  .-mt-\[5px\] {
    margin-top: -5px;
  }

  .-mt-\[6px\] {
    margin-top: -6px;
  }

  .-mt-\[7px\] {
    margin-top: -7px;
  }

  .-mt-\[11px\] {
    margin-top: -11px;
  }

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

  .mt-\[2rem\] {
    margin-top: 2rem;
  }

  .mt-\[4rem\] {
    margin-top: 4rem;
  }

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .-mb-\[10px\] {
    margin-bottom: -10px;
  }

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

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .ml-\[2px\] {
    margin-left: 2px;
  }

  .ml-\[2rem\] {
    margin-left: 2rem;
  }

  .ml-\[10px\] {
    margin-left: 10px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

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

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

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

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

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

  .h-\[2\.5rem\] {
    height: 2.5rem;
  }

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

  .h-\[9\.5rem\] {
    height: 9.5rem;
  }

  .h-\[9em\] {
    height: 9em;
  }

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

  .h-\[15em\] {
    height: 15em;
  }

  .h-\[33\%\] {
    height: 33%;
  }

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

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

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

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

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

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

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

  .h-\[calc\(400\+38\)\] {
    height: 438px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .w-\[1\.5em\] {
    width: 1.5em;
  }

  .w-\[1rem\] {
    width: 1rem;
  }

  .w-\[2\.5rem\] {
    width: 2.5rem;
  }

  .w-\[3rem\] {
    width: 3rem;
  }

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

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

  .w-\[8rem\] {
    width: 8rem;
  }

  .w-\[12em\] {
    width: 12em;
  }

  .w-\[15em\] {
    width: 15em;
  }

  .w-\[15rem\] {
    width: 15rem;
  }

  .w-\[33\%\] {
    width: 33%;
  }

  .w-\[38em\] {
    width: 38em;
  }

  .w-\[40px\] {
    width: 40px;
  }

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[58px\] {
    width: 58px;
  }

  .w-\[101\.5\%\] {
    width: 101.5%;
  }

  .w-\[102\%\] {
    width: 102%;
  }

  .w-\[126px\] {
    width: 126px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[166px\] {
    width: 166px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[244px\] {
    width: 244px;
  }

  .w-\[245px\] {
    width: 245px;
  }

  .w-\[286px\] {
    width: 286px;
  }

  .w-\[400\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[501px\] {
    width: 501px;
  }

  .w-\[800px\] {
    width: 800px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[3em\] {
    max-width: 3em;
  }

  .max-w-\[10em\] {
    max-width: 10em;
  }

  .min-w-\[3em\] {
    min-width: 3em;
  }

  .min-w-\[5em\] {
    min-width: 5em;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .grid-cols-\[repeat\(3\,1fr\)\] {
    grid-template-columns: repeat(3, 1fr);
  }

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

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

  .justify-center {
    justify-content: center;
  }

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

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

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

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border, .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-\[2\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 2.5px;
  }

  .border-r-\[2px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-\[5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
  }

  .border-r-\[6px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 6px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[2\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2.5px;
  }

  .border-b-\[2px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }

  .border-l-\[2px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#9B0B2E\] {
    border-color: #9b0b2e;
  }

  .border-\[\#555\] {
    border-color: #555;
  }

  .border-\[\#71292A\] {
    border-color: #71292a;
  }

  .border-\[\#A20F39\] {
    border-color: #a20f39;
  }

  .border-\[1px_solid_\#ccc\] {
    border-color: 1px solid #ccc;
  }

  .border-\[darkgray\] {
    border-color: #a9a9a9;
  }

  .border-\[rgb\(85\,81\,82\)\] {
    border-color: #555152;
  }

  .border-r-\[\#E895A1\] {
    border-right-color: #e895a1;
  }

  .bg-\[\#4F4F4F\] {
    background-color: #4f4f4f;
  }

  .bg-\[\#A10E38\] {
    background-color: #a10e38;
  }

  .bg-\[\#D8D8D8\] {
    background-color: #d8d8d8;
  }

  .bg-\[\#E4816A\] {
    background-color: #e4816a;
  }

  .bg-\[\#E06977\] {
    background-color: #e06977;
  }

  .bg-\[\#F8EFE4\] {
    background-color: #f8efe4;
  }

  .bg-\[\#F9D7DC\] {
    background-color: #f9d7dc;
  }

  .bg-\[\#FFECEE\] {
    background-color: #ffecee;
  }

  .bg-\[\#FFF704\] {
    background-color: #fff704;
  }

  .bg-\[rgb\(252\,246\,248\)\] {
    background-color: #fcf6f8;
  }

  .bg-\[rgba\(19\,163\,198\,0\.9\)\] {
    background-color: #13a3c6e6;
  }

  .bg-\[rgba\(242\,214\,226\,\.9\)\] {
    background-color: #f2d6e2e6;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)\] {
    background-image: linear-gradient(#fffc, #fffc), url("/assets/images/logo-red-full-padding.svg");
  }

  .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.9\)\,rgba\(255\,255\,255\,0\.9\)\)\,url\(\/assets\/images\/logo-blue\.svg\)\] {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url("/assets/images/logo-blue.svg");
  }

  .bg-\[url\(\/assets\/images\/calendar\/bg\.svg\)\] {
    background-image: url("/assets/images/calendar/bg.svg");
  }

  .bg-\[url\(\/assets\/images\/logo-blue-aa\.svg\)\] {
    background-image: url("/assets/images/logo-blue-aa.svg");
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

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

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

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

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

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

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

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[4px\] {
    padding: 4px;
  }

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[12px\] {
    padding: 12px;
  }

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

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

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

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

  .pt-\[10px\] {
    padding-top: 10px;
  }

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

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

  .pl-\[10px\] {
    padding-left: 10px;
  }

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

  .text-left {
    text-align: left;
  }

  .\!align-middle {
    vertical-align: middle !important;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-sub {
    vertical-align: sub;
  }

  .\[font-family\:LianHei\] {
    font-family: LianHei;
  }

  .\[font-family\:MyRiadProBold\] {
    font-family: MyRiadProBold;
  }

  .\[font-family\:Noto_Serif_SC\,serif\] {
    font-family: Noto Serif SC, serif;
  }

  .\[font-family\:TTRuiHeiJ\] {
    font-family: TTRuiHeiJ;
  }

  .\[font-family\:Times_New_Roman\,serif\] {
    font-family: Times New Roman, serif;
  }

  .\[font-family\:san-serif\] {
    font-family: san-serif;
  }

  .\[font-family\:sans-serif\] {
    font-family: sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-\[\.5rem\] {
    font-size: .5rem;
  }

  .text-\[\.9rem\] {
    font-size: .9rem;
  }

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .text-\[1\.3em\] {
    font-size: 1.3em;
  }

  .text-\[1\.04em\] {
    font-size: 1.04em;
  }

  .text-\[1\.5em\] {
    font-size: 1.5em;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }

  .text-\[1\.9rem\] {
    font-size: 1.9rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2\.2rem\] {
    font-size: 2.2rem;
  }

  .text-\[2\.4rem\] {
    font-size: 2.4rem;
  }

  .text-\[2\.8em\] {
    font-size: 2.8em;
  }

  .text-\[2\.25rem\] {
    font-size: 2.25rem;
  }

  .text-\[2em\] {
    font-size: 2em;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3em\] {
    font-size: 3em;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[5em\] {
    font-size: 5em;
  }

  .text-\[17rem\] {
    font-size: 17rem;
  }

  .text-\[18em\] {
    font-size: 18em;
  }

  .text-\[20rem\] {
    font-size: 20rem;
  }

  .text-\[25\.5rem\] {
    font-size: 25.5rem;
  }

  .text-\[50\%\] {
    font-size: 50%;
  }

  .text-\[60\%\] {
    font-size: 60%;
  }

  .text-\[80\%\] {
    font-size: 80%;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .text-\[350\%\] {
    font-size: 350%;
  }

  .leading-\[\.8em\] {
    --tw-leading: .8em;
    line-height: .8em;
  }

  .leading-\[0\.6\] {
    --tw-leading: .6;
    line-height: .6;
  }

  .leading-\[0\.7\] {
    --tw-leading: .7;
    line-height: .7;
  }

  .leading-\[0\.8\] {
    --tw-leading: .8;
    line-height: .8;
  }

  .leading-\[51px\] {
    --tw-leading: 51px;
    line-height: 51px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[5px\] {
    --tw-tracking: 5px;
    letter-spacing: 5px;
  }

  .tracking-\[6px\] {
    --tw-tracking: 6px;
    letter-spacing: 6px;
  }

  .text-\[\#9F1137\] {
    color: #9f1137;
  }

  .text-\[\#504C4D\] {
    color: #504c4d;
  }

  .text-\[\#625D5A\] {
    color: #625d5a;
  }

  .text-\[\#056396\] {
    color: #056396;
  }

  .text-\[\#733329\] {
    color: #733329;
  }

  .text-\[\#A10E38\] {
    color: #a10e38;
  }

  .text-\[\#DA869D\] {
    color: #da869d;
  }

  .text-\[\#E895A1\] {
    color: #e895a1;
  }

  .text-\[\#F50010\] {
    color: #f50010;
  }

  .text-\[\#b5a1a1\] {
    color: #b5a1a1;
  }

  .text-\[\#cccccc\] {
    color: #ccc;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[rgb\(85\,81\,82\)\] {
    color: #555152;
  }

  .text-\[rgb\(94\,36\,50\)\] {
    color: #5e2432;
  }

  .text-\[rgb\(101\,72\,54\)\] {
    color: #654836;
  }

  .text-\[rgb\(251\,44\,96\)\] {
    color: #fb2c60;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .\[box-shadow\:5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    box-shadow: 5px 5px 5px #0009;
  }

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

  .\[background\:linear-gradient\(to_bottom\,rgb\(238\,64\,153\)\,rgb\(245\,241\,144\)\,green\)\] {
    background: linear-gradient(#ee4099, #f5f190, green);
  }

  .\[list-style\:none\] {
    list-style: none;
  }

  .\[text-shadow\:2px_2px_4px_rgba\(0\,0\,0\,0\.5\)\] {
    text-shadow: 2px 2px 4px #00000080;
  }

  .\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr;
  }

  .\[\&_div\]\:inline div {
    display: inline;
  }

  .\[\&_div\]\:align-top div {
    vertical-align: top;
  }

  .\[\&_div\]\:text-\[red\] div {
    color: red;
  }

  .\[\&_h5\]\:mb-\[13px\] h5 {
    margin-bottom: 13px;
  }

  .\[\&_h5\]\:text-center h5 {
    text-align: center;
  }

  .\[\&_h5\]\:leading-\[0\] h5 {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_h5\]\:underline h5 {
    text-decoration-line: underline;
  }

  .\[\&_img\]\:inline-block img {
    display: inline-block;
  }

  .\[\&_img\]\:w-\[3em\] img {
    width: 3em;
  }

  .\[\&_rt\]\:text-\[30\%\] rt {
    font-size: 30%;
  }

  .\[\&_rt\]\:text-\[rgb\(101\,72\,54\)\] rt {
    color: #654836;
  }

  .\[\&_ruby\]\:inline-block ruby {
    display: inline-block;
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_td\]\:h-\[2em\] td {
    height: 2em;
  }

  .\[\&_td\]\:h-px td {
    height: 1px;
  }

  .\[\&_td\]\:w-\[2em\] td {
    width: 2em;
  }

  .\[\&_td\]\:w-\[calc\(400px\/3\)\] td {
    width: 133.333px;
  }

  .\[\&_td\]\:w-full td {
    width: 100%;
  }

  .\[\&_td\]\:border-collapse td {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-r-2 td {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .\[\&_td\]\:border-l-2 td {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[gray\] td {
    border-color: gray;
  }

  .\[\&_td\]\:border-\[rgb\(85\,81\,82\)\] td {
    border-color: #555152;
  }

  .\[\&_td\]\:p-0 td {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&_td\]\:align-\[top\] td {
    vertical-align: top;
  }

  .\[\&_td\]\:align-middle td {
    vertical-align: middle;
  }

  .\[\&_tr\]\:border-collapse tr {
    border-collapse: collapse;
  }

  .\[\&_凶\]\:text-\[rgb\(85\,81\,82\)\] 凶 {
    color: #555152;
  }

  .\[\&\.中\]\:block.中 {
    display: block;
  }

  .\[\&\.中\]\:text-\[2\.8em\].中 {
    font-size: 2.8em;
  }

  .\[\&\.中\]\:text-\[rgb\(85\,81\,82\)\].中 {
    color: #555152;
  }

  .\[\&\.吉\]\:text-\[rgb\(251\,44\,96\)\].吉 {
    color: #fb2c60;
  }

  .\[\&\.浅蓝\]\:text-\[\#03A9F4\].浅蓝 {
    color: #03a9f4;
  }

  .\[\&\.深灰\]\:text-\[\#424242\].深灰 {
    color: #424242;
  }

  .\[\&\.深蓝\]\:text-\[\#1565C0\].深蓝 {
    color: #1565c0;
  }

  .\[\&\.白\]\:text-\[white\].白 {
    color: #fff;
  }

  .\[\&\.粉红\]\:text-\[\#F48FB1\].粉红 {
    color: #f48fb1;
  }

  .\[\&\.紫\]\:text-\[purple\].紫 {
    color: purple;
  }

  .\[\&\.红\]\:text-\[red\].红 {
    color: red;
  }

  .\[\&\.绿\]\:text-\[rgb\(18\,103\,74\)\].绿 {
    color: #12674a;
  }

  .\[\&\.英\]\:text-\[55\%\].英 {
    font-size: 55%;
  }

  .\[\&\.英\]\:text-\[80\%\].英 {
    font-size: 80%;
  }

  .\[\&\.茶\]\:text-\[\#D7CCC8\].茶 {
    color: #d7ccc8;
  }

  .\[\&\.褐\]\:text-\[\#795548\].褐 {
    color: #795548;
  }

  .\[\&\.金\]\:text-\[gold\].金 {
    color: gold;
  }

  .\[\&\.银\]\:text-\[silver\].银 {
    color: silver;
  }

  .\[\&\.青\]\:text-\[green\].青 {
    color: green;
  }

  .\[\&\.黄\]\:text-\[yellow\].黄 {
    color: #ff0;
  }

  .\[\&\.黑\]\:text-\[black\].黑 {
    color: #000;
  }

  .\[\&\>div\]\:inline-block > div {
    display: inline-block;
  }

  .\[\&\>div\]\:w-\[4em\] > div {
    width: 4em;
  }

  .\[\&\>div\]\:align-top > div {
    vertical-align: top;
  }

  .\[\&\>table\]\:h-\[680px\] > table {
    height: 680px;
  }

  .\[\&\>table\]\:w-\[680px\] > table {
    width: 680px;
  }

  .\[\&\>td\]\:w-\[33\%\] > td {
    width: 33%;
  }

  .\[\&\>td\]\:border-collapse > td {
    border-collapse: collapse;
  }

  .\[\&\>td\]\:border-r-2 > td {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .\[\&\>td\]\:border-l-2 > td {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .\[\&\>td\]\:border-solid > td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>td\]\:border-\[rgb\(85\,81\,82\)\] > td {
    border-color: #555152;
  }

  .\[\&\>td\]\:bg-\[rgb\(252\,246\,248\)\] > td {
    background-color: #fcf6f8;
  }

  .\[\&\>td\]\:p-0 > td {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>td\>div\:first-of-type\]\:table > td > div:first-of-type {
    display: table;
  }

  .\[\&\>td\>div\:first-of-type\]\:h-full > td > div:first-of-type {
    height: 100%;
  }

  .\[\&\>td\>div\:first-of-type\]\:w-\[32rem\] > td > div:first-of-type {
    width: 32rem;
  }

  .\[\&\>tr\]\:border-collapse > tr {
    border-collapse: collapse;
  }

  .\[\&\>tr\]\:p-0 > tr {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>tr\>td\]\:border-collapse > tr > td {
    border-collapse: collapse;
  }

  .\[\&\>tr\>td\]\:p-0 > tr > td {
    padding: calc(var(--spacing) * 0);
  }
}

@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-2\.5 {
    margin: calc(var(--spacing) * 2.5);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

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

  .w-\[10rem\] {
    width: 10rem;
  }

  .w-\[650px\] {
    width: 650px;
  }

  .flex-\[1_0_auto\] {
    flex: 1 0 auto;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

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

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

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

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

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-\[1\.334\] {
    --tw-leading: 1.334;
    line-height: 1.334;
  }

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

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

  .tracking-\[0\.00938em\] {
    --tw-tracking: .00938em;
    letter-spacing: .00938em;
  }

  .tracking-\[0em\] {
    --tw-tracking: 0em;
    letter-spacing: 0;
  }

  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: #0009;
  }

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

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

@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-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: 0;
}

@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;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-black: #000;
    --spacing: .25rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .left-\[60px\] {
    left: 60px;
  }

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .mt-\[445px\] {
    margin-top: 445px;
  }

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

  .mb-\[1rem\] {
    margin-bottom: 1rem;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

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

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

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

  .h-\[297mm\] {
    height: 297mm;
  }

  .h-full {
    height: 100%;
  }

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

  .w-\[9em\] {
    width: 9em;
  }

  .w-\[9rem\] {
    width: 9rem;
  }

  .w-\[12rem\] {
    width: 12rem;
  }

  .w-\[27\.33\%\] {
    width: 27.33%;
  }

  .w-\[30rem\] {
    width: 30rem;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .\[break-after\:always\!important\] {
    -moz-column-break-after: always !important;
         break-after: always !important;
  }

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

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

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#555\] {
    border-color: #555;
  }

  .border-\[black\] {
    border-color: #000;
  }

  .border-\[red\] {
    border-color: red;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .\[background-color\:var\(--凶\)\] {
    background-color: var(--凶);
  }

  .\[background-color\:var\(--吉\)\] {
    background-color: var(--吉);
  }

  .\[background-color\:var\(--大凶\)\] {
    background-color: var(--大凶);
  }

  .\[background-color\:var\(--大吉\)\] {
    background-color: var(--大吉);
  }

  .\[background-color\:var\(--小吉\)\] {
    background-color: var(--小吉);
  }

  .bg-\[\#FEFAEE\] {
    background-color: #fefaee;
  }

  .bg-\[black\] {
    background-color: #000;
  }

  .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)_center_no-repeat\] {
    background-color: linear-gradient(#fffc, #fffc), url("/assets/images/logo-red-full-padding.svg") center no-repeat;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[url\(\/assets\/images\/page\/iching-banner\.jpg\)\] {
    background-image: url("/assets/images/page/iching-banner.jpg");
  }

  .bg-\[url\(\/assets\/images\/page\/ichingCover\.jpg\)\] {
    background-image: url("/assets/images/page/ichingCover.jpg");
  }

  .\!bg-contain {
    background-size: contain !important;
  }

  .bg-contain {
    background-size: contain;
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

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

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

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

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

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

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

  .pl-\[1rem\] {
    padding-left: 1rem;
  }

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

  .text-left {
    text-align: left;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:Noto_Serif_SC\,_serif\] {
    font-family: Noto Serif SC, serif;
  }

  .font-\[\"YaHei\"\] {
    font-family: YaHei;
  }

  .font-\[unset\] {
    font-family: unset;
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-\[0\.9em\] {
    font-size: .9em;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1em\] {
    font-size: 1em;
  }

  .text-\[2em\] {
    font-size: 2em;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[4rem\] {
    font-size: 4rem;
  }

  .text-\[5em\] {
    font-size: 5em;
  }

  .text-\[5rem\] {
    font-size: 5rem;
  }

  .text-\[7em\] {
    font-size: 7em;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.9em\] {
    --tw-leading: .9em;
    line-height: .9em;
  }

  .leading-\[1\.5rem\] {
    --tw-leading: 1.5rem;
    line-height: 1.5rem;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

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

  .text-\[black\] {
    color: #000;
  }

  .text-\[darkgray\] {
    color: #a9a9a9;
  }

  .text-\[gray\] {
    color: gray;
  }

  .text-\[pink\] {
    color: pink;
  }

  .text-\[purple\] {
    color: purple;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[rgb\(85\,170\,87\)\] {
    color: #55aa57;
  }

  .text-\[rgb\(236\,50\,39\)\] {
    color: #ec3227;
  }

  .text-\[rgb\(244\,195\,66\)\] {
    color: #f4c342;
  }

  .text-\[var\(--水\)\] {
    color: var(--水);
  }

  .text-\[var\(--金\)\] {
    color: var(--金);
  }

  .text-\[white\] {
    color: #fff;
  }

  .capitalize {
    text-transform: capitalize;
  }

  .shadow-\[5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 5px 5px 5px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[background\:linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)_center_no-repeat\] {
    background: linear-gradient(#fffc, #fffc), url("/assets/images/logo-red-full-padding.svg") center no-repeat;
  }

  .\[page-break-after\:always\!important\] {
    page-break-after: always !important;
  }

  .\[page-break-inside\:avoid\!important\] {
    page-break-inside: avoid !important;
  }

  @media print {
    .print\:ml-\[-5px\] {
      margin-left: -5px;
    }

    .print\:ml-\[-5rem\] {
      margin-left: -5rem;
    }

    .print\:\!block {
      display: block !important;
    }

    .print\:\!hidden {
      display: none !important;
    }

    .print\:hidden {
      display: none;
    }

    .print\:scale-90 {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .print\:break-inside-avoid {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }

    .print\:\!\[break-after\:always\] {
      -moz-column-break-after: always !important;
           break-after: always !important;
    }

    .print\:\!\[page-break-after\:always\] {
      page-break-after: always !important;
    }

    .print\:\[background\:linear-gradient\(rgba\(254\,250\,238\,0\.5\)\,rgba\(254\,250\,238\,0\.5\)\)\,url\(\/assets\/images\/page\/ichingBg\.jpg\)_center_no-repeat\] {
      background: linear-gradient(#fefaee80, #fefaee80), url("/assets/images/page/ichingBg.jpg") center no-repeat;
    }
  }

  .\[\&_img\]\:block img {
    display: block;
  }

  .\[\&_img\]\:h-full img {
    height: 100%;
  }

  .\[\&_img\]\:w-full img {
    width: 100%;
  }

  @media print {
    .\[\&_img\]\:print\:block img {
      display: block;
    }

    .\[\&_img\]\:print\:h-full img {
      height: 100%;
    }

    .\[\&_img\]\:print\:w-\[5rem\] img {
      width: 5rem;
    }

    .\[\&_img\]\:print\:w-full img {
      width: 100%;
    }

    .\[\&_img\]\:print\:break-inside-avoid img {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }

    .\[\&_img\]\:print\:\!\[break-after\:always\] img {
      -moz-column-break-after: always !important;
           break-after: always !important;
    }

    .\[\&_img\]\:print\:\!\[page-break-after\:always\] img {
      page-break-after: always !important;
    }
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:inline-block img[alt="logo"] {
    display: inline-block;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:w-\[1\.5em\] img[alt="logo"] {
    width: 1.5em;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:align-middle img[alt="logo"] {
    vertical-align: middle;
  }

  .\[\&_p\]\:leading-\[150\%\] p {
    --tw-leading: 150%;
    line-height: 150%;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:bg-\[transparent\] p:first-of-type:first-letter {
    background-color: #0000;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:\[font-family\:Edwardian_Script_ITC\,Brush_Script_MT\,cursive\] p:first-of-type:first-letter {
    font-family: Edwardian Script ITC, Brush Script MT, cursive;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:\[font-family\:kaiti\] p:first-of-type:first-letter {
    font-family: kaiti;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:text-\[1\.5em\] p:first-of-type:first-letter {
    font-size: 1.5em;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:text-\[2em\] p:first-of-type:first-letter {
    font-size: 2em;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:text-\[white\] p:first-of-type:first-letter {
    color: #fff;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:italic p:first-of-type:first-letter {
    font-style: italic;
  }

  .\[\&_p\:first-of-type\:first-letter\]\:\[text-shadow\:-1px_-1px_0_\#000\,_1px_-1px_0_\#000\,_-1px_1px_0_\#000\,1px_1px_0_\#000\] p:first-of-type:first-letter {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
  }

  .\[\&_td\]\:border-collapse td {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[black\] td {
    border-color: #000;
  }

  .\[\&_td\]\:border-\[red\] td {
    border-color: red;
  }

  .\[\&_td\]\:p-\[5px\] td {
    padding: 5px;
  }

  .\[\&_td\]\:font-\[\"YaHei\"\] td {
    font-family: YaHei;
  }

  .\[\&_td\:first-of-type\]\:bg-\[rgb\(255\,193\,194\)\] td:first-of-type {
    background-color: #ffc1c2;
  }

  .\[\&_td\:first-of-type\]\:bg-black td:first-of-type {
    background-color: var(--color-black);
  }

  .\[\&_td\:first-of-type\]\:text-\[white\] td:first-of-type {
    color: #fff;
  }

  .\[\&_tr\]\:border-collapse tr {
    border-collapse: collapse;
  }

  .\[\&_tr\]\:border tr {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_tr\]\:border-solid tr {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\]\:border-\[black\] tr {
    border-color: #000;
  }

  .\[\&_tr\]\:border-\[red\] tr {
    border-color: red;
  }

  .\[\&_tr\]\:p-\[5px\] tr {
    padding: 5px;
  }

  .\[\&_tr\]\:font-\[\"YaHei\"\] tr {
    font-family: YaHei;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }

  .\[\&\>div\]\:pl-\[1rem\] > div {
    padding-left: 1rem;
  }

  .\[\&\>li\]\:list-inside > li {
    list-style-position: inside;
  }

  .\[\&\>li\]\:list-none > li {
    list-style-type: none;
  }

  @media screen {
    .\[\@media_screen\]\:m-\[3px\] {
      margin: 3px;
    }
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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-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;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
/*! Cooltipz.css v2.2.2 | MIT License | github.com/jackdomleo7/Cooltipz.css */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-900: oklch(21% .034 264.665);
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-medium: 500;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .top-2\/4 {
    top: 50%;
  }

  .float-right {
    float: right;
  }

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

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

  .mr-\[5px\] {
    margin-right: 5px;
  }

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

  .ml-\[5px\] {
    margin-left: 5px;
  }

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

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

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

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

  .h-\[1\.5em\] {
    height: 1.5em;
  }

  .h-\[1em\] {
    height: 1em;
  }

  .h-\[2\.2em\] {
    height: 2.2em;
  }

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

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

  .w-\[1\.5em\] {
    width: 1.5em;
  }

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[13px\] {
    width: 13px;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .min-w-\[64px\] {
    min-width: 64px;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

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

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

  .justify-center {
    justify-content: center;
  }

  .\[gap\:0\.5\] {
    gap: .5px;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#EEEEEE\] {
    border-color: #eee;
  }

  .border-\[rgba\(25\,118\,210\,0\.5\)\] {
    border-color: #1976d280;
  }

  .bg-\[\#0096fb\] {
    background-color: #0096fb;
  }

  .bg-\[\#dddddd\] {
    background-color: #ddd;
  }

  .bg-\[unset\] {
    background-color: unset;
  }

  .bg-gray-200\/\[\.33\] {
    background-color: #e5e7eb54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-gray-200) 33%, transparent);
    }
  }

  .bg-gray-900\/\[\.33\] {
    background-color: #10182854;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-gray-900) 33%, transparent);
    }
  }

  .bg-green-200\/\[\.33\] {
    background-color: #b9f8cf54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-200\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-green-200) 33%, transparent);
    }
  }

  .bg-green-800\/\[\.33\] {
    background-color: #01663054;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-800\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-green-800) 33%, transparent);
    }
  }

  .bg-indigo-200\/\[\.33\] {
    background-color: #c7d2ff54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-200\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-indigo-200) 33%, transparent);
    }
  }

  .bg-purple-300\/\[\.33\] {
    background-color: #d9b3ff54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-300\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-purple-300) 33%, transparent);
    }
  }

  .bg-purple-900\/\[\.33\] {
    background-color: #59168b54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-900\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-purple-900) 33%, transparent);
    }
  }

  .bg-red-200\/\[\.33\] {
    background-color: #ffcaca54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-200\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-red-200) 33%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-200\/\[\.33\] {
    background-color: #fff08554;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-200\/\[\.33\] {
      background-color: color-mix(in oklab, var(--color-yellow-200) 33%, transparent);
    }
  }

  .fill-\[green\] {
    fill: green;
  }

  .fill-\[red\] {
    fill: red;
  }

  .fill-\[white\] {
    fill: #fff;
  }

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

  .p-\[5px\] {
    padding: 5px;
  }

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

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

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

  .px-\[9px\] {
    padding-inline: 9px;
  }

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

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

  .py-\[3px\] {
    padding-block: 3px;
  }

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

  .pr-\[9px\] {
    padding-right: 9px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

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

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

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[60\%\] {
    font-size: 60%;
  }

  .text-\[100\%\] {
    font-size: 100%;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }

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

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[\#880000\] {
    color: #800;
  }

  .text-\[\#EE0000\] {
    color: #e00;
  }

  .text-\[6\] {
    color: 6;
  }

  .text-\[hsla\(0\,0\%\,0\%\,1\)\] {
    color: #000;
  }

  .text-\[var\(--土\)\] {
    color: var(--土);
  }

  .text-\[var\(--木\)\] {
    color: var(--木);
  }

  .text-\[var\(--水\)\] {
    color: var(--水);
  }

  .text-\[var\(--火\)\] {
    color: var(--火);
  }

  .text-\[var\(--金\)\] {
    color: var(--金);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-200 {
    color: var(--color-green-200);
  }

  .text-green-200\/\[\.33\] {
    color: #b9f8cf54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-200\/\[\.33\] {
      color: color-mix(in oklab, var(--color-green-200) 33%, transparent);
    }
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-indigo-200\/\[\.33\] {
    color: #c7d2ff54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-indigo-200\/\[\.33\] {
      color: color-mix(in oklab, var(--color-indigo-200) 33%, transparent);
    }
  }

  .text-inherit {
    color: inherit;
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-red-200\/\[\.33\] {
    color: #ffcaca54;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-200\/\[\.33\] {
      color: color-mix(in oklab, var(--color-red-200) 33%, transparent);
    }
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-200\/\[\.33\] {
    color: #fff08554;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-yellow-200\/\[\.33\] {
      color: color-mix(in oklab, var(--color-yellow-200) 33%, transparent);
    }
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 2px 1px -1px, #00000024 0px 1px 1px 0px, #0000001f 0px 1px 3px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .\[outline\:0px\] {
    outline: 0;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-\[0ms\] {
    transition-delay: 0s;
  }

  .duration-\[222ms\] {
    --tw-duration: .222s;
    transition-duration: .222s;
  }

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

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[-moz-appearance\:none\] {
    -moz-appearance: none;
  }

  .\[-moz-user-select\:none\] {
    -moz-user-select: none;
  }

  .\[-ms-flex-negative\:0\] {
    -ms-flex-negative: 0;
  }

  .\[-ms-user-select\:none\] {
    -ms-user-select: none;
  }

  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }

  .\[-webkit-box-align\:center\] {
    -webkit-box-align: center;
  }

  .\[-webkit-box-pack\:center\] {
    -webkit-box-pack: center;
  }

  .\[-webkit-flex-shrink\:0\] {
    -webkit-flex-shrink: 0;
  }

  .\[-webkit-tap-highlight-color\:transparent\] {
    -webkit-tap-highlight-color: transparent;
  }

  .\[-webkit-text-decoration\:none\] {
    -webkit-text-decoration: none;
  }

  .\[-webkit-user-select\:none\] {
    -webkit-user-select: none;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:height_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: height .3s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:min-height_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,background-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: min-height .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1);
  }

  .\[user-select\:none\] {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .before\:m-auto:before {
    content: var(--tw-content);
    margin: auto;
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }

  .before\:h-0:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .before\:w-0:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .before\:border-solid:before {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#B0E0E6\]:hover {
      background-color: #b0e0e6;
    }

    .hover\:bg-\[B0E0E6\]:hover {
      background-color: B0E0E6;
    }
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }
}

:root {
  --background: white;
  --outter: #514426;
  --内盘: #62563a;
  --外盘: #a79567;
  --内盘宫: #fefacb99;
  --外盘宫: #fff7;
  --内盘字: #dfc8ba;
  --金bg: #f5efedce;
  --木bg: #a5d6a788;
  --水bg: #bcaaa488;
  --火bg: #ef9a9a88;
  --土bg: #fff16e88;
  --木: #0c6f10;
  --火: #f52c37;
  --土: #9b870c;
  --金: #5e6d76;
  --水: #2113d6;
  --时: #4caf50;
  --日: #4caf50;
  --阴: #ab0f0f;
  --line: #514426;
  --lineWidth: 4px;
  --字: #2e2d2c;
  --空: #dfc8ba;
  --平: green;
  --吉bg: #fcc;
  --凶bg: #bbb;
  --大吉: red;
  --吉: purple;
  --小吉: green;
  --凶: gray;
  --大凶: black;
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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-duration {
  syntax: "*";
  inherits: false
}

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-ease: initial;
      --tw-content: "";
      --tw-duration: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --leading-normal: 1.5;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  @keyframes vodal-fade-enter {
    from {
      opacity: 0;
    }
  }

  @keyframes vodal-fade-leave {
    to {
      opacity: 0;
    }
  }

  @keyframes vodal-zoom-enter {
    from {
      transform: scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-zoom-leave {
    to {
      transform: scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-slideDown-enter {
    from {
      transform: translate3d(0, -100px, 0);
    }
  }

  @keyframes vodal-slideDown-leave {
    to {
      transform: translate3d(0, -100px, 0);
    }
  }

  @keyframes vodal-slideLeft-enter {
    from {
      transform: translate3d(-150px, 0, 0);
    }
  }

  @keyframes vodal-slideLeft-leave {
    to {
      transform: translate3d(-150px, 0, 0);
    }
  }

  @keyframes vodal-slideRight-enter {
    from {
      transform: translate3d(150px, 0, 0);
    }
  }

  @keyframes vodal-slideRight-leave {
    to {
      transform: translate3d(150px, 0, 0);
    }
  }

  @keyframes vodal-slideUp-enter {
    from {
      transform: translate3d(0, 100px, 0);
    }
  }

  @keyframes vodal-slideUp-leave {
    to {
      transform: translate3d(0, 100px, 0);
    }
  }

  @keyframes vodal-flip-enter {
    from {
      transform: perspective(400px)rotate3d(1, 0, 0, 60deg);
    }

    70% {
      transform: perspective(400px)rotate3d(1, 0, 0, -15deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  @keyframes vodal-flip-leave {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px)rotate3d(1, 0, 0, -15deg);
    }

    to {
      transform: perspective(400px)rotate3d(1, 0, 0, 45deg);
    }
  }

  @keyframes vodal-rotate-enter {
    from {
      transform: rotate3d(0, 0, 1, -180deg)scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-rotate-leave {
    to {
      transform: rotate3d(0, 0, 1, 180deg)scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-door-enter {
    from {
      transform: scale3d(0, 1, 1);
    }
  }

  @keyframes vodal-door-leave {
    60% {
      transform: scale3d(.01, 1, 1);
    }

    to {
      transform: scale3d(0, 1, .1);
    }
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

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

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

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

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

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

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[101\] {
    z-index: 101;
  }

  .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;
    }
  }

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

  .m-auto {
    margin: auto;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

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

  .h-\[25\%\] {
    height: 25%;
  }

  .h-full {
    height: 100%;
  }

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

  .w-\[50\%\] {
    width: 50%;
  }

  .w-full {
    width: 100%;
  }

  .flex-\[0_0_auto\] {
    flex: none;
  }

  .flex-auto {
    flex: auto;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

  .overflow-y-auto {
    overflow-y: auto;
  }

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-\[\#fff\] {
    background-color: #fff;
  }

  .bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    background-color: #0000004d;
  }

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

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

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

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

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

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

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

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.0075em\] {
    --tw-tracking: .0075em;
    letter-spacing: .0075em;
  }

  .tracking-\[0\.00938em\] {
    --tw-tracking: .00938em;
    letter-spacing: .00938em;
  }

  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: #0009;
  }

  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-2\/4:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:-mt-px:before {
    content: var(--tw-content);
    margin-top: -1px;
  }

  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .before\:rounded-\[100\%\]:before {
    content: var(--tw-content);
    border-radius: 100%;
  }

  .before\:bg-\[\#999\]:before {
    content: var(--tw-content);
    background-color: #999;
  }

  .before\:transition-\[background\]:before {
    content: var(--tw-content);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-\[0\.2s\]:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-2\/4:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:-mt-px:after {
    content: var(--tw-content);
    margin-top: -1px;
  }

  .after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:-rotate-45:after {
    content: var(--tw-content);
    rotate: -45deg;
  }

  .after\:rounded-\[100\%\]:after {
    content: var(--tw-content);
    border-radius: 100%;
  }

  .after\:bg-\[\#999\]:after {
    content: var(--tw-content);
    background-color: #999;
  }

  .after\:transition-\[background\]:after {
    content: var(--tw-content);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-\[0\.2s\]:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .hover\:before\:bg-\[\#333\]:hover:before, .hover\:after\:bg-\[\#333\]:hover:after {
      content: var(--tw-content);
      background-color: #333;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}

.vodal-fade-enter {
  animation: ease-in both vodal-fade-enter;
}

.vodal-fade-leave {
  animation: ease-out both vodal-fade-leave;
}

.vodal-zoom-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-zoom-enter;
}

.vodal-zoom-leave {
  animation: both vodal-zoom-leave;
}

.vodal-slideDown-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideDown-enter;
}

.vodal-slideDown-leave {
  animation: both vodal-slideDown-leave;
}

.vodal-slideLeft-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideLeft-enter;
}

.vodal-slideLeft-leave {
  animation: both vodal-slideLeft-leave;
}

.vodal-slideRight-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideRight-enter;
}

.vodal-slideRight-leave {
  animation: both vodal-slideRight-leave;
}

.vodal-slideUp-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideUp-enter;
}

.vodal-slideUp-leave {
  animation: both vodal-slideUp-leave;
}

.vodal-flip-enter {
  animation: ease-in both vodal-flip-enter;
  backface-visibility: visible !important;
}

.vodal-flip-leave {
  animation: both vodal-flip-leave;
  backface-visibility: visible !important;
}

.vodal-rotate-enter {
  transform-origin: center;
  animation: both vodal-rotate-enter;
}

.vodal-rotate-leave {
  transform-origin: center;
  animation: both vodal-rotate-leave;
}

.vodal-door-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-door-enter;
}

.vodal-door-leave {
  animation: both vodal-door-leave;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-content: "";
      --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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-black: #000;
    --spacing: .25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  .dark {
    --name: dark;
    --background: white;
    --outter: #514426;
    --内盘: #62563a;
    --外盘: #a79567;
    --内盘宫: #fefacb99;
    --外盘宫: #fff7;
    --内盘字: #dfc8ba;
    --金bg: #f5efedce;
    --木bg: #a5d6a788;
    --水bg: #bcaaa488;
    --火bg: #ef9a9a88;
    --土bg: #fff16e88;
    --木: #0c6f10;
    --火: #f52c37;
    --土: #9b870c;
    --金: #5e6d76;
    --水: #2113d6;
    --时: #4caf50;
    --日: #4caf50;
    --阴: #ab0f0f;
    --line: #514426;
    --lineWidth: 4px;
    --字: #2e2d2c;
    --空: #dfc8ba;
    --平: green;
    --吉bg: #fcc;
    --凶bg: #bbb;
    --大吉: red;
    --吉: purple;
    --小吉: green;
    --凶: gray;
    --大凶: black;
  }

  :root {
    --name: light;
    --background: white;
    --outter: #514426;
    --内盘: #62563a;
    --外盘: #a79567;
    --内盘宫: #fefacb99;
    --外盘宫: #fff7;
    --内盘字: #dfc8ba;
    --金bg: #f5efedce;
    --木bg: #a5d6a788;
    --水bg: #bcaaa488;
    --火bg: #ef9a9a88;
    --土bg: #fff16e88;
    --木: #0c6f10;
    --火: #f52c37;
    --土: #9b870c;
    --金: #5e6d76;
    --水: #2113d6;
    --时: #4caf50;
    --日: #4caf50;
    --阴: #ab0f0f;
    --line: #514426;
    --lineWidth: 4px;
    --字: #2e2d2c;
    --空: #dfc8ba;
    --平: green;
    --吉bg: #fcc;
    --凶bg: #bbb;
    --大吉: red;
    --吉: purple;
    --小吉: green;
    --凶: gray;
    --大凶: black;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

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

  .m-auto {
    margin: auto;
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

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

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

  .ml-\[10\%\] {
    margin-left: 10%;
  }

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

  .\!inline-block {
    display: inline-block !important;
  }

  .block {
    display: block;
  }

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

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

  .table {
    display: table;
  }

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

  .h-\[70vh\] {
    height: 70vh;
  }

  .w-\[4em\] {
    width: 4em;
  }

  .w-\[4rem\] {
    width: 4rem;
  }

  .w-\[6em\] {
    width: 6em;
  }

  .w-\[23em\] {
    width: 23em;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

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

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#DDDDDD\] {
    border-color: #ddd;
  }

  .border-\[\#EEEEEE\] {
    border-color: #eee;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .border-\[rgba\(25\,118\,210\,0\.5\)\] {
    border-color: #1976d280;
  }

  .bg-\[\#3b0586\] {
    background-color: #3b0586;
  }

  .bg-\[\#EEEEEE\] {
    background-color: #eee;
  }

  .bg-\[\#d0d0fb\] {
    background-color: #d0d0fb;
  }

  .bg-transparent {
    background-color: #0000;
  }

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

  .p-\[5px\] {
    padding: 5px;
  }

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

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

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

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

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[40\%\] {
    font-size: 40%;
  }

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

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

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[var\(--土\)\] {
    color: var(--土);
  }

  .text-\[var\(--木\)\] {
    color: var(--木);
  }

  .text-\[var\(--水\)\] {
    color: var(--水);
  }

  .text-\[var\(--火\)\] {
    color: var(--火);
  }

  .text-\[var\(--金\)\] {
    color: var(--金);
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-double {
    text-decoration-style: double;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .\[-moz-appearance\:none\] {
    -moz-appearance: none;
  }

  .\[-moz-user-select\:none\] {
    -moz-user-select: none;
  }

  .\[-ms-user-select\:none\] {
    -ms-user-select: none;
  }

  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }

  .\[-webkit-box-pack\:center\] {
    -webkit-box-pack: center;
  }

  .\[-webkit-tap-highlight-color\:transparent\] {
    -webkit-tap-highlight-color: transparent;
  }

  .\[-webkit-text-decoration\:none\] {
    -webkit-text-decoration: none;
  }

  .\[-webkit-user-select\:none\] {
    -webkit-user-select: none;
  }

  .\[ruby-position\:under\] {
    ruby-position: under;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)_0ms\,color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[user-select\:none\] {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .after\:mt-\[-25px\]:after {
    content: var(--tw-content);
    margin-top: -25px;
  }

  .after\:mr-auto:after {
    content: var(--tw-content);
    margin-right: auto;
  }

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

  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }

  .after\:h-\[25px\]:after {
    content: var(--tw-content);
    height: 25px;
  }

  .after\:rounded-\[125px\/12px\]:after {
    content: var(--tw-content);
    border-radius: 125px / 12px;
  }

  .after\:shadow-black:after {
    content: var(--tw-content);
    --tw-shadow-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:shadow-black:after {
      --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#76a1aa\]:hover {
      background-color: #76a1aa;
    }

    .hover\:bg-\[\#B0E0E6\]:hover {
      background-color: #b0e0e6;
    }
  }

  .\[\&_div\]\:inline-block div {
    display: inline-block;
  }

  .\[\&_span\]\:box-border span {
    box-sizing: border-box;
  }

  .\[\&_span\]\:block span {
    display: block;
  }

  .\[\&_span\]\:cursor-pointer span {
    cursor: pointer;
  }

  .\[\&_span\]\:px-3 span {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_span\]\:py-1 span {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_span\]\:text-\[90\%\] span {
    font-size: 90%;
  }

  .\[\&_span\]\:font-normal span {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .\[\&_span\]\:\[text-wrap\:nowrap\] span {
    text-wrap: nowrap;
  }

  .\[\&_tbody_tr\:hover\]\:bg-\[\#ebf5d5\] tbody tr:hover {
    background-color: #ebf5d5;
  }

  .\[\&_td\]\:w-auto td {
    width: auto;
  }

  .\[\&_td\]\:border-\[1px\] td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-t-0 td {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&_td\]\:border-b-\[1px\] td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-l-\[1px\] td {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .\[\&_td\]\:border-none td {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[lightgray\] td {
    border-color: #d3d3d3;
  }

  .\[\&_td\]\:p-0 td {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&_td\]\:whitespace-nowrap td {
    white-space: nowrap;
  }

  .\[\&_td\:hover\]\:bg-\[\#c4d7f5\] td:hover {
    background-color: #c4d7f5;
  }

  .\[\&_th\]\:border-\[1px\] th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-solid th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_th\]\:border-\[lightgray\] th {
    border-color: #d3d3d3;
  }

  .\[\&_th\]\:text-\[white\] th {
    color: #fff;
  }

  .\[\&_th\]\:uppercase th {
    text-transform: uppercase;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_thead\]\:z-\[1\] thead {
    z-index: 1;
  }

  .\[\&_thead\]\:bg-\[white\] thead {
    background-color: #fff;
  }

  .\[\&_tr\]\:border-none tr {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_tr_td\]\:first\:border-r-0 tr td:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .\[\&_tr_td\]\:last\:border-r-\[1px\] tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .\[\&_tr\>td\]\:first\:border-solid tr > td:first-child, .\[\&_tr\>th\]\:border-solid tr > th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\>th\]\:first\:border-l-0 tr > th:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: 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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-black: #000;
    --spacing: .25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  #telegram-login-SupremeDivinityBot {
    height: 32px;
  }
}

@layer components;

@layer utilities {
  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .top-\[3px\] {
    top: 3px;
  }

  .z-\[102\] {
    z-index: 102;
  }

  .float-right {
    float: right;
  }

  .m-auto {
    margin: auto;
  }

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

  .mr-\[3px\] {
    margin-right: 3px;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .-mb-\[3px\] {
    margin-bottom: -3px;
  }

  .-mb-\[6px\] {
    margin-bottom: -6px;
  }

  .mb-\[20px\] {
    margin-bottom: 20px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

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

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

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

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

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

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

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[1rem\] {
    width: 1rem;
  }

  .w-\[7rem\] {
    width: 7rem;
  }

  .w-\[10em\] {
    width: 10em;
  }

  .w-\[15em\] {
    width: 15em;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[21em\] {
    width: 21em;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

  .justify-center {
    justify-content: center;
  }

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

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

  .rounded {
    border-radius: .25rem;
  }

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

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[none\] {
    border-color: none;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .bg-\[\#000000\] {
    background-color: #000;
  }

  .bg-\[\#02bd7e\] {
    background-color: #02bd7e;
  }

  .bg-\[\#2F2F2F\] {
    background-color: #2f2f2f;
  }

  .bg-\[\#3b5998\] {
    background-color: #3b5998;
  }

  .bg-\[\#55acee\] {
    background-color: #55acee;
  }

  .bg-\[\#720e98\] {
    background-color: #720e98;
  }

  .bg-\[\#333333\] {
    background-color: #333;
  }

  .bg-\[\#d3d3d3\] {
    background-color: #d3d3d3;
  }

  .bg-\[\#db4437\] {
    background-color: #db4437;
  }

  .bg-\[\#f4b400\] {
    background-color: #f4b400;
  }

  .bg-\[green\] {
    background-color: green;
  }

  .bg-\[red\] {
    background-color: red;
  }

  .fill-\[red\] {
    fill: red;
  }

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

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

  .p-\[5px\] {
    padding: 5px;
  }

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

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

  .pt-\[1px\] {
    padding-top: 1px;
  }

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

  .pl-\[7px\] {
    padding-left: 7px;
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

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

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-\[1em\] {
    font-size: 1em;
  }

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

  .text-\[\#ffffff\] {
    color: #fff;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .normal-case {
    text-transform: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .shadow-\[0px_3px_1px-2px_rgba\(0\,0\,0\,20\%\)\,0px_2px_2px_0px_rgba\(0\,0\,0\,14\%\)\,0px_1px_5px_0px_rgba\(0\,0\,0\,12\%\)\] {
    --tw-shadow: 0px 3px 1px-2px var(--tw-shadow-color, #0003), 0px 2px 2px 0px var(--tw-shadow-color, #00000024), 0px 1px 5px 0px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_div\]\:inline-block div {
    display: inline-block;
  }

  .\[\&_div\]\:text-\[1rem\] div {
    font-size: 1rem;
  }

  .\[\&_img\]\:inline-block img {
    display: inline-block;
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --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-content: "";
      --tw-tracking: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .-top-\[11px\] {
    top: -11px;
  }

  .float-right {
    float: right;
  }

  .m-\[0\.5rem\] {
    margin: .5rem;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-mt-\[12px\] {
    margin-top: -12px;
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[14px\] {
    margin-bottom: 14px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .h-\[1em\] {
    height: 1em;
  }

  .h-\[2em\] {
    height: 2em;
  }

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

  .w-\[1em\] {
    width: 1em;
  }

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

  .w-\[9rem\] {
    width: 9rem;
  }

  .w-\[16em\] {
    width: 16em;
  }

  .w-\[20em\] {
    width: 20em;
  }

  .w-\[30rem\] {
    width: 30rem;
  }

  .w-\[30vw\] {
    width: 30vw;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

  .justify-center {
    justify-content: center;
  }

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

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#ccc\] {
    border-color: #ccc;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .bg-\[\#000000\] {
    background-color: #000;
  }

  .bg-\[\#02bd7e\] {
    background-color: #02bd7e;
  }

  .bg-\[\#2F2F2F\] {
    background-color: #2f2f2f;
  }

  .bg-\[\#55acee\] {
    background-color: #55acee;
  }

  .bg-\[\#720e98\] {
    background-color: #720e98;
  }

  .bg-\[\#333333\] {
    background-color: #333;
  }

  .bg-\[\#db4437\] {
    background-color: #db4437;
  }

  .bg-\[\#f4b400\] {
    background-color: #f4b400;
  }

  .bg-\[white\] {
    background-color: #fff;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[url\(\/assets\/images\/page\/banner\.jpg\)\] {
    background-image: url("/assets/images/page/banner.jpg");
  }

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

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

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

  .py-\[7px\] {
    padding-block: 7px;
  }

  .pr-\[10px\] {
    padding-right: 10px;
  }

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

  .pl-\[1rem\] {
    padding-left: 1rem;
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-\[\.8em\] {
    font-size: .8em;
  }

  .text-\[\.9em\] {
    font-size: .9em;
  }

  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[50\%\] {
    font-size: 50%;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-\[1\.5rem\] {
    --tw-leading: 1.5rem;
    line-height: 1.5rem;
  }

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

  .text-\[\#ffffff\] {
    color: #fff;
  }

  .text-\[red\] {
    color: red;
  }

  .text-white {
    color: var(--color-white);
  }

  .normal-case {
    text-transform: none;
  }

  .duration-\[0\.4s\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[text-shadow\:2px_1px_black\] {
    text-shadow: 2px 1px #000;
  }

  @media (hover: hover) {
    .hover\:drop-shadow-\[2px_4px_6px_black\]:hover {
      --tw-drop-shadow-size: drop-shadow(2px 4px 6px var(--tw-drop-shadow-color, black));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  .focus\:\[outline\:none\]:focus {
    outline: none;
  }

  @media print {
    .print\:ml-\[-5rem\] {
      margin-left: -5rem;
    }

    .print\:\!block {
      display: block !important;
    }

    .print\:\!hidden {
      display: none !important;
    }

    .print\:block {
      display: block;
    }

    .print\:max-h-\[297mm\] {
      max-height: 297mm;
    }

    .print\:min-h-\[297mm\] {
      min-height: 297mm;
    }

    .print\:max-w-\[210mm\] {
      max-width: 210mm;
    }

    .print\:min-w-\[210mm\] {
      min-width: 210mm;
    }
  }

  .\[\&_img\]\:align-top img {
    vertical-align: top;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:inline-block img[alt="logo"] {
    display: inline-block;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:w-\[1\.5em\] img[alt="logo"] {
    width: 1.5em;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:align-middle img[alt="logo"] {
    vertical-align: middle;
  }

  .\[\&\:focus\~label\]\:top-\[-12px\]:focus ~ label {
    top: -12px;
  }

  .\[\&\:focus\~label\]\:left-\[7px\]:focus ~ label {
    left: 7px;
  }

  .\[\&\:focus\~label\]\:z-10:focus ~ label {
    z-index: 10;
  }

  .\[\&\:focus\~label\]\:w-fit:focus ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:focus\~label\]\:bg-\[white\]:focus ~ label {
    background-color: #fff;
  }

  .\[\&\:focus\~label\]\:p-\[2px\]:focus ~ label {
    padding: 2px;
  }

  .\[\&\:focus\~label\]\:text-xs:focus ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:focus\~label\]\:text-\[\#4caf50\]:focus ~ label {
    color: #4caf50;
  }

  .\[\&\:focus\~label\]\:text-\[\#f00\]:focus ~ label {
    color: red;
  }

  .\[\&\:focus\~label\]\:duration-\[0\.3s\]:focus ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:before\:left-0:focus ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:before\:w-full:focus ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.4s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span\]\:after\:left-0:focus ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:w-full:focus ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.4s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:before\:-top-px:focus ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:before\:h-full:focus ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.6s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:focus\~span_i\]\:after\:-top-px:focus ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:after\:h-full:focus ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.6s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:top-\[-12px\]:not(:-moz-placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:top-\[-12px\]:not(:placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:left-\[7px\]:not(:-moz-placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:left-\[7px\]:not(:placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:z-10:not(:-moz-placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:z-10:not(:placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:w-fit:not(:-moz-placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:w-fit:not(:placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:bg-\[white\]:not(:-moz-placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:bg-\[white\]:not(:placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:p-\[2px\]:not(:-moz-placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:p-\[2px\]:not(:placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-xs:not(:-moz-placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-xs:not(:placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:-moz-placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#f00\]:not(:-moz-placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#f00\]:not(:placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:left-0:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:left-0:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:w-full:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:w-full:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:left-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:left-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:w-full:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:w-full:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:-top-px:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:-top-px:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:h-full:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:h-full:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:-top-px:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:-top-px:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:h-full:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:h-full:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }

  .\[\&\>div\]\:pl-\[1rem\] > div {
    padding-left: 1rem;
  }

  .\[\&\~label\]\:absolute ~ label {
    position: absolute;
  }

  .\[\&\~label\]\:top-2\.5 ~ label {
    top: calc(var(--spacing) * 2.5);
  }

  .\[\&\~label\]\:left-3\.5 ~ label {
    left: calc(var(--spacing) * 3.5);
  }

  .\[\&\~label\]\:z-\[-1\] ~ label {
    z-index: -1;
  }

  .\[\&\~label\]\:w-full ~ label {
    width: 100%;
  }

  .\[\&\~label\]\:tracking-\[0\.5px\] ~ label {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .\[\&\~label\]\:text-\[\#aaa\] ~ label {
    color: #aaa;
  }

  .\[\&\~label\]\:text-\[\#f00\] ~ label {
    color: red;
  }

  .\[\&\~label\]\:duration-\[0\.3s\] ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:before\:absolute ~ span:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:before\:-top-px ~ span:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\~span\]\:before\:left-2\/4 ~ span:before {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:before\:h-0\.5 ~ span:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:before\:w-0 ~ span:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:bg-\[\#4caf50\] ~ span:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:before\:bg-\[\#f00\] ~ span:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:before\:duration-\[0\.4s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:before\:content-\[\'\'\] ~ span:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span\]\:after\:absolute ~ span:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:after\:-top-px ~ span:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\~span\]\:after\:bottom-0 ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:left-2\/4 ~ span:after {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:after\:h-0\.5 ~ span:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:after\:w-0 ~ span:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:bg-\[\#4caf50\] ~ span:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:after\:bg-\[\#f00\] ~ span:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:after\:duration-\[0\.4s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:after\:content-\[\'\'\] ~ span:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:before\:absolute ~ span i:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:before\:top-2\/4 ~ span i:before {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:before\:left-0 ~ span i:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:h-0 ~ span i:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:w-0\.5 ~ span i:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:before\:bg-\[\#4caf50\] ~ span i:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:before\:bg-\[\#f00\] ~ span i:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.6s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:before\:content-\[\'\'\] ~ span i:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:after\:absolute ~ span i:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:after\:top-2\/4 ~ span i:after {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:after\:right-0 ~ span i:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:left-0 ~ span i:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:h-0 ~ span i:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:w-0\.5 ~ span i:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:after\:bg-\[\#4caf50\] ~ span i:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:after\:bg-\[\#f00\] ~ span i:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.6s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:after\:content-\[\'\'\] ~ span i:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media screen {
    .\[\@media_screen\]\:\[text-shadow\:1px_2px_2px_\#000\] {
      text-shadow: 1px 2px 2px #000;
    }
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .-top-\[6px\] {
    top: -6px;
  }

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

  .top-2\/4 {
    top: 50%;
  }

  .top-\[35\%\] {
    top: 35%;
  }

  .top-\[40\%\] {
    top: 40%;
  }

  .bottom-\[-10\%\] {
    bottom: -10%;
  }

  .bottom-\[-12px\] {
    bottom: -12px;
  }

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

  .-left-\[\.3rem\] {
    left: -.3rem;
  }

  .-left-\[6px\] {
    left: -6px;
  }

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

  .left-\[-5\%\] {
    left: -5%;
  }

  .left-\[1px\] {
    left: 1px;
  }

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

  .z-\[2\] {
    z-index: 2;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .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;
    }
  }

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

  .m-\[12px\] {
    margin: 12px;
  }

  .mx-\[1px\] {
    margin-inline: 1px;
  }

  .mx-\[10\%\] {
    margin-inline: 10%;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-auto {
    margin-block: auto;
  }

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

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

  .-mt-\[1\.5rem\] {
    margin-top: -1.5rem;
  }

  .-mt-\[3px\] {
    margin-top: -3px;
  }

  .-mt-\[10px\] {
    margin-top: -10px;
  }

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

  .mt-\[-100px\] {
    margin-top: -100px;
  }

  .mt-\[-105px\] {
    margin-top: -105px;
  }

  .mt-\[0\.4rem\] {
    margin-top: .4rem;
  }

  .mt-\[0\.8rem\] {
    margin-top: .8rem;
  }

  .mt-\[0\] {
    margin-top: 0;
  }

  .mt-\[1rem\] {
    margin-top: 1rem;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .mr-\[40px\] {
    margin-right: 40px;
  }

  .mr-auto {
    margin-right: auto;
  }

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

  .-mb-\[\.5rem\] {
    margin-bottom: -.5rem;
  }

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

  .mb-\[1\.5em\] {
    margin-bottom: 1.5em;
  }

  .mb-\[2px\] {
    margin-bottom: 2px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[60px\] {
    margin-bottom: 60px;
  }

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

  .-ml-\[0\.1rem\] {
    margin-left: -.1rem;
  }

  .-ml-\[0\.3rem\] {
    margin-left: -.3rem;
  }

  .-ml-\[1rem\] {
    margin-left: -1rem;
  }

  .ml-\[-225px\] {
    margin-left: -225px;
  }

  .ml-\[-237px\] {
    margin-left: -237px;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-\[20\%\] {
    margin-left: 20%;
  }

  .ml-\[64px\] {
    margin-left: 64px;
  }

  .ml-auto {
    margin-left: auto;
  }

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

  .\[display\:unset\] {
    display: unset;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

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

  .h-\[\.8em\] {
    height: .8em;
  }

  .h-\[\.9em\] {
    height: .9em;
  }

  .h-\[1\.1em\] {
    height: 1.1em;
  }

  .h-\[1\.4em\] {
    height: 1.4em;
  }

  .h-\[1\.5rem\] {
    height: 1.5rem;
  }

  .h-\[1em\] {
    height: 1em;
  }

  .h-\[2\.5rem\] {
    height: 2.5rem;
  }

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

  .h-\[5em\] {
    height: 5em;
  }

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

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

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

  .h-\[85vh\] {
    height: 85vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[270mm\] {
    height: 270mm;
  }

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

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

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

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

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

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

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

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

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

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

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

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\[2em\] {
    max-height: 2em;
  }

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

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

  .w-\[\.8em\] {
    width: .8em;
  }

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

  .w-\[1\.5em\] {
    width: 1.5em;
  }

  .w-\[1\.5rem\] {
    width: 1.5rem;
  }

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[1rem\] {
    width: 1rem;
  }

  .w-\[2\.5em\] {
    width: 2.5em;
  }

  .w-\[3rem\] {
    width: 3rem;
  }

  .w-\[4rem\] {
    width: 4rem;
  }

  .w-\[5em\] {
    width: 5em;
  }

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

  .w-\[6em\] {
    width: 6em;
  }

  .w-\[7em\] {
    width: 7em;
  }

  .w-\[8em\] {
    width: 8em;
  }

  .w-\[12rem\] {
    width: 12rem;
  }

  .w-\[15em\] {
    width: 15em;
  }

  .w-\[20em\] {
    width: 20em;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[74p\] {
    width: 74p;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[87px\] {
    width: 87px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[92\%\] {
    width: 92%;
  }

  .w-\[93\%\] {
    width: 93%;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[114px\] {
    width: 114px;
  }

  .w-\[184px\] {
    width: 184px;
  }

  .w-\[187px\] {
    width: 187px;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-\[252px\] {
    width: 252px;
  }

  .w-\[287px\] {
    width: 287px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[301px\] {
    width: 301px;
  }

  .w-\[302px\] {
    width: 302px;
  }

  .w-\[310px\] {
    width: 310px;
  }

  .w-\[311px\] {
    width: 311px;
  }

  .w-\[322px\] {
    width: 322px;
  }

  .w-\[337px\] {
    width: 337px;
  }

  .w-\[364px\] {
    width: 364px;
  }

  .w-\[367px\] {
    width: 367px;
  }

  .w-\[388px\] {
    width: 388px;
  }

  .w-\[389px\] {
    width: 389px;
  }

  .w-\[417px\] {
    width: 417px;
  }

  .w-\[488px\] {
    width: 488px;
  }

  .w-\[576px\] {
    width: 576px;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[616px\] {
    width: 616px;
  }

  .w-\[624px\] {
    width: 624px;
  }

  .w-\[653px\] {
    width: 653px;
  }

  .w-\[911\] {
    width: 911px;
  }

  .w-\[935\] {
    width: 935px;
  }

  .w-\[calc\(100\%\+16px\)\] {
    width: calc(100% + 16px);
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[2em\] {
    max-width: 2em;
  }

  .max-w-\[3em\] {
    max-width: 3em;
  }

  .max-w-\[4\.5em\] {
    max-width: 4.5em;
  }

  .max-w-\[66\.666667\%\] {
    max-width: 66.6667%;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[752px\] {
    max-width: 752px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .min-w-\[2em\] {
    min-width: 2em;
  }

  .min-w-\[3em\] {
    min-width: 3em;
  }

  .min-w-\[4\.5em\] {
    min-width: 4.5em;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-8\/12 {
    flex-basis: 66.6667%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-spacing-px {
    --tw-border-spacing-x: 1px;
    --tw-border-spacing-y: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .\[transform\:scale\(1\.06\)\] {
    transform: scale(1.06);
  }

  .\[transform\:translate\(-50\%\,-40\%\)\] {
    transform: translate(-50%, -40%);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-\[unset\] {
    cursor: unset;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-outside {
    list-style-position: outside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .flex-row {
    flex-direction: row;
  }

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

  .place-items-center {
    place-items: center;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .\[border-radius\:unset\] {
    border-radius: unset;
  }

  .rounded {
    border-radius: .25rem;
  }

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

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

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

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }

  .\[border-width\:var\(--lineWidth\)\] {
    border-width: var(--lineWidth);
  }

  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\!border-r-0 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .\!border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\!border-l-0 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0 !important;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[border-color\:var\(--line\)\] {
    border-color: var(--line);
  }

  .border-\[\#555\] {
    border-color: #555;
  }

  .border-\[\#EEEEEE\] {
    border-color: #eee;
  }

  .border-\[\#fff\] {
    border-color: #fff;
  }

  .border-\[darkgray\] {
    border-color: #a9a9a9;
  }

  .border-\[gray\] {
    border-color: gray;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .border-\[none\] {
    border-color: none;
  }

  .border-\[rgba\(25\,118\,210\,0\.5\)\] {
    border-color: #1976d280;
  }

  .border-\[var\(--空\)\] {
    border-color: var(--空);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .bg-\[\#0008\] {
    background-color: #0008;
  }

  .bg-\[\#8DAA91\] {
    background-color: #8daa91;
  }

  .bg-\[\#8F3985\] {
    background-color: #8f3985;
  }

  .bg-\[\#888DA7\] {
    background-color: #888da7;
  }

  .bg-\[\#1976d2\] {
    background-color: #1976d2;
  }

  .bg-\[\#B0C4DE88\] {
    background-color: #b0c4de88;
  }

  .bg-\[\#EB5160\] {
    background-color: #eb5160;
  }

  .bg-\[\#EEEEEE\] {
    background-color: #eee;
  }

  .bg-\[\#FEFACB\] {
    background-color: #fefacb;
  }

  .bg-\[\#aaaaaa44\] {
    background-color: #aaa4;
  }

  .bg-\[\#c0c0c088\] {
    background-color: #c0c0c088;
  }

  .bg-\[\#d0d0fb\] {
    background-color: #d0d0fb;
  }

  .bg-\[\#fbfbf8\] {
    background-color: #fbfbf8;
  }

  .bg-\[\#ffffff\] {
    background-color: #fff;
  }

  .bg-\[azure\] {
    background-color: azure;
  }

  .bg-\[lightblue\] {
    background-color: #add8e6;
  }

  .bg-\[lightgray\] {
    background-color: #d3d3d3;
  }

  .bg-\[red\] {
    background-color: red;
  }

  .bg-\[rgb\(202\,245\,202\)\] {
    background-color: #caf5ca;
  }

  .bg-\[rgb\(247\,212\,217\)\] {
    background-color: #f7d4d9;
  }

  .bg-\[rgb\(248\,222\,226\)\] {
    background-color: #f8dee2;
  }

  .bg-\[var\(--background\)\] {
    background-color: var(--background);
  }

  .bg-\[var\(--内盘\)\] {
    background-color: var(--内盘);
  }

  .bg-\[var\(--内盘宫\)\] {
    background-color: var(--内盘宫);
  }

  .bg-\[var\(--外盘\)\] {
    background-color: var(--外盘);
  }

  .bg-\[var\(--外盘宫\)\] {
    background-color: var(--外盘宫);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[linear-gradient\(rgba\(187\,187\,187\,0\.8\)\,rgba\(187\,187\,187\,0\.8\)\)\,url\(\/assets\/images\/logo-blue-full-padding\.svg\)\] {
    background-image: linear-gradient(#bbbc, #bbbc), url("/assets/images/logo-blue-full-padding.svg");
  }

  .bg-\[linear-gradient\(rgba\(255\,204\,204\,0\.8\)\,rgba\(255\,204\,204\,0\.8\)\)\,url\(\/assets\/images\/logo-blue-full-padding\.svg\)\] {
    background-image: linear-gradient(#fccc, #fccc), url("/assets/images/logo-blue-full-padding.svg");
  }

  .bg-\[linear-gradient\(rgba\(255\,204\,204\,0\.8\)\,rgba\(255\,204\,204\,0\.8\)\)\] {
    background-image: linear-gradient(#fccc, #fccc);
  }

  .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)\] {
    background-image: linear-gradient(#fffc, #fffc), url("/assets/images/logo-red-full-padding.svg");
  }

  .bg-\[url\(\/assets\/images\/page\/banner\.jpg\)\] {
    background-image: url("/assets/images/page/banner.jpg");
  }

  .bg-\[url\(\/assets\/images\/page\/qmBanner\.jpg\)\] {
    background-image: url("/assets/images/page/qmBanner.jpg");
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

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

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

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

  .p-\[3\%\] {
    padding: 3%;
  }

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[6px\] {
    padding: 6px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[12px\] {
    padding: 12px;
  }

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

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

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

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

  .pt-\[0px\] {
    padding-top: 0;
  }

  .pt-\[2px\] {
    padding-top: 2px;
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[7px\] {
    padding-top: 7px;
  }

  .pt-\[100px\] {
    padding-top: 100px;
  }

  .pt-\[210px\] {
    padding-top: 210px;
  }

  .pt-\[555px\] {
    padding-top: 555px;
  }

  .pr-\[2px\] {
    padding-right: 2px;
  }

  .pr-\[3px\] {
    padding-right: 3px;
  }

  .pr-\[5px\] {
    padding-right: 5px;
  }

  .pr-\[6px\] {
    padding-right: 6px;
  }

  .pr-\[10px\] {
    padding-right: 10px;
  }

  .pb-\[0px\] {
    padding-bottom: 0;
  }

  .pb-\[2px\] {
    padding-bottom: 2px;
  }

  .pb-\[4px\] {
    padding-bottom: 4px;
  }

  .pb-\[5px\] {
    padding-bottom: 5px;
  }

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

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

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

  .pl-\[\.4em\] {
    padding-left: .4em;
  }

  .pl-\[2cm\] {
    padding-left: 2cm;
  }

  .pl-\[2px\] {
    padding-left: 2px;
  }

  .pl-\[2rem\] {
    padding-left: 2rem;
  }

  .pl-\[4px\] {
    padding-left: 4px;
  }

  .pl-\[8px\] {
    padding-left: 8px;
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

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

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:Gungsuh\] {
    font-family: Gungsuh;
  }

  .\[font-family\:LianHei\] {
    font-family: LianHei;
  }

  .\[font-family\:Microsoft_YaHei\] {
    font-family: Microsoft YaHei;
  }

  .\[font-family\:PingFang_SC\] {
    font-family: PingFang SC;
  }

  .\[font-family\:SimSun\] {
    font-family: SimSun;
  }

  .\[font-family\:Times_New_Roman\,serif\] {
    font-family: Times New Roman, serif;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

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

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

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-\[\.4em\] {
    font-size: .4em;
  }

  .text-\[\.4rem\] {
    font-size: .4rem;
  }

  .text-\[\.5em\] {
    font-size: .5em;
  }

  .text-\[\.5rem\] {
    font-size: .5rem;
  }

  .text-\[\.8rem\] {
    font-size: .8rem;
  }

  .text-\[\.9em\] {
    font-size: .9em;
  }

  .text-\[0\.5rem\] {
    font-size: .5rem;
  }

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[1\.2em\] {
    font-size: 1.2em;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1em\] {
    font-size: 1em;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3em\] {
    font-size: 3em;
  }

  .text-\[9pt\] {
    font-size: 9pt;
  }

  .text-\[11pt\] {
    font-size: 11pt;
  }

  .text-\[12pt\] {
    font-size: 12pt;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5pt\] {
    font-size: 13.5pt;
  }

  .text-\[13pt\] {
    font-size: 13pt;
  }

  .text-\[14pt\] {
    font-size: 14pt;
  }

  .text-\[15pt\] {
    font-size: 15pt;
  }

  .text-\[16\.0pt\] {
    font-size: 16pt;
  }

  .text-\[17pt\] {
    font-size: 17pt;
  }

  .text-\[18pt\] {
    font-size: 18pt;
  }

  .text-\[20\.0pt\], .text-\[20pt\] {
    font-size: 20pt;
  }

  .text-\[30\%\] {
    font-size: 30%;
  }

  .text-\[32\%\] {
    font-size: 32%;
  }

  .text-\[40\%\] {
    font-size: 40%;
  }

  .text-\[48\%\] {
    font-size: 48%;
  }

  .text-\[50\%\] {
    font-size: 50%;
  }

  .text-\[80\%\] {
    font-size: 80%;
  }

  .text-\[90\%\] {
    font-size: 90%;
  }

  .text-\[100\%\] {
    font-size: 100%;
  }

  .text-\[120\%\] {
    font-size: 120%;
  }

  .text-\[150\%\] {
    font-size: 150%;
  }

  .text-\[170\%\] {
    font-size: 170%;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-\[\.4rem\] {
    --tw-leading: .4rem;
    line-height: .4rem;
  }

  .leading-\[\.5rem\] {
    --tw-leading: .5rem;
    line-height: .5rem;
  }

  .leading-\[\.8rem\] {
    --tw-leading: .8rem;
    line-height: .8rem;
  }

  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2rem\] {
    --tw-leading: 1.2rem;
    line-height: 1.2rem;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .\[line-height\:unset\] {
    line-height: unset;
  }

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

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

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.1rem\] {
    --tw-tracking: .1rem;
    letter-spacing: .1rem;
  }

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .break-keep {
    word-break: keep-all;
  }

  .text-\[\#0f0f0f\] {
    color: #0f0f0f;
  }

  .text-\[\#00B0F0\] {
    color: #00b0f0;
  }

  .text-\[\#0000ff\] {
    color: #00f;
  }

  .text-\[\#000000\] {
    color: #000;
  }

  .text-\[\#1f1f1f\] {
    color: #1f1f1f;
  }

  .text-\[\#0070C0\] {
    color: #0070c0;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[\#191919\] {
    color: #191919;
  }

  .text-\[\#222222\] {
    color: #222;
  }

  .text-\[\#333333\] {
    color: #333;
  }

  .text-\[\#374151\] {
    color: #374151;
  }

  .text-\[\#444444\] {
    color: #444;
  }

  .text-\[\#710704\] {
    color: #710704;
  }

  .text-\[\#ff0000\] {
    color: red;
  }

  .text-\[\#fff\] {
    color: #fff;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .text-\[darkgray\] {
    color: #a9a9a9;
  }

  .text-\[dimgrey\] {
    color: #696969;
  }

  .text-\[green\] {
    color: green;
  }

  .text-\[magenta\] {
    color: #f0f;
  }

  .text-\[pink\] {
    color: pink;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[var\(--吉\)\] {
    color: var(--吉);
  }

  .text-\[var\(--大凶\)\] {
    color: var(--大凶);
  }

  .text-\[var\(--大吉\)\] {
    color: var(--大吉);
  }

  .text-\[var\(--字\)\] {
    color: var(--字);
  }

  .text-\[var\(--小吉\)\] {
    color: var(--小吉);
  }

  .text-\[var\(--平\)\] {
    color: var(--平);
  }

  .text-\[var\(--阴\)\] {
    color: var(--阴);
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-double {
    text-decoration-style: double;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-50 {
    opacity: .5;
  }

  .shadow-\[0px_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,0px_2px_2px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_5px_0px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 3px 1px -2px var(--tw-shadow-color, #0003), 0px 2px 2px 0px var(--tw-shadow-color, #00000024), 0px 1px 5px 0px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 5px 5px 5px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[box-shadow\:0px_3px_3px_-2px_rgb\(238\,64\,153\)\,0px_3px_4px_0px_rgb\(238\,64\,153\)\,0px_1px_8px_0px_rgb\(238\,64\,153\)\] {
    box-shadow: 0 3px 3px -2px #ee4099, 0 3px 4px #ee4099, 0 1px 8px #ee4099;
  }

  .\[box-shadow\:5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    box-shadow: 5px 5px 5px #0009;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .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, );
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[ruby-position\:under\] {
    ruby-position: under;
  }

  .\[text-orientation\:upright\] {
    text-orientation: upright;
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr;
  }

  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:right-0:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .before\:bg-\[linear-gradient\(to_top_right\,var\(--内盘\)calc\(50\%-var\(--lineWidth\)\)\,var\(--line\)50\%\,var\(--内盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(to top right, var(--内盘) calc(50% - var(--lineWidth)), var(--line) 50%, var(--内盘) calc(50% + var(--lineWidth)));
  }

  .before\:bg-\[linear-gradient\(to_top_right\,var\(--内盘\)calc\(50\%-var\(--lineWidth\)\)\,var\(--line\)50\%\,var\(--外盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(to top right, var(--内盘) calc(50% - var(--lineWidth)), var(--line) 50%, var(--外盘) calc(50% + var(--lineWidth)));
  }

  .before\:bg-\[linear-gradient\(to_top_right\,var\(--外盘\)calc\(50\%-var\(--lineWidth\)\)\,var\(--line\)50\%\,var\(--内盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(to top right, var(--外盘) calc(50% - var(--lineWidth)), var(--line) 50%, var(--内盘) calc(50% + var(--lineWidth)));
  }

  .before\:bg-\[linear-gradient\(to_top_right\,var\(--外盘\)calc\(50\%-var\(--lineWidth\)\)\,var\(--line\)50\%\,var\(--外盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(to top right, var(--外盘) calc(50% - var(--lineWidth)), var(--line) 50%, var(--外盘) calc(50% + var(--lineWidth)));
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:bg-\[linear-gradient\(to_left_top\,var\(--内盘\)calc\(50\%-1px\)\,var\(--line\)50\%\,var\(--内盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(to left top, var(--内盘) calc(50% - 1px), var(--line) 50%, var(--内盘) calc(50% + var(--lineWidth)));
  }

  .after\:bg-\[linear-gradient\(to_left_top\,var\(--内盘\)calc\(50\%-1px\)\,var\(--line\)50\%\,var\(--外盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(to left top, var(--内盘) calc(50% - 1px), var(--line) 50%, var(--外盘) calc(50% + var(--lineWidth)));
  }

  .after\:bg-\[linear-gradient\(to_left_top\,var\(--外盘\)calc\(50\%-1px\)\,var\(--line\)50\%\,var\(--内盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(to left top, var(--外盘) calc(50% - 1px), var(--line) 50%, var(--内盘) calc(50% + var(--lineWidth)));
  }

  .after\:bg-\[linear-gradient\(to_left_top\,var\(--外盘\)calc\(50\%-1px\)\,var\(--line\)50\%\,var\(--外盘\)calc\(50\%\+var\(--lineWidth\)\)\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(to left top, var(--外盘) calc(50% - 1px), var(--line) 50%, var(--外盘) calc(50% + var(--lineWidth)));
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:border-solid:hover {
      --tw-border-style: solid;
      border-style: solid;
    }

    .hover\:border-\[\#1976d2\]:hover {
      border-color: #1976d2;
    }

    .hover\:bg-\[\#1565c0\]:hover {
      background-color: #1565c0;
    }

    .hover\:bg-\[\#B0E0E6\]:hover {
      background-color: #b0e0e6;
    }

    .hover\:bg-\[rgba\(25\,118\,210\,0\.04\)\]:hover {
      background-color: #1976d20a;
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:shadow-\[0px_2px_4px_-1px_rgba\(0\,0\,0\,0\.2\)\,0px_4px_5px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_10px_0px_rgba\(0\,0\,0\,0\.12\)\]:hover {
      --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color, #0003), 0px 4px 5px 0px var(--tw-shadow-color, #00000024), 0px 1px 10px 0px var(--tw-shadow-color, #0000001f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .active\:shadow-\[0px_5px_5px_-3px_rgba\(0\,0\,0\,0\.2\)\,0px_8px_10px_1px_rgba\(0\,0\,0\,0\.14\)\,0px_3px_14px_2px_rgba\(0\,0\,0\,0\.12\)\]:active {
    --tw-shadow: 0px 5px 5px -3px var(--tw-shadow-color, #0003), 0px 8px 10px 1px var(--tw-shadow-color, #00000024), 0px 3px 14px 2px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:border:disabled {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .disabled\:border-solid:disabled {
    --tw-border-style: solid;
    border-style: solid;
  }

  .disabled\:border-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    border-color: #0000001f;
  }

  .disabled\:bg-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    background-color: #0000001f;
  }

  .disabled\:text-\[rgba\(0\,0\,0\,0\.26\)\]:disabled {
    color: #00000042;
  }

  .disabled\:shadow-none:disabled {
    --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);
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[90\%\] {
      width: 90%;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

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

  @media print {
    .print\:relative {
      position: relative;
    }

    .print\:top-\[5\%\] {
      top: 5%;
    }

    .print\:mx-auto {
      margin-inline: auto;
    }

    .print\:mt-\[3rem\] {
      margin-top: 3rem;
    }

    .print\:block {
      display: block;
    }

    .print\:hidden {
      display: none;
    }

    .print\:h-\[260mm\] {
      height: 260mm;
    }

    .print\:w-\[210mm\] {
      width: 210mm;
    }

    .print\:break-after-page {
      -moz-column-break-after: page;
           break-after: page;
    }

    .print\:justify-end {
      justify-content: flex-end;
    }

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

    .print\:bg-\[url\(\/assets\/images\/qm\/qmdjCover\.jpg\)\] {
      background-image: url("/assets/images/qm/qmdjCover.jpg");
    }

    .print\:bg-cover {
      background-size: cover;
    }

    .print\:pr-5 {
      padding-right: calc(var(--spacing) * 5);
    }

    .print\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }

    .print\:text-center {
      text-align: center;
    }

    .print\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }

    .print\:text-\[white\] {
      color: #fff;
    }
  }

  .\[\&_\.六十四卦\]\:text-\[1em\] .六十四卦 {
    font-size: 1em;
  }

  .\[\&_\.六十四卦\]\:leading-\[1em\] .六十四卦 {
    --tw-leading: 1em;
    line-height: 1em;
  }

  .\[\&_\.六十四卦\]\:text-\[black\] .六十四卦 {
    color: #000;
  }

  .\[\&_\.六十四卦_div\]\:inline-block .六十四卦 div {
    display: inline-block;
  }

  .\[\&_\.六十四卦\.五行\.地支\]\:align-middle .六十四卦.五行.地支 {
    vertical-align: middle;
  }

  .\[\&_\.六十四卦\.五行\.地支\]\:text-\[\.5em\] .六十四卦.五行.地支 {
    font-size: .5em;
  }

  .\[\&_\.六十四卦\.五行\.地支\]\:leading-\[1\.5em\] .六十四卦.五行.地支 {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }

  .\[\&_\.六十四卦\.五行\.天干\]\:align-middle .六十四卦.五行.天干 {
    vertical-align: middle;
  }

  .\[\&_\.六十四卦\.五行\.天干\]\:text-\[\.5em\] .六十四卦.五行.天干 {
    font-size: .5em;
  }

  .\[\&_\.六十四卦\.五行\.天干\]\:leading-\[1\.5em\] .六十四卦.五行.天干 {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }

  .\[\&_\.六十四卦\.名\]\:align-top .六十四卦.名 {
    vertical-align: top;
  }

  .\[\&_\.六十四卦\.名\]\:text-\[\.5em\] .六十四卦.名 {
    font-size: .5em;
  }

  .\[\&_\.六十四卦\.地支\]\:relative .六十四卦.地支 {
    position: relative;
  }

  .\[\&_\.六十四卦\.地支\]\:top-\[0px\] .六十四卦.地支 {
    top: 0;
  }

  .\[\&_\.六十四卦\.地支\]\:align-middle .六十四卦.地支 {
    vertical-align: middle;
  }

  .\[\&_\.六十四卦\.地支\]\:text-\[\.5em\] .六十四卦.地支 {
    font-size: .5em;
  }

  .\[\&_\.六十四卦\.天干\]\:relative .六十四卦.天干 {
    position: relative;
  }

  .\[\&_\.六十四卦\.天干\]\:top-\[0px\] .六十四卦.天干 {
    top: 0;
  }

  .\[\&_\.六十四卦\.天干\]\:align-middle .六十四卦.天干 {
    vertical-align: middle;
  }

  .\[\&_\.六十四卦\.天干\]\:text-\[\.5em\] .六十四卦.天干 {
    font-size: .5em;
  }

  .\[\&_\.土\]\:text-\[yellow\] .土 {
    color: #ff0;
  }

  .\[\&_\.木\]\:text-\[green\] .木 {
    color: green;
  }

  .\[\&_\.水\]\:text-\[blue\] .水 {
    color: #00f;
  }

  .\[\&_\.火\]\:text-\[red\] .火 {
    color: red;
  }

  .\[\&_\.金\]\:text-\[white\] .金 {
    color: #fff;
  }

  .\[\&_button\]\:border-none button {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_div\]\:mr-\[5px\] div {
    margin-right: 5px;
  }

  .\[\&_div\]\:inline-block div {
    display: inline-block;
  }

  .\[\&_div\]\:inline-flex div {
    display: inline-flex;
  }

  .\[\&_div\]\:p-\[10px\] div {
    padding: 10px;
  }

  .\[\&_div\]\:py-\[2px\] div {
    padding-block: 2px;
  }

  .\[\&_div\]\:pl-\[4px\] div {
    padding-left: 4px;
  }

  .\[\&_div\]\:text-center div {
    text-align: center;
  }

  @media print {
    .print\:\[\&_div\]\:flex div {
      display: flex;
    }

    .print\:\[\&_div\]\:items-center div {
      align-items: center;
    }

    .print\:\[\&_div\]\:justify-center div {
      justify-content: center;
    }
  }

  .\[\&_div\.四害\]\:inline-block div.四害 {
    display: inline-block;
  }

  .\[\&_div\.四害\]\:w-\[1em\] div.四害 {
    width: 1em;
  }

  .\[\&_div\.四害\]\:text-\[\.5em\] div.四害 {
    font-size: .5em;
  }

  .\[\&_div\.四害\]\:leading-\[1\.2em\] div.四害 {
    --tw-leading: 1.2em;
    line-height: 1.2em;
  }

  .\[\&_div\.奇格\]\:inline-block div.奇格 {
    display: inline-block;
  }

  .\[\&_div\.奇格\]\:w-\[1em\] div.奇格 {
    width: 1em;
  }

  .\[\&_div\.奇格\]\:text-\[\.5em\] div.奇格 {
    font-size: .5em;
  }

  .\[\&_div\.奇格\]\:leading-\[1\.2em\] div.奇格 {
    --tw-leading: 1.2em;
    line-height: 1.2em;
  }

  .\[\&_div\.奇格\:not\(\:first-of-type\)\:not\(\:last-child\)\]\:ml-\[5px\] div.奇格:not(:first-of-type):not(:last-child) {
    margin-left: 5px;
  }

  .\[\&_h1\]\:relative h1 {
    position: relative;
  }

  .\[\&_h1\]\:w-\[90\%\] h1 {
    width: 90%;
  }

  .\[\&_h1\]\:\[border-radius\:unset\] h1 {
    border-radius: unset;
  }

  .\[\&_h1\]\:pb-\[25px\] h1 {
    padding-bottom: 25px;
  }

  .\[\&_h1\]\:pl-\[10px\] h1 {
    padding-left: 10px;
  }

  .\[\&_h1\]\:text-end h1 {
    text-align: end;
  }

  .\[\&_h1\]\:text-\[14pt\] h1 {
    font-size: 14pt;
  }

  .\[\&_h1\]\:leading-\[0\] h1 {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_h1\]\:text-\[\#00B0F0\] h1 {
    color: #00b0f0;
  }

  .\[\&_h1\]\:text-\[white\] h1 {
    color: #fff;
  }

  .\[\&_h2\]\:mt-\[2em\] h2 {
    margin-top: 2em;
  }

  .\[\&_h2\]\:\[border-radius\:unset\] h2 {
    border-radius: unset;
  }

  .\[\&_h2\]\:text-\[14pt\] h2 {
    font-size: 14pt;
  }

  .\[\&_h2\]\:leading-\[0\] h2 {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_h2\]\:font-bold h2 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h2\]\:text-\[\#00B0F0\] h2 {
    color: #00b0f0;
  }

  .\[\&_h3\]\:\[border-radius\:unset\] h3 {
    border-radius: unset;
  }

  .\[\&_h3\]\:\[font-family\:LianHei\] h3 {
    font-family: LianHei;
  }

  .\[\&_h3\]\:text-\[12pt\] h3 {
    font-size: 12pt;
  }

  .\[\&_h3\]\:leading-\[0\] h3 {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_h3\]\:text-\[\#00B0F0\] h3 {
    color: #00b0f0;
  }

  .\[\&_h4\]\:relative h4 {
    position: relative;
  }

  .\[\&_h4\]\:w-\[90\%\] h4 {
    width: 90%;
  }

  .\[\&_h4\]\:pt-\[150px\] h4 {
    padding-top: 150px;
  }

  .\[\&_h4\]\:pb-\[100px\] h4 {
    padding-bottom: 100px;
  }

  .\[\&_h4\]\:pl-\[10px\] h4 {
    padding-left: 10px;
  }

  .\[\&_h4\]\:text-center h4 {
    text-align: center;
  }

  .\[\&_h4\]\:text-\[white\] h4 {
    color: #fff;
  }

  .\[\&_img\]\:absolute img {
    position: absolute;
  }

  .\[\&_img\]\:-top-\[6\%\] img {
    top: -6%;
  }

  .\[\&_img\]\:-left-\[6\%\] img {
    left: -6%;
  }

  .\[\&_img\]\:w-\[90\%\] img {
    width: 90%;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:inline-block img[alt="logo"] {
    display: inline-block;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:w-\[1\.5em\] img[alt="logo"] {
    width: 1.5em;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:align-middle img[alt="logo"] {
    vertical-align: middle;
  }

  .\[\&_li\]\:row-end-\[span_1\] li {
    grid-row-end: span 1;
  }

  .\[\&_li\]\:flex li {
    display: flex;
  }

  .\[\&_li\]\:flex-grow li {
    flex-grow: 1;
  }

  .\[\&_li\]\:items-center li {
    align-items: center;
  }

  .\[\&_li\]\:\[font-family\:LianHei\] li {
    font-family: LianHei;
  }

  .\[\&_ol\]\:mt-\[1rem\] ol {
    margin-top: 1rem;
  }

  .\[\&_ol\]\:ml-\[2rem\] ol {
    margin-left: 2rem;
  }

  .\[\&_p\]\:\[font-family\:LianHei\] p {
    font-family: LianHei;
  }

  .\[\&_p\]\:leading-\[1\.5\] p {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .\[\&_p\]\:leading-\[200\%\] p {
    --tw-leading: 200%;
    line-height: 200%;
  }

  .\[\&_p\:first-letter\]\:bg-\[transparent\] p:first-letter {
    background-color: #0000;
  }

  .\[\&_p\:first-letter\]\:\[font-family\:Edwardian_Script_ITC\,Brush_Script_MT\,cursive\] p:first-letter {
    font-family: Edwardian Script ITC, Brush Script MT, cursive;
  }

  .\[\&_p\:first-letter\]\:\[font-family\:LianHei\] p:first-letter {
    font-family: LianHei;
  }

  .\[\&_p\:first-letter\]\:text-\[1\.5em\] p:first-letter {
    font-size: 1.5em;
  }

  .\[\&_p\:first-letter\]\:text-\[2em\] p:first-letter {
    font-size: 2em;
  }

  .\[\&_p\:first-letter\]\:tracking-\[\.2em\] p:first-letter {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .\[\&_p\:first-letter\]\:text-\[white\] p:first-letter {
    color: #fff;
  }

  .\[\&_p\:first-letter\]\:italic p:first-letter {
    font-style: italic;
  }

  .\[\&_p\:first-letter\]\:\[text-shadow\:-1px_-1px_0_\#000\,_1px_-1px_0_\#000\,_-1px_1px_0_\#000\,1px_1px_0_\#000\] p:first-letter {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
  }

  .\[\&_ruby\]\:text-\[1\.5rem\] ruby {
    font-size: 1.5rem;
  }

  .\[\&_ruby\]\:font-bold ruby {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_ruby\]\:\[ruby-position\:under\] ruby {
    ruby-position: under;
  }

  .\[\&_ruby_ruby\]\:\[ruby-position\:over\] ruby ruby {
    ruby-position: over;
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

  .\[\&_table\]\:border table {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\]\:border-0 table {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_table\]\:border-solid table {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\]\:border-\[lightgray\] table {
    border-color: #d3d3d3;
  }

  .\[\&_table_td\]\:w-\[36\%\] table td {
    width: 36%;
  }

  .\[\&_table_tr\]\:h-\[2rem\] table tr, .\[\&_table_tr\+tr\]\:h-\[2rem\] table tr + tr, .\[\&_table_tr\+tr\+tr\]\:h-\[2rem\] table tr + tr + tr {
    height: 2rem;
  }

  .\[\&_table_tr\+tr\+tr\+tr\]\:h-\[2\.5rem\] table tr + tr + tr + tr {
    height: 2.5rem;
  }

  .\[\&_table\.仪空\.中文\]\:block table.仪空.中文 {
    display: block;
  }

  .\[\&_table\.天地盘\]\:mx-auto table.天地盘 {
    margin-inline: auto;
  }

  .\[\&_table\.天地盘\]\:border-collapse table.天地盘 {
    border-collapse: collapse;
  }

  .\[\&_table\.天地盘\]\:border table.天地盘 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\.天地盘\]\:border-solid table.天地盘 {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\.天地盘\]\:border-\[darkgray\] table.天地盘 {
    border-color: #a9a9a9;
  }

  .\[\&_table\.天地盘\]\:p-\[10px\] table.天地盘 {
    padding: 10px;
  }

  .\[\&_table\.天地盘\]\:text-center table.天地盘 {
    text-align: center;
  }

  .\[\&_table\.天地盘_td\]\:mx-auto table.天地盘 td {
    margin-inline: auto;
  }

  .\[\&_table\.天地盘_td\]\:border-collapse table.天地盘 td {
    border-collapse: collapse;
  }

  .\[\&_table\.天地盘_td\]\:border table.天地盘 td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\.天地盘_td\]\:border-solid table.天地盘 td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\.天地盘_td\]\:border-\[darkgray\] table.天地盘 td {
    border-color: #a9a9a9;
  }

  .\[\&_table\.天地盘_td\]\:p-\[10px\] table.天地盘 td {
    padding: 10px;
  }

  .\[\&_table\.天地盘_td\]\:text-center table.天地盘 td {
    text-align: center;
  }

  .\[\&_table\.天地盘_tr\]\:mx-auto table.天地盘 tr {
    margin-inline: auto;
  }

  .\[\&_table\.天地盘_tr\]\:border-collapse table.天地盘 tr {
    border-collapse: collapse;
  }

  .\[\&_table\.天地盘_tr\]\:border table.天地盘 tr {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\.天地盘_tr\]\:border-solid table.天地盘 tr {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\.天地盘_tr\]\:border-\[darkgray\] table.天地盘 tr {
    border-color: #a9a9a9;
  }

  .\[\&_table\.天地盘_tr\]\:p-\[10px\] table.天地盘 tr {
    padding: 10px;
  }

  .\[\&_table\.天地盘_tr\]\:text-center table.天地盘 tr {
    text-align: center;
  }

  .\[\&_table\.天盘\.寄天\]\:-ml-\[10px\] table.天盘.寄天 {
    margin-left: -10px;
  }

  .\[\&_table\.奇格_td\]\:max-w-\[10em\] table.奇格 td {
    max-width: 10em;
  }

  .\[\&_td\]\:w-\[1em\] td {
    width: 1em;
  }

  .\[\&_td\]\:border-collapse td {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[gray\] td {
    border-color: gray;
  }

  .\[\&_td\]\:align-top td {
    vertical-align: top;
  }

  .\[\&_tr\]\:border-collapse tr {
    border-collapse: collapse;
  }

  .\[\&_tr\]\:border tr {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_tr\]\:border-solid tr {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr_\&_td\]\:border-collapse tr .\[\&_tr_\&_td\]\:border-collapse td {
    border-collapse: collapse;
  }

  .\[\&_tr_\&_td\]\:\[border\:unset\] tr .\[\&_tr_\&_td\]\:\[border\:unset\] td {
    border: unset;
  }

  .\[\&_tr_td\]\:first-of-type\:text-left tr td:first-of-type {
    text-align: left;
  }

  .\[\&_tr_td\]\:first-of-type\:\[font-family\:unset\] tr td:first-of-type {
    font-family: unset;
  }

  .\[\&_ul\]\:m-0 ul {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_ul\]\:mt-\[1rem\] ul {
    margin-top: 1rem;
  }

  .\[\&_ul\]\:ml-\[2rem\] ul {
    margin-left: 2rem;
  }

  .\[\&_ul\]\:flex ul {
    display: flex;
  }

  .\[\&_ul\]\:grid-flow-dense ul {
    grid-auto-flow: dense;
  }

  .\[\&_ul\]\:auto-rows-\[minmax\(10px\,1fr\)\] ul {
    grid-auto-rows: minmax(10px, 1fr);
  }

  .\[\&_ul\]\:flex-col ul {
    flex-direction: column;
  }

  .\[\&_ul\]\:gap-\[5px\] ul {
    gap: 5px;
  }

  .\[\&_ul\]\:p-0 ul {
    padding: calc(var(--spacing) * 0);
  }

  @media (min-width: 40rem) {
    .\[\&_ul\]\:sm\:flex-row ul {
      flex-direction: row;
    }
  }

  .\[\&\+rt\]\:after\:absolute + rt:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\+rt\]\:after\:inline-block + rt:after {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\+rt\]\:after\:w-\[0\.5rem\] + rt:after {
    content: var(--tw-content);
    width: .5rem;
  }

  .\[\&\+rt\]\:after\:text-\[1\.5rem\] + rt:after {
    content: var(--tw-content);
    font-size: 1.5rem;
  }

  .\[\&\+rt\]\:after\:text-\[1rem\] + rt:after {
    content: var(--tw-content);
    font-size: 1rem;
  }

  .\[\&\+rt\]\:after\:leading-\[0\] + rt:after {
    content: var(--tw-content);
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&\+rt\]\:after\:content-\[\"\.\"\] + rt:after {
    content: var(--tw-content);
    --tw-content: ".";
    content: var(--tw-content);
  }

  .\[\&\+rt\]\:after\:content-\[\"。\"\] + rt:after {
    content: var(--tw-content);
    --tw-content: "。";
    content: var(--tw-content);
  }

  .\[\&\.丁奇入墓\]\:text-\[var\(--大凶\)\].丁奇入墓, .\[\&\.三奇入墓\]\:text-\[var\(--大凶\)\].三奇入墓, .\[\&\.三奇受制\]\:text-\[var\(--大凶\)\].三奇受制 {
    color: var(--大凶);
  }

  .\[\&\.三奇得使\]\:text-\[var\(--吉\)\].三奇得使, .\[\&\.三奇贵人\]\:text-\[var\(--吉\)\].三奇贵人 {
    color: var(--吉);
  }

  .\[\&\.丙奇入墓\]\:text-\[var\(--大凶\)\].丙奇入墓 {
    color: var(--大凶);
  }

  .\[\&\.中文\]\:block.中文 {
    display: block;
  }

  .\[\&\.中文\]\:text-\[150\%\].中文 {
    font-size: 150%;
  }

  .\[\&\.中文\]\:font-bold.中文 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\.乙奇入墓\]\:text-\[var\(--大凶\)\].乙奇入墓 {
    color: var(--大凶);
  }

  .\[\&\.云遁\]\:text-\[var\(--吉\)\].云遁, .\[\&\.交泰\]\:text-\[var\(--吉\)\].交泰, .\[\&\.人假\]\:text-\[var\(--吉\)\].人假, .\[\&\.人遁\]\:text-\[var\(--吉\)\].人遁 {
    color: var(--吉);
  }

  .\[\&\.伏勃\]\:text-\[var\(--大凶\)\].伏勃, .\[\&\.伏干格\]\:text-\[var\(--大凶\)\].伏干格 {
    color: var(--大凶);
  }

  .\[\&\.休诈\]\:text-\[var\(--吉\)\].休诈 {
    color: var(--吉);
  }

  .\[\&\.使入地牢\]\:text-\[var\(--大凶\)\].使入地牢, .\[\&\.入墓\]\:text-\[var\(--大凶\)\].入墓, .\[\&\.六仪击刑\]\:text-\[var\(--大凶\)\].六仪击刑, .\[\&\.击刑\]\:text-\[var\(--大凶\)\].击刑 {
    color: var(--大凶);
  }

  .\[\&\.地假\]\:text-\[var\(--吉\)\].地假 {
    color: var(--吉);
  }

  .\[\&\.地户蔽门\]\:text-\[var\(--大凶\)\].地户蔽门 {
    color: var(--大凶);
  }

  .\[\&\.地遁\]\:text-\[var\(--吉\)\].地遁 {
    color: var(--吉);
  }

  .\[\&\.壬入墓\]\:text-\[var\(--大凶\)\].壬入墓, .\[\&\.壬击刑\]\:text-\[var\(--大凶\)\].壬击刑, .\[\&\.天乙伏宫\]\:text-\[var\(--大凶\)\].天乙伏宫, .\[\&\.天乙飞宫\]\:text-\[var\(--大凶\)\].天乙飞宫 {
    color: var(--大凶);
  }

  .\[\&\.天假\]\:text-\[var\(--吉\)\].天假 {
    color: var(--吉);
  }

  .\[\&\.天庭地户\]\:text-\[var\(--大凶\)\].天庭地户, .\[\&\.天网华盖\]\:text-\[var\(--大凶\)\].天网华盖, .\[\&\.天网四张\]\:text-\[var\(--大凶\)\].天网四张 {
    color: var(--大凶);
  }

  .\[\&\.天辅时\]\:text-\[var\(--吉\)\].天辅时, .\[\&\.天运昌气\]\:text-\[var\(--吉\)\].天运昌气, .\[\&\.天遁\]\:text-\[var\(--吉\)\].天遁 {
    color: var(--吉);
  }

  .\[\&\.太白刑门\]\:text-\[var\(--大凶\)\].太白刑门 {
    color: var(--大凶);
  }

  .\[\&\.奇仪相合\]\:text-\[var\(--吉\)\].奇仪相合, .\[\&\.奇游禄位\]\:text-\[var\(--吉\)\].奇游禄位 {
    color: var(--吉);
  }

  .\[\&\.宫迫\]\:text-\[var\(--大凶\)\].宫迫, .\[\&\.岁格\]\:text-\[var\(--大凶\)\].岁格, .\[\&\.己入墓\]\:text-\[var\(--大凶\)\].己入墓, .\[\&\.己击刑\]\:text-\[var\(--大凶\)\].己击刑 {
    color: var(--大凶);
  }

  .\[\&\.年\]\:w-\[15em\].年 {
    width: 15em;
  }

  .\[\&\.年\]\:align-bottom.年 {
    vertical-align: bottom;
  }

  .\[\&\.庚入墓\]\:text-\[var\(--大凶\)\].庚入墓, .\[\&\.庚击刑\]\:text-\[var\(--大凶\)\].庚击刑, .\[\&\.悖格\]\:text-\[var\(--大凶\)\].悖格, .\[\&\.戊入墓\]\:text-\[var\(--大凶\)\].戊入墓, .\[\&\.戊击刑\]\:text-\[var\(--大凶\)\].戊击刑, .\[\&\.日格\]\:text-\[var\(--大凶\)\].日格 {
    color: var(--大凶);
  }

  .\[\&\.日照当门\]\:text-\[var\(--吉\)\].日照当门 {
    color: var(--吉);
  }

  .\[\&\.时干入墓\]\:text-\[var\(--大凶\)\].时干入墓, .\[\&\.时干墓\]\:text-\[var\(--大凶\)\].时干墓, .\[\&\.时格\]\:text-\[var\(--大凶\)\].时格, .\[\&\.星伏吟\]\:text-\[var\(--大凶\)\].星伏吟, .\[\&\.星反吟\]\:text-\[var\(--大凶\)\].星反吟, .\[\&\.星门入墓\]\:text-\[var\(--大凶\)\].星门入墓 {
    color: var(--大凶);
  }

  .\[\&\.月\]\:w-\[15em\].月 {
    width: 15em;
  }

  .\[\&\.月\]\:align-bottom.月 {
    vertical-align: bottom;
  }

  .\[\&\.月拱福户\]\:text-\[var\(--吉\)\].月拱福户 {
    color: var(--吉);
  }

  .\[\&\.月格\]\:text-\[var\(--大凶\)\].月格 {
    color: var(--大凶);
  }

  .\[\&\.欢怡\]\:text-\[var\(--吉\)\].欢怡, .\[\&\.物假\]\:text-\[var\(--吉\)\].物假, .\[\&\.玉女守门\]\:text-\[var\(--吉\)\].玉女守门 {
    color: var(--吉);
  }

  .\[\&\.癸入墓\]\:text-\[var\(--大凶\)\].癸入墓, .\[\&\.癸击刑\]\:text-\[var\(--大凶\)\].癸击刑 {
    color: var(--大凶);
  }

  .\[\&\.相佐\]\:text-\[var\(--吉\)\].相佐, .\[\&\.真诈\]\:text-\[var\(--吉\)\].真诈, .\[\&\.神假\]\:text-\[var\(--吉\)\].神假, .\[\&\.神遁\]\:text-\[var\(--吉\)\].神遁, .\[\&\.虎遁\]\:text-\[var\(--吉\)\].虎遁 {
    color: var(--吉);
  }

  .\[\&\.财帛\.空亡\]\:text-\[150\%\].财帛.空亡 {
    font-size: 150%;
  }

  .\[\&\.财帛\.空亡\]\:text-\[red\].财帛.空亡 {
    color: red;
  }

  .\[\&\.辛入墓\]\:text-\[var\(--大凶\)\].辛入墓, .\[\&\.辛击刑\]\:text-\[var\(--大凶\)\].辛击刑 {
    color: var(--大凶);
  }

  .\[\&\.重诈\]\:text-\[var\(--吉\)\].重诈 {
    color: var(--吉);
  }

  .\[\&\.门伏吟\]\:text-\[var\(--大凶\)\].门伏吟, .\[\&\.门反吟\]\:text-\[var\(--大凶\)\].门反吟, .\[\&\.门迫\]\:text-\[var\(--大凶\)\].门迫 {
    color: var(--大凶);
  }

  .\[\&\.风遁\]\:text-\[var\(--吉\)\].风遁 {
    color: var(--吉);
  }

  .\[\&\.飞勃\]\:text-\[var\(--大凶\)\].飞勃, .\[\&\.飞干格\]\:text-\[var\(--大凶\)\].飞干格 {
    color: var(--大凶);
  }

  .\[\&\.鬼假\]\:text-\[var\(--吉\)\].鬼假, .\[\&\.鬼遁\]\:text-\[var\(--吉\)\].鬼遁, .\[\&\.龙遁\]\:text-\[var\(--吉\)\].龙遁 {
    color: var(--吉);
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }

  .\[\&\>div\]\:pl-\[1rem\] > div {
    padding-left: 1rem;
  }

  .\[\&\>div\]\:first-of-type\:bg-\[\#FEFACB\] > div:first-of-type {
    background-color: #fefacb;
  }

  .\[\&\>div\]\:first-of-type\:text-\[150\%\] > div:first-of-type {
    font-size: 150%;
  }

  .\[\&\>div\:first-of-type\>div\:first-of-type\]\:brightness-\[20\] > div:first-of-type > div:first-of-type {
    --tw-brightness: brightness(20);
    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, );
  }

  .\[\&\>div\:first\>div\]\:w-\[1\.5em\] > div:first > div {
    width: 1.5em;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:m-\[12px\] > div > div:nth-of-type(2) {
    margin: 12px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:rounded-\[10px\] > div > div:nth-of-type(2) {
    border-radius: 10px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:border > div > div:nth-of-type(2) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:border-solid > div > div:nth-of-type(2) {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:border-\[\#555\] > div > div:nth-of-type(2) {
    border-color: #555;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-blue-full-padding\.svg\)\] > div > div:nth-of-type(2) {
    background-image: linear-gradient(#fffc, #fffc), url("/assets/images/logo-blue-full-padding.svg");
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:bg-contain > div > div:nth-of-type(2) {
    background-size: contain;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:bg-center > div > div:nth-of-type(2) {
    background-position: center;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:bg-no-repeat > div > div:nth-of-type(2) {
    background-repeat: no-repeat;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:p-\[12px\] > div > div:nth-of-type(2) {
    padding: 12px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:pt-\[6px\] > div > div:nth-of-type(2) {
    padding-top: 6px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:pr-\[30px\] > div > div:nth-of-type(2) {
    padding-right: 30px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:pb-\[10px\] > div > div:nth-of-type(2) {
    padding-bottom: 10px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:pl-\[20px\] > div > div:nth-of-type(2) {
    padding-left: 20px;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:align-middle > div > div:nth-of-type(2) {
    vertical-align: middle;
  }

  .\[\&\>div\>div\:nth-of-type\(2\)\]\:\[box-shadow\:5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] > div > div:nth-of-type(2) {
    box-shadow: 5px 5px 5px #0009;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }

  .\[\&\>tbody\>tr\]\:border-collapse > tbody > tr {
    border-collapse: collapse;
  }

  .\[\&\>tbody\>tr\]\:border > tbody > tr {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>tbody\>tr\]\:border-solid > tbody > tr {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>td\>div\]\:inline-block > td > div {
    display: inline-block;
  }

  @media screen {
    .\[\@media_screen\]\:mx-auto {
      margin-inline: auto;
    }

    .\[\@media_screen\]\:my-\[1rem\] {
      margin-block: 1rem;
    }
  }

  @media (min-width: 600px) {
    .\[\@media\(min-width\:600px\)\]\:max-w-\[66\.666667\%\] {
      max-width: 66.6667%;
    }

    .\[\@media\(min-width\:600px\)\]\:grow-0 {
      flex-grow: 0;
    }

    .\[\@media\(min-width\:600px\)\]\:basis-8\/12 {
      flex-basis: 66.6667%;
    }
  }

  @media (min-width: 900px) {
    .\[\@media\(min-width\:900px\)\]\:max-w-\[66\.666667\%\] {
      max-width: 66.6667%;
    }

    .\[\@media\(min-width\:900px\)\]\:grow-0 {
      flex-grow: 0;
    }

    .\[\@media\(min-width\:900px\)\]\:basis-8\/12 {
      flex-basis: 66.6667%;
    }
  }
}

.writing-vertical-rl {
  writing-mode: vertical-rl;
}

.under {
  ruby-position: under;
}

.rbs {
  ruby-position: under;
  writing-mode: vertical-lr;
  text-orientation: upright;
  font-size: 1.5rem;
  font-weight: bolder;
}

.text-sideways {
  text-orientation: sideways;
}

.bdr, .bdr > tbody > tr, .bdr > tbody > tr > td {
  border-collapse: collapse;
  border: 1px solid gray;
}

.watermark {
  background-color: #0000;
  background-image: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg");
  background-position: 0 0, center;
  background-repeat: repeat, no-repeat;
  background-size: contain;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-spacing-x: 0;
      --tw-border-spacing-y: 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-border-style: solid;
      --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-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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-lg: .5rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  .writing-vertical-rl {
    writing-mode: vertical-rl;
  }

  .under {
    ruby-position: under;
  }

  .rbs {
    ruby-position: under;
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 1.5rem;
    font-weight: bolder;
  }

  .text-sideways {
    text-orientation: sideways;
  }

  .bdr, .bdr > tbody > tr, .bdr > tbody > tr > td {
    border-collapse: collapse;
    border: 1px solid gray;
  }

  .watermark {
    background-color: #0000;
    background-image: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg");
    background-position: 0 0, center;
    background-repeat: repeat, no-repeat;
    background-size: contain;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .collapse {
    visibility: collapse;
  }

  .relative {
    position: relative;
  }

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

  .mx-auto {
    margin-inline: auto;
  }

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

  .flex {
    display: flex;
  }

  .inline {
    display: inline;
  }

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

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

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

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

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: -moz-max-content;
    width: max-content;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .overflow-auto {
    overflow: auto;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-r-\[1px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-\[2px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-\[1px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .bg-\[\#f7fae3\] {
    background-color: #f7fae3;
  }

  .bg-\[\#f8e3fa\] {
    background-color: #f8e3fa;
  }

  .bg-white {
    background-color: var(--color-white);
  }

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

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

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

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

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

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

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[1\.5em\] {
    font-size: 1.5em;
  }

  .leading-\[1\.43\] {
    --tw-leading: 1.43;
    line-height: 1.43;
  }

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

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

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.01071em\] {
    --tw-tracking: .01071em;
    letter-spacing: .01071em;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[rgba\(0\,0\,0\,0\.87\)\] {
    color: #000000de;
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .normal-case {
    text-transform: none;
  }

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

  .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);
  }

  .ring-black {
    --tw-ring-color: var(--color-black);
  }

  .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, );
  }

  .\[direction\:ltr\] {
    direction: ltr;
  }

  .\[direction\:rtl\] {
    direction: rtl;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#c4d7f5\]:hover {
      background-color: #c4d7f5;
    }

    .hover\:bg-\[\#ebf5d5\]:hover {
      background-color: #ebf5d5;
    }
  }

  @media print {
    .print\:hidden {
      display: none;
    }
  }

  .\[\&_p\]\:leading-\[1\.5\] p {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .\[\&_tbody_tr\:hover\]\:bg-\[\#ebf5d5\] tbody tr:hover {
    background-color: #ebf5d5;
  }

  .\[\&_td\]\:w-auto td {
    width: auto;
  }

  .\[\&_td\]\:border-\[1px\] td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-t-0 td {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&_td\]\:border-b-\[1px\] td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-l-\[1px\] td {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[lightgray\] td {
    border-color: #d3d3d3;
  }

  .\[\&_td\]\:p-0 td {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_td\]\:px-3 td {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&_td\]\:whitespace-nowrap td {
    white-space: nowrap;
  }

  .\[\&_td\:hover\]\:bg-\[\#c4d7f5\] td:hover {
    background-color: #c4d7f5;
  }

  .\[\&_th\]\:border-\[1px\] th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-solid th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_th\]\:border-\[lightgray\] th {
    border-color: #d3d3d3;
  }

  .\[\&_th\]\:text-\[white\] th {
    color: #fff;
  }

  .\[\&_th\]\:uppercase th {
    text-transform: uppercase;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_thead\]\:z-\[1\] thead {
    z-index: 1;
  }

  .\[\&_thead\]\:bg-gray-700 thead {
    background-color: var(--color-gray-700);
  }

  .\[\&_tr_td\]\:first\:border-r-0 tr td:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .\[\&_tr_td\]\:last\:border-r-\[1px\] tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .\[\&_tr\>td\]\:first\:border-solid tr > td:first-child, .\[\&_tr\>th\]\:border-solid tr > th {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\>th\]\:first\:border-l-0 tr > th:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-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
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

  .top-2\/4 {
    top: 50%;
  }

  .top-\[2px\] {
    top: 2px;
  }

  .top-\[5cqh\] {
    top: 5cqh;
  }

  .top-\[200px\] {
    top: 200px;
  }

  .bottom-\[0rem\] {
    bottom: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

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

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-32 {
    margin: calc(var(--spacing) * 32);
  }

  .m-35 {
    margin: calc(var(--spacing) * 35);
  }

  .m-61 {
    margin: calc(var(--spacing) * 61);
  }

  .m-90 {
    margin: calc(var(--spacing) * 90);
  }

  .m-138 {
    margin: calc(var(--spacing) * 138);
  }

  .m-139 {
    margin: calc(var(--spacing) * 139);
  }

  .m-148 {
    margin: calc(var(--spacing) * 148);
  }

  .m-215 {
    margin: calc(var(--spacing) * 215);
  }

  .m-228 {
    margin: calc(var(--spacing) * 228);
  }

  .m-335 {
    margin: calc(var(--spacing) * 335);
  }

  .m-386 {
    margin: calc(var(--spacing) * 386);
  }

  .m-413 {
    margin: calc(var(--spacing) * 413);
  }

  .m-584 {
    margin: calc(var(--spacing) * 584);
  }

  .m-704 {
    margin: calc(var(--spacing) * 704);
  }

  .m-895 {
    margin: calc(var(--spacing) * 895);
  }

  .m-900 {
    margin: calc(var(--spacing) * 900);
  }

  .m-903 {
    margin: calc(var(--spacing) * 903);
  }

  .m-1034 {
    margin: calc(var(--spacing) * 1034);
  }

  .m-1353 {
    margin: calc(var(--spacing) * 1353);
  }

  .m-1644 {
    margin: calc(var(--spacing) * 1644);
  }

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

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

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

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

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

  .h-\[1em\] {
    height: 1em;
  }

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

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

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[7em\] {
    width: 7em;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-full {
    width: 100%;
  }

  .w-screen {
    width: 100vw;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-grab {
    cursor: grab;
  }

  .touch-none {
    touch-action: none;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[black\] {
    border-color: #000;
  }

  .border-\[solid\] {
    border-color: solid;
  }

  .bg-\[\#dddddd\] {
    background-color: #ddd;
  }

  .bg-\[\#ffffff99\] {
    background-color: #fff9;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .fill-\[gold\] {
    fill: gold;
  }

  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

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

  .\!pl-2 {
    padding-left: calc(var(--spacing) * 2) !important;
  }

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

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

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

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

  .text-\[1px\] {
    font-size: 1px;
  }

  .text-\[6px\] {
    font-size: 6px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[70\%\] {
    font-size: 70%;
  }

  .leading-\[1\], .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

  .text-\[\#000000\] {
    color: #000;
  }

  .ring {
    --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);
  }

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

  .invert {
    --tw-invert: invert(100%);
    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, );
  }

  .sepia {
    --tw-sepia: sepia(100%);
    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, );
  }

  .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, );
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[transition\:top_0\.3s_ease\,left_0\.3s_ease\] {
    transition: top .3s, left .3s;
  }

  .\[\&_button\]\:w-\[2em\] button {
    width: 2em;
  }

  .\[\&_button\]\:text-\[130\%\] button {
    font-size: 130%;
  }

  .\[\&_button\]\:leading-\[0\] button {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_button\]\:font-bold button {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_input\]\:w-\[3rem\] input {
    width: 3rem;
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-white: #fff;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-thin: 100;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  .writing-vertical-rl {
    writing-mode: vertical-rl;
  }

  .under {
    ruby-position: under;
  }

  .text-sideways {
    text-orientation: sideways;
  }

  .bdr, .bdr > tbody > tr, .bdr > tbody > tr > td {
    border-collapse: collapse;
    border: 1px solid gray;
  }

  .watermark {
    background-color: #0000;
    background-image: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg");
    background-position: 0 0, center;
    background-repeat: repeat, no-repeat;
    background-size: contain;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

  .top-2\/4 {
    top: 50%;
  }

  .top-\[1\.8rem\] {
    top: 1.8rem;
  }

  .top-\[1rem\] {
    top: 1rem;
  }

  .top-\[3\.5rem\] {
    top: 3.5rem;
  }

  .top-\[4\.3rem\] {
    top: 4.3rem;
  }

  .top-\[42mm\] {
    top: 42mm;
  }

  .top-\[76mm\] {
    top: 76mm;
  }

  .top-\[110mm\] {
    top: 110mm;
  }

  .top-\[126px\] {
    top: 126px;
  }

  .top-\[130px\] {
    top: 130px;
  }

  .top-\[140px\] {
    top: 140px;
  }

  .top-\[144mm\] {
    top: 144mm;
  }

  .top-\[150px\] {
    top: 150px;
  }

  .top-\[209mm\] {
    top: 209mm;
  }

  .top-\[213mm\] {
    top: 213mm;
  }

  .top-\[235px\] {
    top: 235px;
  }

  .top-\[359px\] {
    top: 359px;
  }

  .top-\[485px\] {
    top: 485px;
  }

  .top-\[610px\] {
    top: 610px;
  }

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

  .left-\[7\.5rem\] {
    left: 7.5rem;
  }

  .left-\[165mm\] {
    left: 165mm;
  }

  .left-\[167mm\] {
    left: 167mm;
  }

  .left-\[350px\] {
    left: 350px;
  }

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

  .float-right {
    float: right;
  }

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

  .m-\[0in\] {
    margin: 0;
  }

  .m-\[4px\] {
    margin: 4px;
  }

  .m-auto {
    margin: auto;
  }

  .\!mx-auto {
    margin-inline: auto !important;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-\[0in\] {
    margin-block: 0;
  }

  .-mt-\[90px\] {
    margin-top: -90px;
  }

  .mt-\[566px\] {
    margin-top: 566px;
  }

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

  .mr-\[0in\] {
    margin-right: 0;
  }

  .mr-\[20px\] {
    margin-right: 20px;
  }

  .mr-auto {
    margin-right: auto;
  }

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

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .ml-\[0\.5in\] {
    margin-left: .5in;
  }

  .ml-\[20px\] {
    margin-left: 20px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!inline {
    display: inline !important;
  }

  .\[display\:ruby-text\] {
    display: ruby-text;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

  .h-\[1\.5rem\] {
    height: 1.5rem;
  }

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

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

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

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

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

  .h-\[56\.85pt\] {
    height: 56.85pt;
  }

  .h-\[180mm\] {
    height: 180mm;
  }

  .h-\[297mm\] {
    height: 297mm;
  }

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

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

  .h-full {
    height: 100%;
  }

  .\!w-\[80\%\] {
    width: 80% !important;
  }

  .w-\[1\.5rem\] {
    width: 1.5rem;
  }

  .w-\[2\.5rem\] {
    width: 2.5rem;
  }

  .w-\[4rem\] {
    width: 4rem;
  }

  .w-\[7em\] {
    width: 7em;
  }

  .w-\[10rem\] {
    width: 10rem;
  }

  .w-\[12rem\] {
    width: 12rem;
  }

  .w-\[29rem\] {
    width: 29rem;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[143mm\] {
    width: 143mm;
  }

  .w-\[180mm\] {
    width: 180mm;
  }

  .w-\[190mm\] {
    width: 190mm;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[calc\(1\/3\*100\%\)\] {
    width: 33.3333%;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .list-outside {
    list-style-position: outside;
  }

  .\[break-after\:always\!important\] {
    -moz-column-break-after: always !important;
         break-after: always !important;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[black\] {
    border-color: #000;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .bg-\[\#000\] {
    background-color: #000;
  }

  .bg-\[\#8BCE9E\] {
    background-color: #8bce9e;
  }

  .bg-\[\#333\] {
    background-color: #333;
  }

  .bg-\[\#EC407A\] {
    background-color: #ec407a;
  }

  .bg-\[\#c9ca8688\] {
    background-color: #c9ca8688;
  }

  .bg-\[gray\] {
    background-color: gray;
  }

  .bg-\[red\] {
    background-color: red;
  }

  .bg-\[rgba\(187\,187\,187\,0\.3\)\] {
    background-color: #bbbbbb4d;
  }

  .bg-\[rgba\(255\,204\,204\,0\.3\)\] {
    background-color: #ffcccc4d;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[url\(\/assets\/images\/bz\/baziCover\.jpg\)\] {
    background-image: url("/assets/images/bz/baziCover.jpg");
  }

  .\!\[background-size\:20\%\] {
    background-size: 20% !important;
  }

  .\!\[background-size\:30\%\] {
    background-size: 30% !important;
  }

  .\!\[background-size\:50\%\] {
    background-size: 50% !important;
  }

  .\!\[background-size\:60\%\] {
    background-size: 60% !important;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .\[padding\:0in_5\.4pt_0in_5\.4pt\] {
    padding: 0 5.4pt;
  }

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

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

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

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

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

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

  .pl-\[5px\] {
    padding-left: 5px;
  }

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

  .text-left {
    text-align: left;
  }

  .indent-\[-\.25in\] {
    text-indent: -.25in;
  }

  .indent-\[36\.7pt\] {
    text-indent: 36.7pt;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:Century_Gothic\,sans-serif\] {
    font-family: Century Gothic, sans-serif;
  }

  .\[font-family\:LianHei\] {
    font-family: LianHei;
  }

  .font-\[bolder\] {
    font-family: bolder;
  }

  .font-\[sans-serif\] {
    font-family: sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

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

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[4rem\] {
    font-size: 4rem;
  }

  .text-\[6em\] {
    font-size: 6em;
  }

  .text-\[12\.0pt\] {
    font-size: 12pt;
  }

  .text-\[16\.0pt\], .text-\[16pt\] {
    font-size: 16pt;
  }

  .text-\[20\.0pt\], .text-\[20pt\] {
    font-size: 20pt;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[40\%\] {
    font-size: 40%;
  }

  .text-\[50\%\] {
    font-size: 50%;
  }

  .text-\[60\%\] {
    font-size: 60%;
  }

  .text-\[80\%\] {
    font-size: 80%;
  }

  .text-\[90\%\] {
    font-size: 90%;
  }

  .text-\[120\%\] {
    font-size: 120%;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-\[3rem\] {
    --tw-leading: 3rem;
    line-height: 3rem;
  }

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

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }

  .tracking-\[\.2rem\] {
    --tw-tracking: .2rem;
    letter-spacing: .2rem;
  }

  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }

  .text-\[\#7F7F7F\] {
    color: #7f7f7f;
  }

  .text-\[\#EC407A\] {
    color: #ec407a;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-white {
    color: var(--color-white);
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-10 {
    opacity: .1;
  }

  .\[background\:linear-gradient\(rgba\(255\,255\,255\,0\.7\)\,rgba\(255\,255\,255\,0\.9\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)_center_no-repeat\] {
    background: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg") center no-repeat;
  }

  .\[font\:7\.0pt_Times_New_Roman\] {
    font: 7pt Times New Roman;
  }

  .\[page-break-after\:always\!important\] {
    page-break-after: always !important;
  }

  .\[page-break-inside\:avoid\!important\] {
    page-break-inside: avoid !important;
  }

  .\[ruby-position\:under\] {
    ruby-position: under;
  }

  @media print {
    .print\:\!block {
      display: block !important;
    }

    .print\:block {
      display: block;
    }

    .print\:hidden {
      display: none;
    }
  }

  .\[\&_button\]\:w-\[2rem\] button {
    width: 2rem;
  }

  .\[\&_div\]\:inline-block div {
    display: inline-block;
  }

  .\[\&_div\]\:p-\[10px\] div, .\[\&_div\.八字日主60甲子\.paper\]\:p-\[10px\] div.八字日主60甲子.paper, .\[\&_div\.八字日主性格\.paper\]\:p-\[10px\] div.八字日主性格.paper {
    padding: 10px;
  }

  @media print {
    .\[\&_img\]\:print\:w-\[5rem\] img {
      width: 5rem;
    }
  }

  .\[\&_p\]\:leading-\[200\%\] p {
    --tw-leading: 200%;
    line-height: 200%;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:bg-\[transparent\] p:nth-child(odd):first-letter {
    background-color: #0000;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:pr-\[2px\] p:nth-child(odd):first-letter {
    padding-right: 2px;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[font-family\:kaiti\] p:nth-child(odd):first-letter {
    font-family: kaiti;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[1\.5em\] p:nth-child(odd):first-letter {
    font-size: 1.5em;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[pink\] p:nth-child(odd):first-letter {
    color: pink;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[text-shadow\:-1px_-1px_0_\#000\,_1px_-1px_0_\#000\,_-1px_1px_0_\#000\,1px_1px_0_\#000\] p:nth-child(odd):first-letter {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
  }

  .\[\&_ruby\]\:text-\[1\.5rem\] ruby {
    font-size: 1.5rem;
  }

  .\[\&_table\.月历_td\.header\]\:w-\[5em\] table.月历 td.header {
    width: 5em;
  }

  .\[\&_table\.月历_td\.header\]\:text-center table.月历 td.header {
    text-align: center;
  }

  .\[\&_td\]\:w-\[5rem\] td {
    width: 5rem;
  }

  .\[\&_td\]\:border-\[1px\] td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-none td {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[black\] td {
    border-color: #000;
  }

  .\[\&_td\]\:border-\[lightgray\] td {
    border-color: #d3d3d3;
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&_td\.col\.header\.天干\.中文\]\:pt-\[6px\] td.col.header.天干.中文 {
    padding-top: 6px;
  }

  .\[\&_td\.卦象_div\.上\]\:block td.卦象 div.上 {
    display: block;
  }

  .\[\&_td\.卦象_div\.上\]\:leading-\[1\.3em\] td.卦象 div.上 {
    --tw-leading: 1.3em;
    line-height: 1.3em;
  }

  .\[\&_td\.卦象_div\.上_div\]\:inline td.卦象 div.上 div {
    display: inline;
  }

  .\[\&_td\.卦象_div\.上_div\.卦象\]\:text-\[1\.5em\] td.卦象 div.上 div.卦象 {
    font-size: 1.5em;
  }

  .\[\&_td\.卦象_div\.上_div\.卦象\]\:font-extrabold td.卦象 div.上 div.卦象 {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .\[\&_td\.卦象_div\.下\]\:block td.卦象 div.下 {
    display: block;
  }

  .\[\&_td\.卦象_div\.下\]\:leading-\[1\.3em\] td.卦象 div.下 {
    --tw-leading: 1.3em;
    line-height: 1.3em;
  }

  .\[\&_td\.卦象_div\.下_div\]\:inline td.卦象 div.下 div {
    display: inline;
  }

  .\[\&_td\.卦象_div\.下_div\.卦象\]\:text-\[1\.5em\] td.卦象 div.下 div.卦象 {
    font-size: 1.5em;
  }

  .\[\&_td\.卦象_div\.卦\.名\.英\]\:text-\[60\%\] td.卦象 div.卦.名.英 {
    font-size: 60%;
  }

  .\[\&_td\.卦象_div\.卦\.名\.英\]\:font-semibold td.卦象 div.卦.名.英 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_td\.空亡\]\:h-\[6\.5em\] td.空亡 {
    height: 6.5em;
  }

  .\[\&_td\.空亡\]\:min-w-\[6em\] td.空亡, .\[\&_td\.藏干\.十神\]\:min-w-\[6em\] td.藏干.十神 {
    min-width: 6em;
  }

  .\[\&_table\]\:\[\&_td\.首\]\:border table td.首 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\]\:\[\&_td\.首\]\:border-solid table td.首 {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\]\:border-none tr {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_tr\]\:border-\[black\] tr {
    border-color: #000;
  }

  .\[\&_table\]\:\[\&\.八字\]\:table-fixed table.八字 {
    table-layout: fixed;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-collapse table.八字 {
    border-collapse: collapse;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border table.八字 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-solid table.八字 {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-\[lightgray\] table.八字 {
    border-color: #d3d3d3;
  }

  .\[\&_table\]\:\[\&\.大运\]\:max-w-\[205mm\] table.大运 {
    max-width: 205mm;
  }

  .\[\&_table\]\:\[_td\.首\]\:table-fixed table:is(td.首) {
    table-layout: fixed;
  }

  .\[\&_table\]\:\[_td\.首\]\:border-collapse table:is(td.首) {
    border-collapse: collapse;
  }

  .\[\&_table\]\:\[_td\.首\]\:border-\[lightgray\] table:is(td.首) {
    border-color: #d3d3d3;
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>ruby\]\:relative > ruby {
    position: relative;
  }

  .\[\&\>ruby\]\:-top-\[2px\] > ruby {
    top: -2px;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }

  td.first-of-type\:\[\&td\.卦象\>div\]\:p-\[7px\]:first-of-type.卦象 > div {
    padding: 7px;
  }
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}
/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 *
 * billboard.js, JavaScript chart library
 * https://naver.github.io/billboard.js/
 *
 * @version 3.15.1
 */
/*-- Chart --*/
.bb svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bb path, .bb line {
  fill: none;
  stroke: #000;
}
.bb text, .bb .bb-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bb-legend-item-tile,
.bb-xgrid-focus,
.bb-ygrid-focus,
.bb-ygrid {
  shape-rendering: crispEdges;
}

.bb-chart-arcs .bb-needle {
  fill: #000;
}

.bb-chart-arc .bb-gauge-value {
  fill: #000;
}
.bb-chart-arc path {
  stroke: #fff;
}
.bb-chart-arc rect {
  stroke: #fff;
  stroke-width: 1;
}
.bb-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Funnel --*/
.bb-chart-funnels path {
  stroke-width: 0;
}
.bb-chart-funnels + .bb-chart-texts text {
  font-size: 13px;
  fill: #fff;
}

/*-- Axis --*/
.bb-axis {
  shape-rendering: crispEdges;
}
.bb-axis .bb-axis-x-tooltip, .bb-axis .bb-axis-y-tooltip, .bb-axis .bb-axis-y2-tooltip {
  font-size: 1em;
  fill: #fff;
  white-space: nowrap;
}

/*-- Grid --*/
.bb-grid {
  pointer-events: none;
}
.bb-grid line {
  stroke: #aaa;
}
.bb-grid text {
  fill: #aaa;
}

.bb-xgrid, .bb-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.bb-text.bb-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.bb-line {
  stroke-width: 1px;
}

/*-- Point --*/
.bb-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.bb-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.bb-bar {
  stroke-width: 0;
}
.bb-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Candlestick --*/
.bb-candlestick {
  stroke-width: 1px;
}
.bb-candlestick._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.bb-target.bb-focused, .bb-circles.bb-focused {
  opacity: 1;
}
.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
  stroke-width: 2px;
}
.bb-target.bb-defocused, .bb-circles.bb-defocused {
  opacity: 0.3 !important;
}
.bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
  opacity: 0.05 !important;
}

/*-- Region --*/
.bb-region {
  fill: steelblue;
}
.bb-region rect {
  fill-opacity: 0.1;
}

/*-- Zoom region --*/
.bb-zoom-brush {
  fill-opacity: 0.1;
}

/*-- Brush --*/
.bb-brush .extent {
  fill-opacity: 0.1;
}

/*-- Legend --*/
.bb-legend-item {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-legend-item-hidden {
  opacity: 0.15;
}

.bb-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.bb-title {
  font: 14px sans-serif;
}

/*-- Treemap --*/
.bb-chart-treemaps rect {
  stroke: #fff;
  stroke-width: 1px;
}

/*-- Tooltip --*/
.bb-tooltip-container {
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  opacity: 0.9;
  box-shadow: 7px 7px 12px -9px rgb(119, 119, 119);
  white-space: nowrap;
}
.bb-tooltip tr {
  border: 1px solid #CCC;
}
.bb-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}
.bb-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.bb-tooltip td > span, .bb-tooltip td > svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.bb-tooltip.value {
  text-align: right;
}

/*-- Area --*/
.bb-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.bb-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

text.bb-chart-arcs-gauge-title {
  dominant-baseline: middle;
  font-size: 2.7em;
}

.bb-chart-arcs {
  /*-- Polar --*/
}
.bb-chart-arcs .bb-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff;
}
.bb-chart-arcs .bb-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}
.bb-chart-arcs .bb-chart-arcs-gauge-max {
  fill: #777;
}
.bb-chart-arcs .bb-chart-arcs-gauge-min {
  fill: #777;
}
.bb-chart-arcs .bb-levels circle {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-arcs .bb-levels text {
  fill: #848282;
}

/*-- Radar --*/
.bb-chart-radars .bb-levels polygon {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-levels text {
  fill: #848282;
}
.bb-chart-radars .bb-axis line {
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-axis text {
  font-size: 1.15em;
  cursor: default;
}
.bb-chart-radars .bb-shapes polygon {
  fill-opacity: 0.2;
  stroke-width: 1px;
}

/*-- Button --*/
.bb-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bb-button .bb-zoom-reset {
  font-size: 11px;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-white: #fff;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-thin: 100;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
    ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  .writing-vertical-rl {
    writing-mode: vertical-rl;
  }

  .under {
    ruby-position: under;
  }

  .text-sideways {
    text-orientation: sideways;
  }

  .bdr, .bdr > tbody > tr, .bdr > tbody > tr > td {
    border-collapse: collapse;
    border: 1px solid gray;
  }

  .watermark {
    background-color: #0000;
    background-image: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg");
    background-position: 0 0, center;
    background-repeat: repeat, no-repeat;
    background-size: contain;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

  .top-2\/4 {
    top: 50%;
  }

  .top-\[1\.8rem\] {
    top: 1.8rem;
  }

  .top-\[1rem\] {
    top: 1rem;
  }

  .top-\[3\.5rem\] {
    top: 3.5rem;
  }

  .top-\[4\.3rem\] {
    top: 4.3rem;
  }

  .top-\[42mm\] {
    top: 42mm;
  }

  .top-\[76mm\] {
    top: 76mm;
  }

  .top-\[110mm\] {
    top: 110mm;
  }

  .top-\[126px\] {
    top: 126px;
  }

  .top-\[140px\] {
    top: 140px;
  }

  .top-\[144mm\] {
    top: 144mm;
  }

  .top-\[150px\] {
    top: 150px;
  }

  .top-\[235px\] {
    top: 235px;
  }

  .top-\[359px\] {
    top: 359px;
  }

  .top-\[485px\] {
    top: 485px;
  }

  .top-\[610px\] {
    top: 610px;
  }

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

  .left-\[7\.5rem\] {
    left: 7.5rem;
  }

  .left-\[167mm\] {
    left: 167mm;
  }

  .left-\[350px\] {
    left: 350px;
  }

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

  .float-right {
    float: right;
  }

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

  .m-\[0in\] {
    margin: 0;
  }

  .m-\[4px\] {
    margin: 4px;
  }

  .m-auto {
    margin: auto;
  }

  .\!mx-auto {
    margin-inline: auto !important;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-\[0in\] {
    margin-block: 0;
  }

  .-mt-\[90px\] {
    margin-top: -90px;
  }

  .mt-\[566px\] {
    margin-top: 566px;
  }

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

  .mr-\[0in\] {
    margin-right: 0;
  }

  .mr-\[20px\] {
    margin-right: 20px;
  }

  .mr-auto {
    margin-right: auto;
  }

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

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .ml-\[0\.5in\] {
    margin-left: .5in;
  }

  .ml-\[20px\] {
    margin-left: 20px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!inline {
    display: inline !important;
  }

  .\[display\:ruby-text\] {
    display: ruby-text;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

  .h-\[1\.5rem\] {
    height: 1.5rem;
  }

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

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

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

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

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

  .h-\[56\.85pt\] {
    height: 56.85pt;
  }

  .h-\[180mm\] {
    height: 180mm;
  }

  .h-\[297mm\] {
    height: 297mm;
  }

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

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

  .h-full {
    height: 100%;
  }

  .\!w-\[80\%\] {
    width: 80% !important;
  }

  .w-\[1\.5rem\] {
    width: 1.5rem;
  }

  .w-\[2\.5rem\] {
    width: 2.5rem;
  }

  .w-\[4rem\] {
    width: 4rem;
  }

  .w-\[7em\] {
    width: 7em;
  }

  .w-\[10rem\] {
    width: 10rem;
  }

  .w-\[12rem\] {
    width: 12rem;
  }

  .w-\[29rem\] {
    width: 29rem;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[143mm\] {
    width: 143mm;
  }

  .w-\[180mm\] {
    width: 180mm;
  }

  .w-\[190mm\] {
    width: 190mm;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[calc\(1\/3\*100\%\)\] {
    width: 33.3333%;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .list-outside {
    list-style-position: outside;
  }

  .\[break-after\:always\!important\] {
    -moz-column-break-after: always !important;
         break-after: always !important;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[black\] {
    border-color: #000;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .bg-\[\#000\] {
    background-color: #000;
  }

  .bg-\[\#8BCE9E\] {
    background-color: #8bce9e;
  }

  .bg-\[\#333\] {
    background-color: #333;
  }

  .bg-\[\#EC407A\] {
    background-color: #ec407a;
  }

  .bg-\[\#c9ca8688\] {
    background-color: #c9ca8688;
  }

  .bg-\[gray\] {
    background-color: gray;
  }

  .bg-\[red\] {
    background-color: red;
  }

  .bg-\[rgba\(187\,187\,187\,0\.3\)\] {
    background-color: #bbbbbb4d;
  }

  .bg-\[rgba\(255\,204\,204\,0\.3\)\] {
    background-color: #ffcccc4d;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[url\(\/assets\/images\/bz\/baziCover\.jpg\)\] {
    background-image: url("/assets/images/bz/baziCover.jpg");
  }

  .\!\[background-size\:20\%\] {
    background-size: 20% !important;
  }

  .\!\[background-size\:30\%\] {
    background-size: 30% !important;
  }

  .\!\[background-size\:50\%\] {
    background-size: 50% !important;
  }

  .\!\[background-size\:60\%\] {
    background-size: 60% !important;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .\[padding\:0in_5\.4pt_0in_5\.4pt\] {
    padding: 0 5.4pt;
  }

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

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

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

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

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

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

  .pl-\[5px\] {
    padding-left: 5px;
  }

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

  .text-left {
    text-align: left;
  }

  .indent-\[-\.25in\] {
    text-indent: -.25in;
  }

  .indent-\[36\.7pt\] {
    text-indent: 36.7pt;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:Century_Gothic\,sans-serif\] {
    font-family: Century Gothic, sans-serif;
  }

  .\[font-family\:LianHei\] {
    font-family: LianHei;
  }

  .font-\[bolder\] {
    font-family: bolder;
  }

  .font-\[sans-serif\] {
    font-family: sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

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

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[4rem\] {
    font-size: 4rem;
  }

  .text-\[6em\] {
    font-size: 6em;
  }

  .text-\[12\.0pt\] {
    font-size: 12pt;
  }

  .text-\[16\.0pt\], .text-\[16pt\] {
    font-size: 16pt;
  }

  .text-\[20\.0pt\], .text-\[20pt\] {
    font-size: 20pt;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[40\%\] {
    font-size: 40%;
  }

  .text-\[50\%\] {
    font-size: 50%;
  }

  .text-\[60\%\] {
    font-size: 60%;
  }

  .text-\[80\%\] {
    font-size: 80%;
  }

  .text-\[90\%\] {
    font-size: 90%;
  }

  .text-\[120\%\] {
    font-size: 120%;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-\[3rem\] {
    --tw-leading: 3rem;
    line-height: 3rem;
  }

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

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }

  .tracking-\[\.2rem\] {
    --tw-tracking: .2rem;
    letter-spacing: .2rem;
  }

  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }

  .text-\[\#7F7F7F\] {
    color: #7f7f7f;
  }

  .text-\[\#EC407A\] {
    color: #ec407a;
  }

  .text-\[black\] {
    color: #000;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-white {
    color: var(--color-white);
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-10 {
    opacity: .1;
  }

  .\[background\:linear-gradient\(rgba\(255\,255\,255\,0\.7\)\,rgba\(255\,255\,255\,0\.9\)\)\,url\(\/assets\/images\/logo-red-full-padding\.svg\)_center_no-repeat\] {
    background: linear-gradient(#ffffffb3, #ffffffe6), url("/assets/images/logo-red-full-padding.svg") center no-repeat;
  }

  .\[font\:7\.0pt_Times_New_Roman\] {
    font: 7pt Times New Roman;
  }

  .\[page-break-after\:always\!important\] {
    page-break-after: always !important;
  }

  .\[page-break-inside\:avoid\!important\] {
    page-break-inside: avoid !important;
  }

  .\[ruby-position\:under\] {
    ruby-position: under;
  }

  @media print {
    .print\:\!block {
      display: block !important;
    }

    .print\:block {
      display: block;
    }

    .print\:hidden {
      display: none;
    }
  }

  .\[\&_button\]\:w-\[2rem\] button {
    width: 2rem;
  }

  .\[\&_div\]\:inline-block div {
    display: inline-block;
  }

  .\[\&_div\]\:p-\[10px\] div, .\[\&_div\.八字日主60甲子\.paper\]\:p-\[10px\] div.八字日主60甲子.paper, .\[\&_div\.八字日主性格\.paper\]\:p-\[10px\] div.八字日主性格.paper {
    padding: 10px;
  }

  @media print {
    .\[\&_img\]\:print\:w-\[5rem\] img {
      width: 5rem;
    }
  }

  .\[\&_p\]\:leading-\[200\%\] p {
    --tw-leading: 200%;
    line-height: 200%;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:bg-\[transparent\] p:nth-child(odd):first-letter {
    background-color: #0000;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:pr-\[2px\] p:nth-child(odd):first-letter {
    padding-right: 2px;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[font-family\:kaiti\] p:nth-child(odd):first-letter {
    font-family: kaiti;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[1\.5em\] p:nth-child(odd):first-letter {
    font-size: 1.5em;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:text-\[pink\] p:nth-child(odd):first-letter {
    color: pink;
  }

  .\[\&_p\:nth-child\(odd\)\:first-letter\]\:\[text-shadow\:-1px_-1px_0_\#000\,_1px_-1px_0_\#000\,_-1px_1px_0_\#000\,1px_1px_0_\#000\] p:nth-child(odd):first-letter {
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
  }

  .\[\&_ruby\]\:text-\[1\.5rem\] ruby {
    font-size: 1.5rem;
  }

  .\[\&_table\.月历_td\.header\]\:w-\[5em\] table.月历 td.header {
    width: 5em;
  }

  .\[\&_table\.月历_td\.header\]\:text-center table.月历 td.header {
    text-align: center;
  }

  .\[\&_td\]\:w-\[5rem\] td {
    width: 5rem;
  }

  .\[\&_td\]\:border-\[1px\] td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-none td {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_td\]\:border-solid td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_td\]\:border-\[black\] td {
    border-color: #000;
  }

  .\[\&_td\]\:border-\[lightgray\] td {
    border-color: #d3d3d3;
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&_td\.col\.header\.天干\.中文\]\:pt-\[6px\] td.col.header.天干.中文 {
    padding-top: 6px;
  }

  .\[\&_td\.卦象_div\.上\]\:block td.卦象 div.上 {
    display: block;
  }

  .\[\&_td\.卦象_div\.上\]\:leading-\[1\.3em\] td.卦象 div.上 {
    --tw-leading: 1.3em;
    line-height: 1.3em;
  }

  .\[\&_td\.卦象_div\.上_div\]\:inline td.卦象 div.上 div {
    display: inline;
  }

  .\[\&_td\.卦象_div\.上_div\.卦象\]\:text-\[1\.5em\] td.卦象 div.上 div.卦象 {
    font-size: 1.5em;
  }

  .\[\&_td\.卦象_div\.上_div\.卦象\]\:font-extrabold td.卦象 div.上 div.卦象 {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .\[\&_td\.卦象_div\.下\]\:block td.卦象 div.下 {
    display: block;
  }

  .\[\&_td\.卦象_div\.下\]\:leading-\[1\.3em\] td.卦象 div.下 {
    --tw-leading: 1.3em;
    line-height: 1.3em;
  }

  .\[\&_td\.卦象_div\.下_div\]\:inline td.卦象 div.下 div {
    display: inline;
  }

  .\[\&_td\.卦象_div\.下_div\.卦象\]\:text-\[1\.5em\] td.卦象 div.下 div.卦象 {
    font-size: 1.5em;
  }

  .\[\&_td\.卦象_div\.卦\.名\.英\]\:text-\[60\%\] td.卦象 div.卦.名.英 {
    font-size: 60%;
  }

  .\[\&_td\.卦象_div\.卦\.名\.英\]\:font-semibold td.卦象 div.卦.名.英 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_td\.空亡\]\:h-\[6\.5em\] td.空亡 {
    height: 6.5em;
  }

  .\[\&_td\.空亡\]\:min-w-\[6em\] td.空亡, .\[\&_td\.藏干\.十神\]\:min-w-\[6em\] td.藏干.十神 {
    min-width: 6em;
  }

  .\[\&_table\]\:\[\&_td\.首\]\:border table td.首 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\]\:\[\&_td\.首\]\:border-solid table td.首 {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_tr\]\:border-none tr {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_tr\]\:border-\[black\] tr {
    border-color: #000;
  }

  .\[\&_table\]\:\[\&\.八字\]\:table-fixed table.八字 {
    table-layout: fixed;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-collapse table.八字 {
    border-collapse: collapse;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border table.八字 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-solid table.八字 {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_table\]\:\[\&\.八字\]\:border-\[lightgray\] table.八字 {
    border-color: #d3d3d3;
  }

  .\[\&_table\]\:\[\&\.大运\]\:max-w-\[205mm\] table.大运 {
    max-width: 205mm;
  }

  .\[\&_table\]\:\[_td\.首\]\:table-fixed table:is(td.首) {
    table-layout: fixed;
  }

  .\[\&_table\]\:\[_td\.首\]\:border-collapse table:is(td.首) {
    border-collapse: collapse;
  }

  .\[\&_table\]\:\[_td\.首\]\:border-\[lightgray\] table:is(td.首) {
    border-color: #d3d3d3;
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>ruby\]\:relative > ruby {
    position: relative;
  }

  .\[\&\>ruby\]\:-top-\[2px\] > ruby {
    top: -2px;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }

  td.first-of-type\:\[\&td\.卦象\>div\]\:p-\[7px\]:first-of-type.卦象 > div {
    padding: 7px;
  }
}

@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-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

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

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}
/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 *
 * billboard.js, JavaScript chart library
 * https://naver.github.io/billboard.js/
 *
 * @version 3.14.3
 */
/*-- Chart --*/
.bb svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bb path, .bb line {
  fill: none;
  stroke: #000;
}
.bb text, .bb .bb-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bb-legend-item-tile,
.bb-xgrid-focus,
.bb-ygrid-focus,
.bb-ygrid {
  shape-rendering: crispEdges;
}

.bb-chart-arcs .bb-needle {
  fill: #000;
}

.bb-chart-arc .bb-gauge-value {
  fill: #000;
}
.bb-chart-arc path {
  stroke: #fff;
}
.bb-chart-arc rect {
  stroke: #fff;
  stroke-width: 1;
}
.bb-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Funnel --*/
.bb-chart-funnels path {
  stroke-width: 0;
}
.bb-chart-funnels + .bb-chart-texts text {
  font-size: 13px;
  fill: #fff;
}

/*-- Axis --*/
.bb-axis {
  shape-rendering: crispEdges;
}
.bb-axis .bb-axis-x-tooltip, .bb-axis .bb-axis-y-tooltip, .bb-axis .bb-axis-y2-tooltip {
  font-size: 1em;
  fill: #fff;
  white-space: nowrap;
}

/*-- Grid --*/
.bb-grid {
  pointer-events: none;
}
.bb-grid line {
  stroke: #aaa;
}
.bb-grid text {
  fill: #aaa;
}

.bb-xgrid, .bb-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.bb-text.bb-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.bb-line {
  stroke-width: 1px;
}

/*-- Point --*/
.bb-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.bb-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.bb-bar {
  stroke-width: 0;
}
.bb-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Candlestick --*/
.bb-candlestick {
  stroke-width: 1px;
}
.bb-candlestick._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.bb-target.bb-focused, .bb-circles.bb-focused {
  opacity: 1;
}
.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
  stroke-width: 2px;
}
.bb-target.bb-defocused, .bb-circles.bb-defocused {
  opacity: 0.3 !important;
}
.bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
  opacity: 0.05 !important;
}

/*-- Region --*/
.bb-region {
  fill: steelblue;
}
.bb-region rect {
  fill-opacity: 0.1;
}

/*-- Zoom region --*/
.bb-zoom-brush {
  fill-opacity: 0.1;
}

/*-- Brush --*/
.bb-brush .extent {
  fill-opacity: 0.1;
}

/*-- Legend --*/
.bb-legend-item {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-legend-item-hidden {
  opacity: 0.15;
}

.bb-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.bb-title {
  font: 14px sans-serif;
}

/*-- Treemap --*/
.bb-chart-treemaps rect {
  stroke: #fff;
  stroke-width: 1px;
}

/*-- Tooltip --*/
.bb-tooltip-container {
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  opacity: 0.9;
  box-shadow: 7px 7px 12px -9px rgb(119, 119, 119);
  white-space: nowrap;
}
.bb-tooltip tr {
  border: 1px solid #CCC;
}
.bb-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}
.bb-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.bb-tooltip td > span, .bb-tooltip td > svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.bb-tooltip.value {
  text-align: right;
}

/*-- Area --*/
.bb-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.bb-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

text.bb-chart-arcs-gauge-title {
  dominant-baseline: middle;
  font-size: 2.7em;
}

.bb-chart-arcs {
  /*-- Polar --*/
}
.bb-chart-arcs .bb-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff;
}
.bb-chart-arcs .bb-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}
.bb-chart-arcs .bb-chart-arcs-gauge-max {
  fill: #777;
}
.bb-chart-arcs .bb-chart-arcs-gauge-min {
  fill: #777;
}
.bb-chart-arcs .bb-levels circle {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-arcs .bb-levels text {
  fill: #848282;
}

/*-- Radar --*/
.bb-chart-radars .bb-levels polygon {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-levels text {
  fill: #848282;
}
.bb-chart-radars .bb-axis line {
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-axis text {
  font-size: 1.15em;
  cursor: default;
}
.bb-chart-radars .bb-shapes polygon {
  fill-opacity: 0.2;
  stroke-width: 1px;
}

/*-- Button --*/
.bb-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bb-button .bb-zoom-reset {
  font-size: 11px;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-style: solid;
      --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: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-400: oklch(75% .183 55.934);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

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

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

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

  .top-2\/4 {
    top: 50%;
  }

  .top-\[200\] {
    top: 200px;
  }

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

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

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

  .left-auto {
    left: auto;
  }

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

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

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

  .z-\[00\] {
    z-index: 0;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[50\] {
    z-index: 50;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[999\] {
    z-index: 999;
  }

  .z-\[1050\] {
    z-index: 1050;
  }

  .z-\[1100\] {
    z-index: 1100;
  }

  .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;
    }
  }

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

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

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

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

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

  .m-\[20px\] {
    margin: 20px;
  }

  .m-auto {
    margin: auto;
  }

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

  .mx-\[2em\] {
    margin-inline: 2em;
  }

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

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

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

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

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

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-auto {
    margin-top: auto;
  }

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

  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }

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

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

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

  .mr-\[-15px\] {
    margin-right: -15px;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

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

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }

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

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

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

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

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

  .ml-\[-15px\] {
    margin-left: -15px;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-auto {
    margin-left: auto;
  }

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[0\.01em\] {
    height: .01em;
  }

  .h-\[1em\] {
    height: 1em;
  }

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

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

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

  .max-h-\[2em\] {
    max-height: 2em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[3rem\] {
    width: 3rem;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[27\.33\%\] {
    width: 27.33%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[56px\] {
    width: 56px;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-full {
    max-width: 100%;
  }

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

  .min-w-\[8px\] {
    min-width: 8px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_0_auto\] {
    flex: none;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\[0\%_0\%\] {
    transform-origin: 0 0;
  }

  .origin-\[0\%_100\%\] {
    transform-origin: 0 100%;
  }

  .origin-\[100\%_0\%\] {
    transform-origin: 100% 0;
  }

  .origin-\[100\%_100\%\] {
    transform-origin: 100% 100%;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-2\/4 {
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-2\/4 {
    --tw-translate-x: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2\/4 {
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2\/4 {
    --tw-translate-y: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .\[appearance\:textfield\] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }

  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

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

  .place-content-center {
    place-content: center;
  }

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

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

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

  .rounded-\[12px_12px_0_0\] {
    border-radius: 12px 12px 0 0;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

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

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

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

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

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

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-tl-\[100\%\] {
    border-top-left-radius: 100%;
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .rounded-tr-\[100\%\] {
    border-top-right-radius: 100%;
  }

  .rounded-tr-none {
    border-top-right-radius: 0;
  }

  .rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[0_2px\] {
    border-style: var(--tw-border-style);
    border-width: 0 2px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[border-left-style\:solid\] {
    border-left-style: solid;
  }

  .border-\[\#E5EAF2\] {
    border-color: #e5eaf2;
  }

  .border-\[\#F00\] {
    border-color: red;
  }

  .border-\[\#ccc\] {
    border-color: #ccc;
  }

  .border-\[\#ddd\] {
    border-color: #ddd;
  }

  .border-\[none\] {
    border-color: none;
  }

  .border-\[rgba\(0\,0\,0\,0\.12\)\] {
    border-color: #0000001f;
  }

  .border-\[rgba\(25\,118\,210\,0\.5\)\] {
    border-color: #1976d280;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-y-\[\#007bff\] {
    border-block-color: #007bff;
  }

  .border-b-\[\#ccc\] {
    border-bottom-color: #ccc;
  }

  .border-l-\[\#ced0d4\] {
    border-left-color: #ced0d4;
  }

  .\!bg-slate-200 {
    background-color: var(--color-slate-200) !important;
  }

  .bg-\[\#000\] {
    background-color: #000;
  }

  .bg-\[\#1976d2\] {
    background-color: #1976d2;
  }

  .bg-\[\#ccc\] {
    background-color: #ccc;
  }

  .bg-\[rgb\(25\,118\,210\)\] {
    background-color: #1976d2;
  }

  .bg-\[rgb\(156\,39\,176\)\] {
    background-color: #9c27b0;
  }

  .bg-\[rgb\(189\,189\,189\)\] {
    background-color: #bdbdbd;
  }

  .bg-\[rgba\(0\,0\,0\,0\.08\)\] {
    background-color: #00000014;
  }

  .bg-\[rgba\(0\,123\,255\,0\.05\)\] {
    background-color: #007bff0d;
  }

  .bg-\[rgba\(25\,118\,210\,0\.08\)\] {
    background-color: #1976d214;
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-indigo-900 {
    background-color: var(--color-indigo-900);
  }

  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-\[center_center\] {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[black\] {
    fill: #000;
  }

  .fill-current {
    fill: currentColor;
  }

  .stroke-current {
    stroke: currentColor;
  }

  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

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

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

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

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

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

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

  .p-\[16px\] {
    padding: 16px;
  }

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

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

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

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

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

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

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

  .px-\[15px\] {
    padding-inline: 15px;
  }

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

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

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[7px\] {
    padding-top: 7px;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

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

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

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

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

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

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

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

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

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

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

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

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

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.0075em\] {
    --tw-tracking: .0075em;
    letter-spacing: .0075em;
  }

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#4caf50\] {
    color: #4caf50;
  }

  .text-\[\#007bff\] {
    color: #007bff;
  }

  .text-\[\#333\] {
    color: #333;
  }

  .text-\[\#555\] {
    color: #555;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[\#65676b\] {
    color: #65676b;
  }

  .text-\[\#818181\] {
    color: #818181;
  }

  .text-\[color\] {
    color: color;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[rgb\(97\,97\,97\)\] {
    color: #616161;
  }

  .text-\[rgba\(0\,0\,0\,0\.26\)\] {
    color: #00000042;
  }

  .text-\[rgba\(0\,0\,0\,0\.54\)\] {
    color: #0000008a;
  }

  .text-\[rgba\(0\,0\,0\,0\.87\)\] {
    color: #000000de;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-indigo-300 {
    color: var(--color-indigo-300);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 4px 8px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,0px_2px_2px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_5px_0px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 3px 1px -2px var(--tw-shadow-color, #0003), 0px 2px 2px 0px var(--tw-shadow-color, #00000024), 0px 1px 5px 0px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_8px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0px 4px 8px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-none {
    --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);
  }

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

  .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);
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 2px 1px -1px, #00000024 0px 1px 1px 0px, #0000001f 0px 1px 3px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_4px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_4px_5px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_10px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_4px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_4px_5px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_10px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 2px 4px -1px, #00000024 0px 4px 5px 0px, #0000001f 0px 1px 10px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_1px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_2px_2px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_5px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_1px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_2px_2px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_5px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 1px -2px, #00000024 0px 2px 2px 0px, #0000001f 0px 1px 5px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_3px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_3px_4px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_8px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_3px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_3px_4px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_8px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 3px -2px, #00000024 0px 3px 4px 0px, #0000001f 0px 1px 8px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_5px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_6px_10px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_18px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_5px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_6px_10px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_18px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 5px -1px, #00000024 0px 6px 10px 0px, #0000001f 0px 1px 18px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_5px_5px_-3px\,rgba\(0\,0\,0\,0\.14\)_0px_8px_10px_1px\,rgba\(0\,0\,0\,0\.12\)_0px_3px_14px_2px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_5px_5px_-3px\,rgba\(0\,0\,0\,0\.14\)_0px_8px_10px_1px\,rgba\(0\,0\,0\,0\.12\)_0px_3px_14px_2px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 5px 5px -3px, #00000024 0px 8px 10px 1px, #0000001f 0px 3px 14px 2px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_7px_8px_-4px\,rgba\(0\,0\,0\,0\.14\)_0px_12px_17px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_5px_22px_4px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_7px_8px_-4px\,rgba\(0\,0\,0\,0\.14\)_0px_12px_17px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_5px_22px_4px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 7px 8px -4px, #00000024 0px 12px 17px 2px, #0000001f 0px 5px 22px 4px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_8px_10px_-5px\,rgba\(0\,0\,0\,0\.14\)_0px_16px_24px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_6px_30px_5px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_8px_10px_-5px\,rgba\(0\,0\,0\,0\.14\)_0px_16px_24px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_6px_30px_5px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 8px 10px -5px, #00000024 0px 16px 24px 2px, #0000001f 0px 6px 30px 5px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_11px_15px_-7px\,rgba\(0\,0\,0\,0\.14\)_0px_24px_38px_3px\,rgba\(0\,0\,0\,0\.12\)_0px_9px_46px_8px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_11px_15px_-7px\,rgba\(0\,0\,0\,0\.14\)_0px_24px_38px_3px\,rgba\(0\,0\,0\,0\.12\)_0px_9px_46px_8px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 11px 15px -7px, #00000024 0px 24px 38px 3px, #0000001f 0px 9px 46px 8px var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-black {
    --tw-ring-color: var(--color-black);
  }

  .\[outline\:0\], .\[outline\:0px\] {
    outline: 0;
  }

  .\[outline\:none\] {
    outline: none;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .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, );
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[0\.3s\] {
    transition-property: .3s;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[0\.5s\] {
    transition-property: .5s;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[fill\] {
    transition-property: fill;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-\[0\.3s\] {
    transition-delay: .3s;
  }

  .delay-\[0ms\] {
    transition-delay: 0s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[0\.3s\,transform\] {
    --tw-duration: .3s, transform;
    transition-duration: .3s, transform;
  }

  .duration-\[0\.3s\] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[0\.4s\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .ease-\[ease-out\] {
    --tw-ease: ease-out;
    transition-timing-function: ease-out;
  }

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

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

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[-moz-appearance\:textfield\] {
    -moz-appearance: textfield;
  }

  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }

  .\[-webkit-appearance\:textfield\] {
    -webkit-appearance: textfield;
  }

  .\[flex-flow\:wrap\] {
    flex-flow: wrap;
  }

  .\[perspective\:60px\] {
    perspective: 60px;
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:background-color_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:box-shadow_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:fill_200ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:top_0\.3s_ease\,left_0\.3s_ease\] {
    transition: top .3s, left .3s;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .before\:-translate-x-2\/4:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:-translate-y-2\/4:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:bg-\[\#212121\]:before {
    content: var(--tw-content);
    background-color: #212121;
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inline-block:after {
    content: var(--tw-content);
    display: inline-block;
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:-translate-x-2\/4:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-translate-y-2\/4:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:bg-\[\#212121\]:after {
    content: var(--tw-content);
    background-color: #212121;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:border-solid:hover {
      --tw-border-style: solid;
      border-style: solid;
    }

    .hover\:border-\[\#1976d2\]:hover {
      border-color: #1976d2;
    }

    .hover\:bg-\[\#1565c0\]:hover {
      background-color: #1565c0;
    }

    .hover\:bg-\[\#dde0dd\]:hover {
      background-color: #dde0dd;
    }

    .hover\:bg-\[gray\]:hover {
      background-color: gray;
    }

    .hover\:bg-\[rgba\(0\,0\,0\,0\.04\)\]:hover {
      background-color: #0000000a;
    }

    .hover\:bg-\[rgba\(25\,118\,210\,0\.04\)\]:hover {
      background-color: #1976d20a;
    }

    .hover\:bg-\[rgba\(25\,118\,210\,0\.12\)\]:hover {
      background-color: #1976d21f;
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-300:hover {
      background-color: var(--color-gray-300);
    }

    .hover\:text-\[\#f1f1f1\]:hover {
      color: #f1f1f1;
    }

    .hover\:text-\[rgba\(0\,0\,0\,0\.4\)\]:hover {
      color: #0006;
    }

    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:shadow-\[0px_2px_4px_-1px_rgba\(0\,0\,0\,0\.2\)\,0px_4px_5px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_10px_0px_rgba\(0\,0\,0\,0\.12\)\]:hover {
      --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color, #0003), 0px 4px 5px 0px var(--tw-shadow-color, #00000024), 0px 1px 10px 0px var(--tw-shadow-color, #0000001f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-indigo-500:focus {
    border-color: var(--color-indigo-500);
  }

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

  .focus\:pt-\[5px\]:focus {
    padding-top: 5px;
  }

  .focus\:pb-\[7px\]:focus {
    padding-bottom: 7px;
  }

  .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);
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .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);
  }

  .focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: var(--color-gray-100);
  }

  .focus\:\[outline\:none\]:focus {
    outline: none;
  }

  .focus\:duration-\[0\.4s\]:focus {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:shadow-\[0px_5px_5px_-3px_rgba\(0\,0\,0\,0\.2\)\,0px_8px_10px_1px_rgba\(0\,0\,0\,0\.14\)\,0px_3px_14px_2px_rgba\(0\,0\,0\,0\.12\)\]:active {
    --tw-shadow: 0px 5px 5px -3px var(--tw-shadow-color, #0003), 0px 8px 10px 1px var(--tw-shadow-color, #00000024), 0px 3px 14px 2px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:border:disabled {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .disabled\:border-solid:disabled {
    --tw-border-style: solid;
    border-style: solid;
  }

  .disabled\:border-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    border-color: #0000001f;
  }

  .disabled\:bg-\[\#d9dbda\]:disabled {
    background-color: #d9dbda;
  }

  .disabled\:bg-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    background-color: #0000001f;
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-\[rgba\(0\,0\,0\,0\.26\)\]:disabled {
    color: #00000042;
  }

  .disabled\:shadow-none:disabled {
    --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);
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-600 {
      border-color: var(--color-gray-600);
    }

    .dark\:bg-gray-600 {
      background-color: var(--color-gray-600);
    }
  }

  .\[\&_\*\]\:box-border * {
    box-sizing: border-box;
  }

  .\[\&_\*\]\:before\:box-border :before, .\[\&_\*\]\:after\:box-border :after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&_button\]\:w-\[2rem\] button {
    width: 2rem;
  }

  .\[\&_button\]\:text-\[130\%\] button {
    font-size: 130%;
  }

  .\[\&_button\]\:leading-\[0\] button {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_button\]\:font-bold button {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_input\]\:w-\[5rem\] input {
    width: 5rem;
  }

  .\[\&_input\]\:w-full input {
    width: 100%;
  }

  .\[\&_svg\]\:h-\[1em\] svg {
    height: 1em;
  }

  .\[\&_svg\]\:w-\[1em\] svg {
    width: 1em;
  }

  .\[\&_svg\]\:\!fill-\[\#9C27B0\] svg {
    fill: #9c27b0 !important;
  }

  .\[\&_svg\]\:\!fill-\[\#1976D2\] svg {
    fill: #1976d2 !important;
  }

  .\[\&_svg\]\:fill-current svg {
    fill: currentColor;
  }

  .disabled\:\[\&_svg\]\:fill-\[rgba\(0\,0\,0\,0\.26\)\]:disabled svg {
    fill: #00000042;
  }

  .\[\&\:\:-webkit-inner-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  .\[\&\:\:-webkit-outer-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }

  .\[\&\:focus\\\~label\]\:text-\[red\]:focus ~ label {
    color: red;
  }

  .\[\&\:focus\\\~span\]\:bg-\[\#ededed\]:focus ~ span {
    background-color: #ededed;
  }

  .\[\&\:focus\~label\]\:-top-4:focus ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:focus\~label\]\:top-\[-12px\]:focus ~ label {
    top: -12px;
  }

  .\[\&\:focus\~label\]\:top-\[-18px\]:focus ~ label {
    top: -18px;
  }

  .\[\&\:focus\~label\]\:left-0:focus ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~label\]\:left-\[7px\]:focus ~ label {
    left: 7px;
  }

  .\[\&\:focus\~label\]\:z-10:focus ~ label {
    z-index: 10;
  }

  .\[\&\:focus\~label\]\:w-fit:focus ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:focus\~label\]\:bg-\[white\]:focus ~ label {
    background-color: #fff;
  }

  .\[\&\:focus\~label\]\:p-\[2px\]:focus ~ label {
    padding: 2px;
  }

  .\[\&\:focus\~label\]\:text-xs:focus ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:focus\~label\]\:text-\[\#4caf50\]:focus ~ label {
    color: #4caf50;
  }

  .\[\&\:focus\~label\]\:text-\[\#333\]:focus ~ label {
    color: #333;
  }

  .\[\&\:focus\~label\]\:text-\[red\]:focus ~ label {
    color: red;
  }

  .\[\&\:focus\~label\]\:duration-\[0\.3s\]:focus ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:left-0:focus ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:z-\[1\]:focus ~ span {
    z-index: 1;
  }

  .\[\&\:focus\~span\]\:h-9:focus ~ span {
    height: calc(var(--spacing) * 9);
  }

  .\[\&\:focus\~span\]\:w-full:focus ~ span {
    width: 100%;
  }

  .\[\&\:focus\~span\]\:border-2:focus ~ span {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\[\&\:focus\~span\]\:border-solid:focus ~ span {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\:focus\~span\]\:border-\[\#4caf50\]:focus ~ span {
    border-color: #4caf50;
  }

  .\[\&\:focus\~span\]\:bg-\[\#000\]:focus ~ span {
    background-color: #000;
  }

  .\[\&\:focus\~span\]\:bg-\[\#ededed\]:focus ~ span {
    background-color: #ededed;
  }

  .\[\&\:focus\~span\]\:opacity-100:focus ~ span {
    opacity: 1;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.3s\]:focus ~ span {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.4s\]:focus ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.5s\]:focus ~ span {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .\[\&\:focus\~span\]\:before\:top-0:focus ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:before\:left-0:focus ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:before\:h-full:focus ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span\]\:before\:w-1\/2:focus ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:focus\~span\]\:before\:w-full:focus ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:before\:delay-\[0\.6s\]:focus ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.2s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.3s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.4s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span\]\:after\:right-0:focus ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:bottom-0:focus ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:left-0:focus ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:h-full:focus ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span\]\:after\:w-1\/2:focus ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:focus\~span\]\:after\:w-full:focus ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:after\:delay-\[0\.2s\]:focus ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:focus\~span\]\:after\:delay-\[0\.4s\]:focus ~ span:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.2s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.3s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.4s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:before\:-top-px:focus ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:before\:top-0:focus ~ span i:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span_i\]\:before\:h-full:focus ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:before\:delay-0:focus ~ span i:before {
    content: var(--tw-content);
    transition-delay: 0s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.2s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.4s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.6s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:focus\~span_i\]\:after\:-top-px:focus ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:after\:top-0:focus ~ span i:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span_i\]\:after\:h-full:focus ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:after\:delay-\[0\.4s\]:focus ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.2s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.4s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.6s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\]\:text-\[red\]:not(:-moz-placeholder-shown) {
    color: red;
  }

  .\[\&\:not\(\:placeholder-shown\)\]\:text-\[red\]:not(:placeholder-shown) {
    color: red;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:-top-4:not(:-moz-placeholder-shown) ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:-top-4:not(:placeholder-shown) ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:top-\[-12px\]:not(:-moz-placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:top-\[-12px\]:not(:placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:top-\[-18px\]:not(:-moz-placeholder-shown) ~ label {
    top: -18px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:top-\[-18px\]:not(:placeholder-shown) ~ label {
    top: -18px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:left-0:not(:-moz-placeholder-shown) ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:left-0:not(:placeholder-shown) ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:left-\[7px\]:not(:-moz-placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:left-\[7px\]:not(:placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:z-10:not(:-moz-placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:z-10:not(:placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:w-fit:not(:-moz-placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:w-fit:not(:placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:bg-\[white\]:not(:-moz-placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:bg-\[white\]:not(:placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:p-\[2px\]:not(:-moz-placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:p-\[2px\]:not(:placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-xs:not(:-moz-placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-xs:not(:placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:-moz-placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#333\]:not(:-moz-placeholder-shown) ~ label {
    color: #333;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#333\]:not(:placeholder-shown) ~ label {
    color: #333;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[red\]:not(:-moz-placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[red\]:not(:placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:left-0:not(:-moz-placeholder-shown) ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:left-0:not(:placeholder-shown) ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:w-full:not(:-moz-placeholder-shown) ~ span {
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:w-full:not(:placeholder-shown) ~ span {
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:bg-\[\#ededed\]:not(:-moz-placeholder-shown) ~ span {
    background-color: #ededed;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:bg-\[\#ededed\]:not(:placeholder-shown) ~ span {
    background-color: #ededed;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:top-0:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:top-0:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:left-0:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:left-0:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:h-full:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:h-full:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:w-1\/2:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:w-1\/2:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:w-full:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:w-full:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:delay-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:delay-\[0\.6s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.3s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:right-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:right-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:bottom-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:bottom-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:left-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:left-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:h-full:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:h-full:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:w-1\/2:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:w-1\/2:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:w-full:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:w-full:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:delay-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:delay-\[0\.2s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:delay-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:delay-\[0\.6s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.3s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:-top-px:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:-top-px:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:h-full:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:h-full:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:-top-px:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:-top-px:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:h-full:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:h-full:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:delay-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:delay-\[0\.4s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>div\]\:\[transform\:rotateZ\(0\)\] > div {
    transform: rotateZ(0);
  }

  .\[\&\>div\]\:text-\[white\] > div {
    color: #fff;
  }

  .\[\&\>div\]\:\[perspective\:70px\] > div {
    perspective: 70px;
  }

  .\[\&\>div\]\:\[transition\:0\.3s_ease_all\] > div {
    transition: all .3s;
  }

  .\[\&\>div\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:absolute > div:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\]\:before\:top-\[2px\] > div:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\]\:before\:top-\[45\%\] > div:before {
    content: var(--tw-content);
    top: 45%;
  }

  .\[\&\>div\]\:before\:top-\[px\] > div:before {
    content: var(--tw-content);
    top: px;
  }

  .\[\&\>div\]\:before\:left-1 > div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:before\:left-2 > div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }

  .\[\&\>div\]\:before\:z-\[1\] > div:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .\[\&\>div\]\:before\:z-\[2\] > div:before {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\]\:before\:z-\[10\] > div:before {
    content: var(--tw-content);
    z-index: 10;
  }

  .\[\&\>div\]\:before\:mt-\[-5px\] > div:before {
    content: var(--tw-content);
    margin-top: -5px;
  }

  .\[\&\>div\]\:before\:flex > div:before {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>div\]\:before\:h-\[2rem\] > div:before {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\]\:before\:w-\[2rem\] > div:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\]\:before\:w-\[27px\] > div:before {
    content: var(--tw-content);
    width: 27px;
  }

  .\[\&\>div\]\:before\:origin-center > div:before {
    content: var(--tw-content);
    transform-origin: center;
  }

  .\[\&\>div\]\:before\:scale-100 > div:before {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>div\]\:before\:\[transform\:rotateY\(0\)\] > div:before {
    content: var(--tw-content);
    transform: rotateY(0);
  }

  .\[\&\>div\]\:before\:\[transform\:rotateZ\(0\)\] > div:before {
    content: var(--tw-content);
    transform: rotateZ(0);
  }

  .\[\&\>div\]\:before\:items-center > div:before {
    content: var(--tw-content);
    align-items: center;
  }

  .\[\&\>div\]\:before\:justify-center > div:before {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>div\]\:before\:rounded-\[50\%\] > div:before {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>div\]\:before\:rounded-sm > div:before {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\]\:before\:bg-\[\#03a9f4\] > div:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\]\:before\:bg-\[\#f44336\] > div:before {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\]\:before\:bg-transparent > div:before {
    content: var(--tw-content);
    background-color: #0000;
  }

  .\[\&\>div\]\:before\:px-1 > div:before {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:before\:px-\[3px\] > div:before {
    content: var(--tw-content);
    padding-inline: 3px;
  }

  .\[\&\>div\]\:before\:\[\&\>div\]\:before\:py-\[9px\] > div:before {
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:py-\[9px\] > div:before {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\]\:before\:text-center > div:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\]\:before\:text-\[10px\] > div:before {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\]\:before\:leading-none > div:before {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\]\:before\:font-bold > div:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\]\:before\:text-\[\#4e4e4e\] > div:before {
    content: var(--tw-content);
    color: #4e4e4e;
  }

  .\[\&\>div\]\:before\:text-white > div:before {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>div\]\:before\:opacity-100 > div:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .\[\&\>div\]\:before\:content-\[\'\'\] > div:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:content-\[\'OK\'\] > div:before {
    content: var(--tw-content);
    --tw-content: "OK";
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:content-\[attr\(data-tg-off\)\] > div:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:before {
    content: var(--tw-content);
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\,left_0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div:before {
    content: var(--tw-content);
    transition: all .3s, left .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\,left_0\.5s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div:before {
    content: var(--tw-content);
    transition: all .3s, left .5s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\] > div:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\]\:before\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:before {
    content: var(--tw-content);
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:after\:absolute > div:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\]\:after\:-top-8 > div:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>div\]\:after\:top-\[2px\] > div:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\]\:after\:top-\[4px\] > div:after {
    content: var(--tw-content);
    top: 4px;
  }

  .\[\&\>div\]\:after\:-right-6 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -6);
  }

  .\[\&\>div\]\:after\:-right-8 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -8);
  }

  .\[\&\>div\]\:after\:right-1 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:left-1 > div:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:left-\[42px\] > div:after {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>div\]\:after\:left-auto > div:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\>div\]\:after\:z-\[1\] > div:after {
    content: var(--tw-content);
    z-index: 1;
  }

  .\[\&\>div\]\:after\:z-\[2\] > div:after {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\]\:after\:flex > div:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>div\]\:after\:h-\[2rem\] > div:after {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\]\:after\:w-\[2rem\] > div:after {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\]\:after\:w-\[27px\] > div:after {
    content: var(--tw-content);
    width: 27px;
  }

  .\[\&\>div\]\:after\:scale-100 > div:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>div\]\:after\:scale-\[4\] > div:after {
    content: var(--tw-content);
    scale: 4;
  }

  .\[\&\>div\]\:after\:items-center > div:after {
    content: var(--tw-content);
    align-items: center;
  }

  .\[\&\>div\]\:after\:justify-center > div:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>div\]\:after\:rounded-\[50\%\] > div:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>div\]\:after\:rounded-sm > div:after {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\]\:after\:bg-\[\#03a9f4\] > div:after {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\]\:after\:bg-\[\#82ec90\] > div:after {
    content: var(--tw-content);
    background-color: #82ec90;
  }

  .\[\&\>div\]\:after\:bg-\[\#f44336\] > div:after {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\]\:after\:px-1 > div:after {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:px-\[3px\] > div:after {
    content: var(--tw-content);
    padding-inline: 3px;
  }

  .\[\&\>div\]\:after\:px-\[7px\] > div:after {
    content: var(--tw-content);
    padding-inline: 7px;
  }

  .\[\&\>div\]\:after\:py-\[9px\] > div:after {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\]\:after\:text-center > div:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\]\:after\:text-left > div:after {
    content: var(--tw-content);
    text-align: left;
  }

  .\[\&\>div\]\:after\:text-\[10px\] > div:after {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\]\:after\:leading-none > div:after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\]\:after\:font-bold > div:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\]\:after\:text-\[\#4e4e4e\] > div:after {
    content: var(--tw-content);
    color: #4e4e4e;
  }

  .\[\&\>div\]\:after\:text-white > div:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>div\]\:after\:opacity-0 > div:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .\[\&\>div\]\:after\:content-\[attr\(data-tg-on\)\] > div:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>div\]\:after\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:after {
    content: var(--tw-content);
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:after\:\[transition\:0\.3s_ease_all\] > div:after {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\]\:after\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:after {
    content: var(--tw-content);
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:absolute > div > span {
    position: absolute;
  }

  .\[\&\>div\>span\]\:top-0 > div > span {
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:top-\[2px\] > div > span {
    top: 2px;
  }

  .\[\&\>div\>span\]\:right-1 > div > span {
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:left-0 > div > span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:left-1 > div > span {
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:left-\[37px\] > div > span {
    left: 37px;
  }

  .\[\&\>div\>span\]\:z-\[1\] > div > span {
    z-index: 1;
  }

  .\[\&\>div\>span\]\:z-\[2\] > div > span {
    z-index: 2;
  }

  .\[\&\>div\>span\]\:block > div > span {
    display: block;
  }

  .\[\&\>div\>span\]\:inline-block > div > span {
    display: inline-block;
  }

  .\[\&\>div\>span\]\:h-\[2rem\] > div > span {
    height: 2rem;
  }

  .\[\&\>div\>span\]\:h-full > div > span {
    height: 100%;
  }

  .\[\&\>div\>span\]\:w-\[2rem\] > div > span {
    width: 2rem;
  }

  .\[\&\>div\>span\]\:w-full > div > span {
    width: 100%;
  }

  .\[\&\>div\>span\]\:origin-\[0\%_50\%\] > div > span {
    transform-origin: 0%;
  }

  .\[\&\>div\>span\]\:\[transform\:rotateY\(0\)\] > div > span {
    transform: rotateY(0);
  }

  .\[\&\>div\>span\]\:rounded-\[50\%\] > div > span {
    border-radius: 50%;
  }

  .\[\&\>div\>span\]\:rounded-sm > div > span {
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:bg-\[\#f44336\] > div > span {
    background-color: #f44336;
  }

  .\[\&\>div\>span\]\:px-1 > div > span {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:py-\[9px\] > div > span {
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:text-center > div > span {
    text-align: center;
  }

  .\[\&\>div\>span\]\:text-\[10px\] > div > span {
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:leading-none > div > span {
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:font-bold > div > span {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:text-white > div > span {
    color: var(--color-white);
  }

  .\[\&\>div\>span\]\:content-\[\'\'\] > div > span {
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:content-\[attr\(data-tg-off\)\] > div > span {
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.2s_ease_all\] > div > span {
    transition: all .2s;
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div > span {
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_ease_all\,left_0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div > span {
    transition: all .3s, left .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_ease_all\] > div > span {
    transition: all .3s;
  }

  .\[\&\>div\>span\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div > span {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.6s_ease_all\] > div > span {
    transition: all .6s;
  }

  .\[\&\>div\>span\]\:before\:absolute > div > span:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\>span\]\:before\:-top-7 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -7);
  }

  .\[\&\>div\>span\]\:before\:-top-8 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>div\>span\]\:before\:top-0 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:before\:top-\[2px\] > div > span:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\>span\]\:before\:-left-7 > div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -7);
  }

  .\[\&\>div\>span\]\:before\:left-1 > div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:before\:z-\[2\] > div > span:before {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\>span\]\:before\:h-\[2rem\] > div > span:before {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\>span\]\:before\:w-\[2rem\] > div > span:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\>span\]\:before\:rounded-sm > div > span:before {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:before\:bg-\[\#03a9f4\] > div > span:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\>span\]\:before\:px-1 > div > span:before {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:before\:py-\[9px\] > div > span:before {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:before\:text-center > div > span:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\>span\]\:before\:text-\[10px\] > div > span:before {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:before\:leading-none > div > span:before {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:before\:font-bold > div > span:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:before\:content-\[\'\'\] > div > span:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:before\:content-\[attr\(data-tg-off\)\] > div > span:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:before\:\[transition\:0\.3s_ease_all\] > div > span:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\>span\]\:after\:absolute > div > span:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\>span\]\:after\:top-0 > div > span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:after\:top-\[2px\] > div > span:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\>span\]\:after\:right-\[-42px\] > div > span:after {
    content: var(--tw-content);
    right: -42px;
  }

  .\[\&\>div\>span\]\:after\:left-\[39px\] > div > span:after {
    content: var(--tw-content);
    left: 39px;
  }

  .\[\&\>div\>span\]\:after\:z-\[2\] > div > span:after {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\>span\]\:after\:h-\[2rem\] > div > span:after {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\>span\]\:after\:w-\[2rem\] > div > span:after {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\>span\]\:after\:rounded-sm > div > span:after {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:after\:bg-\[\#f44336\] > div > span:after {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\>span\]\:after\:px-1 > div > span:after {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:after\:py-\[9px\] > div > span:after {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:after\:text-center > div > span:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\>span\]\:after\:text-\[10px\] > div > span:after {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:after\:leading-none > div > span:after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:after\:font-bold > div > span:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:after\:content-\[\'\'\] > div > span:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:after\:\[transition\:0\.3s_ease_all\] > div > span:after {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:box-border > input {
    box-sizing: border-box;
  }

  .\[\&\>input\]\:hidden > input {
    display: none;
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>input\]\:before\:box-border > input:before, .\[\&\>input\]\:after\:box-border > input:after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&\>input\]\:\[\&_\*\]\:box-border > input * {
    box-sizing: border-box;
  }

  .\[\&\>input\]\:\[\&_\*\]\:before\:box-border > input :before, .\[\&\>input\]\:\[\&_\*\]\:after\:box-border > input :after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&\>input\+div\>span\]\:bg-\[\#f44336\] > input + div > span {
    background-color: #f44336;
  }

  .\[\&\>input\:active\+div\]\:before\:left-2\.5 > input:active + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2.5);
  }

  .\[\&\>input\:active\+div\]\:before\:-mt-0\.5 > input:active + div:before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * -.5);
  }

  .\[\&\>input\:active\+div\]\:before\:h-1 > input:active + div:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:active\+div\]\:before\:w-\[46px\] > input:active + div:before {
    content: var(--tw-content);
    width: 46px;
  }

  .\[\&\>input\:active\+div\]\:before\:overflow-hidden > input:active + div:before {
    content: var(--tw-content);
    overflow: hidden;
  }

  .\[\&\>input\:active\+div\]\:before\:rounded-\[100px\] > input:active + div:before {
    content: var(--tw-content);
    border-radius: 100px;
  }

  .\[\&\>input\:active\+div\]\:before\:bg-\[\#d80000\] > input:active + div:before {
    content: var(--tw-content);
    background-color: #d80000;
  }

  .\[\&\>input\:active\+div\]\:before\:text-transparent > input:active + div:before {
    content: var(--tw-content);
    color: #0000;
  }

  .\[\&\>input\:active\+div\]\:before\:\[transition\:0\.3s_ease_all\] > input:active + div:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>input\:active\+div\>span\]\:w-\[68px\] > input:active + div > span {
    width: 68px;
  }

  .\[\&\>input\:checked\+div\]\:\[transform\:rotateZ\(-180deg\)\] > input:checked + div {
    transform: rotateZ(-180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:-top-8 > input:checked + div:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\]\:before\:-left-6 > input:checked + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -6);
  }

  .\[\&\>input\:checked\+div\]\:before\:-left-8 > input:checked + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\]\:before\:left-\[42px\] > input:checked + div:before {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>input\:checked\+div\]\:before\:left-\[47px\] > input:checked + div:before {
    content: var(--tw-content);
    left: 47px;
  }

  .\[\&\>input\:checked\+div\]\:before\:scale-\[4\] > input:checked + div:before {
    content: var(--tw-content);
    scale: 4;
  }

  .\[\&\>input\:checked\+div\]\:before\:\[transform\:rotateY\(180deg\)\] > input:checked + div:before {
    content: var(--tw-content);
    transform: rotateY(180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:\[transform\:rotateZ\(180deg\)\] > input:checked + div:before {
    content: var(--tw-content);
    transform: rotateZ(180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:bg-\[\#03a9f4\] > input:checked + div:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>input\:checked\+div\]\:before\:bg-\[\#46f436\] > input:checked + div:before {
    content: var(--tw-content);
    background-color: #46f436;
  }

  .\[\&\>input\:checked\+div\]\:before\:opacity-0 > input:checked + div:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .\[\&\>input\:checked\+div\]\:before\:content-\[\'KO\'\] > input:checked + div:before {
    content: var(--tw-content);
    --tw-content: "KO";
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\]\:before\:content-\[attr\(data-tg-on\)\] > input:checked + div:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\]\:after\:top-\[2px\] > input:checked + div:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>input\:checked\+div\]\:after\:right-1 > input:checked + div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\]\:after\:scale-100 > input:checked + div:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>input\:checked\+div\]\:after\:text-white > input:checked + div:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>input\:checked\+div\]\:after\:opacity-100 > input:checked + div:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .\[\&\>input\:checked\+div\>span\]\:top-3\.5 > input:checked + div > span {
    top: calc(var(--spacing) * 3.5);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-1 > input:checked + div > span {
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-14 > input:checked + div > span {
    left: calc(var(--spacing) * 14);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-\[42px\] > input:checked + div > span {
    left: 42px;
  }

  .\[\&\>input\:checked\+div\>span\]\:h-0\.5 > input:checked + div > span {
    height: calc(var(--spacing) * .5);
  }

  .\[\&\>input\:checked\+div\>span\]\:w-0\.5 > input:checked + div > span {
    width: calc(var(--spacing) * .5);
  }

  .\[\&\>input\:checked\+div\>span\]\:scale-\[4\] > input:checked + div > span {
    scale: 4;
  }

  .\[\&\>input\:checked\+div\>span\]\:\[transform\:rotateY\(-180deg\)\] > input:checked + div > span {
    transform: rotateY(-180deg);
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-\[\#03a9f4\] > input:checked + div > span {
    background-color: #03a9f4;
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-\[\#ebfbfc\] > input:checked + div > span {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-white > input:checked + div > span {
    background-color: var(--color-white);
  }

  .\[\&\>input\:checked\+div\>span\]\:p-\[3px\] > input:checked + div > span {
    padding: 3px;
  }

  .\[\&\>input\:checked\+div\>span\]\:text-\[\#4e4e4e\] > input:checked + div > span {
    color: #4e4e4e;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:relative > input:checked + div > span:before {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:top-\[2px\] > input:checked + div > span:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:left-1 > input:checked + div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:left-\[42px\] > input:checked + div > span:before {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:w-\[2rem\] > input:checked + div > span:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:pl-\[5px\] > input:checked + div > span:before {
    content: var(--tw-content);
    padding-left: 5px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:content-\[attr\(data-tg-on\)\] > input:checked + div > span:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\>span\]\:after\:-top-8 > input:checked + div > span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\>span\]\:after\:right-\[-74px\] > input:checked + div > span:after {
    content: var(--tw-content);
    right: -74px;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:right-2\.5 > input:checked:active + div:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 2.5);
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:left-auto > input:checked:active + div:before {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:ml-\[-26px\] > input:checked:active + div:before {
    content: var(--tw-content);
    margin-left: -26px;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:bg-\[\#0095d8\] > input:checked:active + div:before {
    content: var(--tw-content);
    background-color: #0095d8;
  }

  .\[\&\>input\:checked\:active\+div\>span\]\:ml-\[-38px\] > input:checked:active + div > span {
    margin-left: -38px;
  }

  .\[\&\>input\:checked\~div\]\:bg-\[\#ebfbfc\] > input:checked ~ div {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\~div\]\:bg-\[\#f9fceb\] > input:checked ~ div {
    background-color: #f9fceb;
  }

  .\[\&\>input\:checked\~label\]\:border-4 > input:checked ~ label {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .\[\&\>input\:checked\~label\]\:border-solid > input:checked ~ label {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>input\:checked\~label\]\:border-\[\#7fc6a6\] > input:checked ~ label {
    border-color: #7fc6a6;
  }

  .\[\&\>input\:checked\~label\]\:bg-\[\#9fd6ae\] > input:checked ~ label {
    background-color: #9fd6ae;
  }

  .\[\&\>input\:checked\~label\]\:bg-\[\#86d993\] > input:checked ~ label {
    background-color: #86d993;
  }

  .\[\&\>input\:checked\~label\]\:before\:left-full > input:checked ~ label:before {
    content: var(--tw-content);
    left: 100%;
  }

  .\[\&\>input\:checked\~label\]\:before\:\[transform\:rotateY\(180deg\)\] > input:checked ~ label:before {
    content: var(--tw-content);
    transform: rotateY(180deg);
  }

  .\[\&\>input\:checked\~label\]\:after\:left-0 > input:checked ~ label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>input\:checked\~label\]\:after\:left-2\/4 > input:checked ~ label:after {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\>input\:checked\~label\]\:after\:flex > input:checked ~ label:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>input\:checked\~label\]\:after\:\[transform\:rotateY\(0\)\] > input:checked ~ label:after {
    content: var(--tw-content);
    transform: rotateY(0);
  }

  .\[\&\>input\:checked\~label\]\:after\:justify-center > input:checked ~ label:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>input\:checked\~label\]\:after\:bg-\[\#7fc6a6\] > input:checked ~ label:after {
    content: var(--tw-content);
    background-color: #7fc6a6;
  }

  .\[\&\>input\:checked\~label\]\:after\:text-\[80\%\] > input:checked ~ label:after {
    content: var(--tw-content);
    font-size: 80%;
  }

  .\[\&\>input\:checked\~label\]\:after\:content-\[attr\(data-tg-off\)\] > input:checked ~ label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\~label\]\:active\:shadow-none > input:checked ~ label:active {
    --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);
  }

  .\[\&\>input\:checked\~label\]\:active\:after\:left-\[10\%\] > input:checked ~ label:active:after {
    content: var(--tw-content);
    left: 10%;
  }

  .\[\&\>input\:checked\~label\]\:active\:after\:ml-\[-0\.8em\] > input:checked ~ label:active:after {
    content: var(--tw-content);
    margin-left: -.8em;
  }

  .\[\&\>input\:checked\~span\]\:\[transform\:rotateY\(-180deg\)\] > input:checked ~ span {
    transform: rotateY(-180deg);
  }

  .\[\&\>input\:checked\~span\]\:\[transform\:rotateZ\(180deg\)\] > input:checked ~ span {
    transform: rotateZ(180deg);
  }

  .\[\&\>input\:checked\~span\]\:bg-\[\#ebfbfc\] > input:checked ~ span {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\~span\]\:bg-\[\#fcebeb\] > input:checked ~ span, .\[\&\>input\~div\]\:bg-\[\#fcebeb\] > input ~ div, .\[\&\>input\~span\]\:bg-\[\#fcebeb\] > input ~ span {
    background-color: #fcebeb;
  }

  .\[\&\>label\]\:relative > label {
    position: relative;
  }

  .\[\&\>label\]\:box-border > label {
    box-sizing: border-box;
  }

  .\[\&\>label\]\:block > label {
    display: block;
  }

  .\[\&\>label\]\:h-\[2em\] > label {
    height: 2em;
  }

  .\[\&\>label\]\:w-\[4em\] > label {
    width: 4em;
  }

  .\[\&\>label\]\:skew-x-\[-10deg\] > label {
    --tw-skew-x: skewX(-10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:cursor-pointer > label {
    cursor: pointer;
  }

  .\[\&\>label\]\:overflow-hidden > label {
    overflow: hidden;
  }

  .\[\&\>label\]\:rounded-\[2em\] > label {
    border-radius: 2em;
  }

  .\[\&\>label\]\:border > label {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>label\]\:border-4 > label {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .\[\&\>label\]\:border-solid > label {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>label\]\:border-\[\#e8eae9\] > label {
    border-color: #e8eae9;
  }

  .\[\&\>label\]\:border-\[\#f2f2f2\] > label {
    border-color: #f2f2f2;
  }

  .\[\&\>label\]\:bg-\[\#888\] > label {
    background-color: #888;
  }

  .\[\&\>label\]\:bg-\[\#f0f0f0\] > label {
    background-color: #f0f0f0;
  }

  .\[\&\>label\]\:bg-\[\#fff\] > label {
    background-color: #fff;
  }

  .\[\&\>label\]\:p-0\.5 > label {
    padding: calc(var(--spacing) * .5);
  }

  .\[\&\>label\]\:font-sans > label {
    font-family: var(--font-sans);
  }

  .\[\&\>label\]\:\[outline\:0\] > label {
    outline: 0;
  }

  .\[\&\>label\]\:select-none > label {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[\&\>label\]\:\[backface-visibility\:hidden\] > label {
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:\[perspective\:100px\] > label {
    perspective: 100px;
  }

  .\[\&\>label\]\:\[transition\:all_0\.2s_ease\] > label {
    transition: all .2s;
  }

  .\[\&\>label\]\:\[transition\:all_0\.4s_ease\] > label {
    transition: all .4s;
  }

  .\[\&\>label\]\:before\:absolute > label:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>label\]\:before\:relative > label:before {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>label\]\:before\:top-0 > label:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:before\:left-0 > label:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:before\:inline-block > label:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\>label\]\:before\:h-full > label:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\>label\]\:before\:w-6\/12 > label:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\>label\]\:before\:w-full > label:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\>label\]\:before\:skew-x-\[10deg\] > label:before {
    content: var(--tw-content);
    --tw-skew-x: skewX(10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:before\:rounded > label:before {
    content: var(--tw-content);
    border-radius: .25rem;
  }

  .\[\&\>label\]\:before\:bg-\[\#ff3a19\] > label:before {
    content: var(--tw-content);
    background-color: #ff3a19;
  }

  .\[\&\>label\]\:before\:text-center > label:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>label\]\:before\:leading-\[2em\] > label:before {
    content: var(--tw-content);
    --tw-leading: 2em;
    line-height: 2em;
  }

  .\[\&\>label\]\:before\:font-bold > label:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>label\]\:before\:text-white > label:before {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>label\]\:before\:content-\[attr\(data-tg-on\)\] > label:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:before\:\[backface-visibility\:hidden\] > label:before {
    content: var(--tw-content);
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:before\:\[transition\:all_0\.2s_ease\] > label:before {
    content: var(--tw-content);
    transition: all .2s;
  }

  .\[\&\>label\]\:before\:\[transition\:all_0\.4s_ease\] > label:before {
    content: var(--tw-content);
    transition: all .4s;
  }

  .\[\&\>label\]\:after\:absolute > label:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>label\]\:after\:relative > label:after {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>label\]\:after\:top-0 > label:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:after\:left-0 > label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:after\:left-full > label:after {
    content: var(--tw-content);
    left: 100%;
  }

  .\[\&\>label\]\:after\:block > label:after {
    content: var(--tw-content);
    display: block;
  }

  .\[\&\>label\]\:after\:flex > label:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>label\]\:after\:inline-block > label:after {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\>label\]\:after\:h-full > label:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\>label\]\:after\:w-6\/12 > label:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\>label\]\:after\:w-full > label:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\>label\]\:after\:skew-x-\[10deg\] > label:after {
    content: var(--tw-content);
    --tw-skew-x: skewX(10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:after\:\[transform\:rotateY\(-180deg\)\] > label:after {
    content: var(--tw-content);
    transform: rotateY(-180deg);
  }

  .\[\&\>label\]\:after\:justify-center > label:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>label\]\:after\:rounded > label:after {
    content: var(--tw-content);
    border-radius: .25rem;
  }

  .\[\&\>label\]\:after\:rounded-\[1em\] > label:after {
    content: var(--tw-content);
    border-radius: 1em;
  }

  .\[\&\>label\]\:after\:rounded-\[2em\] > label:after {
    content: var(--tw-content);
    border-radius: 2em;
  }

  .\[\&\>label\]\:after\:rounded-\[50\%\] > label:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>label\]\:after\:bg-\[\#02c66f\] > label:after {
    content: var(--tw-content);
    background-color: #02c66f;
  }

  .\[\&\>label\]\:after\:bg-\[\#f2f2f2\] > label:after {
    content: var(--tw-content);
    background-color: #f2f2f2;
  }

  .\[\&\>label\]\:after\:bg-\[\#fbfbfb\] > label:after {
    content: var(--tw-content);
    background-color: #fbfbfb;
  }

  .\[\&\>label\]\:after\:bg-\[\#fff\] > label:after {
    content: var(--tw-content);
    background-color: #fff;
  }

  .\[\&\>label\]\:after\:text-center > label:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>label\]\:after\:text-\[80\%\] > label:after {
    content: var(--tw-content);
    font-size: 80%;
  }

  .\[\&\>label\]\:after\:leading-\[2em\] > label:after {
    content: var(--tw-content);
    --tw-leading: 2em;
    line-height: 2em;
  }

  .\[\&\>label\]\:after\:font-bold > label:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>label\]\:after\:text-white > label:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>label\]\:after\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_4px_0_rgba\(0\,0\,0\,0\.08\)\] > label:after {
    content: var(--tw-content);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000001a), 0 4px 0 var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>label\]\:after\:content-\[\'\'\] > label:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:content-\[attr\(data-tg-off\)\] > label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:content-\[attr\(data-tg-on\)\] > label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:\[backface-visibility\:hidden\] > label:after {
    content: var(--tw-content);
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:after\:\[transition\:all_0\.2s_ease\] > label:after {
    content: var(--tw-content);
    transition: all .2s;
  }

  .\[\&\>label\]\:after\:\[transition\:all_0\.4s_ease\] > label:after {
    content: var(--tw-content);
    transition: all .4s;
  }

  .\[\&\>label\]\:after\:\[transition\:left_0\.3s_cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.275\)\,padding_0\.3s_ease\,margin_0\.3s_ease\] > label:after {
    content: var(--tw-content);
    transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s, margin .3s;
  }

  @media (hover: hover) {
    .\[\&\>label\]\:hover\:after\:will-change-\[padding\] > label:hover:after {
      content: var(--tw-content);
      will-change: padding;
    }
  }

  .\[\&\>label\]\:active\:bg-\[\#888\] > label:active {
    background-color: #888;
  }

  .\[\&\>label\]\:active\:shadow-\[inset_0_0_0_2em_\#e8eae9\] > label:active {
    --tw-shadow: inset 0 0 0 2em var(--tw-shadow-color, #e8eae9);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>label\]\:active\:before\:left-\[-10\%\] > label:active:before {
    content: var(--tw-content);
    left: -10%;
  }

  .\[\&\>label\]\:active\:before\:\[transform\:rotateY\(-20deg\)\] > label:active:before {
    content: var(--tw-content);
    transform: rotateY(-20deg);
  }

  .\[\&\>label\]\:active\:after\:pr-\[0\.8em\] > label:active:after {
    content: var(--tw-content);
    padding-right: .8em;
  }

  .\[\&\>input\]\:\[\&\>label\]\:box-border > input > label {
    box-sizing: border-box;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:z-\[1\] > span {
    z-index: 1;
  }

  .\[\&\>span\]\:w-full > span {
    width: 100%;
  }

  .\[\&\>span\]\:origin-center > span {
    transform-origin: center;
  }

  .\[\&\>span\]\:\[transform\:rotateY\(0\)\] > span {
    transform: rotateY(0);
  }

  .\[\&\>span\]\:\[transform\:rotateZ\(0\)\] > span {
    transform: rotateZ(0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }

  .\[\&\>span\]\:bg-\[\#ebf7fc\] > span {
    background-color: #ebf7fc;
  }

  .\[\&\>span\]\:\[transition\:0\.3s_ease_all\] > span {
    transition: all .3s;
  }

  .\[\&\>span\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > span {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  \~label.\[\&\\\~label\]\:text-\[red\] {
    color: red;
  }

  \~span.\[\&\\\~span\]\:bg-\[\#ededed\] {
    background-color: #ededed;
  }

  \~span.\[\&\\\~span\]\:before\:bg-\[\#4caf50\]:before, \~span.\[\&\\\~span\]\:after\:bg-\[\#4caf50\]:after, \~span.\[\&\\\~span_i\]\:before\:bg-\[\#4caf50\] i:before, \~span.\[\&\\\~span_i\]\:after\:bg-\[\#4caf50\] i:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~label\]\:absolute ~ label {
    position: absolute;
  }

  .\[\&\~label\]\:top-2\.5 ~ label {
    top: calc(var(--spacing) * 2.5);
  }

  .\[\&\~label\]\:top-\[9px\] ~ label {
    top: 9px;
  }

  .\[\&\~label\]\:left-0 ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~label\]\:left-3\.5 ~ label {
    left: calc(var(--spacing) * 3.5);
  }

  .\[\&\~label\]\:z-\[-1\] ~ label {
    z-index: -1;
  }

  .\[\&\~label\]\:w-full ~ label {
    width: 100%;
  }

  .\[\&\~label\]\:tracking-\[0\.5px\] ~ label {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .\[\&\~label\]\:text-\[\#aaa\] ~ label {
    color: #aaa;
  }

  .\[\&\~label\]\:text-\[red\] ~ label {
    color: red;
  }

  .\[\&\~label\]\:duration-\[0\.3s\] ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:absolute ~ span {
    position: absolute;
  }

  .\[\&\~span\]\:top-0 ~ span {
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:right-0 ~ span {
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:bottom-0 ~ span {
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:left-0 ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:left-2\/4 ~ span {
    left: 50%;
  }

  .\[\&\~span\]\:z-\[-1\] ~ span {
    z-index: -1;
  }

  .\[\&\~span\]\:z-\[99\] ~ span {
    z-index: 99;
  }

  .\[\&\~span\]\:h-0 ~ span {
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:h-0\.5 ~ span {
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:h-9 ~ span {
    height: calc(var(--spacing) * 9);
  }

  .\[\&\~span\]\:h-full ~ span {
    height: 100%;
  }

  .\[\&\~span\]\:w-0 ~ span {
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:w-full ~ span {
    width: 100%;
  }

  .\[\&\~span\]\:bg-\[\#4caf50\] ~ span {
    background-color: #4caf50;
  }

  .\[\&\~span\]\:bg-\[\#e7a8a8\] ~ span {
    background-color: #e7a8a8;
  }

  .\[\&\~span\]\:bg-\[\#ededed\] ~ span {
    background-color: #ededed;
  }

  .\[\&\~span\]\:bg-transparent ~ span {
    background-color: #0000;
  }

  .\[\&\~span\]\:opacity-0 ~ span {
    opacity: 0;
  }

  .\[\&\~span\]\:opacity-\[unset\] ~ span {
    opacity: unset;
  }

  .\[\&\~span\]\:duration-\[0\.3s\] ~ span {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:duration-\[0\.4s\] ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:duration-\[0\.5s\] ~ span {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .\[\&\~span\]\:before\:absolute ~ span:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:before\:-top-px ~ span:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\~span\]\:before\:top-0 ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:top-2\/4 ~ span:before {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span\]\:before\:right-0 ~ span:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:bottom-0 ~ span:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:left-0 ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:left-2\/4 ~ span:before {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:before\:z-\[-1\] ~ span:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .\[\&\~span\]\:before\:h-0 ~ span:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:h-0\.5 ~ span:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:before\:h-full ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\~span\]\:before\:w-0 ~ span:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:bg-\[\#4caf50\] ~ span:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:before\:bg-\[\#ededed\] ~ span:before {
    content: var(--tw-content);
    background-color: #ededed;
  }

  .\[\&\~span\]\:before\:bg-\[red\] ~ span:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:before\:delay-\[0\.2s\] ~ span:before {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.2s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.3s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.4s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:before\:content-\[\"\"\] ~ span:before, .\[\&\~span\]\:before\:content-\[\'\'\] ~ span:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span\]\:after\:absolute ~ span:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:after\:top-0 ~ span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:top-2\/4 ~ span:after {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span\]\:after\:top-auto ~ span:after {
    content: var(--tw-content);
    top: auto;
  }

  .\[\&\~span\]\:after\:right-0 ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:right-2\/4 ~ span:after {
    content: var(--tw-content);
    right: 50%;
  }

  .\[\&\~span\]\:after\:right-auto ~ span:after {
    content: var(--tw-content);
    right: auto;
  }

  .\[\&\~span\]\:after\:bottom-0 ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:bottom-2\/4 ~ span:after {
    content: var(--tw-content);
    bottom: 50%;
  }

  .\[\&\~span\]\:after\:left-0 ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:left-2\/4 ~ span:after {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:after\:left-auto ~ span:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\~span\]\:after\:z-\[-1\] ~ span:after {
    content: var(--tw-content);
    z-index: -1;
  }

  .\[\&\~span\]\:after\:h-0 ~ span:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:h-0\.5 ~ span:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:after\:h-full ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\~span\]\:after\:w-0 ~ span:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:bg-\[\#4caf50\] ~ span:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:after\:bg-\[\#ededed\] ~ span:after {
    content: var(--tw-content);
    background-color: #ededed;
  }

  .\[\&\~span\]\:after\:bg-\[red\] ~ span:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:after\:delay-\[0\.2s\] ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\~span\]\:after\:delay-\[0\.6s\] ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.2s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.3s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.4s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:after\:content-\[\"\"\] ~ span:after, .\[\&\~span\]\:after\:content-\[\'\'\] ~ span:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:before\:absolute ~ span i:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:before\:top-0 ~ span i:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:top-2\/4 ~ span i:before {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:before\:left-0 ~ span i:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:h-0 ~ span i:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:w-0\.5 ~ span i:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:before\:bg-\[\#4caf50\] ~ span i:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:before\:bg-\[red\] ~ span i:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:before\:delay-\[0\.8s\] ~ span i:before {
    content: var(--tw-content);
    transition-delay: .8s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.2s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.4s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.6s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:before\:content-\[\"\"\] ~ span i:before, .\[\&\~span_i\]\:before\:content-\[\'\'\] ~ span i:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:after\:absolute ~ span i:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:after\:top-0 ~ span i:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:top-2\/4 ~ span i:after {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:after\:top-auto ~ span i:after {
    content: var(--tw-content);
    top: auto;
  }

  .\[\&\~span_i\]\:after\:right-0 ~ span i:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:bottom-0 ~ span i:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:left-auto ~ span i:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\~span_i\]\:after\:h-0 ~ span i:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:w-0\.5 ~ span i:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:after\:bg-\[\#4caf50\] ~ span i:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:after\:bg-\[red\] ~ span i:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:after\:delay-\[0\.4s\] ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.2s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.4s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.6s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:after\:content-\[\"\"\] ~ span i:after, .\[\&\~span_i\]\:after\:content-\[\'\'\] ~ span i:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media screen {
    .\[\@media_screen\]\:flex {
      display: flex;
    }

    .\[\@media_screen\]\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 600px) {
    .\[\@media\(min-width\:600px\)\]\:relative {
      position: relative;
    }

    .\[\@media\(min-width\:600px\)\]\:flex {
      display: flex;
    }

    .\[\@media\(min-width\:600px\)\]\:min-h-\[56px\] {
      min-height: 56px;
    }

    .\[\@media\(min-width\:600px\)\]\:items-center {
      align-items: center;
    }

    .\[\@media\(min-width\:600px\)\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .\[\@media\(min-width\:600px\)\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {
    .\[\@media\(min-width\:768px\)\]\:w-\[750px\] {
      width: 750px;
    }
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --leading-normal: 1.5;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

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

  .top-2\/4 {
    top: 50%;
  }

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

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

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

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

  .mx-\[1em\] {
    margin-inline: 1em;
  }

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

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

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

  .mt-\[0em\] {
    margin-top: 0;
  }

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

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

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

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

  .h-\[1em\] {
    height: 1em;
  }

  .h-auto {
    height: auto;
  }

  .min-h-\[auto\] {
    min-height: auto;
  }

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

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[25\%\] {
    width: 25%;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-full {
    width: 100%;
  }

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

  .min-w-\[36px\] {
    min-width: 36px;
  }

  .min-w-\[56px\] {
    min-width: 56px;
  }

  .flex-auto {
    flex: auto;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .-translate-y-2\/4 {
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[0px_0px_thin\] {
    border-style: var(--tw-border-style);
    border-width: 0 0 thin;
  }

  .border-\[0px_thin_0px_0px\] {
    border-style: var(--tw-border-style);
    border-width: 0 thin 0 0;
  }

  .\[border-width\:0px_0px_thin\] {
    border-width: 0 0 thin;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[rgba\(0\,0\,0\,0\.12\)\] {
    border-color: #0000001f;
  }

  .bg-\[rgb\(223\,221\,221\)\] {
    background-color: #dfdddd;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .fill-current {
    fill: currentColor;
  }

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

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

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

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

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

  .align-middle {
    vertical-align: middle;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

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

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .leading-\[1\.43\] {
    --tw-leading: 1.43;
    line-height: 1.43;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.00938em\] {
    --tw-tracking: .00938em;
    letter-spacing: .00938em;
  }

  .tracking-\[0\.01071em\] {
    --tw-tracking: .01071em;
    letter-spacing: .01071em;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: #0009;
  }

  .text-\[rgba\(0\,0\,0\,0\.54\)\] {
    color: #0000008a;
  }

  .text-inherit {
    color: inherit;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .\[outline\:0px\] {
    outline: 0;
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .transition-\[fill\] {
    transition-property: fill;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-\[0ms\] {
    transition-delay: 0s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

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

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[transition\:fill_200m_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: fill 200m cubic-bezier(.4, 0, .2, 1) 0s;
  }

  .\[transition\:fill_200ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
  }

  @media (hover: hover) {
    .hover\:bg-\[rgba\(0\,0\,0\,0\.04\)\]:hover {
      background-color: #0000000a;
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@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
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-ease: initial;
      --tw-content: "";
      --tw-duration: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --leading-normal: 1.5;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }

  @keyframes vodal-fade-enter {
    from {
      opacity: 0;
    }
  }

  @keyframes vodal-fade-leave {
    to {
      opacity: 0;
    }
  }

  @keyframes vodal-zoom-enter {
    from {
      transform: scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-zoom-leave {
    to {
      transform: scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-slideDown-enter {
    from {
      transform: translate3d(0, -100px, 0);
    }
  }

  @keyframes vodal-slideDown-leave {
    to {
      transform: translate3d(0, -100px, 0);
    }
  }

  @keyframes vodal-slideLeft-enter {
    from {
      transform: translate3d(-150px, 0, 0);
    }
  }

  @keyframes vodal-slideLeft-leave {
    to {
      transform: translate3d(-150px, 0, 0);
    }
  }

  @keyframes vodal-slideRight-enter {
    from {
      transform: translate3d(150px, 0, 0);
    }
  }

  @keyframes vodal-slideRight-leave {
    to {
      transform: translate3d(150px, 0, 0);
    }
  }

  @keyframes vodal-slideUp-enter {
    from {
      transform: translate3d(0, 100px, 0);
    }
  }

  @keyframes vodal-slideUp-leave {
    to {
      transform: translate3d(0, 100px, 0);
    }
  }

  @keyframes vodal-flip-enter {
    from {
      transform: perspective(400px)rotate3d(1, 0, 0, 60deg);
    }

    70% {
      transform: perspective(400px)rotate3d(1, 0, 0, -15deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  @keyframes vodal-flip-leave {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px)rotate3d(1, 0, 0, -15deg);
    }

    to {
      transform: perspective(400px)rotate3d(1, 0, 0, 45deg);
    }
  }

  @keyframes vodal-rotate-enter {
    from {
      transform: rotate3d(0, 0, 1, -180deg)scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-rotate-leave {
    to {
      transform: rotate3d(0, 0, 1, 180deg)scale3d(.3, .3, .3);
    }
  }

  @keyframes vodal-door-enter {
    from {
      transform: scale3d(0, 1, 1);
    }
  }

  @keyframes vodal-door-leave {
    60% {
      transform: scale3d(.01, 1, 1);
    }

    to {
      transform: scale3d(0, 1, .1);
    }
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

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

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

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

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

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

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[101\] {
    z-index: 101;
  }

  .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;
    }
  }

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

  .m-auto {
    margin: auto;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

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

  .h-\[25\%\] {
    height: 25%;
  }

  .h-full {
    height: 100%;
  }

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

  .w-\[50\%\] {
    width: 50%;
  }

  .w-full {
    width: 100%;
  }

  .flex-\[0_0_auto\] {
    flex: none;
  }

  .flex-auto {
    flex: auto;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

  .overflow-y-auto {
    overflow-y: auto;
  }

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-\[\#fff\] {
    background-color: #fff;
  }

  .bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    background-color: #0000004d;
  }

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

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

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

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

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

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

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

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.0075em\] {
    --tw-tracking: .0075em;
    letter-spacing: .0075em;
  }

  .tracking-\[0\.00938em\] {
    --tw-tracking: .00938em;
    letter-spacing: .00938em;
  }

  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: #0009;
  }

  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-2\/4:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:-mt-px:before {
    content: var(--tw-content);
    margin-top: -1px;
  }

  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .before\:rounded-\[100\%\]:before {
    content: var(--tw-content);
    border-radius: 100%;
  }

  .before\:bg-\[\#999\]:before {
    content: var(--tw-content);
    background-color: #999;
  }

  .before\:transition-\[background\]:before {
    content: var(--tw-content);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-\[0\.2s\]:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-2\/4:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:-mt-px:after {
    content: var(--tw-content);
    margin-top: -1px;
  }

  .after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:-rotate-45:after {
    content: var(--tw-content);
    rotate: -45deg;
  }

  .after\:rounded-\[100\%\]:after {
    content: var(--tw-content);
    border-radius: 100%;
  }

  .after\:bg-\[\#999\]:after {
    content: var(--tw-content);
    background-color: #999;
  }

  .after\:transition-\[background\]:after {
    content: var(--tw-content);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-\[0\.2s\]:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .hover\:before\:bg-\[\#333\]:hover:before, .hover\:after\:bg-\[\#333\]:hover:after {
      content: var(--tw-content);
      background-color: #333;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}

.vodal-fade-enter {
  animation: ease-in both vodal-fade-enter;
}

.vodal-fade-leave {
  animation: ease-out both vodal-fade-leave;
}

.vodal-zoom-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-zoom-enter;
}

.vodal-zoom-leave {
  animation: both vodal-zoom-leave;
}

.vodal-slideDown-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideDown-enter;
}

.vodal-slideDown-leave {
  animation: both vodal-slideDown-leave;
}

.vodal-slideLeft-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideLeft-enter;
}

.vodal-slideLeft-leave {
  animation: both vodal-slideLeft-leave;
}

.vodal-slideRight-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideRight-enter;
}

.vodal-slideRight-leave {
  animation: both vodal-slideRight-leave;
}

.vodal-slideUp-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-slideUp-enter;
}

.vodal-slideUp-leave {
  animation: both vodal-slideUp-leave;
}

.vodal-flip-enter {
  animation: ease-in both vodal-flip-enter;
  backface-visibility: visible !important;
}

.vodal-flip-leave {
  animation: both vodal-flip-leave;
  backface-visibility: visible !important;
}

.vodal-rotate-enter {
  transform-origin: center;
  animation: both vodal-rotate-enter;
}

.vodal-rotate-leave {
  transform-origin: center;
  animation: both vodal-rotate-leave;
}

.vodal-door-enter {
  animation: cubic-bezier(.4, 0, 0, 1.5) both vodal-door-enter;
}

.vodal-door-leave {
  animation: both vodal-door-leave;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-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-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

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

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

  .bottom-\[3em\] {
    bottom: 3em;
  }

  .-left-0\.5 {
    left: calc(var(--spacing) * -.5);
  }

  .left-\[5px\] {
    left: 5px;
  }

  .float-right {
    float: right;
  }

  .m-0\.5 {
    margin: calc(var(--spacing) * .5);
  }

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

  .m-\[2px\] {
    margin: 2px;
  }

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

  .mt-\[1\.6em\] {
    margin-top: 1.6em;
  }

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

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-\[-100px\] {
    margin-bottom: -100px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .h-\[1\.2em\] {
    height: 1.2em;
  }

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

  .h-\[297mm\] {
    height: 297mm;
  }

  .h-full {
    height: 100%;
  }

  .min-h-\[297mm\] {
    min-height: 297mm;
  }

  .w-\[4em\] {
    width: 4em;
  }

  .w-\[5em\] {
    width: 5em;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

  .min-w-\[210mm\] {
    min-width: 210mm;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .list-\[\'✧\'\] {
    list-style-type: "✧";
  }

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

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

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#555\] {
    border-color: #555;
  }

  .border-\[black\] {
    border-color: #000;
  }

  .border-\[gray\] {
    border-color: gray;
  }

  .bg-\[white\] {
    background-color: #fff;
  }

  .bg-\[url\(\/assets\/images\/page\/banner\.jpg\)\] {
    background-image: url("/assets/images/page/banner.jpg");
  }

  .bg-\[url\(\/assets\/images\/qm\/qmBanner\.jpg\)\] {
    background-image: url("/assets/images/qm/qmBanner.jpg");
  }

  .bg-left-top {
    background-position: 0 0;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

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

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

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

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

  .pr-\[30px\] {
    padding-right: 30px;
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

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

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

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

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-\[sans-serif\] {
    font-family: sans-serif;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-\[0\.9em\] {
    font-size: .9em;
  }

  .text-\[200\%\] {
    font-size: 200%;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }

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

  .text-\[color\:var\(--土\)\] {
    color: var(--土);
  }

  .text-\[color\:var\(--木\)\] {
    color: var(--木);
  }

  .text-\[color\:var\(--水\)\] {
    color: var(--水);
  }

  .text-\[color\:var\(--火\)\] {
    color: var(--火);
  }

  .text-\[color\:var\(--金\)\] {
    color: var(--金);
  }

  .text-\[white\] {
    color: #fff;
  }

  .shadow-\[5px_5px_5px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 5px 5px 5px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .\[background\:linear-gradient\(rgba\(255\,255\,255\,0\.8\)\,rgba\(255\,255\,255\,0\.8\)\)\,url\(\/assets\/images\/logo-blue-full-padding\.svg\)no-repeat_center_center\/contain\] {
    background: linear-gradient(#fffc, #fffc), url("/assets/images/logo-blue-full-padding.svg") center / contain no-repeat;
  }

  .\[border\:none\] {
    border: none;
  }

  .\[text-shadow\:1px_2px_2px_\#000\] {
    text-shadow: 1px 2px 2px #000;
  }

  .\[text-shadow\:2px_1px_black\] {
    text-shadow: 2px 1px #000;
  }

  @media print {
    .print\:relative {
      position: relative;
    }

    .print\:\!ml-\[1cm\] {
      margin-left: 1cm !important;
    }

    .print\:\!block {
      display: block !important;
    }

    .print\:\!hidden {
      display: none !important;
    }

    .print\:h-\[297mm\] {
      height: 297mm;
    }

    .print\:max-h-\[297mm\] {
      max-height: 297mm;
    }

    .print\:min-h-\[297mm\] {
      min-height: 297mm;
    }

    .print\:w-\[210mm\] {
      width: 210mm;
    }

    .print\:max-w-\[210mm\] {
      max-width: 210mm;
    }

    .print\:min-w-\[210mm\] {
      min-width: 210mm;
    }

    .print\:\!\[break-before\:always\] {
      -moz-column-break-before: always !important;
           break-before: always !important;
    }

    .print\:break-inside-avoid {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }

    .print\:\!\[break-after\:always\] {
      -moz-column-break-after: always !important;
           break-after: always !important;
    }

    .print\:bg-\[url\(\/assets\/images\/qm\/qmdjBackground\.jpg\)\] {
      background-image: url("/assets/images/qm/qmdjBackground.jpg");
    }

    .print\:bg-none {
      background-image: none;
    }

    .print\:bg-cover {
      background-size: cover;
    }

    .print\:bg-no-repeat {
      background-repeat: no-repeat;
    }

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

    .print\:\!pl-\[1cm\] {
      padding-left: 1cm !important;
    }

    .print\:\!\[page-break-after\:always\] {
      page-break-after: always !important;
    }

    .print\:\!\[page-break-before\:always\] {
      page-break-before: always !important;
    }

    .print\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }

    .print\:before\:bottom-\[1rem\]:before {
      content: var(--tw-content);
      bottom: 1rem;
    }

    .print\:before\:left-\[1cm\]:before {
      content: var(--tw-content);
      left: 1cm;
    }

    .print\:before\:z-\[-1\]:before {
      content: var(--tw-content);
      z-index: -1;
    }

    .print\:before\:inline-block:before {
      content: var(--tw-content);
      display: inline-block;
    }

    .print\:before\:font-\[sans-serif\]:before {
      content: var(--tw-content);
      font-family: sans-serif;
    }

    .print\:before\:text-\[\.8em\]:before {
      content: var(--tw-content);
      font-size: .8em;
    }

    .print\:before\:font-bold:before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }

    .print\:before\:text-\[\#764A45\]:before {
      content: var(--tw-content);
      color: #764a45;
    }

    .print\:before\:content-\[\"Copyright©_2024_by_Supreme_Fortunity_Sdn_Bhd\"\]:before {
      content: var(--tw-content);
      --tw-content: "Copyright© 2024 by Supreme Fortunity Sdn Bhd";
      content: var(--tw-content);
    }

    .print\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }

    .print\:after\:right-3\.5:after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 3.5);
    }

    .print\:after\:bottom-\[1rem\]:after {
      content: var(--tw-content);
      bottom: 1rem;
    }

    .print\:after\:z-\[-1\]:after {
      content: var(--tw-content);
      z-index: -1;
    }

    .print\:after\:inline-block:after {
      content: var(--tw-content);
      display: inline-block;
    }

    .print\:after\:font-\[sans-serif\]:after {
      content: var(--tw-content);
      font-family: sans-serif;
    }

    .print\:after\:text-\[0\.8em\]:after {
      content: var(--tw-content);
      font-size: .8em;
    }

    .print\:after\:text-\[\#764A45\]:after {
      content: var(--tw-content);
      color: #764a45;
    }

    .print\:after\:content-\[\"Page_\"counter\(page\)\]:after {
      content: var(--tw-content);
      --tw-content: "Page "counter(page);
      content: var(--tw-content);
    }

    .print\:after\:\[counter-increment\:page\]:after {
      content: var(--tw-content);
      counter-increment: page;
    }

    .print\:\[\&_div\]\:flex div {
      display: flex;
    }

    .print\:\[\&_div\]\:items-center div {
      align-items: center;
    }

    .print\:\[\&_div\]\:justify-center div {
      justify-content: center;
    }
  }

  .\[\&_img\]\:block img {
    display: block;
  }

  .\[\&_img\]\:h-full img {
    height: 100%;
  }

  .\[\&_img\]\:w-full img {
    width: 100%;
  }

  @media print {
    .\[\&_img\]\:print\:block img {
      display: block;
    }

    .\[\&_img\]\:print\:h-full img {
      height: 100%;
    }

    .\[\&_img\]\:print\:w-full img {
      width: 100%;
    }

    .\[\&_img\]\:print\:break-inside-avoid img {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }

    .\[\&_img\]\:print\:\!\[break-after\:always\] img {
      -moz-column-break-after: always !important;
           break-after: always !important;
    }

    .\[\&_img\]\:print\:\!\[page-break-after\:always\] img {
      page-break-after: always !important;
    }
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:inline-block img[alt="logo"] {
    display: inline-block;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:w-\[1\.5em\] img[alt="logo"] {
    width: 1.5em;
  }

  .\[\&_img\[alt\=\'logo\'\]\]\:align-middle img[alt="logo"] {
    vertical-align: middle;
  }

  .\[\&_span_\&\]\:float-right span .\[\&_span_\&\]\:float-right {
    float: right;
  }

  .\[\&_span_\&\]\:mt-\[1px\] span .\[\&_span_\&\]\:mt-\[1px\] {
    margin-top: 1px;
  }

  .\[\&_span_\&\]\:mr-\[10px\] span .\[\&_span_\&\]\:mr-\[10px\] {
    margin-right: 10px;
  }

  .\[\&_span_\&\]\:block span .\[\&_span_\&\]\:block {
    display: block;
  }

  .\[\&_span_\&\]\:text-\[1em\] span .\[\&_span_\&\]\:text-\[1em\] {
    font-size: 1em;
  }

  .\[\&_span_\&\]\:leading-\[1em\] span .\[\&_span_\&\]\:leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }

  .\[\&_span_\&\]\:text-\[darkblue\] span .\[\&_span_\&\]\:text-\[darkblue\] {
    color: #00008b;
  }

  .\[\&_span_\&\]\:text-\[white\] span .\[\&_span_\&\]\:text-\[white\] {
    color: #fff;
  }

  .\[\&\>tbody\>tr\]\:border-collapse > tbody > tr {
    border-collapse: collapse;
  }

  .\[\&\>tbody\>tr\]\:border > tbody > tr {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>tbody\>tr\]\:border-solid > tbody > tr {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>tbody\>tr\]\:border-\[gray\] > tbody > tr {
    border-color: gray;
  }

  .\[\&\>tbody\>tr\>td\]\:border-collapse > tbody > tr > td {
    border-collapse: collapse;
  }

  .\[\&\>tbody\>tr\>td\]\:border > tbody > tr > td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>tbody\>tr\>td\]\:border-solid > tbody > tr > td {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>tbody\>tr\>td\]\:border-\[gray\] > tbody > tr > td {
    border-color: gray;
  }

  .\[\&\>td\]\:\[border\:none\] > td, .\[\&\>tr\]\:\[border\:none\] > tr {
    border: none;
  }

  @media screen {
    .\[\@media_screen\]\:mx-auto {
      margin-inline: auto;
    }

    .\[\@media_screen\]\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }

    .\[\@media_screen\]\:\!hidden {
      display: none !important;
    }
  }

  @media (min-width: 210mm) {
    .\[\@media\(min-width\:210mm\)\]\:max-h-\[297mm\] {
      max-height: 297mm;
    }
  }

  div .\[div_\&\]\:text-\[60\%\] {
    font-size: 60%;
  }

  span .\[span_\&\]\:float-right {
    float: right;
  }

  span .\[span_\&\]\:mt-px {
    margin-top: 1px;
  }

  span .\[span_\&\]\:mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }

  span .\[span_\&\]\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  span .\[span_\&\]\:ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  span .\[span_\&\]\:block {
    display: block;
  }

  span .\[span_\&\]\:\[font-family\:\"YaHei\"\] {
    font-family: YaHei;
  }

  span .\[span_\&\]\:text-\[1\.2em\] {
    font-size: 1.2em;
  }

  span .\[span_\&\]\:text-\[1em\] {
    font-size: 1em;
  }

  span .\[span_\&\]\:leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }

  span .\[span_\&\]\:text-\[darkblue\] {
    color: #00008b;
  }

  span .\[span_\&\]\:text-\[white\] {
    color: #fff;
  }
}

@font-face {
  font-family: KaiTi;
  src: url("/assets/font/JKT.woff2");
}

rt {
  padding-top: 3px;
  font-size: 40%;
}

body.print * {
  transition: none !important;
}

.MuiSelect-select.MuiSelect-select {
  padding: 0 22px 0 0;
}

.btn.tgme_widget_login_button {
  font-size: unset;
  padding: unset;
  text-align: left;
  width: 16em;
  box-shadow: 0px 3px 1px-2px #0003, 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f;
  border-radius: 4px;
  margin: 0 0 13px;
}

.tgme_widget_login_button_icon {
  margin: 0 7px-2px-7px;
}

.tgme_widget_login_user_photo {
  display: none;
}

a:link {
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

dialog.mdl-dialog.firebaseui-dialog.firebaseui-id-dialog {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

@page {
  margin: 0;
}

body {
  margin: 0;
}

@media print {
  body {
    counter-reset: page;
  }
}

body.darkTheme {
  --name: dark;
  --background: white;
  --outter: #514426;
  --内盘: #62563a;
  --外盘: #a79567;
  --内盘宫: #fefacb99;
  --外盘宫: #fff7;
  --内盘字: #dfc8ba;
  --金bg: #f5efedce;
  --木bg: #a5d6a788;
  --水bg: #bcaaa488;
  --火bg: #ef9a9a88;
  --土bg: #fff16e88;
  --木: #0c6f10;
  --火: #f52c37;
  --土: #9b870c;
  --金: #5e6d76;
  --水: #2113d6;
  --时: #4caf50;
  --日: #4caf50;
  --阴: #ab0f0f;
  --line: #514426;
  --lineWidth: 4px;
  --字: #2e2d2c;
  --空: #dfc8ba;
  --平: green;
  --吉bg: #fcc;
  --凶bg: #bbb;
  --大吉: red;
  --吉: purple;
  --小吉: green;
  --凶: gray;
  --大凶: black;
}

:root {
  --name: light;
  --background: white;
  --outter: #514426;
  --内盘: #62563a;
  --外盘: #a79567;
  --内盘宫: #fefacb99;
  --外盘宫: #fff7;
  --内盘字: #dfc8ba;
  --金bg: #f5efedce;
  --木bg: #a5d6a788;
  --水bg: #bcaaa488;
  --火bg: #ef9a9a88;
  --土bg: #fff16e88;
  --木: #0c6f10;
  --火: #f52c37;
  --土: #9b870c;
  --金: #5e6d76;
  --水: #2113d6;
  --时: #4caf50;
  --日: #4caf50;
  --阴: #ab0f0f;
  --line: #514426;
  --lineWidth: 4px;
  --字: #2e2d2c;
  --空: #dfc8ba;
  --平: green;
  --吉bg: #fcc;
  --凶bg: #bbb;
  --大吉: red;
  --吉: purple;
  --小吉: green;
  --凶: gray;
  --大凶: black;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-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-border-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-font-weight: 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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .fixed {
    position: fixed;
  }

  .top-\[20px\] {
    top: 20px;
  }

  .float-right {
    float: right;
  }

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

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

  .table {
    display: table;
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-\[4px\] {
    width: 4px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-full {
    width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .overflow-auto {
    overflow: auto;
  }

  .border, .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[lightgray\] {
    border-color: #d3d3d3;
  }

  .bg-\[\#f7fae3\] {
    background-color: #f7fae3;
  }

  .bg-\[\#f8e3fa\] {
    background-color: #f8e3fa;
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

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

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

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

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

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

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .text-\[blue\] {
    color: #00f;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .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, );
  }

  .\[direction\:rtl\] {
    direction: rtl;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#c4d7f5\]:hover {
      background-color: #c4d7f5;
    }

    .hover\:bg-\[\#ebf5d5\]:hover {
      background-color: #ebf5d5;
    }

    .hover\:bg-\[\#f5d6f0\]:hover {
      background-color: #f5d6f0;
    }

    .hover\:font-bold:hover {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }

  .\[\&_\.rangesliderHandle-tooltip\]\:opacity-40 .rangesliderHandle-tooltip {
    opacity: .4;
  }

  .\[\&\:hover\>div\]\:inline-block:hover > div {
    display: inline-block;
  }

  .\[\&\>\.rangesliderFill\]\:bg-\[\#e6e6e6\] > .rangesliderFill {
    background-color: #e6e6e6;
  }

  .\[\&\>\.rangesliderHandle\]\:left-\[-9px\] > .rangesliderHandle {
    left: -9px;
  }

  .\[\&\>\.rangesliderHandle\]\:h-\[20px\] > .rangesliderHandle {
    height: 20px;
  }

  .\[\&\>\.rangesliderHandle\]\:w-\[20px\] > .rangesliderHandle {
    width: 20px;
  }

  .\[\&\>\.rangesliderHandle\]\:rounded-\[50\%\] > .rangesliderHandle {
    border-radius: 50%;
  }

  .\[\&\>\.rangesliderHandle\]\:bg-white > .rangesliderHandle {
    background-color: var(--color-white);
  }

  .\[\&\>\.rangesliderHandle\]\:shadow-\[0_1px_1px_\#333\] > .rangesliderHandle {
    --tw-shadow: 0 1px 1px var(--tw-shadow-color, #333);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:\[\&\>\.rangesliderHandle\]\:left-\[-13px\]:hover > .rangesliderHandle {
      left: -13px;
    }

    .hover\:\[\&\>\.rangesliderHandle\]\:h-\[30px\]:hover > .rangesliderHandle {
      height: 30px;
    }

    .hover\:\[\&\>\.rangesliderHandle\]\:w-\[30px\]:hover > .rangesliderHandle {
      width: 30px;
    }
  }

  .active\:\[\&\>\.rangesliderHandle\]\:left-\[-13px\]:active > .rangesliderHandle {
    left: -13px;
  }

  .active\:\[\&\>\.rangesliderHandle\]\:h-\[30px\]:active > .rangesliderHandle {
    height: 30px;
  }

  .active\:\[\&\>\.rangesliderHandle\]\:w-\[30px\]:active > .rangesliderHandle {
    width: 30px;
  }

  .\[\&\>div\]\:hidden > div {
    display: none;
  }
}

@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-border-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-font-weight {
  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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: 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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-font-weight: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-bold: 700;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

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

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

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

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

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-2\/4 {
    top: 50%;
  }

  .top-\[-55px\] {
    top: -55px;
  }

  .top-\[8px\] {
    top: 8px;
  }

  .top-\[20px\] {
    top: 20px;
  }

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

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

  .bottom-\[inherit\] {
    bottom: inherit;
  }

  .-left-2\.5 {
    left: calc(var(--spacing) * -2.5);
  }

  .-left-full {
    left: -100%;
  }

  .left-2\/4 {
    left: 50%;
  }

  .left-\[-15px\] {
    left: -15px;
  }

  .left-\[15px\] {
    left: 15px;
  }

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

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

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

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

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

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

  .w-\[4px\] {
    width: 4px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[10px\] {
    max-width: 10px;
  }

  .flex-1 {
    flex: 1;
  }

  .\[transform\:translate3d\(-50\%\,-50\%\,0\)\] {
    transform: translate3d(-50%, -50%, 0);
  }

  .\[transform\:translate3d\(-50\%\,0\%\,0\)\] {
    transform: translate3d(-50%, 0%, 0);
  }

  .\[transform\:translate3d\(-50\%\,0\,0\)\] {
    transform: translate3d(-50%, 0, 0);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .list-none {
    list-style-type: none;
  }

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

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

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

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

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

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#ccc\] {
    border-color: #ccc;
  }

  .bg-\[\#2d2d2d\] {
    background-color: #2d2d2d;
  }

  .bg-\[\#7cb342\] {
    background-color: #7cb342;
  }

  .bg-\[\#e6e6e6\] {
    background-color: #e6e6e6;
  }

  .bg-\[rgba\(0\,0\,0\,0\.8\)\] {
    background-color: #000c;
  }

  .bg-\[smoke\] {
    background-color: smoke;
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

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

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

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

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

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

  .text-left {
    text-align: left;
  }

  .font-\[normal\] {
    font-family: normal;
  }

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

  .text-\[16px\] {
    font-size: 16px;
  }

  .leading-\[100\%\] {
    --tw-leading: 100%;
    line-height: 100%;
  }

  .text-\[white\] {
    color: #fff;
  }

  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.4\)\,0_-1px_3px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0006), 0 -1px 3px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_3px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: inset 0 1px 3px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --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);
  }

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

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .ease-\[ease-in\] {
    --tw-ease: ease-in;
    transition-timing-function: ease-in;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-2\/4:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:-left-3\.5:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -3.5);
  }

  .before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .before\:table:before {
    content: var(--tw-content);
    display: table;
  }

  .before\:h-\[1px\]:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-\[10px\]:before {
    content: var(--tw-content);
    width: 10px;
  }

  .before\:\[transform\:translate3d\(0\,-50\%\,0\)\]:before {
    content: var(--tw-content);
    transform: translate3d(0, -50%, 0);
  }

  .before\:bg-\[black\]:before {
    content: var(--tw-content);
    background-color: #000;
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[\'_\'\]:before {
    content: var(--tw-content);
    --tw-content: " ";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-1\.5:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1.5);
  }

  .after\:top-3:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3);
  }

  .after\:-bottom-2:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -2);
  }

  .after\:left-1\.5:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1.5);
  }

  .after\:left-2\/4:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:left-full:after {
    content: var(--tw-content);
    left: 100%;
  }

  .after\:clear-both:after {
    content: var(--tw-content);
    clear: both;
  }

  .after\:table:after {
    content: var(--tw-content);
    display: table;
  }

  .after\:h-0:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .after\:h-4:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }

  .after\:w-0:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:\[transform\:translate3d\(-50\%\,0\,0\)\]:after {
    content: var(--tw-content);
    transform: translate3d(-50%, 0, 0);
  }

  .after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .after\:border-x-8:after {
    content: var(--tw-content);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
  }

  .after\:border-y-8:after {
    content: var(--tw-content);
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
  }

  .after\:border-t-8:after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }

  .after\:border-l-8:after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 8px;
  }

  .after\:border-solid:after {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }

  .after\:border-x-transparent:after {
    content: var(--tw-content);
    border-inline-color: #0000;
  }

  .after\:border-y-transparent:after {
    content: var(--tw-content);
    border-block-color: #0000;
  }

  .after\:border-t-\[rgba\(0\,0\,0\,0\.8\)\]:after {
    content: var(--tw-content);
    border-top-color: #000c;
  }

  .after\:border-l-\[rgba\(0\,0\,0\,0\.8\)\]:after {
    content: var(--tw-content);
    border-left-color: #000c;
  }

  .after\:bg-\[\#dadada\]:after {
    content: var(--tw-content);
    background-color: #dadada;
  }

  .after\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.4\)_inset\,0_-1px_3px_rgba\(0\,0\,0\,0\.4\)_inset\]:after {
    content: var(--tw-content);
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0006) inset, 0 -1px 3px var(--tw-shadow-color, #0006) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .after\:content-\[\"_\"\]:after, .after\:content-\[\'_\'\]:after {
    content: var(--tw-content);
    --tw-content: " ";
    content: var(--tw-content);
  }

  .\[\&_\.slider\]\:p-\[40px\] .slider {
    padding: 40px;
  }

  .\[\&_a\]\:float-right a {
    float: right;
  }

  .\[\&_a\]\:mx-\[20px\] a {
    margin-inline: 20px;
  }

  .\[\&_a\]\:text-\[white\] a {
    color: #fff;
  }

  .\[\&_h4\]\:float-left h4 {
    float: left;
  }

  .\[\&_h4\]\:font-bold h4 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h4\]\:text-\[white\] h4 {
    color: #fff;
  }

  .\[\&\>\.rangesliderFill\]\:rounded-none > .rangesliderFill {
    border-radius: 0;
  }

  .\[\&\>\.rangesliderFill\]\:bg-\[\#1e88e5\] > .rangesliderFill {
    background-color: #1e88e5;
  }

  .\[\&\>\.rangesliderFill\]\:bg-\[\#ef5350\] > .rangesliderFill {
    background-color: #ef5350;
  }

  .\[\&\>\.rangesliderHandle\]\:left-\[-13px\] > .rangesliderHandle {
    left: -13px;
  }

  .\[\&\>\.rangesliderHandle\]\:h-\[30px\] > .rangesliderHandle {
    height: 30px;
  }

  .\[\&\>\.rangesliderHandle\]\:h-\[34px\] > .rangesliderHandle {
    height: 34px;
  }

  .\[\&\>\.rangesliderHandle\]\:w-2\.5 > .rangesliderHandle {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>\.rangesliderHandle\]\:w-\[30px\] > .rangesliderHandle {
    width: 30px;
  }

  .\[\&\>\.rangesliderHandle\]\:w-\[34px\] > .rangesliderHandle {
    width: 34px;
  }

  .\[\&\>\.rangesliderHandle\]\:rounded-\[30px\] > .rangesliderHandle {
    border-radius: 30px;
  }

  .\[\&\>\.rangesliderHandle\]\:rounded-\[50\%\] > .rangesliderHandle {
    border-radius: 50%;
  }

  .\[\&\>\.rangesliderHandle\]\:rounded-none > .rangesliderHandle {
    border-radius: 0;
  }

  .\[\&\>\.rangesliderHandle\]\:bg-white > .rangesliderHandle {
    background-color: var(--color-white);
  }

  .\[\&\>\.rangesliderHandle\]\:text-center > .rangesliderHandle {
    text-align: center;
  }

  .\[\&\>\.rangesliderHandle\]\:shadow-\[0_1px_1px_\#333\] > .rangesliderHandle {
    --tw-shadow: 0 1px 1px var(--tw-shadow-color, #333);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>\.rangesliderHandle\]\:after\:\[position\:initial\] > .rangesliderHandle:after {
    content: var(--tw-content);
    position: initial;
  }

  .\[\&\>\.rangesliderHandle\]\:after\:hidden > .rangesliderHandle:after {
    content: var(--tw-content);
    display: none;
  }

  .\[\&\>\.rangesliderHandle-label\]\:absolute > .rangesliderHandle-label {
    position: absolute;
  }

  .\[\&\>\.rangesliderHandle-label\]\:top-2\/4 > .rangesliderHandle-label {
    top: 50%;
  }

  .\[\&\>\.rangesliderHandle-label\]\:left-2\/4 > .rangesliderHandle-label {
    left: 50%;
  }

  .\[\&\>\.rangesliderHandle-label\]\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\] > .rangesliderHandle-label {
    transform: translate3d(-50%, -50%, 0);
  }

  .\[\&\>\.rangesliderHandle-tooltip\]\:left-2\/4 > .rangesliderHandle-tooltip {
    left: 50%;
  }

  .\[\&\>\.rangesliderHandle-tooltip\]\:w-\[60px\] > .rangesliderHandle-tooltip {
    width: 60px;
  }

  .\[\&\>\.rangesliderHandle-tooltip\]\:\[transform\:translate3d\(-50\%\,0\,0\)\] > .rangesliderHandle-tooltip {
    transform: translate3d(-50%, 0, 0);
  }

  .\[\&\>\.rangesliderLabel\]\:top-\[18px\] > .rangesliderLabel {
    top: 18px;
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  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: 0;
}

@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-duration {
  syntax: "*";
  inherits: false
}

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-style: solid;
      --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: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-400: oklch(75% .183 55.934);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

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

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

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-2\/4 {
    top: 50%;
  }

  .top-\[200\] {
    top: 200px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-auto {
    left: auto;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-100 {
    z-index: 100;
  }

  .z-\[00\] {
    z-index: 0;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[50\] {
    z-index: 50;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[999\] {
    z-index: 999;
  }

  .z-\[1050\] {
    z-index: 1050;
  }

  .z-\[1100\] {
    z-index: 1100;
  }

  .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;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-2 {
    margin: calc(var(--spacing) * 2);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .m-10 {
    margin: calc(var(--spacing) * 10);
  }

  .m-\[20px\] {
    margin: 20px;
  }

  .m-auto {
    margin: auto;
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-\[2em\] {
    margin-inline: 2em;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }

  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-\[-15px\] {
    margin-right: -15px;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }

  .ml-\[-15px\] {
    margin-left: -15px;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-\[0\.01em\] {
    height: .01em;
  }

  .h-\[1em\] {
    height: 1em;
  }

  .h-\[2rem\] {
    height: 2rem;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-\[2em\] {
    max-height: 2em;
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-\[1em\] {
    width: 1em;
  }

  .w-\[3rem\] {
    width: 3rem;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[27\.33\%\] {
    width: 27.33%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[56px\] {
    width: 56px;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-full {
    max-width: 100%;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[8px\] {
    min-width: 8px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_0_auto\] {
    flex: none;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\[0\%_0\%\] {
    transform-origin: 0 0;
  }

  .origin-\[0\%_100\%\] {
    transform-origin: 0 100%;
  }

  .origin-\[100\%_0\%\] {
    transform-origin: 100% 0;
  }

  .origin-\[100\%_100\%\] {
    transform-origin: 100% 100%;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-2\/4 {
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-2\/4 {
    --tw-translate-x: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2\/4 {
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2\/4 {
    --tw-translate-y: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .\[appearance\:textfield\] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }

  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .flex-col {
    flex-direction: column;
  }

  .place-content-center {
    place-content: center;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px_12px_0_0\] {
    border-radius: 12px 12px 0 0;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[50px\] {
    border-radius: 50px;
  }

  .rounded-\[100px\] {
    border-radius: 100px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-tl-\[100\%\] {
    border-top-left-radius: 100%;
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .rounded-tr-\[100\%\] {
    border-top-right-radius: 100%;
  }

  .rounded-tr-none {
    border-top-right-radius: 0;
  }

  .rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[0_2px\] {
    border-style: var(--tw-border-style);
    border-width: 0 2px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[border-left-style\:solid\] {
    border-left-style: solid;
  }

  .border-\[\#E5EAF2\] {
    border-color: #e5eaf2;
  }

  .border-\[\#F00\] {
    border-color: red;
  }

  .border-\[\#ccc\] {
    border-color: #ccc;
  }

  .border-\[\#ddd\] {
    border-color: #ddd;
  }

  .border-\[none\] {
    border-color: none;
  }

  .border-\[rgba\(0\,0\,0\,0\.12\)\] {
    border-color: #0000001f;
  }

  .border-\[rgba\(25\,118\,210\,0\.5\)\] {
    border-color: #1976d280;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-y-\[\#007bff\] {
    border-block-color: #007bff;
  }

  .border-b-\[\#ccc\] {
    border-bottom-color: #ccc;
  }

  .border-l-\[\#ced0d4\] {
    border-left-color: #ced0d4;
  }

  .\!bg-slate-200 {
    background-color: var(--color-slate-200) !important;
  }

  .bg-\[\#000\] {
    background-color: #000;
  }

  .bg-\[\#1976d2\] {
    background-color: #1976d2;
  }

  .bg-\[\#ccc\] {
    background-color: #ccc;
  }

  .bg-\[rgb\(25\,118\,210\)\] {
    background-color: #1976d2;
  }

  .bg-\[rgb\(156\,39\,176\)\] {
    background-color: #9c27b0;
  }

  .bg-\[rgb\(189\,189\,189\)\] {
    background-color: #bdbdbd;
  }

  .bg-\[rgba\(0\,0\,0\,0\.08\)\] {
    background-color: #00000014;
  }

  .bg-\[rgba\(0\,123\,255\,0\.05\)\] {
    background-color: #007bff0d;
  }

  .bg-\[rgba\(25\,118\,210\,0\.08\)\] {
    background-color: #1976d214;
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-indigo-900 {
    background-color: var(--color-indigo-900);
  }

  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-\[center_center\] {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[black\] {
    fill: #000;
  }

  .fill-current {
    fill: currentColor;
  }

  .stroke-current {
    stroke: currentColor;
  }

  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[16px\] {
    padding: 16px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[7px\] {
    padding-top: 7px;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.0075em\] {
    --tw-tracking: .0075em;
    letter-spacing: .0075em;
  }

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#4caf50\] {
    color: #4caf50;
  }

  .text-\[\#007bff\] {
    color: #007bff;
  }

  .text-\[\#333\] {
    color: #333;
  }

  .text-\[\#555\] {
    color: #555;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[\#65676b\] {
    color: #65676b;
  }

  .text-\[\#818181\] {
    color: #818181;
  }

  .text-\[color\] {
    color: color;
  }

  .text-\[red\] {
    color: red;
  }

  .text-\[rgb\(97\,97\,97\)\] {
    color: #616161;
  }

  .text-\[rgba\(0\,0\,0\,0\.26\)\] {
    color: #00000042;
  }

  .text-\[rgba\(0\,0\,0\,0\.54\)\] {
    color: #0000008a;
  }

  .text-\[rgba\(0\,0\,0\,0\.87\)\] {
    color: #000000de;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-indigo-300 {
    color: var(--color-indigo-300);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 4px 8px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,0px_2px_2px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_5px_0px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 3px 1px -2px var(--tw-shadow-color, #0003), 0px 2px 2px 0px var(--tw-shadow-color, #00000024), 0px 1px 5px 0px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_8px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0px 4px 8px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --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);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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);
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_1px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_1px_1px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_3px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 2px 1px -1px, #00000024 0px 1px 1px 0px, #0000001f 0px 1px 3px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_4px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_4px_5px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_10px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_2px_4px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_4px_5px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_10px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 2px 4px -1px, #00000024 0px 4px 5px 0px, #0000001f 0px 1px 10px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_1px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_2px_2px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_5px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_1px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_2px_2px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_5px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 1px -2px, #00000024 0px 2px 2px 0px, #0000001f 0px 1px 5px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_3px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_3px_4px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_8px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_3px_-2px\,rgba\(0\,0\,0\,0\.14\)_0px_3px_4px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_8px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 3px -2px, #00000024 0px 3px 4px 0px, #0000001f 0px 1px 8px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_5px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_6px_10px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_18px_0px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_3px_5px_-1px\,rgba\(0\,0\,0\,0\.14\)_0px_6px_10px_0px\,rgba\(0\,0\,0\,0\.12\)_0px_1px_18px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 3px 5px -1px, #00000024 0px 6px 10px 0px, #0000001f 0px 1px 18px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_5px_5px_-3px\,rgba\(0\,0\,0\,0\.14\)_0px_8px_10px_1px\,rgba\(0\,0\,0\,0\.12\)_0px_3px_14px_2px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_5px_5px_-3px\,rgba\(0\,0\,0\,0\.14\)_0px_8px_10px_1px\,rgba\(0\,0\,0\,0\.12\)_0px_3px_14px_2px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 5px 5px -3px, #00000024 0px 8px 10px 1px, #0000001f 0px 3px 14px 2px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_7px_8px_-4px\,rgba\(0\,0\,0\,0\.14\)_0px_12px_17px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_5px_22px_4px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_7px_8px_-4px\,rgba\(0\,0\,0\,0\.14\)_0px_12px_17px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_5px_22px_4px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 7px 8px -4px, #00000024 0px 12px 17px 2px, #0000001f 0px 5px 22px 4px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_8px_10px_-5px\,rgba\(0\,0\,0\,0\.14\)_0px_16px_24px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_6px_30px_5px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_8px_10px_-5px\,rgba\(0\,0\,0\,0\.14\)_0px_16px_24px_2px\,rgba\(0\,0\,0\,0\.12\)_0px_6px_30px_5px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 8px 10px -5px, #00000024 0px 16px 24px 2px, #0000001f 0px 6px 30px 5px var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_11px_15px_-7px\,rgba\(0\,0\,0\,0\.14\)_0px_24px_38px_3px\,rgba\(0\,0\,0\,0\.12\)_0px_9px_46px_8px\] {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(0\,0\,0\,0\.2\)_0px_11px_15px_-7px\,rgba\(0\,0\,0\,0\.14\)_0px_24px_38px_3px\,rgba\(0\,0\,0\,0\.12\)_0px_9px_46px_8px\] {
      --tw-shadow-color: color-mix(in oklab, #0003 0px 11px 15px -7px, #00000024 0px 24px 38px 3px, #0000001f 0px 9px 46px 8px var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-black {
    --tw-ring-color: var(--color-black);
  }

  .\[outline\:0\], .\[outline\:0px\] {
    outline: 0;
  }

  .\[outline\:none\] {
    outline: none;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .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, );
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[0\.3s\] {
    transition-property: .3s;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[0\.5s\] {
    transition-property: .5s;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[fill\] {
    transition-property: fill;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-\[0\.3s\] {
    transition-delay: .3s;
  }

  .delay-\[0ms\] {
    transition-delay: 0s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[0\.3s\,transform\] {
    --tw-duration: .3s, transform;
    transition-duration: .3s, transform;
  }

  .duration-\[0\.3s\] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[0\.4s\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .ease-\[ease-out\] {
    --tw-ease: ease-out;
    transition-timing-function: ease-out;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[-moz-appearance\:textfield\] {
    -moz-appearance: textfield;
  }

  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }

  .\[-webkit-appearance\:textfield\] {
    -webkit-appearance: textfield;
  }

  .\[flex-flow\:wrap\] {
    flex-flow: wrap;
  }

  .\[perspective\:60px\] {
    perspective: 60px;
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:background-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,border-color_250ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:background-color_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\,box-shadow_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:box-shadow_300ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:fill_200ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)0ms\] {
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
  }

  .\[transition\:top_0\.3s_ease\,left_0\.3s_ease\] {
    transition: top .3s, left .3s;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .before\:-translate-x-2\/4:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:-translate-y-2\/4:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:bg-\[\#212121\]:before {
    content: var(--tw-content);
    background-color: #212121;
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inline-block:after {
    content: var(--tw-content);
    display: inline-block;
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:-translate-x-2\/4:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-translate-y-2\/4:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:bg-\[\#212121\]:after {
    content: var(--tw-content);
    background-color: #212121;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:border-solid:hover {
      --tw-border-style: solid;
      border-style: solid;
    }

    .hover\:border-\[\#1976d2\]:hover {
      border-color: #1976d2;
    }

    .hover\:bg-\[\#1565c0\]:hover {
      background-color: #1565c0;
    }

    .hover\:bg-\[\#dde0dd\]:hover {
      background-color: #dde0dd;
    }

    .hover\:bg-\[gray\]:hover {
      background-color: gray;
    }

    .hover\:bg-\[rgba\(0\,0\,0\,0\.04\)\]:hover {
      background-color: #0000000a;
    }

    .hover\:bg-\[rgba\(25\,118\,210\,0\.04\)\]:hover {
      background-color: #1976d20a;
    }

    .hover\:bg-\[rgba\(25\,118\,210\,0\.12\)\]:hover {
      background-color: #1976d21f;
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-300:hover {
      background-color: var(--color-gray-300);
    }

    .hover\:text-\[\#f1f1f1\]:hover {
      color: #f1f1f1;
    }

    .hover\:text-\[rgba\(0\,0\,0\,0\.4\)\]:hover {
      color: #0006;
    }

    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:shadow-\[0px_2px_4px_-1px_rgba\(0\,0\,0\,0\.2\)\,0px_4px_5px_0px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_10px_0px_rgba\(0\,0\,0\,0\.12\)\]:hover {
      --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color, #0003), 0px 4px 5px 0px var(--tw-shadow-color, #00000024), 0px 1px 10px 0px var(--tw-shadow-color, #0000001f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-indigo-500:focus {
    border-color: var(--color-indigo-500);
  }

  .focus\:px-3\.5:focus {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .focus\:pt-\[5px\]:focus {
    padding-top: 5px;
  }

  .focus\:pb-\[7px\]:focus {
    padding-bottom: 7px;
  }

  .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);
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .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);
  }

  .focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: var(--color-gray-100);
  }

  .focus\:\[outline\:none\]:focus {
    outline: none;
  }

  .focus\:duration-\[0\.4s\]:focus {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:shadow-\[0px_5px_5px_-3px_rgba\(0\,0\,0\,0\.2\)\,0px_8px_10px_1px_rgba\(0\,0\,0\,0\.14\)\,0px_3px_14px_2px_rgba\(0\,0\,0\,0\.12\)\]:active {
    --tw-shadow: 0px 5px 5px -3px var(--tw-shadow-color, #0003), 0px 8px 10px 1px var(--tw-shadow-color, #00000024), 0px 3px 14px 2px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:border:disabled {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .disabled\:border-solid:disabled {
    --tw-border-style: solid;
    border-style: solid;
  }

  .disabled\:border-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    border-color: #0000001f;
  }

  .disabled\:bg-\[\#d9dbda\]:disabled {
    background-color: #d9dbda;
  }

  .disabled\:bg-\[rgba\(0\,0\,0\,0\.12\)\]:disabled {
    background-color: #0000001f;
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-\[rgba\(0\,0\,0\,0\.26\)\]:disabled {
    color: #00000042;
  }

  .disabled\:shadow-none:disabled {
    --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);
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-600 {
      border-color: var(--color-gray-600);
    }

    .dark\:bg-gray-600 {
      background-color: var(--color-gray-600);
    }
  }

  .\[\&_\*\]\:box-border * {
    box-sizing: border-box;
  }

  .\[\&_\*\]\:before\:box-border :before, .\[\&_\*\]\:after\:box-border :after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&_button\]\:w-\[2rem\] button {
    width: 2rem;
  }

  .\[\&_button\]\:text-\[130\%\] button {
    font-size: 130%;
  }

  .\[\&_button\]\:leading-\[0\] button {
    --tw-leading: 0;
    line-height: 0;
  }

  .\[\&_button\]\:font-bold button {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_input\]\:w-\[5rem\] input {
    width: 5rem;
  }

  .\[\&_input\]\:w-full input {
    width: 100%;
  }

  .\[\&_svg\]\:h-\[1em\] svg {
    height: 1em;
  }

  .\[\&_svg\]\:w-\[1em\] svg {
    width: 1em;
  }

  .\[\&_svg\]\:\!fill-\[\#9C27B0\] svg {
    fill: #9c27b0 !important;
  }

  .\[\&_svg\]\:\!fill-\[\#1976D2\] svg {
    fill: #1976d2 !important;
  }

  .\[\&_svg\]\:fill-current svg {
    fill: currentColor;
  }

  .disabled\:\[\&_svg\]\:fill-\[rgba\(0\,0\,0\,0\.26\)\]:disabled svg {
    fill: #00000042;
  }

  .\[\&\:\:-webkit-inner-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  .\[\&\:\:-webkit-outer-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }

  .\[\&\:focus\\\~label\]\:text-\[red\]:focus ~ label {
    color: red;
  }

  .\[\&\:focus\\\~span\]\:bg-\[\#ededed\]:focus ~ span {
    background-color: #ededed;
  }

  .\[\&\:focus\~label\]\:-top-4:focus ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:focus\~label\]\:top-\[-12px\]:focus ~ label {
    top: -12px;
  }

  .\[\&\:focus\~label\]\:top-\[-18px\]:focus ~ label {
    top: -18px;
  }

  .\[\&\:focus\~label\]\:left-0:focus ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~label\]\:left-\[7px\]:focus ~ label {
    left: 7px;
  }

  .\[\&\:focus\~label\]\:z-10:focus ~ label {
    z-index: 10;
  }

  .\[\&\:focus\~label\]\:w-fit:focus ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:focus\~label\]\:bg-\[white\]:focus ~ label {
    background-color: #fff;
  }

  .\[\&\:focus\~label\]\:p-\[2px\]:focus ~ label {
    padding: 2px;
  }

  .\[\&\:focus\~label\]\:text-xs:focus ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:focus\~label\]\:text-\[\#4caf50\]:focus ~ label {
    color: #4caf50;
  }

  .\[\&\:focus\~label\]\:text-\[\#333\]:focus ~ label {
    color: #333;
  }

  .\[\&\:focus\~label\]\:text-\[red\]:focus ~ label {
    color: red;
  }

  .\[\&\:focus\~label\]\:duration-\[0\.3s\]:focus ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:left-0:focus ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:z-\[1\]:focus ~ span {
    z-index: 1;
  }

  .\[\&\:focus\~span\]\:h-9:focus ~ span {
    height: calc(var(--spacing) * 9);
  }

  .\[\&\:focus\~span\]\:w-full:focus ~ span {
    width: 100%;
  }

  .\[\&\:focus\~span\]\:border-2:focus ~ span {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\[\&\:focus\~span\]\:border-solid:focus ~ span {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\:focus\~span\]\:border-\[\#4caf50\]:focus ~ span {
    border-color: #4caf50;
  }

  .\[\&\:focus\~span\]\:bg-\[\#000\]:focus ~ span {
    background-color: #000;
  }

  .\[\&\:focus\~span\]\:bg-\[\#ededed\]:focus ~ span {
    background-color: #ededed;
  }

  .\[\&\:focus\~span\]\:opacity-100:focus ~ span {
    opacity: 1;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.3s\]:focus ~ span {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.4s\]:focus ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span\]\:duration-\[0\.5s\]:focus ~ span {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .\[\&\:focus\~span\]\:before\:top-0:focus ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:before\:left-0:focus ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:before\:h-full:focus ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span\]\:before\:w-1\/2:focus ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:focus\~span\]\:before\:w-full:focus ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:before\:delay-\[0\.6s\]:focus ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.2s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.3s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:before\:duration-\[0\.4s\]:focus ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span\]\:after\:right-0:focus ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:bottom-0:focus ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:left-0:focus ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span\]\:after\:h-full:focus ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span\]\:after\:w-1\/2:focus ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:focus\~span\]\:after\:w-full:focus ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:focus\~span\]\:after\:delay-\[0\.2s\]:focus ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:focus\~span\]\:after\:delay-\[0\.4s\]:focus ~ span:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.2s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.3s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:focus\~span\]\:after\:duration-\[0\.4s\]:focus ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:before\:-top-px:focus ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:before\:top-0:focus ~ span i:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span_i\]\:before\:h-full:focus ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:before\:delay-0:focus ~ span i:before {
    content: var(--tw-content);
    transition-delay: 0s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.2s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.4s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:before\:duration-\[0\.6s\]:focus ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:focus\~span_i\]\:after\:-top-px:focus ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:focus\~span_i\]\:after\:top-0:focus ~ span i:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:focus\~span_i\]\:after\:h-full:focus ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:focus\~span_i\]\:after\:delay-\[0\.4s\]:focus ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.2s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.4s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:focus\~span_i\]\:after\:duration-\[0\.6s\]:focus ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\]\:text-\[red\]:not(:-moz-placeholder-shown) {
    color: red;
  }

  .\[\&\:not\(\:placeholder-shown\)\]\:text-\[red\]:not(:placeholder-shown) {
    color: red;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:-top-4:not(:-moz-placeholder-shown) ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:-top-4:not(:placeholder-shown) ~ label {
    top: calc(var(--spacing) * -4);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:top-\[-12px\]:not(:-moz-placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:top-\[-12px\]:not(:placeholder-shown) ~ label {
    top: -12px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:top-\[-18px\]:not(:-moz-placeholder-shown) ~ label {
    top: -18px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:top-\[-18px\]:not(:placeholder-shown) ~ label {
    top: -18px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:left-0:not(:-moz-placeholder-shown) ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:left-0:not(:placeholder-shown) ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:left-\[7px\]:not(:-moz-placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:left-\[7px\]:not(:placeholder-shown) ~ label {
    left: 7px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:z-10:not(:-moz-placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:z-10:not(:placeholder-shown) ~ label {
    z-index: 10;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:w-fit:not(:-moz-placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:w-fit:not(:placeholder-shown) ~ label {
    width: -moz-fit-content;
    width: fit-content;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:bg-\[white\]:not(:-moz-placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:bg-\[white\]:not(:placeholder-shown) ~ label {
    background-color: #fff;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:p-\[2px\]:not(:-moz-placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:p-\[2px\]:not(:placeholder-shown) ~ label {
    padding: 2px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-xs:not(:-moz-placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-xs:not(:placeholder-shown) ~ label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:-moz-placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#4caf50\]:not(:placeholder-shown) ~ label {
    color: #4caf50;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[\#333\]:not(:-moz-placeholder-shown) ~ label {
    color: #333;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[\#333\]:not(:placeholder-shown) ~ label {
    color: #333;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:text-\[red\]:not(:-moz-placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:text-\[red\]:not(:placeholder-shown) ~ label {
    color: red;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~label\]\:duration-\[0\.3s\]:not(:placeholder-shown) ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:left-0:not(:-moz-placeholder-shown) ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:left-0:not(:placeholder-shown) ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:w-full:not(:-moz-placeholder-shown) ~ span {
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:w-full:not(:placeholder-shown) ~ span {
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:bg-\[\#ededed\]:not(:-moz-placeholder-shown) ~ span {
    background-color: #ededed;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:bg-\[\#ededed\]:not(:placeholder-shown) ~ span {
    background-color: #ededed;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:top-0:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:top-0:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:left-0:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:left-0:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:h-full:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:h-full:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:w-1\/2:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:w-1\/2:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:w-full:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:w-full:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:delay-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:delay-\[0\.6s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.3s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:before\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:right-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:right-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:bottom-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:bottom-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:left-0:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:left-0:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:h-full:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:h-full:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:w-1\/2:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:w-1\/2:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:w-full:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:w-full:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:delay-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:delay-\[0\.2s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:delay-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:delay-\[0\.6s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.3s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.3s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span\]\:after\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:-top-px:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:-top-px:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:h-full:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:h-full:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:before\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:-top-px:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:-top-px:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:h-full:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:h-full:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:delay-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:delay-\[0\.4s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.2s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.2s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.4s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.4s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\:not\(\:-moz-placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:-moz-placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\:not\(\:placeholder-shown\)\~span_i\]\:after\:duration-\[0\.6s\]:not(:placeholder-shown) ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\>div\]\:absolute > div {
    position: absolute;
  }

  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:z-\[2\] > div {
    z-index: 2;
  }

  .\[\&\>div\]\:\[transform\:rotateZ\(0\)\] > div {
    transform: rotateZ(0);
  }

  .\[\&\>div\]\:text-\[white\] > div {
    color: #fff;
  }

  .\[\&\>div\]\:\[perspective\:70px\] > div {
    perspective: 70px;
  }

  .\[\&\>div\]\:\[transition\:0\.3s_ease_all\] > div {
    transition: all .3s;
  }

  .\[\&\>div\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:absolute > div:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\]\:before\:top-\[2px\] > div:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\]\:before\:top-\[45\%\] > div:before {
    content: var(--tw-content);
    top: 45%;
  }

  .\[\&\>div\]\:before\:top-\[px\] > div:before {
    content: var(--tw-content);
    top: px;
  }

  .\[\&\>div\]\:before\:left-1 > div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:before\:left-2 > div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }

  .\[\&\>div\]\:before\:z-\[1\] > div:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .\[\&\>div\]\:before\:z-\[2\] > div:before {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\]\:before\:z-\[10\] > div:before {
    content: var(--tw-content);
    z-index: 10;
  }

  .\[\&\>div\]\:before\:mt-\[-5px\] > div:before {
    content: var(--tw-content);
    margin-top: -5px;
  }

  .\[\&\>div\]\:before\:flex > div:before {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>div\]\:before\:h-\[2rem\] > div:before {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\]\:before\:w-\[2rem\] > div:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\]\:before\:w-\[27px\] > div:before {
    content: var(--tw-content);
    width: 27px;
  }

  .\[\&\>div\]\:before\:origin-center > div:before {
    content: var(--tw-content);
    transform-origin: center;
  }

  .\[\&\>div\]\:before\:scale-100 > div:before {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>div\]\:before\:\[transform\:rotateY\(0\)\] > div:before {
    content: var(--tw-content);
    transform: rotateY(0);
  }

  .\[\&\>div\]\:before\:\[transform\:rotateZ\(0\)\] > div:before {
    content: var(--tw-content);
    transform: rotateZ(0);
  }

  .\[\&\>div\]\:before\:items-center > div:before {
    content: var(--tw-content);
    align-items: center;
  }

  .\[\&\>div\]\:before\:justify-center > div:before {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>div\]\:before\:rounded-\[50\%\] > div:before {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>div\]\:before\:rounded-sm > div:before {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\]\:before\:bg-\[\#03a9f4\] > div:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\]\:before\:bg-\[\#f44336\] > div:before {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\]\:before\:bg-transparent > div:before {
    content: var(--tw-content);
    background-color: #0000;
  }

  .\[\&\>div\]\:before\:px-1 > div:before {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:before\:px-\[3px\] > div:before {
    content: var(--tw-content);
    padding-inline: 3px;
  }

  .\[\&\>div\]\:before\:\[\&\>div\]\:before\:py-\[9px\] > div:before {
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:py-\[9px\] > div:before {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\]\:before\:text-center > div:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\]\:before\:text-\[10px\] > div:before {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\]\:before\:leading-none > div:before {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\]\:before\:font-bold > div:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\]\:before\:text-\[\#4e4e4e\] > div:before {
    content: var(--tw-content);
    color: #4e4e4e;
  }

  .\[\&\>div\]\:before\:text-white > div:before {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>div\]\:before\:opacity-100 > div:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .\[\&\>div\]\:before\:content-\[\'\'\] > div:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:content-\[\'OK\'\] > div:before {
    content: var(--tw-content);
    --tw-content: "OK";
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:content-\[attr\(data-tg-off\)\] > div:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:before {
    content: var(--tw-content);
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\,left_0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div:before {
    content: var(--tw-content);
    transition: all .3s, left .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\,left_0\.5s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div:before {
    content: var(--tw-content);
    transition: all .3s, left .5s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:before\:\[transition\:0\.3s_ease_all\] > div:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\]\:before\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:before {
    content: var(--tw-content);
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:after\:absolute > div:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\]\:after\:-top-8 > div:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>div\]\:after\:top-\[2px\] > div:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\]\:after\:top-\[4px\] > div:after {
    content: var(--tw-content);
    top: 4px;
  }

  .\[\&\>div\]\:after\:-right-6 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -6);
  }

  .\[\&\>div\]\:after\:-right-8 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -8);
  }

  .\[\&\>div\]\:after\:right-1 > div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:left-1 > div:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:left-\[42px\] > div:after {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>div\]\:after\:left-auto > div:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\>div\]\:after\:z-\[1\] > div:after {
    content: var(--tw-content);
    z-index: 1;
  }

  .\[\&\>div\]\:after\:z-\[2\] > div:after {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\]\:after\:flex > div:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>div\]\:after\:h-\[2rem\] > div:after {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\]\:after\:w-\[2rem\] > div:after {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\]\:after\:w-\[27px\] > div:after {
    content: var(--tw-content);
    width: 27px;
  }

  .\[\&\>div\]\:after\:scale-100 > div:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>div\]\:after\:scale-\[4\] > div:after {
    content: var(--tw-content);
    scale: 4;
  }

  .\[\&\>div\]\:after\:items-center > div:after {
    content: var(--tw-content);
    align-items: center;
  }

  .\[\&\>div\]\:after\:justify-center > div:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>div\]\:after\:rounded-\[50\%\] > div:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>div\]\:after\:rounded-sm > div:after {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\]\:after\:bg-\[\#03a9f4\] > div:after {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\]\:after\:bg-\[\#82ec90\] > div:after {
    content: var(--tw-content);
    background-color: #82ec90;
  }

  .\[\&\>div\]\:after\:bg-\[\#f44336\] > div:after {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\]\:after\:px-1 > div:after {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\]\:after\:px-\[3px\] > div:after {
    content: var(--tw-content);
    padding-inline: 3px;
  }

  .\[\&\>div\]\:after\:px-\[7px\] > div:after {
    content: var(--tw-content);
    padding-inline: 7px;
  }

  .\[\&\>div\]\:after\:py-\[9px\] > div:after {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\]\:after\:text-center > div:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\]\:after\:text-left > div:after {
    content: var(--tw-content);
    text-align: left;
  }

  .\[\&\>div\]\:after\:text-\[10px\] > div:after {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\]\:after\:leading-none > div:after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\]\:after\:font-bold > div:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\]\:after\:text-\[\#4e4e4e\] > div:after {
    content: var(--tw-content);
    color: #4e4e4e;
  }

  .\[\&\>div\]\:after\:text-white > div:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>div\]\:after\:opacity-0 > div:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .\[\&\>div\]\:after\:content-\[attr\(data-tg-on\)\] > div:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>div\]\:after\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:after {
    content: var(--tw-content);
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\]\:after\:\[transition\:0\.3s_ease_all\] > div:after {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\]\:after\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div:after {
    content: var(--tw-content);
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:absolute > div > span {
    position: absolute;
  }

  .\[\&\>div\>span\]\:top-0 > div > span {
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:top-\[2px\] > div > span {
    top: 2px;
  }

  .\[\&\>div\>span\]\:right-1 > div > span {
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:left-0 > div > span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:left-1 > div > span {
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:left-\[37px\] > div > span {
    left: 37px;
  }

  .\[\&\>div\>span\]\:z-\[1\] > div > span {
    z-index: 1;
  }

  .\[\&\>div\>span\]\:z-\[2\] > div > span {
    z-index: 2;
  }

  .\[\&\>div\>span\]\:block > div > span {
    display: block;
  }

  .\[\&\>div\>span\]\:inline-block > div > span {
    display: inline-block;
  }

  .\[\&\>div\>span\]\:h-\[2rem\] > div > span {
    height: 2rem;
  }

  .\[\&\>div\>span\]\:h-full > div > span {
    height: 100%;
  }

  .\[\&\>div\>span\]\:w-\[2rem\] > div > span {
    width: 2rem;
  }

  .\[\&\>div\>span\]\:w-full > div > span {
    width: 100%;
  }

  .\[\&\>div\>span\]\:origin-\[0\%_50\%\] > div > span {
    transform-origin: 0%;
  }

  .\[\&\>div\>span\]\:\[transform\:rotateY\(0\)\] > div > span {
    transform: rotateY(0);
  }

  .\[\&\>div\>span\]\:rounded-\[50\%\] > div > span {
    border-radius: 50%;
  }

  .\[\&\>div\>span\]\:rounded-sm > div > span {
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:bg-\[\#f44336\] > div > span {
    background-color: #f44336;
  }

  .\[\&\>div\>span\]\:px-1 > div > span {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:py-\[9px\] > div > span {
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:text-center > div > span {
    text-align: center;
  }

  .\[\&\>div\>span\]\:text-\[10px\] > div > span {
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:leading-none > div > span {
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:font-bold > div > span {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:text-white > div > span {
    color: var(--color-white);
  }

  .\[\&\>div\>span\]\:content-\[\'\'\] > div > span {
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:content-\[attr\(data-tg-off\)\] > div > span {
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.2s_ease_all\] > div > span {
    transition: all .2s;
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div > span {
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_ease_all\,left_0\.3s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)\] > div > span {
    transition: all .3s, left .3s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.3s_ease_all\] > div > span {
    transition: all .3s;
  }

  .\[\&\>div\>span\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > div > span {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  .\[\&\>div\>span\]\:\[transition\:0\.6s_ease_all\] > div > span {
    transition: all .6s;
  }

  .\[\&\>div\>span\]\:before\:absolute > div > span:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\>span\]\:before\:-top-7 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -7);
  }

  .\[\&\>div\>span\]\:before\:-top-8 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>div\>span\]\:before\:top-0 > div > span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:before\:top-\[2px\] > div > span:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\>span\]\:before\:-left-7 > div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -7);
  }

  .\[\&\>div\>span\]\:before\:left-1 > div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:before\:z-\[2\] > div > span:before {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\>span\]\:before\:h-\[2rem\] > div > span:before {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\>span\]\:before\:w-\[2rem\] > div > span:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\>span\]\:before\:rounded-sm > div > span:before {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:before\:bg-\[\#03a9f4\] > div > span:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>div\>span\]\:before\:px-1 > div > span:before {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:before\:py-\[9px\] > div > span:before {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:before\:text-center > div > span:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\>span\]\:before\:text-\[10px\] > div > span:before {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:before\:leading-none > div > span:before {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:before\:font-bold > div > span:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:before\:content-\[\'\'\] > div > span:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:before\:content-\[attr\(data-tg-off\)\] > div > span:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:before\:\[transition\:0\.3s_ease_all\] > div > span:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>div\>span\]\:after\:absolute > div > span:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>div\>span\]\:after\:top-0 > div > span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>div\>span\]\:after\:top-\[2px\] > div > span:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>div\>span\]\:after\:right-\[-42px\] > div > span:after {
    content: var(--tw-content);
    right: -42px;
  }

  .\[\&\>div\>span\]\:after\:left-\[39px\] > div > span:after {
    content: var(--tw-content);
    left: 39px;
  }

  .\[\&\>div\>span\]\:after\:z-\[2\] > div > span:after {
    content: var(--tw-content);
    z-index: 2;
  }

  .\[\&\>div\>span\]\:after\:h-\[2rem\] > div > span:after {
    content: var(--tw-content);
    height: 2rem;
  }

  .\[\&\>div\>span\]\:after\:w-\[2rem\] > div > span:after {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>div\>span\]\:after\:rounded-sm > div > span:after {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .\[\&\>div\>span\]\:after\:bg-\[\#f44336\] > div > span:after {
    content: var(--tw-content);
    background-color: #f44336;
  }

  .\[\&\>div\>span\]\:after\:px-1 > div > span:after {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&\>div\>span\]\:after\:py-\[9px\] > div > span:after {
    content: var(--tw-content);
    padding-block: 9px;
  }

  .\[\&\>div\>span\]\:after\:text-center > div > span:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>div\>span\]\:after\:text-\[10px\] > div > span:after {
    content: var(--tw-content);
    font-size: 10px;
  }

  .\[\&\>div\>span\]\:after\:leading-none > div > span:after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&\>div\>span\]\:after\:font-bold > div > span:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>div\>span\]\:after\:content-\[\'\'\] > div > span:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>div\>span\]\:after\:\[transition\:0\.3s_ease_all\] > div > span:after {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:z-\[3\] > input {
    z-index: 3;
  }

  .\[\&\>input\]\:m-0 > input {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:box-border > input {
    box-sizing: border-box;
  }

  .\[\&\>input\]\:hidden > input {
    display: none;
  }

  .\[\&\>input\]\:h-full > input {
    height: 100%;
  }

  .\[\&\>input\]\:w-full > input {
    width: 100%;
  }

  .\[\&\>input\]\:cursor-pointer > input {
    cursor: pointer;
  }

  .\[\&\>input\]\:p-0 > input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>input\]\:opacity-0 > input {
    opacity: 0;
  }

  .\[\&\>input\]\:before\:box-border > input:before, .\[\&\>input\]\:after\:box-border > input:after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&\>input\]\:\[\&_\*\]\:box-border > input * {
    box-sizing: border-box;
  }

  .\[\&\>input\]\:\[\&_\*\]\:before\:box-border > input :before, .\[\&\>input\]\:\[\&_\*\]\:after\:box-border > input :after {
    content: var(--tw-content);
    box-sizing: border-box;
  }

  .\[\&\>input\+div\>span\]\:bg-\[\#f44336\] > input + div > span {
    background-color: #f44336;
  }

  .\[\&\>input\:active\+div\]\:before\:left-2\.5 > input:active + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2.5);
  }

  .\[\&\>input\:active\+div\]\:before\:-mt-0\.5 > input:active + div:before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * -.5);
  }

  .\[\&\>input\:active\+div\]\:before\:h-1 > input:active + div:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:active\+div\]\:before\:w-\[46px\] > input:active + div:before {
    content: var(--tw-content);
    width: 46px;
  }

  .\[\&\>input\:active\+div\]\:before\:overflow-hidden > input:active + div:before {
    content: var(--tw-content);
    overflow: hidden;
  }

  .\[\&\>input\:active\+div\]\:before\:rounded-\[100px\] > input:active + div:before {
    content: var(--tw-content);
    border-radius: 100px;
  }

  .\[\&\>input\:active\+div\]\:before\:bg-\[\#d80000\] > input:active + div:before {
    content: var(--tw-content);
    background-color: #d80000;
  }

  .\[\&\>input\:active\+div\]\:before\:text-transparent > input:active + div:before {
    content: var(--tw-content);
    color: #0000;
  }

  .\[\&\>input\:active\+div\]\:before\:\[transition\:0\.3s_ease_all\] > input:active + div:before {
    content: var(--tw-content);
    transition: all .3s;
  }

  .\[\&\>input\:active\+div\>span\]\:w-\[68px\] > input:active + div > span {
    width: 68px;
  }

  .\[\&\>input\:checked\+div\]\:\[transform\:rotateZ\(-180deg\)\] > input:checked + div {
    transform: rotateZ(-180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:-top-8 > input:checked + div:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\]\:before\:-left-6 > input:checked + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -6);
  }

  .\[\&\>input\:checked\+div\]\:before\:-left-8 > input:checked + div:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\]\:before\:left-\[42px\] > input:checked + div:before {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>input\:checked\+div\]\:before\:left-\[47px\] > input:checked + div:before {
    content: var(--tw-content);
    left: 47px;
  }

  .\[\&\>input\:checked\+div\]\:before\:scale-\[4\] > input:checked + div:before {
    content: var(--tw-content);
    scale: 4;
  }

  .\[\&\>input\:checked\+div\]\:before\:\[transform\:rotateY\(180deg\)\] > input:checked + div:before {
    content: var(--tw-content);
    transform: rotateY(180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:\[transform\:rotateZ\(180deg\)\] > input:checked + div:before {
    content: var(--tw-content);
    transform: rotateZ(180deg);
  }

  .\[\&\>input\:checked\+div\]\:before\:bg-\[\#03a9f4\] > input:checked + div:before {
    content: var(--tw-content);
    background-color: #03a9f4;
  }

  .\[\&\>input\:checked\+div\]\:before\:bg-\[\#46f436\] > input:checked + div:before {
    content: var(--tw-content);
    background-color: #46f436;
  }

  .\[\&\>input\:checked\+div\]\:before\:opacity-0 > input:checked + div:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .\[\&\>input\:checked\+div\]\:before\:content-\[\'KO\'\] > input:checked + div:before {
    content: var(--tw-content);
    --tw-content: "KO";
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\]\:before\:content-\[attr\(data-tg-on\)\] > input:checked + div:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\]\:after\:top-\[2px\] > input:checked + div:after {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>input\:checked\+div\]\:after\:right-1 > input:checked + div:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\]\:after\:scale-100 > input:checked + div:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\>input\:checked\+div\]\:after\:text-white > input:checked + div:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>input\:checked\+div\]\:after\:opacity-100 > input:checked + div:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .\[\&\>input\:checked\+div\>span\]\:top-3\.5 > input:checked + div > span {
    top: calc(var(--spacing) * 3.5);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-1 > input:checked + div > span {
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-14 > input:checked + div > span {
    left: calc(var(--spacing) * 14);
  }

  .\[\&\>input\:checked\+div\>span\]\:left-\[42px\] > input:checked + div > span {
    left: 42px;
  }

  .\[\&\>input\:checked\+div\>span\]\:h-0\.5 > input:checked + div > span {
    height: calc(var(--spacing) * .5);
  }

  .\[\&\>input\:checked\+div\>span\]\:w-0\.5 > input:checked + div > span {
    width: calc(var(--spacing) * .5);
  }

  .\[\&\>input\:checked\+div\>span\]\:scale-\[4\] > input:checked + div > span {
    scale: 4;
  }

  .\[\&\>input\:checked\+div\>span\]\:\[transform\:rotateY\(-180deg\)\] > input:checked + div > span {
    transform: rotateY(-180deg);
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-\[\#03a9f4\] > input:checked + div > span {
    background-color: #03a9f4;
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-\[\#ebfbfc\] > input:checked + div > span {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\+div\>span\]\:bg-white > input:checked + div > span {
    background-color: var(--color-white);
  }

  .\[\&\>input\:checked\+div\>span\]\:p-\[3px\] > input:checked + div > span {
    padding: 3px;
  }

  .\[\&\>input\:checked\+div\>span\]\:text-\[\#4e4e4e\] > input:checked + div > span {
    color: #4e4e4e;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:relative > input:checked + div > span:before {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:top-\[2px\] > input:checked + div > span:before {
    content: var(--tw-content);
    top: 2px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:left-1 > input:checked + div > span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:left-\[42px\] > input:checked + div > span:before {
    content: var(--tw-content);
    left: 42px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:w-\[2rem\] > input:checked + div > span:before {
    content: var(--tw-content);
    width: 2rem;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:pl-\[5px\] > input:checked + div > span:before {
    content: var(--tw-content);
    padding-left: 5px;
  }

  .\[\&\>input\:checked\+div\>span\]\:before\:content-\[attr\(data-tg-on\)\] > input:checked + div > span:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\+div\>span\]\:after\:-top-8 > input:checked + div > span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }

  .\[\&\>input\:checked\+div\>span\]\:after\:right-\[-74px\] > input:checked + div > span:after {
    content: var(--tw-content);
    right: -74px;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:right-2\.5 > input:checked:active + div:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 2.5);
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:left-auto > input:checked:active + div:before {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:ml-\[-26px\] > input:checked:active + div:before {
    content: var(--tw-content);
    margin-left: -26px;
  }

  .\[\&\>input\:checked\:active\+div\]\:before\:bg-\[\#0095d8\] > input:checked:active + div:before {
    content: var(--tw-content);
    background-color: #0095d8;
  }

  .\[\&\>input\:checked\:active\+div\>span\]\:ml-\[-38px\] > input:checked:active + div > span {
    margin-left: -38px;
  }

  .\[\&\>input\:checked\~div\]\:bg-\[\#ebfbfc\] > input:checked ~ div {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\~div\]\:bg-\[\#f9fceb\] > input:checked ~ div {
    background-color: #f9fceb;
  }

  .\[\&\>input\:checked\~label\]\:border-4 > input:checked ~ label {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .\[\&\>input\:checked\~label\]\:border-solid > input:checked ~ label {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>input\:checked\~label\]\:border-\[\#7fc6a6\] > input:checked ~ label {
    border-color: #7fc6a6;
  }

  .\[\&\>input\:checked\~label\]\:bg-\[\#9fd6ae\] > input:checked ~ label {
    background-color: #9fd6ae;
  }

  .\[\&\>input\:checked\~label\]\:bg-\[\#86d993\] > input:checked ~ label {
    background-color: #86d993;
  }

  .\[\&\>input\:checked\~label\]\:before\:left-full > input:checked ~ label:before {
    content: var(--tw-content);
    left: 100%;
  }

  .\[\&\>input\:checked\~label\]\:before\:\[transform\:rotateY\(180deg\)\] > input:checked ~ label:before {
    content: var(--tw-content);
    transform: rotateY(180deg);
  }

  .\[\&\>input\:checked\~label\]\:after\:left-0 > input:checked ~ label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>input\:checked\~label\]\:after\:left-2\/4 > input:checked ~ label:after {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\>input\:checked\~label\]\:after\:flex > input:checked ~ label:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>input\:checked\~label\]\:after\:\[transform\:rotateY\(0\)\] > input:checked ~ label:after {
    content: var(--tw-content);
    transform: rotateY(0);
  }

  .\[\&\>input\:checked\~label\]\:after\:justify-center > input:checked ~ label:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>input\:checked\~label\]\:after\:bg-\[\#7fc6a6\] > input:checked ~ label:after {
    content: var(--tw-content);
    background-color: #7fc6a6;
  }

  .\[\&\>input\:checked\~label\]\:after\:text-\[80\%\] > input:checked ~ label:after {
    content: var(--tw-content);
    font-size: 80%;
  }

  .\[\&\>input\:checked\~label\]\:after\:content-\[attr\(data-tg-off\)\] > input:checked ~ label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>input\:checked\~label\]\:active\:shadow-none > input:checked ~ label:active {
    --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);
  }

  .\[\&\>input\:checked\~label\]\:active\:after\:left-\[10\%\] > input:checked ~ label:active:after {
    content: var(--tw-content);
    left: 10%;
  }

  .\[\&\>input\:checked\~label\]\:active\:after\:ml-\[-0\.8em\] > input:checked ~ label:active:after {
    content: var(--tw-content);
    margin-left: -.8em;
  }

  .\[\&\>input\:checked\~span\]\:\[transform\:rotateY\(-180deg\)\] > input:checked ~ span {
    transform: rotateY(-180deg);
  }

  .\[\&\>input\:checked\~span\]\:\[transform\:rotateZ\(180deg\)\] > input:checked ~ span {
    transform: rotateZ(180deg);
  }

  .\[\&\>input\:checked\~span\]\:bg-\[\#ebfbfc\] > input:checked ~ span {
    background-color: #ebfbfc;
  }

  .\[\&\>input\:checked\~span\]\:bg-\[\#fcebeb\] > input:checked ~ span, .\[\&\>input\~div\]\:bg-\[\#fcebeb\] > input ~ div, .\[\&\>input\~span\]\:bg-\[\#fcebeb\] > input ~ span {
    background-color: #fcebeb;
  }

  .\[\&\>label\]\:relative > label {
    position: relative;
  }

  .\[\&\>label\]\:box-border > label {
    box-sizing: border-box;
  }

  .\[\&\>label\]\:block > label {
    display: block;
  }

  .\[\&\>label\]\:h-\[2em\] > label {
    height: 2em;
  }

  .\[\&\>label\]\:w-\[4em\] > label {
    width: 4em;
  }

  .\[\&\>label\]\:skew-x-\[-10deg\] > label {
    --tw-skew-x: skewX(-10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:cursor-pointer > label {
    cursor: pointer;
  }

  .\[\&\>label\]\:overflow-hidden > label {
    overflow: hidden;
  }

  .\[\&\>label\]\:rounded-\[2em\] > label {
    border-radius: 2em;
  }

  .\[\&\>label\]\:border > label {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>label\]\:border-4 > label {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .\[\&\>label\]\:border-solid > label {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\>label\]\:border-\[\#e8eae9\] > label {
    border-color: #e8eae9;
  }

  .\[\&\>label\]\:border-\[\#f2f2f2\] > label {
    border-color: #f2f2f2;
  }

  .\[\&\>label\]\:bg-\[\#888\] > label {
    background-color: #888;
  }

  .\[\&\>label\]\:bg-\[\#f0f0f0\] > label {
    background-color: #f0f0f0;
  }

  .\[\&\>label\]\:bg-\[\#fff\] > label {
    background-color: #fff;
  }

  .\[\&\>label\]\:p-0\.5 > label {
    padding: calc(var(--spacing) * .5);
  }

  .\[\&\>label\]\:font-sans > label {
    font-family: var(--font-sans);
  }

  .\[\&\>label\]\:\[outline\:0\] > label {
    outline: 0;
  }

  .\[\&\>label\]\:select-none > label {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .\[\&\>label\]\:\[backface-visibility\:hidden\] > label {
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:\[perspective\:100px\] > label {
    perspective: 100px;
  }

  .\[\&\>label\]\:\[transition\:all_0\.2s_ease\] > label {
    transition: all .2s;
  }

  .\[\&\>label\]\:\[transition\:all_0\.4s_ease\] > label {
    transition: all .4s;
  }

  .\[\&\>label\]\:before\:absolute > label:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>label\]\:before\:relative > label:before {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>label\]\:before\:top-0 > label:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:before\:left-0 > label:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:before\:inline-block > label:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\>label\]\:before\:h-full > label:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\>label\]\:before\:w-6\/12 > label:before {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\>label\]\:before\:w-full > label:before {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\>label\]\:before\:skew-x-\[10deg\] > label:before {
    content: var(--tw-content);
    --tw-skew-x: skewX(10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:before\:rounded > label:before {
    content: var(--tw-content);
    border-radius: .25rem;
  }

  .\[\&\>label\]\:before\:bg-\[\#ff3a19\] > label:before {
    content: var(--tw-content);
    background-color: #ff3a19;
  }

  .\[\&\>label\]\:before\:text-center > label:before {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>label\]\:before\:leading-\[2em\] > label:before {
    content: var(--tw-content);
    --tw-leading: 2em;
    line-height: 2em;
  }

  .\[\&\>label\]\:before\:font-bold > label:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>label\]\:before\:text-white > label:before {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>label\]\:before\:content-\[attr\(data-tg-on\)\] > label:before {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:before\:\[backface-visibility\:hidden\] > label:before {
    content: var(--tw-content);
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:before\:\[transition\:all_0\.2s_ease\] > label:before {
    content: var(--tw-content);
    transition: all .2s;
  }

  .\[\&\>label\]\:before\:\[transition\:all_0\.4s_ease\] > label:before {
    content: var(--tw-content);
    transition: all .4s;
  }

  .\[\&\>label\]\:after\:absolute > label:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>label\]\:after\:relative > label:after {
    content: var(--tw-content);
    position: relative;
  }

  .\[\&\>label\]\:after\:top-0 > label:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:after\:left-0 > label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\>label\]\:after\:left-full > label:after {
    content: var(--tw-content);
    left: 100%;
  }

  .\[\&\>label\]\:after\:block > label:after {
    content: var(--tw-content);
    display: block;
  }

  .\[\&\>label\]\:after\:flex > label:after {
    content: var(--tw-content);
    display: flex;
  }

  .\[\&\>label\]\:after\:inline-block > label:after {
    content: var(--tw-content);
    display: inline-block;
  }

  .\[\&\>label\]\:after\:h-full > label:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\>label\]\:after\:w-6\/12 > label:after {
    content: var(--tw-content);
    width: 50%;
  }

  .\[\&\>label\]\:after\:w-full > label:after {
    content: var(--tw-content);
    width: 100%;
  }

  .\[\&\>label\]\:after\:skew-x-\[10deg\] > label:after {
    content: var(--tw-content);
    --tw-skew-x: skewX(10deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[\&\>label\]\:after\:\[transform\:rotateY\(-180deg\)\] > label:after {
    content: var(--tw-content);
    transform: rotateY(-180deg);
  }

  .\[\&\>label\]\:after\:justify-center > label:after {
    content: var(--tw-content);
    justify-content: center;
  }

  .\[\&\>label\]\:after\:rounded > label:after {
    content: var(--tw-content);
    border-radius: .25rem;
  }

  .\[\&\>label\]\:after\:rounded-\[1em\] > label:after {
    content: var(--tw-content);
    border-radius: 1em;
  }

  .\[\&\>label\]\:after\:rounded-\[2em\] > label:after {
    content: var(--tw-content);
    border-radius: 2em;
  }

  .\[\&\>label\]\:after\:rounded-\[50\%\] > label:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&\>label\]\:after\:bg-\[\#02c66f\] > label:after {
    content: var(--tw-content);
    background-color: #02c66f;
  }

  .\[\&\>label\]\:after\:bg-\[\#f2f2f2\] > label:after {
    content: var(--tw-content);
    background-color: #f2f2f2;
  }

  .\[\&\>label\]\:after\:bg-\[\#fbfbfb\] > label:after {
    content: var(--tw-content);
    background-color: #fbfbfb;
  }

  .\[\&\>label\]\:after\:bg-\[\#fff\] > label:after {
    content: var(--tw-content);
    background-color: #fff;
  }

  .\[\&\>label\]\:after\:text-center > label:after {
    content: var(--tw-content);
    text-align: center;
  }

  .\[\&\>label\]\:after\:text-\[80\%\] > label:after {
    content: var(--tw-content);
    font-size: 80%;
  }

  .\[\&\>label\]\:after\:leading-\[2em\] > label:after {
    content: var(--tw-content);
    --tw-leading: 2em;
    line-height: 2em;
  }

  .\[\&\>label\]\:after\:font-bold > label:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&\>label\]\:after\:text-white > label:after {
    content: var(--tw-content);
    color: var(--color-white);
  }

  .\[\&\>label\]\:after\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_4px_0_rgba\(0\,0\,0\,0\.08\)\] > label:after {
    content: var(--tw-content);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000001a), 0 4px 0 var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>label\]\:after\:content-\[\'\'\] > label:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:content-\[attr\(data-tg-off\)\] > label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-off);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:content-\[attr\(data-tg-on\)\] > label:after {
    content: var(--tw-content);
    --tw-content: attr(data-tg-on);
    content: var(--tw-content);
  }

  .\[\&\>label\]\:after\:\[backface-visibility\:hidden\] > label:after {
    content: var(--tw-content);
    backface-visibility: hidden;
  }

  .\[\&\>label\]\:after\:\[transition\:all_0\.2s_ease\] > label:after {
    content: var(--tw-content);
    transition: all .2s;
  }

  .\[\&\>label\]\:after\:\[transition\:all_0\.4s_ease\] > label:after {
    content: var(--tw-content);
    transition: all .4s;
  }

  .\[\&\>label\]\:after\:\[transition\:left_0\.3s_cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.275\)\,padding_0\.3s_ease\,margin_0\.3s_ease\] > label:after {
    content: var(--tw-content);
    transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s, margin .3s;
  }

  @media (hover: hover) {
    .\[\&\>label\]\:hover\:after\:will-change-\[padding\] > label:hover:after {
      content: var(--tw-content);
      will-change: padding;
    }
  }

  .\[\&\>label\]\:active\:bg-\[\#888\] > label:active {
    background-color: #888;
  }

  .\[\&\>label\]\:active\:shadow-\[inset_0_0_0_2em_\#e8eae9\] > label:active {
    --tw-shadow: inset 0 0 0 2em var(--tw-shadow-color, #e8eae9);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\>label\]\:active\:before\:left-\[-10\%\] > label:active:before {
    content: var(--tw-content);
    left: -10%;
  }

  .\[\&\>label\]\:active\:before\:\[transform\:rotateY\(-20deg\)\] > label:active:before {
    content: var(--tw-content);
    transform: rotateY(-20deg);
  }

  .\[\&\>label\]\:active\:after\:pr-\[0\.8em\] > label:active:after {
    content: var(--tw-content);
    padding-right: .8em;
  }

  .\[\&\>input\]\:\[\&\>label\]\:box-border > input > label {
    box-sizing: border-box;
  }

  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }

  .\[\&\>span\]\:inset-0 > span {
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:z-\[1\] > span {
    z-index: 1;
  }

  .\[\&\>span\]\:w-full > span {
    width: 100%;
  }

  .\[\&\>span\]\:origin-center > span {
    transform-origin: center;
  }

  .\[\&\>span\]\:\[transform\:rotateY\(0\)\] > span {
    transform: rotateY(0);
  }

  .\[\&\>span\]\:\[transform\:rotateZ\(0\)\] > span {
    transform: rotateZ(0);
  }

  .\[\&\>span\]\:rounded-\[100px\] > span {
    border-radius: 100px;
  }

  .\[\&\>span\]\:bg-\[\#ebf7fc\] > span {
    background-color: #ebf7fc;
  }

  .\[\&\>span\]\:\[transition\:0\.3s_ease_all\] > span {
    transition: all .3s;
  }

  .\[\&\>span\]\:\[transition\:0\.4s_cubic-bezier\(0\.18\,0\.89\,0\.35\,1\.15\)_all\] > span {
    transition: all .4s cubic-bezier(.18, .89, .35, 1.15);
  }

  \~label.\[\&\\\~label\]\:text-\[red\] {
    color: red;
  }

  \~span.\[\&\\\~span\]\:bg-\[\#ededed\] {
    background-color: #ededed;
  }

  \~span.\[\&\\\~span\]\:before\:bg-\[\#4caf50\]:before, \~span.\[\&\\\~span\]\:after\:bg-\[\#4caf50\]:after, \~span.\[\&\\\~span_i\]\:before\:bg-\[\#4caf50\] i:before, \~span.\[\&\\\~span_i\]\:after\:bg-\[\#4caf50\] i:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~label\]\:absolute ~ label {
    position: absolute;
  }

  .\[\&\~label\]\:top-2\.5 ~ label {
    top: calc(var(--spacing) * 2.5);
  }

  .\[\&\~label\]\:top-\[9px\] ~ label {
    top: 9px;
  }

  .\[\&\~label\]\:left-0 ~ label {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~label\]\:left-3\.5 ~ label {
    left: calc(var(--spacing) * 3.5);
  }

  .\[\&\~label\]\:z-\[-1\] ~ label {
    z-index: -1;
  }

  .\[\&\~label\]\:w-full ~ label {
    width: 100%;
  }

  .\[\&\~label\]\:tracking-\[0\.5px\] ~ label {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .\[\&\~label\]\:text-\[\#aaa\] ~ label {
    color: #aaa;
  }

  .\[\&\~label\]\:text-\[red\] ~ label {
    color: red;
  }

  .\[\&\~label\]\:duration-\[0\.3s\] ~ label {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:absolute ~ span {
    position: absolute;
  }

  .\[\&\~span\]\:top-0 ~ span {
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:right-0 ~ span {
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:bottom-0 ~ span {
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:left-0 ~ span {
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:left-2\/4 ~ span {
    left: 50%;
  }

  .\[\&\~span\]\:z-\[-1\] ~ span {
    z-index: -1;
  }

  .\[\&\~span\]\:z-\[99\] ~ span {
    z-index: 99;
  }

  .\[\&\~span\]\:h-0 ~ span {
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:h-0\.5 ~ span {
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:h-9 ~ span {
    height: calc(var(--spacing) * 9);
  }

  .\[\&\~span\]\:h-full ~ span {
    height: 100%;
  }

  .\[\&\~span\]\:w-0 ~ span {
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:w-full ~ span {
    width: 100%;
  }

  .\[\&\~span\]\:bg-\[\#4caf50\] ~ span {
    background-color: #4caf50;
  }

  .\[\&\~span\]\:bg-\[\#e7a8a8\] ~ span {
    background-color: #e7a8a8;
  }

  .\[\&\~span\]\:bg-\[\#ededed\] ~ span {
    background-color: #ededed;
  }

  .\[\&\~span\]\:bg-transparent ~ span {
    background-color: #0000;
  }

  .\[\&\~span\]\:opacity-0 ~ span {
    opacity: 0;
  }

  .\[\&\~span\]\:opacity-\[unset\] ~ span {
    opacity: unset;
  }

  .\[\&\~span\]\:duration-\[0\.3s\] ~ span {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:duration-\[0\.4s\] ~ span {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:duration-\[0\.5s\] ~ span {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .\[\&\~span\]\:before\:absolute ~ span:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:before\:-top-px ~ span:before {
    content: var(--tw-content);
    top: -1px;
  }

  .\[\&\~span\]\:before\:top-0 ~ span:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:top-2\/4 ~ span:before {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span\]\:before\:right-0 ~ span:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:bottom-0 ~ span:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:left-0 ~ span:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:left-2\/4 ~ span:before {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:before\:z-\[-1\] ~ span:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .\[\&\~span\]\:before\:h-0 ~ span:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:h-0\.5 ~ span:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:before\:h-full ~ span:before {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\~span\]\:before\:w-0 ~ span:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:before\:bg-\[\#4caf50\] ~ span:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:before\:bg-\[\#ededed\] ~ span:before {
    content: var(--tw-content);
    background-color: #ededed;
  }

  .\[\&\~span\]\:before\:bg-\[red\] ~ span:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:before\:delay-\[0\.2s\] ~ span:before {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.2s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.3s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:before\:duration-\[0\.4s\] ~ span:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:before\:content-\[\"\"\] ~ span:before, .\[\&\~span\]\:before\:content-\[\'\'\] ~ span:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span\]\:after\:absolute ~ span:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span\]\:after\:top-0 ~ span:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:top-2\/4 ~ span:after {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span\]\:after\:top-auto ~ span:after {
    content: var(--tw-content);
    top: auto;
  }

  .\[\&\~span\]\:after\:right-0 ~ span:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:right-2\/4 ~ span:after {
    content: var(--tw-content);
    right: 50%;
  }

  .\[\&\~span\]\:after\:right-auto ~ span:after {
    content: var(--tw-content);
    right: auto;
  }

  .\[\&\~span\]\:after\:bottom-0 ~ span:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:bottom-2\/4 ~ span:after {
    content: var(--tw-content);
    bottom: 50%;
  }

  .\[\&\~span\]\:after\:left-0 ~ span:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:left-2\/4 ~ span:after {
    content: var(--tw-content);
    left: 50%;
  }

  .\[\&\~span\]\:after\:left-auto ~ span:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\~span\]\:after\:z-\[-1\] ~ span:after {
    content: var(--tw-content);
    z-index: -1;
  }

  .\[\&\~span\]\:after\:h-0 ~ span:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:h-0\.5 ~ span:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .\[\&\~span\]\:after\:h-full ~ span:after {
    content: var(--tw-content);
    height: 100%;
  }

  .\[\&\~span\]\:after\:w-0 ~ span:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }

  .\[\&\~span\]\:after\:bg-\[\#4caf50\] ~ span:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span\]\:after\:bg-\[\#ededed\] ~ span:after {
    content: var(--tw-content);
    background-color: #ededed;
  }

  .\[\&\~span\]\:after\:bg-\[red\] ~ span:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span\]\:after\:delay-\[0\.2s\] ~ span:after {
    content: var(--tw-content);
    transition-delay: .2s;
  }

  .\[\&\~span\]\:after\:delay-\[0\.6s\] ~ span:after {
    content: var(--tw-content);
    transition-delay: .6s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.2s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.3s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\[\&\~span\]\:after\:duration-\[0\.4s\] ~ span:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span\]\:after\:content-\[\"\"\] ~ span:after, .\[\&\~span\]\:after\:content-\[\'\'\] ~ span:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:before\:absolute ~ span i:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:before\:top-0 ~ span i:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:top-2\/4 ~ span i:before {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:before\:left-0 ~ span i:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:h-0 ~ span i:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:before\:w-0\.5 ~ span i:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:before\:bg-\[\#4caf50\] ~ span i:before {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:before\:bg-\[red\] ~ span i:before {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:before\:delay-\[0\.8s\] ~ span i:before {
    content: var(--tw-content);
    transition-delay: .8s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.2s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.4s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span_i\]\:before\:duration-\[0\.6s\] ~ span i:before {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:before\:content-\[\"\"\] ~ span i:before, .\[\&\~span_i\]\:before\:content-\[\'\'\] ~ span i:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\~span_i\]\:after\:absolute ~ span i:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\~span_i\]\:after\:top-0 ~ span i:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:top-2\/4 ~ span i:after {
    content: var(--tw-content);
    top: 50%;
  }

  .\[\&\~span_i\]\:after\:top-auto ~ span i:after {
    content: var(--tw-content);
    top: auto;
  }

  .\[\&\~span_i\]\:after\:right-0 ~ span i:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:bottom-0 ~ span i:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:left-auto ~ span i:after {
    content: var(--tw-content);
    left: auto;
  }

  .\[\&\~span_i\]\:after\:h-0 ~ span i:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .\[\&\~span_i\]\:after\:w-0\.5 ~ span i:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .\[\&\~span_i\]\:after\:bg-\[\#4caf50\] ~ span i:after {
    content: var(--tw-content);
    background-color: #4caf50;
  }

  .\[\&\~span_i\]\:after\:bg-\[red\] ~ span i:after {
    content: var(--tw-content);
    background-color: red;
  }

  .\[\&\~span_i\]\:after\:delay-\[0\.4s\] ~ span i:after {
    content: var(--tw-content);
    transition-delay: .4s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.2s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.4s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .\[\&\~span_i\]\:after\:duration-\[0\.6s\] ~ span i:after {
    content: var(--tw-content);
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .\[\&\~span_i\]\:after\:content-\[\"\"\] ~ span i:after, .\[\&\~span_i\]\:after\:content-\[\'\'\] ~ span i:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media screen {
    .\[\@media_screen\]\:flex {
      display: flex;
    }

    .\[\@media_screen\]\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 600px) {
    .\[\@media\(min-width\:600px\)\]\:relative {
      position: relative;
    }

    .\[\@media\(min-width\:600px\)\]\:flex {
      display: flex;
    }

    .\[\@media\(min-width\:600px\)\]\:min-h-\[56px\] {
      min-height: 56px;
    }

    .\[\@media\(min-width\:600px\)\]\:items-center {
      align-items: center;
    }

    .\[\@media\(min-width\:600px\)\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .\[\@media\(min-width\:600px\)\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {
    .\[\@media\(min-width\:768px\)\]\:w-\[750px\] {
      width: 750px;
    }
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --font-weight-bold: 700;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .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;
    }
  }

  .inline {
    display: inline;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .text-\[red\] {
    color: red;
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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-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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-red-700: oklch(50.5% .213 27.518);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .-left-24 {
    left: calc(var(--spacing) * -24);
  }

  .left-full {
    left: 100%;
  }

  .order-first {
    order: -9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .col-end-6 {
    grid-column-end: 6;
  }

  .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;
    }
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }

  .my-14 {
    margin-block: calc(var(--spacing) * 14);
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-\[-4\.5rem\] {
    margin-top: -4.5rem;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .\!h-auto {
    height: auto !important;
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-full {
    height: 100%;
  }

  .min-h-\[20px\] {
    min-height: 20px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-full {
    width: 100%;
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-20 {
    --tw-translate-x: calc(var(--spacing) * 20);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing) * 2);
         column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-4 {
    -moz-column-gap: calc(var(--spacing) * 4);
         column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-8 {
    -moz-column-gap: calc(var(--spacing) * 8);
         column-gap: calc(var(--spacing) * 8);
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-white {
    --tw-gradient-from: var(--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));
  }

  .to-white {
    --tw-gradient-to: var(--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));
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .text-center {
    text-align: center;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .text-\[\#363636\] {
    color: #363636;
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-inherit {
    color: inherit;
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-\[0_3px_10px_rgba\(0\,0\,0\,0\.1\)\,0_3px_3px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 3px 10px var(--tw-shadow-color, #0000001a), 0 3px 3px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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);
  }

  .ring-black {
    --tw-ring-color: var(--color-black);
  }

  .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, );
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .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(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  @media (hover: hover) {
    .hover\:text-indigo-500:hover {
      color: var(--color-indigo-500);
    }
  }

  .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);
  }

  .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);
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:translate-y-0\.5:active {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:bg-gray-100:active {
    background-color: var(--color-gray-100);
  }

  @media (min-width: 48rem) {
    .md\:left-24 {
      left: calc(var(--spacing) * 24);
    }

    .md\:order-none {
      order: 0;
    }

    .md\:-mt-4 {
      margin-top: calc(var(--spacing) * -4);
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:h-72 {
      height: calc(var(--spacing) * 72);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

    :where(.md\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
}

@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-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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-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
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: 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-duration: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-bold: 700;
    --radius-lg: .5rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .-top-5 {
    top: calc(var(--spacing) * -5);
  }

  .top-2\/4 {
    top: 50%;
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-full {
    top: 100%;
  }

  .right-full {
    right: 100%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-2\/4 {
    left: 50%;
  }

  .left-full {
    left: 100%;
  }

  .z-\[99999999\] {
    z-index: 99999999;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .box-border {
    box-sizing: border-box;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .h-screen {
    height: 100vh;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[400px\] {
    min-width: 400px;
  }

  .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2\/4 {
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#000000\] {
    border-color: #000;
  }

  .border-b-\[\#666\] {
    border-bottom-color: #666;
  }

  .bg-\[\#009cdc\] {
    background-color: #009cdc;
  }

  .bg-\[\#444444\] {
    background-color: #444;
  }

  .bg-\[\#eeeeee\] {
    background-color: #eee;
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .text-left {
    text-align: left;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .text-\[\#EEEEEE\] {
    color: #eee;
  }

  .text-\[white\] {
    color: #fff;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-white {
    color: var(--color-white);
  }

  .opacity-0 {
    opacity: 0;
  }

  .shadow-\[0_1px_8px_\#000000\] {
    --tw-shadow: 0 1px 8px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 1px 8px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-\[0\.8s\] {
    --tw-duration: .8s;
    transition-duration: .8s;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-2\/4:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:left-2\/4:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:-translate-x-2\/4:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:translate-x-2\/4:after {
    content: var(--tw-content);
    --tw-translate-x: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-translate-y-2\/4:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:translate-y-2\/4:after {
    content: var(--tw-content);
    --tw-translate-y: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-rotate-45:after {
    content: var(--tw-content);
    rotate: -45deg;
  }

  .after\:rotate-45:after {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&_td\]\:h-\[7rem\] td {
    height: 7rem;
  }

  .\[\&_td\]\:w-\[7rem\] td {
    width: 7rem;
  }

  .\[\&_td\]\:text-center td {
    text-align: center;
  }

  .\[\&\:hover_\.tpcontents\]\:visible:hover .tpcontents {
    visibility: visible;
  }

  .\[\&\:hover_\.tpcontents\]\:opacity-100:hover .tpcontents {
    opacity: 1;
  }
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  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: 0;
}

@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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-border-style: solid;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .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;
    }
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-\[cyan\] {
    background-color: #0ff;
  }

  .bg-\[darkseagreen\] {
    background-color: #8fbc8f;
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .text-\[large\] {
    font-size: large;
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .\[\&_button\]\:absolute button {
    position: absolute;
  }

  .\[\&_button\]\:top-2\.5 button {
    top: calc(var(--spacing) * 2.5);
  }

  .\[\&_button\]\:right-2\.5 button {
    right: calc(var(--spacing) * 2.5);
  }

  .\[\&_button\]\:mr-2\.5 button {
    margin-right: calc(var(--spacing) * 2.5);
  }

  .\[\&_input\]\:border-\[1px\] input {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_input\]\:border-solid input {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&_input\]\:border-\[gray\] input {
    border-color: gray;
  }

  .\[\&_label\]\:mr-2\.5 label {
    margin-right: calc(var(--spacing) * 2.5);
  }

  .\[\&_textarea\]\:m-0 textarea {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_textarea\]\:h-\[200px\] textarea {
    height: 200px;
  }

  .\[\&_textarea\]\:w-full textarea {
    width: 100%;
  }

  .\[\&_textarea\]\:p-0 textarea {
    padding: calc(var(--spacing) * 0);
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}
.sunburst-viz .slice path {
  cursor: pointer;
}

.sunburst-viz text {
  dominant-baseline: middle;
  text-anchor: middle;
  pointer-events: none;
  fill: #222;
}

.sunburst-viz .text-contour {
  fill: none;
  stroke: white;
  stroke-linejoin: 'round';
}

.sunburst-viz .main-arc {
  stroke-width: 1px;
  transition: opacity .4s;
}

.sunburst-viz .main-arc:hover {
  opacity: 0.85;
  transition: opacity .05s;
}

.sunburst-viz .hidden-arc {
  fill: none;
}

.sunburst-viz .tooltip {
  max-width: 320px;
  white-space: nowrap;
}

.sunburst-viz .tooltip-title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.sunburst-viz {
  position: relative;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --color-teal-100: oklch(95.3% .051 180.801);
    --spacing: .25rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .relative {
    position: relative;
  }

  .m-10 {
    margin: calc(var(--spacing) * 10);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .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, );
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

@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-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
}
/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 *
 * billboard.js, JavaScript chart library
 * https://naver.github.io/billboard.js/
 *
 * @version 3.15.1
 */
/*-- Chart --*/
.bb svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bb path, .bb line {
  fill: none;
  stroke: #000;
}
.bb text, .bb .bb-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bb-legend-item-tile,
.bb-xgrid-focus,
.bb-ygrid-focus,
.bb-ygrid {
  shape-rendering: crispEdges;
}

.bb-chart-arcs .bb-needle {
  fill: #000;
}

.bb-chart-arc .bb-gauge-value {
  fill: #000;
}
.bb-chart-arc path {
  stroke: #fff;
}
.bb-chart-arc rect {
  stroke: #fff;
  stroke-width: 1;
}
.bb-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Funnel --*/
.bb-chart-funnels path {
  stroke-width: 0;
}
.bb-chart-funnels + .bb-chart-texts text {
  font-size: 13px;
  fill: #fff;
}

/*-- Axis --*/
.bb-axis {
  shape-rendering: crispEdges;
}
.bb-axis .bb-axis-x-tooltip, .bb-axis .bb-axis-y-tooltip, .bb-axis .bb-axis-y2-tooltip {
  font-size: 1em;
  fill: #fff;
  white-space: nowrap;
}

/*-- Grid --*/
.bb-grid {
  pointer-events: none;
}
.bb-grid line {
  stroke: #aaa;
}
.bb-grid text {
  fill: #aaa;
}

.bb-xgrid, .bb-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.bb-text.bb-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.bb-line {
  stroke-width: 1px;
}

/*-- Point --*/
.bb-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.bb-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.bb-bar {
  stroke-width: 0;
}
.bb-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Candlestick --*/
.bb-candlestick {
  stroke-width: 1px;
}
.bb-candlestick._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.bb-target.bb-focused, .bb-circles.bb-focused {
  opacity: 1;
}
.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
  stroke-width: 2px;
}
.bb-target.bb-defocused, .bb-circles.bb-defocused {
  opacity: 0.3 !important;
}
.bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
  opacity: 0.05 !important;
}

/*-- Region --*/
.bb-region {
  fill: steelblue;
}
.bb-region rect {
  fill-opacity: 0.1;
}

/*-- Zoom region --*/
.bb-zoom-brush {
  fill-opacity: 0.1;
}

/*-- Brush --*/
.bb-brush .extent {
  fill-opacity: 0.1;
}

/*-- Legend --*/
.bb-legend-item {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-legend-item-hidden {
  opacity: 0.15;
}

.bb-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.bb-title {
  font: 14px sans-serif;
}

/*-- Treemap --*/
.bb-chart-treemaps rect {
  stroke: #fff;
  stroke-width: 1px;
}

/*-- Tooltip --*/
.bb-tooltip-container {
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bb-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  opacity: 0.9;
  box-shadow: 7px 7px 12px -9px rgb(119, 119, 119);
  white-space: nowrap;
}
.bb-tooltip tr {
  border: 1px solid #CCC;
}
.bb-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}
.bb-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.bb-tooltip td > span, .bb-tooltip td > svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.bb-tooltip.value {
  text-align: right;
}

/*-- Area --*/
.bb-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.bb-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

text.bb-chart-arcs-gauge-title {
  dominant-baseline: middle;
  font-size: 2.7em;
}

.bb-chart-arcs {
  /*-- Polar --*/
}
.bb-chart-arcs .bb-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff;
}
.bb-chart-arcs .bb-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}
.bb-chart-arcs .bb-chart-arcs-gauge-max {
  fill: #777;
}
.bb-chart-arcs .bb-chart-arcs-gauge-min {
  fill: #777;
}
.bb-chart-arcs .bb-levels circle {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-arcs .bb-levels text {
  fill: #848282;
}

/*-- Radar --*/
.bb-chart-radars .bb-levels polygon {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-levels text {
  fill: #848282;
}
.bb-chart-radars .bb-axis line {
  stroke: #848282;
  stroke-width: 0.5px;
}
.bb-chart-radars .bb-axis text {
  font-size: 1.15em;
  cursor: default;
}
.bb-chart-radars .bb-shapes polygon {
  fill-opacity: 0.2;
  stroke-width: 1px;
}

/*-- Button --*/
.bb-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bb-button .bb-zoom-reset {
  font-size: 11px;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
      -o-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-feature-settings, normal);
    font-variation-settings: var(--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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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;
  }

  ::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: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;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -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;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-\[100px\] {
    top: 100px;
  }

  .top-\[400px\] {
    top: 400px;
  }

  .top-\[650px\] {
    top: 650px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-\[-2rem\] {
    left: -2rem;
  }

  .left-\[250px\] {
    left: 250px;
  }

  .z-\[-1\] {
    z-index: -1;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-\[5px\] {
    margin: 5px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-\[75px\] {
    margin-top: 75px;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-\[1\.5rem\] {
    height: 1.5rem;
  }

  .h-\[5cqh\] {
    height: 5cqh;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[767px\] {
    height: 767px;
  }

  .h-\[867px\] {
    height: 867px;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-\[1\.5rem\] {
    width: 1.5rem;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[210mm\] {
    width: 210mm;
  }

  .w-\[211mm\] {
    width: 211mm;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[540px\] {
    width: 540px;
  }

  .w-full {
    width: 100%;
  }

  .scale-\[70\%\] {
    scale: 70%;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-none {
    border-radius: 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[white\] {
    border-color: #fff;
  }

  .bg-\[\#1976D2\] {
    background-color: #1976d2;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .fill-\[white\] {
    fill: #fff;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-\[24px\] {
    padding: 24px;
  }

  .text-center {
    text-align: center;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[font-size\:3cqh\] {
    font-size: 3cqh;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .tracking-\[0\.02857em\] {
    --tw-tracking: .02857em;
    letter-spacing: .02857em;
  }

  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }

  .text-\[white\] {
    color: #fff;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .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, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
         user-select: auto;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  @media print {
    .print\:hidden {
      display: none;
    }
  }
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}