/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Geist", 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-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --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-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);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius-base: var(--radius-base);
    --radius-badge: var(--radius-badge);
    --shadow-base: var(--shadow-base);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .\[inset-inline-start\:var\(--fluxon-slider-fill-start\)\] {
    inset-inline-start: var(--fluxon-slider-fill-start);
  }
  .\[inset-inline-start\:var\(--fluxon-slider-offset\)\] {
    inset-inline-start: var(--fluxon-slider-offset);
  }
  .\[inset-inline-end\:calc\(100\%_-_var\(--fluxon-slider-fill-end\)\)\] {
    inset-inline-end: calc(100% - var(--fluxon-slider-fill-end));
  }
  .\[inset-block-start\:0\] {
    inset-block-start: 0;
  }
  .\[inset-block-start\:50\%\] {
    inset-block-start: 50%;
  }
  .\[inset-block-end\:0\] {
    inset-block-end: 0;
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-3 {
    right: calc(var(--spacing) * -3);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[51\] {
    z-index: 51;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[2000\] {
    z-index: 2000;
  }
  .z-\[var\(--z-index\,1\)\] {
    z-index: var(--z-index,1);
  }
  .order-last {
    order: 9999;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .row-auto {
    grid-row: auto;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-px {
    margin-block: -1px;
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-3\.5 {
    margin-block: calc(var(--spacing) * 3.5);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-\[11px\] {
    margin-bottom: 11px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .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-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .huge-account-setting-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.5%2016.5a4.04%204.04%200%200%201%203.5-2.02%204.04%204.04%200%200%201%203.5%202.02M14%2010a2%202%200%201%201-4%200%202%202%200%200%201%204%200Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2013.967v-3.934c-2.857%200-4.714-3.103-3.268-5.566L15.268%202.5c-1.464%202.494-5.07%202.494-6.534%200L5.27%204.467C6.716%206.93%204.857%2010.033%202%2010.033v3.934c2.857%200%204.714%203.103%203.268%205.566L8.732%2021.5c1.465-2.495%205.073-2.495%206.538%200l3.464-1.967c-1.447-2.463.41-5.566%203.266-5.566%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-add-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.001%205v14.002m7.001-7H5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-ai-brain-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%204.5a3%203%200%200%200-2.567%204.554%203.001%203.001%200%200%200%200%205.893M7%204.5a2.5%202.5%200%200%201%205%200v15a2.5%202.5%200%200%201-5%200%203%203%200%200%201-2.567-4.553M7%204.5c0%20.818.393%201.544%201%202m-3.567%208.447A3%203%200%200%201%206%2013.67m11%205.83a3%203%200%200%200%202.567-4.554%203.001%203.001%200%200%200%200-5.893M17%2019.5a2.5%202.5%200%200%201-5%200v-15a2.5%202.5%200%200%201%205%200%203%203%200%200%201%202.567%204.553M17%2019.5c0-.818-.393-1.544-1-2m3.567-8.447A3%203%200%200%201%2018%2010.33%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-alert-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.925%2021h-3.85c-4.63%200-6.945%200-7.799-1.506-.853-1.506.331-3.503%202.7-7.495L6.9%208.753C9.176%204.918%2010.313%203%2012%203s2.824%201.918%205.1%205.753L19.023%2012c2.369%203.992%203.553%205.989%202.7%207.495C20.87%2021%2018.555%2021%2013.924%2021M12%209v4%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.125%2016.75H12m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-alert-circle {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%208v4m.125%203.75H12m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-all-bookmark {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2017.98v-5.273c0-3.633%200-5.45%201.098-6.578S6.964%205%2010.5%205s5.303%200%206.402%201.129C18%207.257%2018%209.074%2018%2012.708v5.273c0%202.306%200%203.459-.724%203.871-1.404.8-4.035-1.867-5.285-2.67-.725-.465-1.088-.698-1.491-.698s-.766.233-1.49.698c-1.25.803-3.882%203.47-5.285%202.67C3%2021.44%203%2020.287%203%2017.981%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%202h2c4.714%200%207.071%200%208.535%201.464C21%204.93%2021%207.286%2021%2012v6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-archive-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%2021h10c2.357%200%203.535%200%204.268-.732C22%2019.535%2022%2018.357%2022%2016s0-3.536-.732-4.268C20.535%2011%2019.357%2011%2017%2011H7c-2.357%200-3.535%200-4.268.732S2%2013.642%202%2016s0%203.535.732%204.268S4.642%2021%207%2021M4%2011c0-1.4%200-2.1.273-2.635a2.5%202.5%200%200%201%201.092-1.092C5.9%207%206.6%207%208%207h8c1.4%200%202.1%200%202.635.272a2.5%202.5%200%200%201%201.092%201.093C20%208.9%2020%209.6%2020%2011M6%207c0-1.4%200-2.1.273-2.635a2.5%202.5%200%200%201%201.092-1.092C7.9%203%208.6%203%2010%203h4c1.4%200%202.1%200%202.635.272a2.5%202.5%200%200%201%201.092%201.093C18%204.9%2018%205.6%2018%207%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m16%2015-.3.4c-.589.785-.883%201.178-1.306%201.389-.422.211-.913.211-1.894.211h-1c-.981%200-1.472%200-1.894-.211-.423-.211-.717-.604-1.306-1.389L8%2015%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-archive-restore {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%2015s2.21-3%203-3%203%203%203%203m-3-2v8m8-13v7.01c0%202.832%200%204.248-.879%205.127-.641.643-1.568.816-3.121.863M4%208v7.01c0%202.832%200%204.248.879%205.127.641.643%201.568.816%203.121.863M19.5%203h-15c-.935%200-1.402%200-1.75.201a1.5%201.5%200%200%200-.549.549C2%204.098%202%204.565%202%205.5s0%201.402.201%201.75a1.5%201.5%200%200%200%20.549.549C3.098%208%203.565%208%204.5%208h15c.935%200%201.402%200%201.75-.201a1.5%201.5%200%200%200%20.549-.549C22%206.902%2022%206.435%2022%205.5s0-1.402-.201-1.75a1.5%201.5%200%200%200-.549-.549C20.902%203%2020.435%203%2019.5%203%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-down-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%209s-4.419%206-6%206-6-6-6-6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-down-left-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2017.35s-6.938.542-7.915-.435S6.65%209%206.65%209m.85%207.5%2010-10%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-left-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%206s-6%204.419-6%206%206%206%206%206%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-left-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.5%2012.002H19m-8%206s-6-4.419-6-6%206-6%206-6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-right-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%206s6%204.419%206%206-6%206-6%206%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-right-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.5%2012H5m8%206s6-4.419%206-6-6-6-6-6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-up-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%2015s-4.42-6-6-6-6%206-6%206%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-arrow-up-right-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%206.65s6.938-.542%207.915.435S17.35%2015%2017.35%2015m-.85-7.5-10%2010%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-attachment {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19.5%2012v1.5a7.5%207.5%200%200%201-15%200V8a5%205%200%200%201%2010%200v5.5a2.5%202.5%200%200%201-5%200v-4%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-bank {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.125%205.75H12m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200M5%209v10M9%209v10m6-10v10m4-10v10%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.352%209H2.648a.657.657%200%200%201-.353-1.205l6.435-4.23C10.317%202.522%2011.11%202%2012%202s1.683.522%203.27%201.565l6.435%204.23A.658.658%200%200%201%2021.352%209m-.312%2011.293-.688-.707c-.281-.29-.422-.434-.6-.51-.18-.076-.378-.076-.776-.076H5.024c-.398%200-.597%200-.775.076-.18.076-.32.22-.6.51l-.689.707c-.706.726-1.06%201.09-.935%201.398.124.309.624.309%201.623.309h16.704c1%200%201.5%200%201.623-.309.125-.308-.229-.672-.935-1.398%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-bitcoin-wallet {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M16%2013a1.5%201.5%200%201%200%203%200%201.5%201.5%200%200%200-3%200Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11%2019h5c2.828%200%204.243%200%205.121-.879C22%2017.243%2022%2015.828%2022%2013v-1c0-2.828%200-4.243-.879-5.121-.641-.642-1.568-.815-3.121-.862M10%206h6c.764%200%201.425%200%202%20.017M2%2010c0-3.771%200-4.657%201.172-5.828S6.229%203%2010%203h4.983c.948%200%201.422%200%201.795.157a2%202%200%200%201%201.065%201.065C18%204.595%2018%205.07%2018%206.017%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3.125%2019.5v-6M5%2013.5V12m0%209v-1.5m-1.875-3h3.75m0%200c.621%200%201.125.504%201.125%201.125v.75c0%20.621-.504%201.125-1.125%201.125H2m4.875-3C7.496%2016.5%208%2015.996%208%2015.375v-.75c0-.621-.504-1.125-1.125-1.125H2%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-bookmark-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%2017.98V9.709c0-3.634%200-5.45%201.172-6.58S8.229%202%2012%202s5.657%200%206.828%201.129C20%204.257%2020%206.074%2020%209.708v8.273c0%202.306%200%203.459-.773%203.871-1.497.8-4.304-1.867-5.637-2.67-.773-.465-1.16-.698-1.59-.698s-.817.233-1.59.698c-1.333.803-4.14%203.47-5.637%202.67C4%2021.44%204%2020.287%204%2017.981%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-bubble-chat {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.5%2012a9.5%209.5%200%200%201-9.5%209.5c-1.628%200-3.16-.41-4.5-1.131-1.868-1.007-3.125-.071-4.234.097a.53.53%200%200%201-.456-.156.64.64%200%200%201-.117-.703c.436-1.025.835-2.969.29-4.607a9.5%209.5%200%200%201-.483-3%209.5%209.5%200%201%201%2019%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.126%2012H12m-3.876%200H8m8.125%200H16m-3.75%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m-4%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m8%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-calendar-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%202v4M8%202v4m5-2h-2C7.229%204%205.343%204%204.172%205.172S3%208.229%203%2012v2c0%203.771%200%205.657%201.172%206.828S7.229%2022%2011%2022h2c3.771%200%205.657%200%206.828-1.172S21%2017.771%2021%2014v-2c0-3.771%200-5.657-1.172-6.828S16.771%204%2013%204M3%2010h18%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.126%2014H12m.125%204H12m-4.376-4H7.5m.125%204H7.5m9.125-4H16.5m-4.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m0%204a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m-4.5-4a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m0%204a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m9-4a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-calendar-remove-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%202v4M8%202v4m13%207v-1c0-3.771%200-5.657-1.172-6.828S16.771%204%2013%204h-2C7.229%204%205.343%204%204.172%205.172S3%208.229%203%2012v2c0%203.771%200%205.657%201.172%206.828S7.229%2022%2011%2022h1M3%2010h18m0%206-3%203m0%200-3%203m3-3%203%203m-3-3-3-3%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-cancel-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%206%206%2018m12%200L6%206%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-chart-up {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.5%2010.5v9c0%20.466%200%20.699-.076.883a1%201%200%200%201-.541.54C19.699%2021%2019.466%2021%2019%2021s-.699%200-.883-.076a1%201%200%200%201-.54-.541c-.077-.184-.077-.417-.077-.883v-9c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.54C18.301%209%2018.534%209%2019%209s.699%200%20.883.076a1%201%200%200%201%20.54.541c.077.184.077.417.077.883Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16.5%203h3v3%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19%203.5s-4%205-14.5%208.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.5%2014v5.5c0%20.466%200%20.699-.076.883a1%201%200%200%201-.541.54C12.699%2021%2012.466%2021%2012%2021s-.699%200-.883-.076a1%201%200%200%201-.54-.541c-.077-.184-.077-.417-.077-.883V14c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.54c.184-.077.417-.077.883-.077s.699%200%20.883.076a1%201%200%200%201%20.54.541c.077.184.077.417.077.883Zm-7%202.5v3c0%20.466%200%20.699-.076.883a1%201%200%200%201-.541.54C5.699%2021%205.466%2021%205%2021s-.699%200-.883-.076a1%201%200%200%201-.54-.541c-.077-.184-.077-.417-.077-.883v-3c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.54C4.301%2015%204.534%2015%205%2015s.699%200%20.883.076a1%201%200%200%201%20.54.541c.077.184.077.417.077.883Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-check {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5%2013.26%202.586%202.697C8.252%2016.652%208.586%2017%209%2017s.748-.348%201.414-1.043L19%207%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-check-check {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m2%2013.26%202.586%202.697C5.252%2016.652%205.586%2017%206%2017s.748-.348%201.414-1.043L16%207m6%200-9%209.389c-.273.284-.409.427-.556.503a.96.96%200%200%201-.888%200c-.147-.076-.283-.219-.556-.503%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-checkmark-circle-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012c0-5.523-4.477-10-10-10S2%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m8%2012.5%202.5%202.5L16%209%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-computer {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2021h2m-2%200a1.5%201.5%200%200%201-1.5-1.5V17H12m2%204h-4m0%200H8m2%200a1.5%201.5%200%200%200%201.5-1.5V17h.5m0%200v4m4-18H8c-2.828%200-4.243%200-5.121.879C2%204.757%202%206.172%202%209v2c0%202.828%200%204.243.879%205.121C3.757%2017%205.172%2017%208%2017h8c2.828%200%204.243%200%205.121-.879C22%2015.243%2022%2013.828%2022%2011V9c0-2.828%200-4.243-.879-5.121C20.243%203%2018.828%203%2016%203%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-credit-card {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c0-3.537%200-5.306%201.053-6.487q.253-.284.554-.522C4.862%204%206.741%204%2010.5%204h3c3.759%200%205.638%200%206.892.99q.302.24.555.523C22%206.693%2022%208.463%2022%2012s0%205.306-1.053%206.487a4.4%204.4%200%200%201-.555.522C19.138%2020%2017.26%2020%2013.5%2020h-3c-3.759%200-5.638%200-6.893-.99a4.4%204.4%200%200%201-.554-.523C2%2017.307%202%2015.537%202%2012m8%204h1.5m3%200H18%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%209h20%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-crown {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2021h14m-6.875-8.25H12m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m14.915%207.61-1.107-2.228C13.019%203.794%2012.625%203%2012%203s-1.019.794-1.808%202.382L9.085%207.61C8.58%208.625%208.329%209.132%207.88%209.246a1%201%200%200%201-.095.02c-.458.07-.886-.3-1.741-1.037C4.012%206.476%202.997%205.6%202.38%205.949a1%201%200%200%200-.114.076c-.564.43-.17%201.716.616%204.29l1.166%203.813c.423%201.384.635%202.076%201.17%202.474S6.473%2017%207.91%2017h8.178c1.438%200%202.158%200%202.693-.398s.747-1.09%201.17-2.474l1.166-3.813c.787-2.574%201.18-3.86.616-4.29a1%201%200%200%200-.114-.076c-.617-.349-1.632.527-3.664%202.28-.855.738-1.283%201.107-1.741%201.036a1%201%200%200%201-.095-.019c-.45-.114-.701-.621-1.205-1.635%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-dashboard-square-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.69%2019.457c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5%202.5%200%200%201%201.353-1.353c.46-.19%201.042-.19%202.207-.19s1.747%200%202.207.19a2.5%202.5%200%200%201%201.353%201.353c.19.46.19%201.042.19%202.207s0%201.747-.19%202.207a2.5%202.5%200%200%201-1.353%201.353c-.46.19-1.042.19-2.207.19s-1.747%200-2.207-.19a2.5%202.5%200%200%201-1.353-1.353Zm0-10.5c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5%202.5%200%200%201%201.353-1.353C15.503%203%2016.085%203%2017.25%203s1.747%200%202.207.19a2.5%202.5%200%200%201%201.353%201.353c.19.46.19%201.042.19%202.207s0%201.747-.19%202.207a2.5%202.5%200%200%201-1.353%201.353c-.46.19-1.042.19-2.207.19s-1.747%200-2.207-.19a2.5%202.5%200%200%201-1.353-1.353Zm-10.5%2010.5C3%2018.997%203%2018.415%203%2017.25s0-1.747.19-2.207a2.5%202.5%200%200%201%201.353-1.353c.46-.19%201.042-.19%202.207-.19s1.747%200%202.207.19a2.5%202.5%200%200%201%201.353%201.353c.19.46.19%201.042.19%202.207s0%201.747-.19%202.207a2.5%202.5%200%200%201-1.353%201.353c-.46.19-1.042.19-2.207.19s-1.747%200-2.207-.19a2.5%202.5%200%200%201-1.353-1.353Zm0-10.5C3%208.497%203%207.915%203%206.75s0-1.747.19-2.207A2.5%202.5%200%200%201%204.543%203.19C5.003%203%205.585%203%206.75%203s1.747%200%202.207.19a2.5%202.5%200%200%201%201.353%201.353c.19.46.19%201.042.19%202.207s0%201.747-.19%202.207a2.5%202.5%200%200%201-1.353%201.353c-.46.19-1.042.19-2.207.19s-1.747%200-2.207-.19A2.5%202.5%200%200%201%203.19%208.957Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-delete-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m19.5%205.5-.62%2010.025c-.158%202.561-.237%203.842-.88%204.763a4%204%200%200%201-1.2%201.128c-.957.584-2.24.584-4.806.584-2.57%200-3.855%200-4.814-.585a4%204%200%200%201-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5%205.5M3%205.5h18m-4.944%200-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2%202%200%200%200-.275-.172C13.594%202%2013.074%202%2012.035%202c-1.066%200-1.599%200-2.04.234a2%202%200%200%200-.278.18c-.395.303-.616.788-1.058%201.757L8.053%205.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-edit-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16.946%203.173c.587-.587.88-.88%201.206-1.021.469-.203%201-.203%201.469%200%20.325.14.619.434%201.206%201.021s.88.881%201.021%201.206c.203.469.203%201%200%201.469-.14.325-.434.619-1.021%201.206l-5.022%205.022c-1.237%201.237-1.855%201.855-2.63%202.222s-1.646.452-3.387.624L9%2015l.078-.788c.172-1.741.257-2.612.624-3.387s.985-1.393%202.222-2.63z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6%2015H3.75a1.75%201.75%200%201%200%200%203.5h9.5a1.75%201.75%200%201%201%200%203.5H11%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-eye {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%208s4.477-5%2010-5%2010%205%2010%205%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21.544%2013.045c.304.426.456.64.456.955%200%20.316-.152.529-.456.955C20.178%2016.871%2016.689%2021%2012%2021c-4.69%200-8.178-4.13-9.544-6.045C2.152%2014.529%202%2014.315%202%2014c0-.316.152-.529.456-.955C3.822%2011.129%207.311%207%2012%207c4.69%200%208.178%204.13%209.544%206.045Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2014a3%203%200%201%200-6%200%203%203%200%200%200%206%200Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-eye-closed {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2013.5v3%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m16%2013%201%202.5m2.5-4.5%202%202m-19%200%202-2M8%2013l-1%202.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%207.5s3%206%2010%206%2010-6%2010-6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-favourite {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10.41%2019.968C7.59%2017.858%202%2013.035%202%208.694%202%205.826%204.105%203.5%207%203.5c1.5%200%203%20.5%205%202.5%202-2%203.5-2.5%205-2.5%202.895%200%205%202.326%205%205.194%200%204.34-5.59%209.164-8.41%2011.274-.95.71-2.23.71-3.18%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-flag-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%207v14m7.758-17.091c-3.306-1.684-5.907-.698-7.204.31-.234.182-.35.273-.452.48C4%204.909%204%205.102%204%205.49v9.243c.97-1.098%203.879-2.8%207.758-.823%203.466%201.765%206.416%201.033%207.812.27.193-.105.29-.158.36-.276s.07-.246.07-.502V5.874c0-.829%200-1.243-.197-1.393-.198-.15-.66-.022-1.583.234-1.58.438-3.878.51-6.462-.806%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-folder-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2019V7.549c0-1.444%200-2.166.243-2.733a3%203%200%200%201%201.573-1.573C4.383%203%205.098%203%206.55%203h.494a2%202%200%200%201%201.557.745L10.418%206m0%200H16c1.4%200%202.1%200%202.635.272a2.5%202.5%200%200%201%201.092%201.093C20%207.9%2020%208.6%2020%2010v1m-9.582-5H7%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m3.158%2015.514.298-.742c.734-1.827%201.101-2.74%201.866-3.256S7.076%2011%209.052%2011h8.06c2.688%200%204.033%200%204.63.879.598.879.098%202.121-.9%204.607l-.298.742c-.734%201.827-1.101%202.74-1.866%203.256s-1.754.516-3.73.516h-8.06c-2.688%200-4.033%200-4.63-.879-.598-.878-.098-2.121.9-4.607Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-gallery-vertical-end {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6%201.998h12m-15%2015v-2c0-2.357%200-3.535.732-4.268S5.643%209.998%208%209.998h8c2.357%200%203.535%200%204.268.732S21%2012.641%2021%2014.998v2c0%202.357%200%203.536-.732%204.268-.733.732-1.911.732-4.268.732H8c-2.357%200-3.536%200-4.268-.732S3%2019.356%203%2016.998m1-11h16%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-gift {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%2011v4c0%203.3%200%204.95%201.025%205.975S7.7%2022%2011%2022h2c3.3%200%204.95%200%205.975-1.025S20%2018.3%2020%2015v-4%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%209c0-.748%200-1.122.201-1.4a1.4%201.4%200%200%201%20.549-.44C4.098%207%204.565%207%205.5%207h13c.935%200%201.402%200%201.75.16.228.106.417.258.549.44C21%207.878%2021%208.252%2021%209s0%201.121-.201%201.4a1.4%201.4%200%200%201-.549.44c-.348.16-.815.16-1.75.16h-13c-.935%200-1.402%200-1.75-.16a1.4%201.4%200%200%201-.549-.44C3%2010.121%203%209.748%203%209Zm3-5.214C6%202.799%206.8%202%207.786%202h.357A3.857%203.857%200%200%201%2012%205.857V7H9.214A3.214%203.214%200%200%201%206%203.786Zm12%200C18%202.799%2017.2%202%2016.214%202h-.357A3.857%203.857%200%200%200%2012%205.857V7h2.786A3.214%203.214%200%200%200%2018%203.786Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2011v11%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-grid-view {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3.889%209.663C4.393%2010%205.096%2010%206.5%2010s2.107%200%202.611-.337a2%202%200%200%200%20.552-.552C10%208.607%2010%207.904%2010%206.5s0-2.107-.337-2.611a2%202%200%200%200-.552-.552C8.607%203%207.904%203%206.5%203s-2.107%200-2.611.337a2%202%200%200%200-.552.552C3%204.393%203%205.096%203%206.5s0%202.107.337%202.611a2%202%200%200%200%20.552.552Zm11%200C15.393%2010%2016.096%2010%2017.5%2010s2.107%200%202.611-.337a2%202%200%200%200%20.552-.552C21%208.607%2021%207.904%2021%206.5s0-2.107-.337-2.611a2%202%200%200%200-.552-.552C19.607%203%2018.904%203%2017.5%203s-2.107%200-2.611.337a2%202%200%200%200-.552.552C14%204.393%2014%205.096%2014%206.5s0%202.107.337%202.611a2%202%200%200%200%20.552.552Zm-11%2011C4.393%2021%205.096%2021%206.5%2021s2.107%200%202.611-.337a2%202%200%200%200%20.552-.552C10%2019.607%2010%2018.904%2010%2017.5s0-2.107-.337-2.611a2%202%200%200%200-.552-.552C8.607%2014%207.904%2014%206.5%2014s-2.107%200-2.611.337a2%202%200%200%200-.552.552C3%2015.393%203%2016.096%203%2017.5s0%202.107.337%202.611a2%202%200%200%200%20.552.552Zm11%200C15.393%2021%2016.096%2021%2017.5%2021s2.107%200%202.611-.337c.218-.146.406-.334.552-.552C21%2019.607%2021%2018.904%2021%2017.5s0-2.107-.337-2.611a2%202%200%200%200-.552-.552C19.607%2014%2018.904%2014%2017.5%2014s-2.107%200-2.611.337a2%202%200%200%200-.552.552C14%2015.393%2014%2016.096%2014%2017.5s0%202.107.337%202.611c.146.218.334.406.552.552Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-home-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2011.99v2.51c0%203.3%200%204.95%201.025%205.975S6.7%2021.5%2010%2021.5h4c3.3%200%204.95%200%205.975-1.025S21%2017.8%2021%2014.5v-2.51c0-1.682%200-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233%203.303%2013.2%202.5%2012%202.5s-2.233.803-4.298%202.409l-2%201.555C4.375%207.496%203.712%208.012%203.356%208.74S3%2010.308%203%2011.99%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2021.5v-5c0-1.414%200-2.121-.44-2.56-.439-.44-1.146-.44-2.56-.44s-2.121%200-2.56.44C9%2014.378%209%2015.085%209%2016.5v5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-image-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%2012c0-4.478%200-6.718%201.391-8.109S7.521%202.5%2012%202.5c4.478%200%206.718%200%208.109%201.391S21.5%207.521%2021.5%2012c0%204.478%200%206.718-1.391%208.109S16.479%2021.5%2012%2021.5c-4.478%200-6.718%200-8.109-1.391S2.5%2016.479%202.5%2012Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2021c4.372-5.225%209.274-12.116%2016.498-7.458%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-image-add-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11.509%202.99c-4.483%200-6.725%200-8.117%201.392s-1.393%203.633-1.393%208.114%200%206.722%201.393%208.114c1.392%201.392%203.634%201.392%208.116%201.392%204.483%200%206.725%200%208.117-1.392s1.393-3.633%201.393-8.114v-.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M4.999%2020.99c4.21-4.751%208.941-11.053%2016-6.327%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17.996%201.998v8.008M22%205.977l-8.01.015%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-information-circle {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2016v-4m.125-3.75H12m.25%200a.25.25%200%201%200-.5%200%20.25.25%200%200%200%20.5%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-list-view {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2011.4c0-1.158.242-1.4%201.4-1.4h17.2c1.158%200%201.4.242%201.4%201.4v1.2c0%201.158-.242%201.4-1.4%201.4H3.4C2.242%2014%202%2013.758%202%2012.6zm0-8C2%202.242%202.242%202%203.4%202h17.2c1.158%200%201.4.242%201.4%201.4v1.2c0%201.158-.242%201.4-1.4%201.4H3.4C2.242%206%202%205.758%202%204.6zm0%2016c0-1.158.242-1.4%201.4-1.4h17.2c1.158%200%201.4.242%201.4%201.4v1.2c0%201.158-.242%201.4-1.4%201.4H3.4C2.242%2022%202%2021.758%202%2020.6z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-lock {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012c0%205.523-4.477%2010-10%2010S2%2017.523%202%2012%206.477%202%2012%202s10%204.477%2010%2010Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2013a2%202%200%201%200%200-4%202%202%200%200%200%200%204Zm0%200v3%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-log-out {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19.996%2012h-10m3.976-6c-.046-1.093-.184-1.79-.596-2.326a3%203%200%200%200-.554-.554c-.808-.62-1.98-.62-4.326-.62s-3.518%200-4.326.62a3%203%200%200%200-.554.554c-.62.808-.62%201.98-.62%204.326v8c0%202.346%200%203.518.62%204.326a3%203%200%200%200%20.554.554c.808.62%201.98.62%204.326.62s3.518%200%204.326-.62a3%203%200%200%200%20.554-.554c.412-.536.55-1.233.596-2.326m3.524-2.5s3.5-2.578%203.5-3.5-3.5-3.5-3.5-3.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-logout-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15.5%208.04c-.041-1.16-.178-1.885-.636-2.453-.653-.812-1.77-1.066-4.004-1.576l-1-.228c-3.395-.774-5.092-1.161-6.226-.27C2.5%204.405%202.5%206.126%202.5%209.568v4.864c0%203.442%200%205.164%201.134%206.055s2.83.504%206.225-.27l1.002-.228c2.233-.51%203.35-.764%204.003-1.576.458-.567.595-1.293.636-2.453m3-6.948s3%202.21%203%203-3%203-3%203m2.5-3H8.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-mail-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m2%206%206.913%203.917c2.549%201.444%203.625%201.444%206.174%200L22%206%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.016%2013.476c.065%203.065.098%204.598%201.229%205.733%201.131%201.136%202.705%201.175%205.854%201.254%201.94.05%203.862.05%205.802%200%203.149-.079%204.723-.118%205.854-1.254%201.131-1.135%201.164-2.668%201.23-5.733.02-.986.02-1.966%200-2.952-.066-3.065-.099-4.598-1.23-5.733-1.131-1.136-2.705-1.175-5.854-1.254a115%20115%200%200%200-5.802%200c-3.149.079-4.723.118-5.854%201.254-1.131%201.135-1.164%202.668-1.23%205.733a69%2069%200%200%200%200%202.952Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-mail-open {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5%207-1.218.813c-.874.582-1.311.873-1.548%201.317-.237.445-.235.967-.231%202.01.004%201.258.016%202.538.048%203.834.077%203.075.115%204.612%201.246%205.742%201.13%201.13%202.688%201.17%205.804%201.248a116%20116%200%200%200%205.799%200c3.116-.078%204.674-.117%205.804-1.248%201.13-1.13%201.169-2.667%201.246-5.742.032-1.296.044-2.576.048-3.833.003-1.044.005-1.566-.232-2.01-.236-.445-.673-.736-1.547-1.318L19%207%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m2%2010%206.913%204.148C10.417%2015.05%2011.169%2015.5%2012%2015.5s1.583-.45%203.087-1.353L22%2010%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2012V6c0-1.886%200-2.828.586-3.414S7.114%202%209%202h6c1.886%200%202.828%200%203.414.586S19%204.114%2019%206v6%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2010h4m-4-4h4%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-message-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.5%2014.5h7m-7-5H12%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14.17%2020.89c4.184-.277%207.516-3.657%207.79-7.9.053-.83.053-1.69%200-2.52-.274-4.242-3.606-7.62-7.79-7.899a33%2033%200%200%200-4.34%200c-4.184.278-7.516%203.657-7.79%207.9a20%2020%200%200%200%200%202.52c.1%201.545.783%202.976%201.588%204.184.467.845.159%201.9-.328%202.823-.35.665-.526.997-.385%201.237.14.24.455.248%201.084.263%201.245.03%202.084-.322%202.75-.813.377-.279.566-.418.696-.434s.387.09.899.3c.46.19.995.307%201.485.34%201.425.094%202.914.094%204.342%200Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-message-add-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12.5%203.004a33%2033%200%200%200-2.67.067c-4.184.278-7.516%203.657-7.79%207.9a20%2020%200%200%200%200%202.52c.1%201.545.783%202.976%201.588%204.184.467.845.159%201.9-.328%202.823-.35.665-.526.997-.385%201.237.14.24.455.248%201.084.263%201.245.03%202.084-.322%202.75-.813.377-.279.566-.418.696-.434s.387.09.899.3c.46.19.995.307%201.485.34%201.425.094%202.914.094%204.342%200%204.183-.278%207.515-3.658%207.789-7.9.042-.655.051-1.328.027-1.991M8.5%2015h7m-7-5H12m3-4.5h7M18.5%202v7%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-money-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%205H8c-2.828%200-4.243%200-5.121.879C2%206.757%202%208.172%202%2011v2c0%202.828%200%204.243.879%205.121C3.757%2019%205.172%2019%208%2019h8c2.828%200%204.243%200%205.121-.879C22%2017.243%2022%2015.828%2022%2013v-2c0-2.828%200-4.243-.879-5.121C20.243%205%2018.828%205%2016%205%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.375%2012H5.25m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m13.375%200h-.125m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m-4%200a3%203%200%201%201-6%200%203%203%200%200%201%206%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-moon-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.5%2014.078A8.557%208.557%200%200%201%209.922%202.5C5.668%203.497%202.5%207.315%202.5%2011.873a9.627%209.627%200%200%200%209.627%209.627c4.558%200%208.376-3.168%209.373-7.422%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-more-horizontal {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6.004%2012.5V12m12%20.5V12m-6%20.5V12m-5%20.5a1%201%200%201%200-2%200%201%201%200%200%200%202%200m12%200a1%201%200%201%200-2%200%201%201%200%200%200%202%200m-6%200a1%201%200%201%200-2%200%201%201%200%200%200%202%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-music-note-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%209.5a2.5%202.5%200%201%201-5%200%202.5%202.5%200%200%201%205%200m0%200V2c.333.5.6%202.6%203%203%22%2F%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2219.5%22%20r%3D%222.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2218%22%20r%3D%222%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13%2019.5V11c0-.91%200-1.365.247-1.648.246-.282.747-.35%201.748-.487%203.014-.411%205.206-1.667%206.375-2.436.28-.184.42-.276.525-.22s.105.223.105.554v11.163%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13%2013c4.8%200%208-2.333%209-3%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-music-note-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2218.5%22%20r%3D%223.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2018.5V7c0-.923%200-1.385.264-1.672.263-.287.754-.329%201.735-.413%204.023-.343%206.91-1.655%208.356-2.505.296-.174.444-.26.544-.203s.101.225.101.559V16%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2010c5.867%200%209.778-2.333%2011-3%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-news {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%2015V9c0-2.828%200-4.243-.879-5.121C16.243%203%2014.828%203%2012%203H8c-2.828%200-4.243%200-5.121.879C2%204.757%202%206.172%202%209v6c0%202.828%200%204.243.879%205.121C3.757%2021%205.172%2021%208%2021h12M6%208h8m-8%204h8m-8%204h4%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%208h1c1.414%200%202.121%200%202.56.44.44.439.44%201.146.44%202.56v8a2%202%200%201%201-4%200z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-notification-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20%2018.501%2018.349%207.934a6.426%206.426%200%200%200-12.698%200L4%2018.501%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20%2018.5c0-1.657-3.582-3-8-3s-8%201.343-8%203%203.582%203%208%203%208-1.343%208-3m-7%200h-2%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-notification-off-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15.5%2018a3.5%203.5%200%201%201-7%200M2%202l20%2020%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21%2016.231c0-.469-.186-.919-.518-1.25l-.603-.604A3%203%200%200%201%2019%2012.256V9.5A7%207%200%200%200%207.857%203.857M4.77%2018a1.769%201.769%200%200%201-1.25-3.02l.602-.603A3%203%200%200%200%205%2012.256V9.5c0-1.292.35-2.502.96-3.54L18%2018z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-refresh {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.01%202v3.132a.314.314%200%200%201-.556.201A9.98%209.98%200%200%200%2012%202C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-repeat {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m16.388%203%201.003.976c.448.436.672.654.593.839C17.906%205%2017.59%205%2016.955%205h-7.76C5.22%205%202%208.134%202%2012c0%201.487.477%202.866%201.29%204m4.322%205-1.003-.976c-.448-.436-.672-.654-.593-.839C6.094%2019%206.41%2019%207.045%2019h7.76C18.78%2019%2022%2015.866%2022%2012a6.84%206.84%200%200%200-1.29-4%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-search-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m17%2017%204%204m-2-10a8%208%200%201%200-16%200%208%208%200%200%200%2016%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-security-lock {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.709%203.495C16.817%202.554%2014.5%202%2012%202s-4.816.554-6.709%201.495c-.928.462-1.392.693-1.841%201.419S3%206.342%203%207.748v3.49c0%205.683%204.542%208.842%207.173%2010.196.734.377%201.1.566%201.827.566s1.093-.189%201.827-.566C16.457%2020.08%2021%2016.92%2021%2011.237V7.748c0-1.406%200-2.108-.45-2.834s-.913-.957-1.841-1.419%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2010V8.5a2%202%200%201%201%204%200V10m0%200h-4a1.5%201.5%200%200%200-1.5%201.5V13a1.5%201.5%200%200%200%201.5%201.5h4a1.5%201.5%200%200%200%201.5-1.5v-1.5A1.5%201.5%200%200%200%2014%2010%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-send {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m8.87%206.133%205.863-1.938c3.3-1.09%204.95-1.636%205.825-.76.875.874.33%202.524-.761%205.825l-1.937%205.862c-1.236%203.74-1.854%205.61-2.98%205.838a2%202%200%200%201-.725.013c-1.136-.19-1.842-2.037-3.253-5.732-.27-.703-.404-1.055-.645-1.328a2%202%200%200%200-.178-.178c-.273-.241-.624-.376-1.328-.644-3.695-1.412-5.542-2.118-5.732-3.254-.04-.24-.035-.486.013-.724.228-1.126%202.098-1.744%205.838-2.98m3.93%205.054%202.698-2.698%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-sent {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21.048%203.053C18.87.707%202.486%206.453%202.5%208.55c.015%202.379%206.398%203.11%208.167%203.607%201.064.299%201.349.604%201.594%201.72%201.111%205.052%201.67%207.566%202.94%207.622%202.027.09%207.972-16.158%205.847-18.447Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11.5%2012.5%2015%209%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-settings-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M15.5%2012a3.5%203.5%200%201%201-7%200%203.5%203.5%200%200%201%207%200Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.011%2014.097c.522-.141.783-.212.886-.346.103-.135.103-.351.103-.784v-1.934c0-.433%200-.65-.103-.784s-.364-.205-.886-.345c-1.95-.526-3.171-2.565-2.668-4.503.139-.533.208-.8.142-.956s-.256-.264-.635-.479l-1.725-.98c-.372-.21-.558-.316-.725-.294s-.356.21-.733.587c-1.459%201.455-3.873%201.455-5.333%200-.377-.376-.565-.564-.732-.587-.167-.022-.353.083-.725.295l-1.725.979c-.38.215-.57.323-.635.48-.066.155.003.422.141.955.503%201.938-.718%203.977-2.669%204.503-.522.14-.783.21-.886.345S2%2010.6%202%2011.033v1.934c0%20.433%200%20.65.103.784s.364.205.886.346c1.95.526%203.171%202.565%202.668%204.502-.139.533-.208.8-.142.956s.256.264.635.48l1.725.978c.372.212.558.317.725.295s.356-.21.733-.587c1.46-1.457%203.876-1.457%205.336%200%20.377.376.565.564.732.587.167.022.353-.083.726-.295l1.724-.979c.38-.215.57-.323.635-.48s-.003-.422-.141-.955c-.504-1.937.716-3.976%202.666-4.502Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-share-08 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21%206.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200ZM9%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm12%205.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200ZM8.729%2010.75l6.5-3m-6.5%205.5%206.5%203%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-shield-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.709%203.495C16.817%202.554%2014.5%202%2012%202s-4.816.554-6.709%201.495c-.928.462-1.392.693-1.841%201.419S3%206.342%203%207.748v3.49c0%205.683%204.542%208.842%207.173%2010.196.734.377%201.1.566%201.827.566s1.093-.189%201.827-.566C16.457%2020.08%2021%2016.92%2021%2011.237V7.748c0-1.406%200-2.108-.45-2.834s-.913-.957-1.841-1.419%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-shield-alert {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11.992%208v4m.125%203.75h-.125m.25%200a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.992%2011.184V8.28c0-1.64%200-2.46-.404-2.995s-1.318-.794-3.145-1.314a25%2025%200%200%201-3.229-1.173C13.016%202.266%2012.417%202%2011.993%202s-1.023.266-2.222.798c-.88.39-1.98.818-3.228%201.173-1.828.52-2.742.78-3.146%201.314-.404.535-.404%201.355-.404%202.995v2.904c0%205.625%205.063%209%207.594%2010.336.607.32.91.48%201.406.48s.8-.16%201.406-.48c2.531-1.336%207.594-4.711%207.594-10.336Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-shield-key {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.709%203.495C16.816%202.554%2014.5%202%2011.999%202c-2.5%200-4.816.554-6.708%201.495-.928.462-1.392.693-1.841%201.419S3%206.342%203%207.748v3.49c0%205.683%204.542%208.842%207.173%2010.196.734.377%201.1.566%201.827.566s1.093-.189%201.827-.566C16.457%2020.08%2021%2016.92%2021%2011.237V7.748c0-1.406%200-2.108-.45-2.834s-.913-.957-1.841-1.419%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2011a2%202%200%201%200%200-4%202%202%200%200%200%200%204m0%200v2.5m2%202.5h-1a1%201%200%200%201-1-1v-1.5m0%200h1.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-shopping-bag-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3.324%2013.011c.35-3.002.862-5.253%201.337-6.852.389-1.312.584-1.968%201.382-2.563S7.657%203%209.289%203h5.422c1.632%200%202.448%200%203.246.596.798.595.993%201.251%201.382%202.563.475%201.599.987%203.85%201.338%206.852.413%203.539.619%205.308-.574%206.648C18.909%2021%2016.976%2021%2013.108%2021h-2.216c-3.868%200-5.801%200-6.995-1.34s-.986-3.11-.573-6.649%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%207a3%203%200%201%200%206%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-sidebar-left {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c0-3.69%200-5.534.814-6.841a4.8%204.8%200%200%201%201.105-1.243C5.08%203%206.72%203%2010%203h4c3.28%200%204.919%200%206.081.916.43.338.804.759%201.105%201.243C22%206.466%2022%208.31%2022%2012s0%205.534-.814%206.841a4.8%204.8%200%200%201-1.105%201.243C18.92%2021%2017.28%2021%2014%2021h-4c-3.28%200-4.919%200-6.081-.916a4.8%204.8%200%200%201-1.105-1.243C2%2017.534%202%2015.69%202%2012Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.5%203v18%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%207h1m-1%203h1%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-smile {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8%2015a5%205%200%200%200%204%202%205%205%200%200%200%204-2m-.375-6.613v.53m-7.25-.53v.53m.375-.167c0-.414-.168-.75-.375-.75S8%208.336%208%208.75s.168.75.375.75.375-.336.375-.75m7.25%200c0-.414-.168-.75-.375-.75s-.375.336-.375.75.168.75.375.75.375-.336.375-.75%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-sparkles {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15%202%20.539%202.392a5.39%205.39%200%200%200%204.07%204.07L22%209l-2.392.539a5.39%205.39%200%200%200-4.07%204.07L15%2016l-.539-2.392a5.39%205.39%200%200%200-4.07-4.07L8%209l2.392-.539a5.39%205.39%200%200%200%204.07-4.07zM7%2012l.385%201.708a3.85%203.85%200%200%200%202.907%202.907L12%2017l-1.708.385a3.85%203.85%200%200%200-2.907%202.907L7%2022l-.385-1.708a3.85%203.85%200%200%200-2.907-2.907L2%2017l1.708-.385a3.85%203.85%200%200%200%202.907-2.907z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-star {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m13.728%203.444%201.76%203.549c.24.494.88.968%201.42%201.058l3.189.535c2.04.343%202.52%201.835%201.05%203.307l-2.48%202.5c-.42.423-.65%201.24-.52%201.825l.71%203.095c.56%202.45-.73%203.397-2.88%202.117l-2.99-1.785c-.54-.322-1.43-.322-1.98%200L8.019%2021.43c-2.14%201.28-3.44.322-2.88-2.117l.71-3.095c.13-.585-.1-1.402-.52-1.825l-2.48-2.5C1.39%2010.42%201.86%208.929%203.899%208.586l3.19-.535c.53-.09%201.17-.564%201.41-1.058l1.76-3.549c.96-1.925%202.52-1.925%203.47%200%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-sun-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17%2012a5%205%200%201%201-10.001%200%205%205%200%200%201%2010%200m-4.874-8.75H12m.124%2017.5H12m8.751-8.625V12m-17.5.125V12m15.025-6.099-.088-.088M5.9%2018.275l-.089-.088m12.287.089.088-.089M5.724%205.901l.089-.088M12.25%203.25a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m0%2017.5a.25.25%200%201%201-.5%200%20.25.25%200%200%201%20.5%200m8.5-8.5a.25.25%200%201%201%200-.5.25.25%200%200%201%200%20.5m-17.5%200a.25.25%200%201%201%200-.5.25.25%200%200%201%200%20.5m15.114-6.26a.25.25%200%201%201-.354-.354.25.25%200%200%201%20.354.353M5.989%2018.362a.25.25%200%201%201-.354-.353.25.25%200%200%201%20.354.353m12.021.001a.25.25%200%201%201%20.354-.354.25.25%200%200%201-.354.354M5.636%205.99a.25.25%200%201%201%20.353-.354.25.25%200%200%201-.353.354%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-tick-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5%2014%203.5%203.5L19%206.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-translate {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%205.828h2.7m3.3%200H9.5m-1.8%200h1.8m-1.8%200V5m1.8.828c-.316%201.131-.98%202.201-1.736%203.141M5.836%2011a19%2019%200%200%200%201.928-2.03m0%200c-.385-.453-.925-1.184-1.08-1.515m1.08%201.514%201.157%201.203M13.5%2019l.833-2m4.167%202-.833-2m-3.334%200L16%2013l1.667%204m-3.334%200h3.334%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2010V8c0-2.828%200-4.243-.879-5.121C12.243%202%2010.828%202%208%202s-4.243%200-5.121.879C2%203.757%202%205.172%202%208s0%204.243.879%205.121C3.757%2014%205.172%2014%208%2014h2%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2016c0-2.828%200-4.243.879-5.121C11.757%2010%2013.172%2010%2016%2010s4.243%200%205.121.879C22%2011.757%2022%2013.172%2022%2016s0%204.243-.879%205.121C20.243%2022%2018.828%2022%2016%2022s-4.243%200-5.121-.879C10%2020.243%2010%2018.828%2010%2016Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%2016.5c0%201.404%200%202.107.337%202.611a2%202%200%200%200%20.552.552C5.393%2020%206.096%2020%207.5%2020M20%207.5c0-1.404%200-2.107-.337-2.611a2%202%200%200%200-.552-.552C18.607%204%2017.904%204%2016.5%204%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-upload-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2017c0%20.93%200%201.395.102%201.776a3%203%200%200%200%202.121%202.122C5.605%2021%206.07%2021%207%2021h10c.93%200%201.395%200%201.776-.102a3%203%200%200%200%202.122-2.122C21%2018.396%2021%2017.93%2021%2017m-4.5-9.5S13.186%203%2012%203%207.5%207.5%207.5%207.5M12%204v12%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-user {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20%2021a7.53%207.53%200%200%200-7.005-6.934L12%2014q-.531.015-1%20.038c-3.7.181-6.716%203.268-7%206.962%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-user-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2014c-5%200-8%202.5-8%205a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2c0-2.5-3-5-8-5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-user-add-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2020.5c.284-3.694%203.3-6.78%207-6.962q.469-.023%201-.038l.995.066a7.5%207.5%200%200%201%202.005.412m4%201.522v6m3-3h-6%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%226.5%22%20r%3D%224%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-user-check-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2021c.284-3.694%203.3-6.78%207-6.962q.469-.023%201-.038l.995.066a7.5%207.5%200%200%201%203.005.849%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%227%22%20r%3D%224%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2019.333s.875%200%201.75%201.667c0%200%202.78-4.167%205.25-5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-video-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2011c0-3.3%200-4.95%201.025-5.975S5.7%204%209%204h1c3.3%200%204.95%200%205.975%201.025S17%207.7%2017%2011v2c0%203.3%200%204.95-1.025%205.975S13.3%2020%2010%2020H9c-3.3%200-4.95%200-5.975-1.025S2%2016.3%202%2013z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m17%208.906.126-.104c2.116-1.746%203.174-2.619%204.024-2.197.85.421.85%201.819.85%204.613v1.564c0%202.794%200%204.192-.85%204.613s-1.908-.451-4.024-2.197L17%2015.094%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%229.5%22%20r%3D%221.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-view {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21.544%2011.045c.304.426.456.64.456.955%200%20.316-.152.529-.456.955C20.178%2014.871%2016.689%2019%2012%2019c-4.69%200-8.178-4.13-9.544-6.045C2.152%2012.529%202%2012.315%202%2012c0-.316.152-.529.456-.955C3.822%209.129%207.311%205%2012%205c4.69%200%208.178%204.13%209.544%206.045Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2012a3%203%200%201%200-6%200%203%203%200%200%200%206%200Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-view-off {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%208s-4%206-10%206S2%208%202%208%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15%2013.5%201.5%202.5m3.5-5%202%202M2%2013l2-2m5%202.5L7.5%2016%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-view-off-slash {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19.439%2015.439a19.5%2019.5%200%200%200%202.105-2.484c.304-.426.456-.64.456-.955%200-.316-.152-.529-.456-.955C20.178%209.129%2016.689%205%2012%205c-.908%200-1.77.155-2.582.418m-2.67%201.33c-2.017%201.36-3.506%203.195-4.292%204.297-.304.426-.456.64-.456.955%200%20.316.152.529.456.955C3.822%2014.871%207.311%2019%2012%2019c1.99%200%203.765-.744%205.253-1.747%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.858%2010A2.929%202.929%200%201%200%2014%2014.142%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m3%203%2018%2018%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-wallet-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%203H5a2%202%200%201%200%200%204h13c0-.93%200-1.395-.102-1.776a3%203%200%200%200-2.121-2.122C15.395%203%2014.93%203%2014%203%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%205v10c0%202.828%200%204.243.879%205.121C4.757%2021%206.172%2021%209%2021h6c2.828%200%204.243%200%205.121-.879C21%2019.243%2021%2017.828%2021%2015v-2c0-2.828%200-4.243-.879-5.121C19.243%207%2017.828%207%2015%207H7%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21%2012h-2c-.465%200-.698%200-.888.051a1.5%201.5%200%200%200-1.06%201.06C17%2013.303%2017%2013.536%2017%2014s0%20.697.051.888a1.5%201.5%200%200%200%201.06%201.06c.191.052.424.052.889.052h2%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-wallet-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%208.5h12c2.828%200%204.243%200%205.121.879.879.878.879%202.293.879%205.121v1c0%202.828%200%204.243-.879%205.121-.878.879-2.293.879-5.121.879H9c-2.828%200-4.243%200-5.121-.879C3%2019.743%203%2018.328%203%2015.5zm12-.002V4.11a1.61%201.61%200%200%200-2.347-1.432L3.763%207.25A1.4%201.4%200%200%200%203%208.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17.5%2015.5a.5.5%200%200%200%200-1m0%201a.5.5%200%200%201%200-1m0%201v-1%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-wifi-connected-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2020.5c-.983%200-1.714-.997-3.176-2.991L3.487%209.731c-1.079-1.473-1.619-2.209-1.46-3.154.16-.946.79-1.36%202.053-2.19A14.36%2014.36%200%200%201%2012%202c2.904%200%205.617.873%207.92%202.387%201.262.83%201.893%201.244%202.053%202.19.159.945-.381%201.681-1.46%203.154L16%2016%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M19%2013a13.25%2013.25%200%200%200-14%200m16-3C15.455%206%208.545%206%203%2010%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%2016a8.5%208.5%200%200%200-8%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2019s1%200%202%202c0%200%203.177-5%206-6%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .huge-woman {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%204a2%202%200%201%201-4%200%202%202%200%200%201%204%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2016v4c0%20.943%200%201.414.293%201.707S11.057%2022%2012%2022s1.414%200%201.707-.293S14%2020.943%2014%2020v-4h.26c1.553%200%202.329%200%202.633-.485.303-.486-.062-1.142-.792-2.456l-1.8-3.235C13.848%209.009%2012.963%208.5%2012%208.5s-1.848.509-2.3%201.324L7.9%2013.06c-.731%201.313-1.096%201.97-.793%202.455S8.187%2016%209.74%2016z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-all-bookmark {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.103%203.424c-1.28-.172-2.968-.174-5.353-.174h-2a1%201%200%201%201%200-2h2.075c2.293%200%204.116%200%205.545.192%201.472.198%202.674.616%203.623%201.565.949.95%201.367%202.15%201.565%203.623.192%201.429.192%203.252.192%205.545v6.075a1%201%200%201%201-2%200v-6c0-2.385-.002-4.074-.174-5.353-.168-1.25-.482-1.96-.998-2.475-.515-.516-1.224-.83-2.475-.998%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.443%204.25c1.719%200%203.202%200%204.274.148%201.109.153%202.011.477%202.722%201.208.708.727%201.02%201.647%201.167%202.776.144%201.098.144%202.5.144%204.27v5.39c0%201.1%200%202.01-.098%202.691-.1.694-.332%201.388-1.005%201.771-.613.349-1.287.275-1.844.095-.563-.183-1.131-.512-1.647-.859l-2.57-1.926c-.376-.242-.61-.39-.798-.485-.27-.155-.497-.065-.576%200-.188.094-.422.243-.797.485L6.844%2021.74c-.516.347-1.084.676-1.646.859-.558.18-1.232.254-1.845-.095-.673-.383-.905-1.077-1.005-1.77-.098-.682-.098-1.591-.098-2.691v-5.39c0-1.77%200-3.173.144-4.271.147-1.13.459-2.049%201.167-2.776.71-.73%201.613-1.055%202.722-1.208%201.072-.148%202.44-.148%204.16-.148%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-bookmark-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.055%201.25c1.839%200%203.293%200%204.43.147%201.168.152%202.114.47%202.864%201.192.753.725%201.089%201.648%201.247%202.786.154%201.101.154%202.507.154%204.274v8.397c0%201.097%200%202.01-.105%202.695-.11.709-.364%201.399-1.065%201.773-.625.334-1.312.266-1.895.089-.59-.18-1.19-.504-1.738-.85a29%2029%200%200%201-1.625-1.14c-.463-.342-.835-.617-1.119-.788-.4-.24-.652-.392-.856-.488-.189-.089-.28-.103-.347-.103s-.158.014-.347.103c-.204.096-.457.247-.856.488-.284.17-.656.446-1.118.788a29%2029%200%200%201-1.626%201.14c-.548.346-1.148.67-1.738.85-.583.177-1.27.245-1.895-.09-.701-.373-.956-1.064-1.065-1.773-.105-.685-.105-1.597-.105-2.694V9.649c0-1.767%200-3.172.154-4.274.158-1.138.494-2.06%201.247-2.786.75-.722%201.696-1.04%202.864-1.192%201.137-.147%202.591-.147%204.43-.147z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-bookmark-off-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.293%201.293a1%201%200%200%201%201.414%200l20%2020a1%201%200%200%201-1.414%201.414l-20-20a1%201%200%200%201%200-1.414%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.055%201.25c1.839%200%203.293%200%204.43.147%201.168.152%202.114.47%202.864%201.192.753.725%201.089%201.648%201.247%202.786.154%201.101.154%202.507.154%204.274v6.117c0%20.616%200%20.925-.185%201.001-.185.077-.403-.14-.84-.577L6.083%202.547c-.267-.267-.4-.401-.36-.565s.205-.216.536-.32a7.3%207.3%200%200%201%201.257-.265c1.137-.147%202.591-.147%204.43-.147zm8.59%2019.49c-.11.71-.364%201.4-1.065%201.774-.625.334-1.312.266-1.895.089-.59-.18-1.19-.504-1.738-.85a29%2029%200%200%201-1.625-1.14c-.463-.342-.835-.617-1.119-.788-.4-.24-.652-.392-.856-.488-.189-.089-.28-.103-.347-.103s-.158.014-.347.103c-.204.096-.457.247-.856.488-.284.17-.656.446-1.118.788a29%2029%200%200%201-1.626%201.14c-.548.346-1.148.67-1.738.85-.583.177-1.27.245-1.895-.09-.701-.373-.956-1.064-1.065-1.773-.105-.685-.105-1.597-.105-2.694V9.649c0-1.767%200-3.172.154-4.274a8%208%200%200%201%20.134-.724c.087-.366.13-.548.3-.596s.312.095.598.381l16.161%2016.161c.038.038.056.09.048.143%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-chart-up {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.498%201.75a1%201%200%201%200%200%202h.609a24%2024%200%200%201-2.01%201.63C12.863%207.009%209.33%209.085%204.181%2010.8a1%201%200%200%200%20.633%201.898c5.35-1.784%209.067-3.958%2011.46-5.704a26%2026%200%200%200%202.223-1.807v.562a1%201%200%201%200%202%200v-3a1%201%200%200%200-1-1zm2.502%207h-.022c-.214%200-.41%200-.576.011-.178.012-.373.04-.572.122a1.75%201.75%200%200%200-.947.947%201.8%201.8%200%200%200-.122.572c-.011.165-.011.362-.011.576v9.044c0%20.214%200%20.41.011.576.012.178.04.373.122.572.178.428.518.77.947.947.199.082.394.11.572.122.165.011.362.011.576.011h.044c.214%200%20.41%200%20.576-.011.178-.012.373-.04.572-.122a1.75%201.75%200%200%200%20.947-.947c.082-.199.11-.394.122-.572.011-.165.011-.362.011-.576v-9.044c0-.214%200-.41-.011-.576a1.8%201.8%200%200%200-.122-.572%201.75%201.75%200%200%200-.947-.947%201.8%201.8%200%200%200-.572-.122c-.165-.011-.362-.011-.576-.011zm-7.022%203.5h.044c.214%200%20.41%200%20.576.011.178.012.373.04.572.122.428.178.77.519.947.947.082.199.11.394.122.572.011.165.011.362.011.576v5.544c0%20.214%200%20.41-.011.576-.012.178-.04.373-.122.572a1.75%201.75%200%200%201-.947.947c-.199.082-.394.11-.572.122-.165.011-.362.011-.576.011h-.044c-.214%200-.41%200-.576-.011a1.8%201.8%200%200%201-.572-.122%201.75%201.75%200%200%201-.947-.947%201.8%201.8%200%200%201-.122-.572c-.011-.165-.011-.362-.011-.576v-5.544c0-.214%200-.41.011-.576.012-.178.04-.373.122-.572a1.75%201.75%200%200%201%20.947-.947c.199-.082.394-.11.572-.122.165-.011.362-.011.576-.011M5%2014.75h-.022c-.214%200-.41%200-.576.011-.178.012-.373.04-.572.122a1.75%201.75%200%200%200-.947.947c-.082.199-.11.394-.122.572-.011.165-.011.362-.011.576v3.044c0%20.214%200%20.41.011.576.012.178.04.373.122.572.178.428.519.77.947.947.199.082.394.11.572.122.165.011.362.011.576.011h.044c.214%200%20.41%200%20.576-.011.178-.012.373-.04.572-.122a1.75%201.75%200%200%200%20.947-.947c.082-.199.11-.394.122-.572.011-.165.011-.362.011-.576v-3.044c0-.214%200-.41-.011-.576a1.8%201.8%200%200%200-.122-.572%201.75%201.75%200%200%200-.947-.947%201.8%201.8%200%200%200-.572-.122c-.165-.011-.362-.011-.576-.011z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-checkmark-badge-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25c-.561%200-1.018.236-1.434.554-.39.297-.82.727-1.323%201.23l-.035.035c-.515.515-.964.717-1.656.717q-.132%200-.32-.006a10%2010%200%200%200-1.086.01c-.525.046-1.18.19-1.679.691-.494.499-.634%201.152-.678%201.673-.03.356-.018.763-.01%201.078q.007.188.007.32c0%20.692-.202%201.141-.717%201.656l-.035.035c-.503.503-.933.933-1.23%201.322-.318.417-.554.874-.554%201.435s.236%201.018.554%201.434c.297.39.727.82%201.23%201.323l.035.035c.334.334.491.55.58.754.087.2.137.451.137.902q0%20.132-.006.32c-.01.317-.02.727.01%201.086.046.525.19%201.18.691%201.679.499.494%201.152.634%201.673.678.356.03.763.018%201.078.01q.188-.007.32-.007c.441%200%20.69.044.884.125.195.08.404.224.718.538.067.067.156.162.258.271.23.247.529.567.808.812.424.37%201.032.79%201.78.79.749%200%201.356-.42%201.78-.79.28-.245.578-.565.808-.811.102-.11.19-.204.258-.272.314-.314.522-.458.717-.538.196-.08.444-.125.885-.125q.132%200%20.32.006c.315.01.722.02%201.078-.01.521-.043%201.174-.183%201.673-.677.502-.498.645-1.154.69-1.68.032-.358.02-.768.011-1.085q-.005-.188-.006-.32c0-.45.05-.703.137-.902.089-.204.246-.42.58-.754l.035-.035c.503-.503.933-.933%201.23-1.323.318-.416.554-.873.554-1.434s-.236-1.018-.554-1.434c-.297-.39-.727-.82-1.23-1.323l-.035-.035c-.334-.334-.491-.55-.58-.754-.087-.2-.137-.451-.137-.902q0-.132.006-.32c.01-.317.02-.727-.01-1.086-.046-.525-.19-1.18-.691-1.679-.498-.494-1.152-.634-1.673-.678a10%2010%200%200%200-1.078-.01q-.188.006-.32.007c-.693%200-1.141-.202-1.656-.717l-.035-.035c-.503-.503-.933-.933-1.323-1.23-.416-.318-.873-.554-1.434-.554m3.766%208.893a1%201%200%201%200-1.532-1.286l-3.537%204.21-1.031-.92a1%201%200%200%200-1.332%201.492l1.8%201.607a1%201%200%200%200%201.432-.103z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-dashboard-square-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.224%2012.75h.052c.56%200%201.019%200%201.393.025.387.027.738.083%201.075.222a3.25%203.25%200%200%201%201.759%201.76c.139.336.195.687.221%201.074.026.374.026.833.026%201.393v.052c0%20.56%200%201.019-.026%201.393-.026.387-.082.738-.221%201.075a3.25%203.25%200%200%201-1.76%201.759c-.336.139-.687.195-1.074.221-.374.026-.833.026-1.393.026h-.052c-.56%200-1.019%200-1.393-.026-.387-.026-.738-.082-1.075-.221a3.25%203.25%200%200%201-1.759-1.76c-.139-.336-.195-.687-.222-1.074-.025-.374-.025-.833-.025-1.393v-.052c0-.56%200-1.019.025-1.393.027-.387.083-.738.222-1.075a3.25%203.25%200%200%201%201.76-1.759c.336-.139.687-.195%201.074-.222.374-.025.833-.025%201.393-.025m-1.29%201.522c-.311.021-.48.06-.604.111a1.75%201.75%200%200%200-.947.947c-.05.123-.09.293-.111.603-.022.317-.022.724-.022%201.317s0%201%20.022%201.317c.021.31.06.48.111.603.178.428.519.77.947.947.123.05.293.09.603.111.317.022.724.022%201.317.022s1%200%201.317-.022c.31-.021.48-.06.603-.111a1.75%201.75%200%200%200%20.947-.947c.05-.123.09-.293.111-.603.022-.317.022-.724.022-1.317s0-1-.022-1.317c-.021-.31-.06-.48-.111-.603a1.75%201.75%200%200%200-.947-.947c-.123-.05-.293-.09-.603-.111a22%2022%200%200%200-1.317-.022c-.593%200-1%200-1.317.022%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.276%202.25c.56%200%201.019%200%201.393.026.387.026.738.082%201.075.221a3.25%203.25%200%200%201%201.759%201.76c.139.336.195.687.221%201.074.026.374.026.885.026%201.445s0%201.019-.026%201.393c-.026.387-.082.738-.221%201.075a3.25%203.25%200%200%201-1.76%201.759c-.336.139-.687.195-1.074.222-.374.025-.833.025-1.393.025s-1.07%200-1.445-.025c-.387-.027-.738-.083-1.075-.222a3.25%203.25%200%200%201-1.759-1.76c-.139-.336-.195-.687-.222-1.074-.025-.374-.025-.833-.025-1.393s0-1.07.025-1.445c.027-.387.083-.738.222-1.075a3.25%203.25%200%200%201%201.76-1.759c.336-.139.687-.195%201.074-.221a24%2024%200%200%201%201.445-.026m0%2010.5c.56%200%201.019%200%201.393.025.387.027.738.083%201.075.222a3.25%203.25%200%200%201%201.759%201.76c.139.336.195.687.221%201.074.026.374.026.885.026%201.445s0%201.019-.026%201.393c-.026.387-.082.738-.221%201.075a3.25%203.25%200%200%201-1.76%201.759c-.336.139-.687.195-1.074.221-.374.026-.833.026-1.393.026s-1.07%200-1.445-.026c-.387-.026-.738-.082-1.075-.221a3.25%203.25%200%200%201-1.759-1.76c-.139-.336-.195-.687-.222-1.074-.025-.374-.025-.833-.025-1.393s0-1.07.025-1.445c.027-.387.083-.738.222-1.075a3.25%203.25%200%200%201%201.76-1.759c.336-.139.687-.195%201.074-.222.374-.025.885-.025%201.445-.025m-10.5-10.5c.56%200%201.019%200%201.393.026.387.026.738.082%201.075.221a3.25%203.25%200%200%201%201.759%201.76c.139.336.195.687.222%201.074.025.374.025.885.025%201.445s0%201.019-.025%201.393c-.027.387-.083.738-.222%201.075a3.25%203.25%200%200%201-1.76%201.759c-.336.139-.687.195-1.074.222-.374.025-.833.025-1.393.025s-1.07%200-1.445-.025c-.387-.027-.738-.083-1.075-.222a3.25%203.25%200%200%201-1.759-1.76c-.139-.336-.195-.687-.221-1.074a22%2022%200%200%201-.026-1.393c0-.56%200-1.07.026-1.445.026-.387.082-.738.221-1.075a3.25%203.25%200%200%201%201.76-1.759c.336-.139.687-.195%201.074-.221a24%2024%200%200%201%201.445-.026m0%2010.5c.56%200%201.019%200%201.393.025.387.027.738.083%201.075.222a3.25%203.25%200%200%201%201.759%201.76c.139.336.195.687.222%201.074.025.374.025.885.025%201.445s0%201.019-.025%201.393c-.027.387-.083.738-.222%201.075a3.25%203.25%200%200%201-1.76%201.759c-.336.139-.687.195-1.074.221-.374.026-.833.026-1.393.026s-1.07%200-1.445-.026c-.387-.026-.738-.082-1.075-.221a3.25%203.25%200%200%201-1.759-1.76c-.139-.336-.195-.687-.221-1.074a22%2022%200%200%201-.026-1.393c0-.56%200-1.07.026-1.445.026-.387.082-.738.221-1.075a3.25%203.25%200%200%201%201.76-1.759c.336-.139.687-.195%201.074-.222.374-.025.885-.025%201.445-.025%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-favourite {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.419%2015.66c1.77-2.036%203.331-4.507%203.331-6.966%200-3.242-2.402-5.944-5.75-5.944-1.592%200-3.134.513-5%202.215C10.134%203.263%208.592%202.75%207%202.75c-3.348%200-5.75%202.702-5.75%205.944%200%202.459%201.56%204.93%203.331%206.966%201.799%202.068%203.948%203.837%205.38%204.908l.233.16a3.39%203.39%200%200%200%203.844-.16l.57-.433c1.395-1.085%203.237-2.666%204.81-4.475%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-folder-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.142%202.25c.885%200%201.722.4%202.278%201.087l1.479%201.83h5.015c.65%200%201.195%200%201.641.036.467.038.91.12%201.332.335a3.4%203.4%200%200%201%201.491%201.487c.215.42.297.862.336%201.327.036.445.036.99.036%201.637V11a.974.974%200%200%201-.975.972A.974.974%200%200%201%2018.8%2011v-.972c0-.697%200-1.16-.03-1.517-.028-.346-.078-.504-.13-.604a1.46%201.46%200%200%200-.639-.637c-.1-.05-.258-.1-.604-.129-.358-.03-.823-.03-1.522-.03h-5.443a.98.98%200%200%201-.76-.362l-1.77-2.192a.98.98%200%200%200-.76-.363H6.66c-.721%200-1.209.001-1.586.028-.368.026-.559.073-.693.13-.46.197-.826.562-1.023%201.02-.057.133-.105.325-.13.693-.027.378-.028.864-.028%201.58v11.133a.974.974%200%200%201-.975.972.974.974%200%200%201-.975-.972V7.61c0-.673%200-1.228.032-1.682.033-.472.105-.907.284-1.324a3.9%203.9%200%200%201%202.045-2.04c.418-.179.853-.25%201.325-.283.455-.032%201.012-.032%201.69-.032z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.32%2010.368c.83.122%201.57.393%202.042%201.09.474.696.452%201.483.258%202.296-.188.786-.58%201.76-1.059%202.953-.353.88-.979%202.437-1.278%202.995-.312.582-.666%201.054-1.186%201.404s-1.09.503-1.749.575c-.63.07-1.405.07-2.358.069H6.826c-1.292%200-2.345%200-3.146-.118-.83-.122-1.57-.393-2.043-1.089-.473-.697-.452-1.484-.257-2.297.188-.785.917-2.6%201.396-3.793.354-.88.642-1.597.94-2.155.312-.582.667-1.054%201.187-1.404s1.09-.503%201.748-.575c.63-.069%201.406-.069%202.358-.069h8.165c1.291%200%202.345%200%203.146.118%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-gallery-vertical-end {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.001%201.25h-12a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2m2%204h-16a1%201%200%201%200%200%202h16a1%201%200%201%200%200-2m-3.961%2017.5c1.14%200%202.07%200%202.804-.099.764-.102%201.426-.325%201.955-.853.529-.529.75-1.191.853-1.955.099-.734.099-1.665.099-2.804V14.96c0-1.14%200-2.07-.099-2.804-.102-.764-.325-1.426-.853-1.955-.529-.529-1.191-.75-1.955-.853-.734-.099-1.665-.099-2.804-.099H7.962c-1.14%200-2.07%200-2.804.099-.764.102-1.426.324-1.955.853s-.75%201.191-.853%201.955c-.1.734-.099%201.665-.099%202.804v2.078c0%201.14%200%202.07.099%202.804.102.764.324%201.426.853%201.955s1.191.75%201.955.853c.734.099%201.665.099%202.804.099z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-home-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.75c.787%200%201.481.27%202.212.71.706.425%201.511%201.052%202.515%201.832l.03.024%202%201.556.873.684c.793.637%201.35%201.164%201.687%201.854l.08.175c.368.88.353%201.897.353%203.404v2.569c0%201.601%200%202.88-.135%203.882-.13.972-.399%201.783-.988%202.437l-.122.128c-.675.675-1.528.97-2.565%201.11-.797.108-1.77.129-2.94.133H9c-1.17-.004-2.143-.026-2.94-.133-.972-.13-1.783-.398-2.437-.988l-.128-.122c-.675-.675-.971-1.528-1.11-2.565-.103-.76-.127-1.68-.133-2.78L2.25%2014.5v-2.51c0-1.608-.017-2.66.433-3.58s1.29-1.551%202.56-2.538l2-1.556.726-.563c.692-.533%201.284-.97%201.819-1.293.73-.44%201.425-.71%202.212-.71m0%2011.249c-1.414%200-2.121%200-2.56.44-.44.439-.44%201.146-.44%202.56v4.249h6v-4.249c0-1.414%200-2.121-.44-2.56-.439-.44-1.146-.44-2.56-.44%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-message-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.78%201.823a34%2034%200%200%201%204.44%200c4.567.303%208.19%203.99%208.488%208.6a21%2021%200%200%201%200%202.616c-.298%204.61-3.921%208.296-8.488%208.6-1.46.097-2.983.097-4.44%200a5.6%205.6%200%200%201-1.722-.394c-.238-.098-.4-.165-.518-.208-.08.056-.189.135-.346.251-.793.585-1.793.994-3.213.96l-.046-.001c-.273-.007-.565-.014-.803-.06-.287-.055-.642-.194-.864-.573-.242-.412-.145-.828-.051-1.09.088-.248.242-.539.398-.835l.022-.041c.466-.884.596-1.606.347-2.088-.833-1.256-1.581-2.804-1.692-4.52a21%2021%200%200%201%200-2.618c.298-4.61%203.921-8.296%208.488-8.6M7.75%209.5c0%20.414.336.75.75.75H12a.75.75%200%200%200%200-1.5H8.5a.75.75%200%200%200-.75.75m0%205c0%20.414.336.75.75.75h7a.75.75%200%200%200%200-1.5h-7a.75.75%200%200%200-.75.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-news {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.069%202.25c1.323%200%202.415%200%203.278.116.907.121%201.708.387%202.349%201.026.641.64.907%201.439%201.029%202.344.055.41.084.874.1%201.389%200%200%201.29%200%201.755.062.507.068%201.028.226%201.454.652.427.425.585.945.654%201.451.062.464.062%201.037.062%201.675v7.86a2.93%202.93%200%200%201-2.932%202.925H8.022c-1.323%200-2.415%200-3.278-.116-.907-.121-1.708-.387-2.349-1.026-.641-.64-.907-1.439-1.029-2.344-.116-.861-.116-1.95-.116-3.27V9.006c0-1.32%200-2.409.116-3.27.122-.905.388-1.704%201.029-2.344s1.442-.905%202.349-1.026c.863-.116%201.955-.116%203.278-.116zm7.75%2017.55c.54%200%20.977-.437.977-.975v-7.8c0-.717-.002-1.157-.045-1.475-.037-.28-.09-.326-.097-.332h-.001c-.006-.007-.053-.06-.333-.098-.319-.043-.76-.045-1.478-.045v9.75c0%20.538.437.975.977.975M6%207.25a.75.75%200%200%200%200%201.5h8a.75.75%200%200%200%200-1.5zm0%204a.75.75%200%200%200%200%201.5h8a.75.75%200%200%200%200-1.5zm0%204a.75.75%200%200%200%200%201.5h4a.75.75%200%200%200%200-1.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-notification-03 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.75c3.557%200%206.584%202.601%207.133%206.13l1.54%209.9c.038.212.075.443.075.621-.02.758-.436%201.37-.937%201.815-.514.457-1.203.825-1.97%201.114-1.542.58-3.608.92-5.841.92s-4.299-.34-5.84-.92c-.768-.289-1.457-.656-1.972-1.114-.5-.446-.916-1.057-.936-1.815%200-.178.037-.432.075-.62l1.54-9.901.059-.328C5.606%204.192%208.554%201.75%2012%201.75m0%2014.645c-2.062%200-3.885.315-5.158.794-.64.241-1.09.505-1.363.747-.194.142-.478.44%200%20.82.272.243.723.506%201.363.747%201.273.48%203.096.796%205.158.796s3.885-.317%205.158-.796c.64-.241%201.09-.504%201.363-.747.474-.37.198-.68%200-.82-.273-.242-.723-.506-1.363-.747-1.273-.479-3.096-.794-5.158-.794%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%2017.348a1%201%200%200%201%200%202h-2a1%201%200%200%201%200-2z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-pause {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.95%203.25h.1c.664%200%201.237%200%201.696.062.492.066.963.215%201.345.597s.531.854.597%201.345c.062.459.062%201.032.062%201.697v10.098c0%20.665%200%201.238-.062%201.697-.066.492-.215.963-.597%201.345s-.854.531-1.345.597c-.459.062-1.032.062-1.697.062h-.098c-.665%200-1.238%200-1.697-.062-.492-.066-.963-.215-1.345-.597s-.531-.854-.597-1.345c-.062-.459-.062-1.032-.062-1.697V6.951c0-.665%200-1.238.062-1.697.066-.491.215-.963.597-1.345s.853-.531%201.345-.597c.459-.062%201.032-.062%201.697-.062m-10.001%200h.1c.664%200%201.237%200%201.696.062.492.066.963.215%201.345.597s.531.854.598%201.345c.061.459.061%201.032.061%201.697v10.098c0%20.665%200%201.238-.062%201.697-.066.492-.215.963-.597%201.345s-.853.531-1.345.597c-.459.062-1.032.062-1.697.062h-.098c-.665%200-1.238%200-1.697-.062-.491-.066-.963-.215-1.345-.597s-.531-.854-.597-1.345c-.062-.459-.062-1.032-.062-1.697V6.951c0-.665%200-1.238.062-1.697.066-.491.215-.963.597-1.345s.854-.531%201.345-.597c.459-.062%201.032-.062%201.697-.062%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-play {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.94%206.337c1.633.928%202.917%201.657%203.83%202.324.921.673%201.602%201.376%201.846%202.302.179.68.179%201.394%200%202.074-.244.926-.925%201.63-1.845%202.301-.914.668-2.198%201.397-3.83%202.325-1.578.896-2.908%201.652-3.918%202.081-1.018.433-1.946.653-2.848.397a4%204%200%200%201-1.751-1.034c-.66-.666-.924-1.585-1.05-2.692-.124-1.098-.124-2.536-.124-4.365v-.1c0-1.829%200-3.267.124-4.365.126-1.107.39-2.026%201.05-2.692A4%204%200%200%201%207.175%203.86c.902-.256%201.83-.036%202.848.397%201.01.43%202.34%201.185%203.918%202.081%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-repeat {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.126%207.187a1%201%200%200%201%201.395.23A7.84%207.84%200%200%201%2022.999%2012c0%204.444-3.694%208-8.194%208H8.61v1a1%201%200%200%201-1.697.717L5.91%2020.74c-.191-.186-.442-.429-.588-.619-.13-.166-.501-.688-.228-1.328.266-.627.884-.733%201.09-.761.238-.033.537-.033.809-.033h7.811c3.447%200%206.194-2.712%206.194-6%200-1.27-.406-2.446-1.102-3.417a1%201%200%200%201%20.23-1.396M3.874%2016.813a1%201%200%200%201-1.395-.23A7.84%207.84%200%200%201%201.002%2012c0-4.444%203.694-8%208.194-8h6.194V3a1%201%200%200%201%201.697-.717l1.003.976c.191.186.442.429.588.619.13.166.501.688.228%201.328-.266.627-.884.733-1.09.761a6%206%200%200%201-.808.033H9.195c-3.447%200-6.194%202.712-6.194%206%200%201.27.406%202.446%201.102%203.417a1%201%200%200%201-.23%201.396%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-send {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.43%202.339c.997-.174%201.955-.142%202.662.565s.74%201.665.565%202.663c-.172.987-.595%202.266-1.122%203.86l-.022.068-1.938%205.863-.017.052c-.603%201.825-1.078%203.261-1.546%204.265-.451.967-1.023%201.826-1.98%202.02a2.7%202.7%200%200%201-.997.018c-.96-.16-1.568-.994-2.064-1.944-.514-.985-1.055-2.4-1.742-4.198l-.024-.062c-.288-.755-.376-.952-.506-1.1a1%201%200%200%200-.112-.112c-.148-.13-.344-.217-1.1-.506l-.061-.024c-1.799-.687-3.214-1.227-4.198-1.742-.95-.496-1.785-1.105-1.945-2.064a2.8%202.8%200%200%201%20.018-.997c.194-.956%201.054-1.528%202.02-1.98%201.004-.468%202.44-.943%204.265-1.546l.053-.017L14.5%203.484l.068-.023c1.594-.527%202.873-.95%203.86-1.122m-2.22%205.443a1%201%200%200%200-1.415%200l-2.697%202.698a1%201%200%201%200%201.414%201.414l2.697-2.698a1%201%200%200%200%200-1.414%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-settings-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.702%202.01a1.3%201.3%200%200%200-.687.115%206%206%200%200%200-.484.254L5.282%203.667a1.27%201.27%200%200%200-.456.533c-.123.29-.084.583-.054.752.031.183.097.435.16.676.397%201.517-.571%203.149-2.138%203.569l-.028.007a8%208%200%200%200-.633.186c-.162.058-.434.168-.625.417a1.26%201.26%200%200%200-.241.655%206%206%200%200%200-.017.549v1.979c0%20.19%200%20.385.017.548.018.177.065.427.24.656.192.248.464.358.626.416.174.063.66.194.66.194%201.567.42%202.534%202.05%202.138%203.568%200%200-.13.493-.16.676-.03.169-.07.461.053.752.113.265.31.43.456.533l2.25%201.288c.164.093.333.189.483.254.163.071.403.154.688.115.309-.041.538-.217.67-.328.14-.117.491-.466.491-.466A3.03%203.03%200%200%201%2012%2020.328c.777%200%201.554.29%202.137.868%200%200%20.352.35.492.466.132.11.361.287.67.328a1.27%201.27%200%200%200%20.688-.115c.15-.066.32-.161.483-.254l2.25-1.288c.146-.103.343-.268.456-.534.123-.29.083-.582.054-.751-.032-.183-.16-.676-.16-.676-.397-1.517.57-3.149%202.136-3.568%200%200%20.487-.13.66-.194.163-.058.435-.168.626-.416.176-.229.223-.479.241-.656.017-.163.017-.358.017-.548v-1.98c0-.19%200-.385-.017-.548a1.26%201.26%200%200%200-.24-.655c-.192-.249-.464-.359-.626-.417a9%209%200%200%200-.633-.186l-.028-.007c-1.567-.42-2.535-2.052-2.138-3.569.063-.241.128-.493.16-.676.03-.17.07-.461-.054-.752a1.27%201.27%200%200%200-.456-.533l-2.25-1.288a6%206%200%200%200-.483-.254%201.3%201.3%200%200%200-.687-.115c-.31.041-.538.218-.67.328-.14.117-.492.466-.492.466A3.03%203.03%200%200%201%2012%203.67c-.777%200-1.553-.29-2.136-.867%200%200-.352-.35-.492-.466-.132-.11-.36-.287-.67-.328M12%2015.5a3.5%203.5%200%201%200%200-7%203.5%203.5%200%200%200%200%207%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-shield-01 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.17%2022.1c2.677-1.377%207.58-4.726%207.58-10.863V7.748c0-1.347.022-2.287-.561-3.23-.575-.926-1.226-1.236-2.146-1.694C17.04%201.828%2014.609%201.25%2012%201.25s-5.04.578-7.043%201.574c-.92.458-1.571.768-2.145%201.695-.584.942-.562%201.882-.562%203.229v3.49c0%206.136%204.903%209.485%207.58%2010.863l.037.018c.717.37%201.225.631%202.133.631s1.415-.261%202.133-.63z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .solid-huge-user-02 {
    --hugeicon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.25%207a4.75%204.75%200%201%201-9.5%200%204.75%204.75%200%200%201%209.5%200m4%2012a2.75%202.75%200%200%201-2.75%202.75h-12A2.75%202.75%200%200%201%203.75%2019c0-1.566.936-3.024%202.452-4.058C7.725%2013.904%209.88%2013.25%2012.5%2013.25s4.775.654%206.298%201.692c1.516%201.034%202.452%202.492%202.452%204.058%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--hugeicon);
    mask-image: var(--hugeicon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .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;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .aspect-\[3\/1\] {
    aspect-ratio: 3/1;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-9\.5 {
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-10\.5 {
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[42px\] {
    width: 42px;
    height: 42px;
  }
  .size-fit {
    width: fit-content;
    height: fit-content;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-max {
    width: max-content;
    height: max-content;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-17 {
    height: calc(var(--spacing) * 17);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[1lh\] {
    height: 1lh;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[var\(--initial-height\,auto\)\] {
    height: var(--initial-height,auto);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[50dvh\] {
    max-height: 50dvh;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-\[1\.375rem\] {
    min-height: 1.375rem;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .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-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[32rem\] {
    width: 32rem;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }
  .w-\[calc\(100vw_-_1rem\)\] {
    width: calc(100vw - 1rem);
  }
  .w-\[min\(22rem\,85\%\)\] {
    width: min(22rem, 85%);
  }
  .w-\[min\(22rem\,calc\(100vw-1rem\)\)\] {
    width: min(22rem, calc(100vw - 1rem));
  }
  .w-\[min\(26rem\,calc\(100vw-2rem\)\)\] {
    width: min(26rem, calc(100vw - 2rem));
  }
  .w-\[min\(28rem\,calc\(100vw-2rem\)\)\] {
    width: min(28rem, calc(100vw - 2rem));
  }
  .w-\[min\(42rem\,calc\(100vw-2rem\)\)\] {
    width: min(42rem, calc(100vw - 2rem));
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-\[12ch\] {
    max-width: 12ch;
  }
  .max-w-\[38\.75rem\] {
    max-width: 38.75rem;
  }
  .max-w-\[40rem\] {
    max-width: 40rem;
  }
  .max-w-\[55rem\] {
    max-width: 55rem;
  }
  .max-w-\[78\%\] {
    max-width: 78%;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[660px\] {
    max-width: 660px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[940px\] {
    max-width: 940px;
  }
  .max-w-\[1060px\] {
    max-width: 1060px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-\[4rem\] {
    min-width: 4rem;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-40 {
    flex-basis: calc(var(--spacing) * 40);
  }
  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }
  .basis-72 {
    flex-basis: calc(var(--spacing) * 72);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    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);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[3px\] {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-none {
    translate: none;
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    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);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .\[transform\:var\(--y\,translateY\(0\)\)_translate3d\(0\,var\(--swipe-y\,0px\)\,0\)\] {
    transform: var(--y,translateY(0)) translate3d(0,var(--swipe-y,0px),0);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-cpu {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-none {
    transform: none;
  }
  .animate-fluxon-loading-bars-fade {
    animation: fluxon-loading-bars-fade 600ms linear infinite;
  }
  .animate-fluxon-loading-bars-scale {
    animation: fluxon-loading-bars-scale 600ms linear infinite;
  }
  .animate-fluxon-loading-bars-scale-fade {
    animation: fluxon-loading-bars-scale-fade 600ms linear infinite;
  }
  .animate-fluxon-loading-bounce {
    animation: fluxon-loading-bounce 600ms ease-in-out infinite;
  }
  .animate-fluxon-loading-fade {
    animation: fluxon-loading-fade 600ms ease-in-out infinite;
  }
  .animate-fluxon-loading-scale {
    animation: fluxon-loading-scale 600ms ease-in-out infinite;
  }
  .animate-fluxon-loading-spin {
    animation: fluxon-loading-spin 600ms linear infinite;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-zoom-out {
    cursor: zoom-out;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .\[touch-action\:pan-y_pinch-zoom\] {
    touch-action: pan-y pinch-zoom;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(6rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(6rem,1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(15rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));
  }
  .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));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[auto_1fr_auto_auto\] {
    grid-template-columns: auto 1fr auto auto;
  }
  .grid-cols-\[auto_auto_1fr_auto_auto\] {
    grid-template-columns: auto auto 1fr auto auto;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0,1fr) auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-between {
    align-content: space-between;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :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)));
    }
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .divide-base {
    :where(& > :not(:last-child)) {
      border-color: var(--border-base);
    }
  }
  .divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-200);
    }
  }
  .divide-subtle {
    :where(& > :not(:last-child)) {
      border-color: var(--border-subtle);
    }
  }
  .divide-zinc-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-zinc-100);
    }
  }
  .divide-zinc-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-zinc-200);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-none {
    overscroll-behavior: none;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[0\.3125rem\] {
    border-radius: 0.3125rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[calc\(1\.25\*var\(--radius-base\)\)\] {
    border-radius: calc(1.25 * var(--radius-base));
  }
  .rounded-\[calc\(2\.5\*var\(--radius-base\)\)\] {
    border-radius: calc(2.5 * var(--radius-base));
  }
  .rounded-\[calc\(3\*var\(--spacing\)\+var\(--radius-base\)\)\] {
    border-radius: calc(3 * var(--spacing) + var(--radius-base));
  }
  .rounded-\[calc\(var\(--radius-badge\)\*0\.75\)\] {
    border-radius: calc(var(--radius-badge) * 0.75);
  }
  .rounded-\[calc\(var\(--radius-badge\)\*0\.875\)\] {
    border-radius: calc(var(--radius-badge) * 0.875);
  }
  .rounded-\[calc\(var\(--radius-badge\)\*1\.25\)\] {
    border-radius: calc(var(--radius-badge) * 1.25);
  }
  .rounded-\[calc\(var\(--radius-badge\)\*1\.125\)\] {
    border-radius: calc(var(--radius-badge) * 1.125);
  }
  .rounded-\[calc\(var\(--radius-base\)\*1\.5\)\] {
    border-radius: calc(var(--radius-base) * 1.5);
  }
  .rounded-\[calc\(var\(--radius-base\)\*1\.25\)\] {
    border-radius: calc(var(--radius-base) * 1.25);
  }
  .rounded-\[calc\(var\(--radius-base\)\*2\)\] {
    border-radius: calc(var(--radius-base) * 2);
  }
  .rounded-\[calc\(var\(--radius-base\)-1px\)\] {
    border-radius: calc(var(--radius-base) - 1px);
  }
  .rounded-\[calc\(var\(--radius-base\)-2px\)\] {
    border-radius: calc(var(--radius-base) - 2px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-badge {
    border-radius: var(--radius-badge);
  }
  .rounded-base {
    border-radius: var(--radius-base);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .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-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-base {
    border-top-left-radius: var(--radius-base);
    border-bottom-left-radius: var(--radius-base);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-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 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\(--btn-border\) {
    border-color: var(--btn-border);
  }
  .border-\[color-mix\(in_oklab\,var\(--btn-color\)\,black_12\%\)\] {
    border-color: var(--btn-color);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--btn-color),black 12%);
    }
  }
  .border-\[color-mix\(in_oklab\,var\(--danger\)\,black_12\%\)\] {
    border-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--danger),black 12%);
    }
  }
  .border-\[color-mix\(in_oklab\,var\(--info\)\,black_12\%\)\] {
    border-color: var(--info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--info),black 12%);
    }
  }
  .border-\[color-mix\(in_oklab\,var\(--primary\)\,black_12\%\)\] {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--primary),black 12%);
    }
  }
  .border-\[color-mix\(in_oklab\,var\(--success\)\,black_12\%\)\] {
    border-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--success),black 12%);
    }
  }
  .border-\[color-mix\(in_oklab\,var\(--warning\)\,black_12\%\)\] {
    border-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab,var(--warning),black 12%);
    }
  }
  .border-base {
    border-color: var(--border-base);
  }
  .border-danger {
    border-color: var(--danger-border);
  }
  .border-danger\/40 {
    border-color: var(--danger-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--danger-border) 40%, transparent);
    }
  }
  .border-focus {
    border-color: var(--focus);
  }
  .border-foreground {
    border-color: var(--foreground);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-info {
    border-color: var(--info-border);
  }
  .border-input {
    border-color: var(--border-input);
  }
  .border-primary {
    border-color: var(--primary-border);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-subtle {
    border-color: var(--border-subtle);
  }
  .border-success {
    border-color: var(--success-border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warning {
    border-color: var(--warning-border);
  }
  .border-zinc-100 {
    border-color: var(--color-zinc-100);
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .surface {
    container-name: fluxon;
    --surface-level: 1;
    --surface-shadow: calc(1 + (var(--surface-level) - 1) * var(--surface-shadow-step));
    background-color: light-dark(var(--surface), oklch(from var(--background-base) calc(l + var(--surface-level) * var(--surface-step)) c h));
    box-shadow: inset 0 1px 0 0 light-dark(transparent, rgb(255 255 255 / 0.06)), inset 0 0 0 1px light-dark(transparent, rgb(255 255 255 / 0.05)), 0 0 0 1px var(--surface-ring, light-dark(var(--border-base), rgb(0 0 0 / 0.16))), 0 calc(var(--surface-shadow) * 1px) calc(var(--surface-shadow) * 2px) calc(var(--surface-shadow) * -1px) light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.32)), 0 calc(var(--surface-shadow) * 2px) calc(var(--surface-shadow) * 4px) calc(var(--surface-shadow) * -1.5px) light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.26)), 0 calc(var(--surface-shadow) * 4px) calc(var(--surface-shadow) * 8px) calc(var(--surface-shadow) * -3px) light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.22));
  }
  .bg-\(--border-subtle\) {
    background-color: var(--border-subtle);
  }
  .bg-\(--btn-color\) {
    background-color: var(--btn-color);
  }
  .bg-\(--btn-soft\) {
    background-color: var(--btn-soft);
  }
  .bg-\(--primary-border\) {
    background-color: var(--primary-border);
  }
  .bg-\(--primary-soft-elevated\) {
    background-color: var(--primary-soft-elevated);
  }
  .bg-accent {
    background-color: var(--background-accent);
  }
  .bg-base {
    background-color: var(--background-base);
  }
  .bg-base\/60 {
    background-color: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-base) 60%, transparent);
    }
  }
  .bg-base\/70 {
    background-color: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-base) 70%, transparent);
    }
  }
  .bg-base\/75 {
    background-color: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-base) 75%, transparent);
    }
  }
  .bg-base\/80 {
    background-color: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-base) 80%, transparent);
    }
  }
  .bg-base\/90 {
    background-color: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-base) 90%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/95 {
    background-color: color-mix(in srgb, #000 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-control {
    background-color: var(--background-control);
  }
  .bg-control\/60 {
    background-color: var(--background-control);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background-control) 60%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-danger {
    background-color: var(--danger);
  }
  .bg-danger-soft {
    background-color: var(--danger-soft);
  }
  .bg-danger\/5 {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--danger) 5%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-foreground-softer {
    background-color: var(--foreground-softer);
  }
  .bg-foreground-softest\/40 {
    background-color: var(--foreground-softest);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground-softest) 40%, transparent);
    }
  }
  .bg-foreground-softest\/60 {
    background-color: var(--foreground-softest);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground-softest) 60%, transparent);
    }
  }
  .bg-foreground\/5 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
  .bg-foreground\/10 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .bg-foreground\/20 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-info {
    background-color: var(--info);
  }
  .bg-info-soft {
    background-color: var(--info-soft);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-input {
    background-color: var(--background-input);
  }
  .bg-input-disabled {
    background-color: var(--background-input-disabled);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary-soft {
    background-color: var(--primary-soft);
  }
  .bg-primary-soft\/40 {
    background-color: var(--primary-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-soft) 40%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-success {
    background-color: var(--success);
  }
  .bg-success-soft {
    background-color: var(--success-soft);
  }
  .bg-sunken {
    background-color: var(--background-sunken);
  }
  .bg-surface {
    background-color: var(--surface);
  }
  .bg-switch {
    background-color: var(--background-switch);
  }
  .bg-tooltip {
    background-color: var(--background-tooltip);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning {
    background-color: var(--warning);
  }
  .bg-warning-soft {
    background-color: var(--warning-soft);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-zinc-200 {
    background-color: var(--color-zinc-200);
  }
  .bg-zinc-900\/90 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 90%, transparent);
    }
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }
  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }
  .bg-\[repeating-linear-gradient\(115deg\,color-mix\(in_oklab\,var\(--foreground\)_4\%\,transparent\)_0_34px\,transparent_34px_68px\)\] {
    background-image: repeating-linear-gradient(115deg,var(--foreground) 0 34px,transparent 34px 68px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient(115deg,color-mix(in oklab,var(--foreground) 4%,transparent) 0 34px,transparent 34px 68px);
    }
  }
  .bg-\[repeating-linear-gradient\(115deg\,var\(--background-sunken\)_0_22px\,transparent_22px_44px\)\] {
    background-image: repeating-linear-gradient(115deg,var(--background-sunken) 0 22px,transparent 22px 44px);
  }
  .bg-\[repeating-linear-gradient\(115deg\,var\(--background-sunken\)_0_26px\,transparent_26px_52px\)\] {
    background-image: repeating-linear-gradient(115deg,var(--background-sunken) 0 26px,transparent 26px 52px);
  }
  .bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI\+CiAgPHBhdGggZmlsbD0iI0ExQTFBQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yOTMgOC4yOTNhMSAxIDAgMCAxIDEuNDE0IDBMMTIgMTMuNTg2bDUuMjkzLTUuMjkzYTEgMSAwIDEgMSAxLjQxNGwtNiA2YTEgMSAwIDAgMS0xLjQxNCAwbC02LTZhMSAxIDAgMCAxIDAtMS40MTQiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K\'\)\] {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZmlsbD0iI0ExQTFBQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yOTMgOC4yOTNhMSAxIDAgMCAxIDEuNDE0IDBMMTIgMTMuNTg2bDUuMjkzLTUuMjkzYTEgMSAwIDEgMSAxLjQxNGwtNiA2YTEgMSAwIDAgMS0xLjQxNCAwbC02LTZhMSAxIDAgMCAxIDAtMS40MTQiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
  }
  .bg-none {
    background-image: none;
  }
  .highlight {
    background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
  }
  .highlight-strong {
    background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
  }
  .from-base\/95 {
    --tw-gradient-from: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background-base) 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-base\/60 {
    --tw-gradient-via: var(--background-base);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background-base) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-\[length\:1rem\] {
    background-size: 1rem;
  }
  .bg-\[position\:right_0\.5rem_center\] {
    background-position: right 0.5rem center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .bg-origin-border {
    background-origin: border-box;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .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-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .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-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-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .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-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.75 {
    padding-block: calc(var(--spacing) * 2.75);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[22px\] {
    padding-block: 22px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-\[26px\] {
    padding-top: 26px;
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-\[calc\(4\.75rem\+env\(safe-area-inset-bottom\)\)\]\! {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important;
  }
  .pb-\[calc\(5\.75rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom));
  }
  .pb-\[env\(safe-area-inset-bottom\)\]\! {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-\[calc\(theme\(spacing\.2\)\+var\(--depth\)\*theme\(spacing\.3\)\)\] {
    padding-left: calc(0.5rem + var(--depth) * 0.75rem);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .\[font-family\:system-ui\,-apple-system\,sans-serif\] {
    font-family: system-ui,-apple-system,sans-serif;
  }
  .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-2xl\/10 {
    font-size: var(--text-2xl);
    line-height: calc(var(--spacing) * 10);
  }
  .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-\[11px\]\/none {
    font-size: 11px;
    line-height: 1;
  }
  .text-\[13px\]\/none {
    font-size: 13px;
    line-height: 1;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/none {
    font-size: var(--text-base);
    line-height: 1;
  }
  .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-sm\/3 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 3);
  }
  .text-sm\/5 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 5);
  }
  .text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .text-sm\/\[1\.5rem\] {
    font-size: var(--text-sm);
    line-height: 1.5rem;
  }
  .text-sm\/none {
    font-size: var(--text-sm);
    line-height: 1;
  }
  .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-xs\/none {
    font-size: var(--text-xs);
    line-height: 1;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.66rem\] {
    font-size: 0.66rem;
  }
  .text-\[0\.84rem\] {
    font-size: 0.84rem;
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[23px\] {
    font-size: 23px;
  }
  .text-\[36cqw\] {
    font-size: 36cqw;
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .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\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.07em\] {
    --tw-tracking: 0.07em;
    letter-spacing: 0.07em;
  }
  .tracking-\[0\.09em\] {
    --tw-tracking: 0.09em;
    letter-spacing: 0.09em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\(--background-base\) {
    color: var(--background-base);
  }
  .text-\(--btn-color\) {
    color: var(--btn-color);
  }
  .text-\(--btn-foreground\) {
    color: var(--btn-foreground);
  }
  .text-\(--btn-ghost-text\) {
    color: var(--btn-ghost-text);
  }
  .text-\(--btn-soft-text\) {
    color: var(--btn-soft-text);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-danger {
    color: var(--danger);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground-danger {
    color: var(--danger-foreground);
  }
  .text-foreground-danger-soft {
    color: var(--danger-soft-foreground);
  }
  .text-foreground-danger-soft\/80 {
    color: var(--danger-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--danger-soft-foreground) 80%, transparent);
    }
  }
  .text-foreground-danger-soft\/90 {
    color: var(--danger-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--danger-soft-foreground) 90%, transparent);
    }
  }
  .text-foreground-info {
    color: var(--info-foreground);
  }
  .text-foreground-info-soft {
    color: var(--info-soft-foreground);
  }
  .text-foreground-info-soft\/80 {
    color: var(--info-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--info-soft-foreground) 80%, transparent);
    }
  }
  .text-foreground-info-soft\/90 {
    color: var(--info-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--info-soft-foreground) 90%, transparent);
    }
  }
  .text-foreground-primary {
    color: var(--foreground-primary);
  }
  .text-foreground-soft {
    color: var(--foreground-soft);
  }
  .text-foreground-softer {
    color: var(--foreground-softer);
  }
  .text-foreground-softest {
    color: var(--foreground-softest);
  }
  .text-foreground-success {
    color: var(--success-foreground);
  }
  .text-foreground-success-soft {
    color: var(--success-soft-foreground);
  }
  .text-foreground-success-soft\/80 {
    color: var(--success-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--success-soft-foreground) 80%, transparent);
    }
  }
  .text-foreground-success-soft\/90 {
    color: var(--success-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--success-soft-foreground) 90%, transparent);
    }
  }
  .text-foreground-warning {
    color: var(--warning-foreground);
  }
  .text-foreground-warning-soft {
    color: var(--warning-soft-foreground);
  }
  .text-foreground-warning-soft\/80 {
    color: var(--warning-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--warning-soft-foreground) 80%, transparent);
    }
  }
  .text-foreground-warning-soft\/90 {
    color: var(--warning-soft-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--warning-soft-foreground) 90%, transparent);
    }
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-info {
    color: var(--info);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-success {
    color: var(--success);
  }
  .text-warning {
    color: var(--warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-zinc-400 {
    color: var(--color-zinc-400);
  }
  .text-zinc-500 {
    color: var(--color-zinc-500);
  }
  .text-zinc-600 {
    color: var(--color-zinc-600);
  }
  .text-zinc-700 {
    color: var(--color-zinc-700);
  }
  .text-zinc-900 {
    color: var(--color-zinc-900);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .caret-transparent {
    caret-color: transparent;
  }
  .accent-foreground {
    accent-color: var(--foreground);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_light-dark\(var\(--surface\)\,oklch\(from_var\(--background-base\)_calc\(l_\+_var\(--surface-step\)\)_c_h\)\)\,0_0_0_5px_var\(--border-base\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, light-dark(var(--surface),oklch(from var(--background-base) calc(l + var(--surface-step)) c h))), 0 0 0 5px var(--tw-shadow-color, var(--border-base));
    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_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)), 0 2px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-base {
    --tw-shadow: var(--shadow-base);
    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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .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-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-\[0_-1px_0_rgba\(0\,0\,0\,\.05\)\] {
    --tw-inset-shadow: inset 0 -1px 0 var(--tw-inset-shadow-color, rgba(0,0,0,.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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-\(--surface\) {
    --tw-ring-color: var(--surface);
  }
  .ring-base {
    --tw-ring-color: var(--border-base);
  }
  .ring-black\/15 {
    --tw-ring-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
  .ring-foreground {
    --tw-ring-color: var(--foreground);
  }
  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }
  .ring-sky-200 {
    --tw-ring-color: var(--color-sky-200);
  }
  .ring-zinc-200 {
    --tw-ring-color: var(--color-zinc-200);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-offset-\[-2px\] {
    outline-offset: -2px;
  }
  .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,);
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-50 {
    --tw-brightness: brightness(50%);
    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,);
  }
  .brightness-75 {
    --tw-brightness: brightness(75%);
    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,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    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,);
  }
  .grayscale {
    --tw-grayscale: grayscale(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,);
  }
  .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,);
  }
  .saturate-75 {
    --tw-saturate: saturate(75%);
    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,);
  }
  .filter-none {
    filter: none;
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter-none {
    -webkit-backdrop-filter: none;
    backdrop-filter: 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, 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-\[background-color\,color\] {
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,opacity\] {
    transition-property: box-shadow,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-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-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,translate\] {
    transition-property: opacity,translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    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-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 {
    transition-delay: 0ms;
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .duration-0 {
    --tw-duration: 0ms;
    transition-duration: 0ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32,0.72,0,1);
    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
  }
  .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);
  }
  .\[will-change\:transform\,opacity\] {
    will-change: transform,opacity;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\[--autogrow-pad\:0\.75rem\] {
    --autogrow-pad: 0.75rem;
  }
  .\[--autogrow-pad\:1\.5rem\] {
    --autogrow-pad: 1.5rem;
  }
  .\[--autogrow-pad\:1\.25rem\] {
    --autogrow-pad: 1.25rem;
  }
  .\[--autogrow-pad\:1rem\] {
    --autogrow-pad: 1rem;
  }
  .\[--btn-active-opacity\:0\.10\] {
    --btn-active-opacity: 0.10;
  }
  .\[--btn-active-opacity\:0\.22\] {
    --btn-active-opacity: 0.22;
  }
  .\[--btn-border\:var\(--primary-border\)\] {
    --btn-border: var(--primary-border);
  }
  .\[--btn-color\:var\(--primary\)\] {
    --btn-color: var(--primary);
  }
  .\[--btn-foreground\:var\(--foreground-primary\)\] {
    --btn-foreground: var(--foreground-primary);
  }
  .\[--btn-ghost-text\:var\(--foreground\)\] {
    --btn-ghost-text: var(--foreground);
  }
  .\[--btn-hover-opacity\:0\.06\] {
    --btn-hover-opacity: 0.06;
  }
  .\[--btn-hover-opacity\:0\.15\] {
    --btn-hover-opacity: 0.15;
  }
  .\[--btn-outline-hover\:var\(--background-accent\)\] {
    --btn-outline-hover: var(--background-accent);
  }
  .\[--btn-soft-hover\:color-mix\(in_oklab\,var\(--primary-soft\)\,var\(--primary\)_5\%\)\] {
    --btn-soft-hover: var(--primary-soft);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-soft-hover: color-mix(in oklab,var(--primary-soft),var(--primary) 5%);
    }
  }
  .\[--btn-soft-text\:var\(--foreground\)\] {
    --btn-soft-text: var(--foreground);
  }
  .\[--btn-soft\:var\(--primary-soft\)\] {
    --btn-soft: var(--primary-soft);
  }
  .\[--fluxon-slider-fill-end\:calc\(var\(--fluxon-slider-thumb-size\)\/2_\+_\(100\%_-_var\(--fluxon-slider-thumb-size\)\)_\*_var\(--fluxon-slider-end\)\)\] {
    --fluxon-slider-fill-end: calc(var(--fluxon-slider-thumb-size) / 2 + (100% - var(--fluxon-slider-thumb-size)) * var(--fluxon-slider-end));
  }
  .\[--fluxon-slider-fill-start\:calc\(var\(--fluxon-slider-thumb-size\)\/2_\+_\(100\%_-_var\(--fluxon-slider-thumb-size\)\)_\*_var\(--fluxon-slider-start\)\)\] {
    --fluxon-slider-fill-start: calc(var(--fluxon-slider-thumb-size) / 2 + (100% - var(--fluxon-slider-thumb-size)) * var(--fluxon-slider-start));
  }
  .\[--fluxon-slider-offset\:calc\(var\(--fluxon-slider-thumb-size\)\/2_\+_\(100\%_-_var\(--fluxon-slider-thumb-size\)\)_\*_var\(--fluxon-slider-thumb\)\)\] {
    --fluxon-slider-offset: calc(var(--fluxon-slider-thumb-size) / 2 + (100% - var(--fluxon-slider-thumb-size)) * var(--fluxon-slider-thumb));
  }
  .\[--fluxon-slider-offset\:calc\(var\(--fluxon-slider-thumb-size\)\/2_\+_\(100\%_-_var\(--fluxon-slider-thumb-size\)\)_\*_var\(--fluxon-slider-tick\)\)\] {
    --fluxon-slider-offset: calc(var(--fluxon-slider-thumb-size) / 2 + (100% - var(--fluxon-slider-thumb-size)) * var(--fluxon-slider-tick));
  }
  .\[--fluxon-slider-thumb-size\:0\.875rem\] {
    --fluxon-slider-thumb-size: 0.875rem;
  }
  .\[--fluxon-slider-thumb-size\:1\.25rem\] {
    --fluxon-slider-thumb-size: 1.25rem;
  }
  .\[--fluxon-slider-thumb-size\:1rem\] {
    --fluxon-slider-thumb-size: 1rem;
  }
  .\[--front-toast-height\:0px\] {
    --front-toast-height: 0px;
  }
  .\[--gap\:14px\] {
    --gap: 14px;
  }
  .\[--lift\:1\] {
    --lift: 1;
  }
  .\[--media-border-radius\:0\.5rem\] {
    --media-border-radius: 0.5rem;
  }
  .\[--media-font-family\:var\(--font-sans\)\] {
    --media-font-family: var(--font-sans);
  }
  .\[--surface-level\:2\] {
    --surface-level: 2;
  }
  .\[-moz-appearance\:textfield\] {
    -moz-appearance: textfield;
  }
  .\[block-size\:var\(--fluxon-slider-thumb-size\)\] {
    block-size: var(--fluxon-slider-thumb-size);
  }
  .\[container-name\:fluxon\] {
    container-name: fluxon;
  }
  .\[inline-size\:var\(--fluxon-slider-thumb-size\)\] {
    inline-size: var(--fluxon-slider-thumb-size);
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[transition\:opacity_200ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    transition: opacity 200ms cubic-bezier(0.22,1,0.36,1);
  }
  .\[transition\:transform_400ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_400ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,box-shadow_200ms\] {
    transition: transform 400ms cubic-bezier(0.22,1,0.36,1),opacity 400ms cubic-bezier(0.22,1,0.36,1),box-shadow 200ms;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .\*\:col-start-1 {
    :is(& > *) {
      grid-column-start: 1;
    }
  }
  .\*\:row-start-1 {
    :is(& > *) {
      grid-row-start: 1;
    }
  }
  .\*\:-ml-px {
    :is(& > *) {
      margin-left: -1px;
    }
  }
  .\*\:flex-1 {
    :is(& > *) {
      flex: 1;
    }
  }
  .\*\:border {
    :is(& > *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\*\:border-input {
    :is(& > *) {
      border-color: var(--border-input);
    }
  }
  .\*\:\[--danger-soft\:var\(--danger-soft-elevated\)\] {
    :is(& > *) {
      --danger-soft: var(--danger-soft-elevated);
    }
  }
  .\*\:\[--info-soft\:var\(--info-soft-elevated\)\] {
    :is(& > *) {
      --info-soft: var(--info-soft-elevated);
    }
  }
  .\*\:\[--primary-soft\:var\(--primary-soft-elevated\)\] {
    :is(& > *) {
      --primary-soft: var(--primary-soft-elevated);
    }
  }
  .\*\:\[--success-soft\:var\(--success-soft-elevated\)\] {
    :is(& > *) {
      --success-soft: var(--success-soft-elevated);
    }
  }
  .\*\:\[--warning-soft\:var\(--warning-soft-elevated\)\] {
    :is(& > *) {
      --warning-soft: var(--warning-soft-elevated);
    }
  }
  .not-in-data-sidebar-collapsed\:hidden {
    &:not(:where(*[data-sidebar-collapsed]) *) {
      display: none;
    }
  }
  .not-has-data-\[part\=button\]\:shadow-base {
    &:not(*:has(*[data-part="button"])) {
      --tw-shadow: var(--shadow-base);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .not-has-data-\[part\=label\]\:inline-flex {
    &:not(*:has(*[data-part="label"])) {
      display: inline-flex;
    }
  }
  .not-has-\[input\:disabled\]\:shadow-inner {
    &:not(*:has(*:is(input:disabled))) {
      --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .not-data-disabled\:cursor-grab {
    &:not(*[data-disabled]) {
      cursor: grab;
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[1\.02\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .group-hover\:border-foreground-softer {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--foreground-softer);
      }
    }
  }
  .group-hover\:text-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .group-hover\:text-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/accordion-item\:text-foreground-softer {
    &:is(:where(.group\/accordion-item):hover *) {
      @media (hover: hover) {
        color: var(--foreground-softer);
      }
    }
  }
  .group-hover\/comment\:opacity-100 {
    &:is(:where(.group\/comment):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/message\:opacity-100 {
    &:is(:where(.group\/message):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/tile\:scale-\[1\.03\] {
    &:is(:where(.group\/tile):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .group-hover\/tile\:border-foreground-softest {
    &:is(:where(.group\/tile):hover *) {
      @media (hover: hover) {
        border-color: var(--foreground-softest);
      }
    }
  }
  .group-hover\/tile\:bg-control\/60 {
    &:is(:where(.group\/tile):hover *) {
      @media (hover: hover) {
        background-color: var(--background-control);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background-control) 60%, transparent);
        }
      }
    }
  }
  .group-hover\/unsave\:block {
    &:is(:where(.group\/unsave):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\/unsave\:hidden {
    &:is(:where(.group\/unsave):hover *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .group-focus-visible\/tile\:border-foreground-softest {
    &:is(:where(.group\/tile):focus-visible *) {
      border-color: var(--foreground-softest);
    }
  }
  .group-focus-visible\/tile\:bg-control\/60 {
    &:is(:where(.group\/tile):focus-visible *) {
      background-color: var(--background-control);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background-control) 60%, transparent);
      }
    }
  }
  .group-focus-visible\/unsave\:block {
    &:is(:where(.group\/unsave):focus-visible *) {
      display: block;
    }
  }
  .group-focus-visible\/unsave\:hidden {
    &:is(:where(.group\/unsave):focus-visible *) {
      display: none;
    }
  }
  .group-active\:scale-95 {
    &:is(:where(.group):active *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-enabled\/send\:block {
    &:is(:where(.group\/send):enabled *) {
      display: block;
    }
  }
  .group-enabled\/send\:hidden {
    &:is(:where(.group\/send):enabled *) {
      display: none;
    }
  }
  .group-has-checked\:text-blue-500 {
    &:is(:where(.group):has(*:checked) *) {
      color: var(--color-blue-500);
    }
  }
  .group-has-checked\:text-zinc-800 {
    &:is(:where(.group):has(*:checked) *) {
      color: var(--color-zinc-800);
    }
  }
  .group-aria-\[pressed\=true\]\:block {
    &:is(:where(.group)[aria-pressed="true"] *) {
      display: block;
    }
  }
  .group-aria-\[pressed\=true\]\:hidden {
    &:is(:where(.group)[aria-pressed="true"] *) {
      display: none;
    }
  }
  .group-data-expanded\/accordion-item\:block {
    &:is(:where(.group\/accordion-item)[data-expanded] *) {
      display: block;
    }
  }
  .group-data-expanded\/accordion-item\:hidden {
    &:is(:where(.group\/accordion-item)[data-expanded] *) {
      display: none;
    }
  }
  .group-data-expanded\/accordion-item\:rotate-180 {
    &:is(:where(.group\/accordion-item)[data-expanded] *) {
      rotate: 180deg;
    }
  }
  .group-data-expanded\/accordion-item\:grid-rows-\[1fr\] {
    &:is(:where(.group\/accordion-item)[data-expanded] *) {
      grid-template-rows: 1fr;
    }
  }
  .group-data-has-actions-below\/toast\:flex {
    &:is(:where(.group\/toast)[data-has-actions-below] *) {
      display: flex;
    }
  }
  .group-data-has-actions-inline\/toast\:flex {
    &:is(:where(.group\/toast)[data-has-actions-inline] *) {
      display: flex;
    }
  }
  .group-data-has-content\/toast\:block {
    &:is(:where(.group\/toast)[data-has-content] *) {
      display: block;
    }
  }
  .group-data-has-content\/toast\:hidden {
    &:is(:where(.group\/toast)[data-has-content] *) {
      display: none;
    }
  }
  .group-data-has-description\/toast\:block {
    &:is(:where(.group\/toast)[data-has-description] *) {
      display: block;
    }
  }
  .group-data-has-icon\/toast\:flex {
    &:is(:where(.group\/toast)[data-has-icon] *) {
      display: flex;
    }
  }
  .group-data-\[color\=danger\]\/toast\:block {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      display: block;
    }
  }
  .group-data-\[color\=danger\]\/toast\:border {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[color\=danger\]\/toast\:border-danger {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      border-color: var(--danger-border);
    }
  }
  .group-data-\[color\=danger\]\/toast\:bg-danger-soft {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      background-color: var(--danger-soft);
    }
  }
  .group-data-\[color\=danger\]\/toast\:text-danger {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      color: var(--danger);
    }
  }
  .group-data-\[color\=danger\]\/toast\:text-foreground-danger-soft {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      color: var(--danger-soft-foreground);
    }
  }
  .group-data-\[color\=danger\]\/toast\:text-foreground-danger-soft\/80 {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      color: var(--danger-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--danger-soft-foreground) 80%, transparent);
      }
    }
  }
  .group-data-\[color\=danger\]\/toast\:text-foreground-danger-soft\/90 {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      color: var(--danger-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--danger-soft-foreground) 90%, transparent);
      }
    }
  }
  .group-data-\[color\=danger\]\/toast\:\[--surface-ring\:transparent\] {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      --surface-ring: transparent;
    }
  }
  .group-data-\[color\=info\]\/toast\:block {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      display: block;
    }
  }
  .group-data-\[color\=info\]\/toast\:border {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[color\=info\]\/toast\:border-info {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      border-color: var(--info-border);
    }
  }
  .group-data-\[color\=info\]\/toast\:bg-info-soft {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      background-color: var(--info-soft);
    }
  }
  .group-data-\[color\=info\]\/toast\:text-foreground-info-soft {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      color: var(--info-soft-foreground);
    }
  }
  .group-data-\[color\=info\]\/toast\:text-foreground-info-soft\/80 {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      color: var(--info-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--info-soft-foreground) 80%, transparent);
      }
    }
  }
  .group-data-\[color\=info\]\/toast\:text-foreground-info-soft\/90 {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      color: var(--info-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--info-soft-foreground) 90%, transparent);
      }
    }
  }
  .group-data-\[color\=info\]\/toast\:text-info {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      color: var(--info);
    }
  }
  .group-data-\[color\=info\]\/toast\:\[--surface-ring\:transparent\] {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      --surface-ring: transparent;
    }
  }
  .group-data-\[color\=loading\]\/toast\:block {
    &:is(:where(.group\/toast)[data-color="loading"] *) {
      display: block;
    }
  }
  .group-data-\[color\=success\]\/toast\:block {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      display: block;
    }
  }
  .group-data-\[color\=success\]\/toast\:border {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[color\=success\]\/toast\:border-success {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      border-color: var(--success-border);
    }
  }
  .group-data-\[color\=success\]\/toast\:bg-success-soft {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      background-color: var(--success-soft);
    }
  }
  .group-data-\[color\=success\]\/toast\:text-foreground-success-soft {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      color: var(--success-soft-foreground);
    }
  }
  .group-data-\[color\=success\]\/toast\:text-foreground-success-soft\/80 {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      color: var(--success-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--success-soft-foreground) 80%, transparent);
      }
    }
  }
  .group-data-\[color\=success\]\/toast\:text-foreground-success-soft\/90 {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      color: var(--success-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--success-soft-foreground) 90%, transparent);
      }
    }
  }
  .group-data-\[color\=success\]\/toast\:text-success {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      color: var(--success);
    }
  }
  .group-data-\[color\=success\]\/toast\:\[--surface-ring\:transparent\] {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      --surface-ring: transparent;
    }
  }
  .group-data-\[color\=warning\]\/toast\:block {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      display: block;
    }
  }
  .group-data-\[color\=warning\]\/toast\:border {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[color\=warning\]\/toast\:border-warning {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      border-color: var(--warning-border);
    }
  }
  .group-data-\[color\=warning\]\/toast\:bg-warning-soft {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      background-color: var(--warning-soft);
    }
  }
  .group-data-\[color\=warning\]\/toast\:text-foreground-warning-soft {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      color: var(--warning-soft-foreground);
    }
  }
  .group-data-\[color\=warning\]\/toast\:text-foreground-warning-soft\/80 {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      color: var(--warning-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--warning-soft-foreground) 80%, transparent);
      }
    }
  }
  .group-data-\[color\=warning\]\/toast\:text-foreground-warning-soft\/90 {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      color: var(--warning-soft-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--warning-soft-foreground) 90%, transparent);
      }
    }
  }
  .group-data-\[color\=warning\]\/toast\:text-warning {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      color: var(--warning);
    }
  }
  .group-data-\[color\=warning\]\/toast\:\[--surface-ring\:transparent\] {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      --surface-ring: transparent;
    }
  }
  .group-data-\[comments\=open\]\/card\:block {
    &:is(:where(.group\/card)[data-comments="open"] *) {
      display: block;
    }
  }
  .group-data-\[dismissible\=false\]\/toast\:hidden {
    &:is(:where(.group\/toast)[data-dismissible="false"] *) {
      display: none;
    }
  }
  .group-data-\[expanded\=false\]\/toaster\:group-data-\[front\=false\]\/toast\:opacity-0 {
    &:is(:where(.group\/toaster)[data-expanded="false"] *) {
      &:is(:where(.group\/toast)[data-front="false"] *) {
        opacity: 0%;
      }
    }
  }
  .group-data-\[today\]\/day\:block {
    &:is(:where(.group\/day)[data-today] *) {
      display: block;
    }
  }
  .group-data-\[view\=list\]\/library\:mt-0 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[view\=list\]\/library\:block {
    &:is(:where(.group\/library)[data-view="list"] *) {
      display: block;
    }
  }
  .group-data-\[view\=list\]\/library\:hidden {
    &:is(:where(.group\/library)[data-view="list"] *) {
      display: none;
    }
  }
  .group-data-\[view\=list\]\/library\:aspect-auto {
    &:is(:where(.group\/library)[data-view="list"] *) {
      aspect-ratio: auto;
    }
  }
  .group-data-\[view\=list\]\/library\:size-3 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[view\=list\]\/library\:size-4 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[view\=list\]\/library\:size-7 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .group-data-\[view\=list\]\/library\:size-12 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .group-data-\[view\=list\]\/library\:shrink-0 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      flex-shrink: 0;
    }
  }
  .group-data-\[view\=list\]\/library\:flex-row {
    &:is(:where(.group\/library)[data-view="list"] *) {
      flex-direction: row;
    }
  }
  .group-data-\[view\=list\]\/library\:items-center {
    &:is(:where(.group\/library)[data-view="list"] *) {
      align-items: center;
    }
  }
  .group-data-\[view\=list\]\/library\:gap-3 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[view\=list\]\/library\:rounded-base {
    &:is(:where(.group\/library)[data-view="list"] *) {
      border-radius: var(--radius-base);
    }
  }
  .group-data-\[view\=list\]\/library\:border-b {
    &:is(:where(.group\/library)[data-view="list"] *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .group-data-\[view\=list\]\/library\:border-b-0 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .group-data-\[view\=list\]\/library\:border-subtle {
    &:is(:where(.group\/library)[data-view="list"] *) {
      border-color: var(--border-subtle);
    }
  }
  .group-data-\[view\=list\]\/library\:py-2\.5 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .group-data-\[view\=list\]\/library\:py-3\.5 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .group-data-\[view\=list\]\/library\:pb-0 {
    &:is(:where(.group\/library)[data-view="list"] *) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .peer-checked\:translate-x-2 {
    &:is(:where(.peer):checked ~ *) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-checked\:translate-x-3 {
    &:is(:where(.peer):checked ~ *) {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-checked\:translate-x-4 {
    &:is(:where(.peer):checked ~ *) {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-checked\:opacity-100 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 100%;
    }
  }
  .peer-indeterminate\:opacity-100 {
    &:is(:where(.peer):indeterminate ~ *) {
      opacity: 100%;
    }
  }
  .peer-data-\[media-state\=empty\]\/media\:flex {
    &:is(:where(.peer\/media)[data-media-state="empty"] ~ *) {
      display: flex;
    }
  }
  .peer-data-\[media-state\=error\]\/media\:flex {
    &:is(:where(.peer\/media)[data-media-state="error"] ~ *) {
      display: flex;
    }
  }
  .peer-data-\[media-state\=loaded\]\/media\:invisible {
    &:is(:where(.peer\/media)[data-media-state="loaded"] ~ *) {
      visibility: hidden;
    }
  }
  .peer-\[\:checked\:not\(\:indeterminate\)\]\:opacity-100 {
    &:is(:where(.peer):is(:checked:not(:indeterminate)) ~ *) {
      opacity: 100%;
    }
  }
  .file\:mr-3 {
    &::file-selector-button {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .file\:cursor-pointer {
    &::file-selector-button {
      cursor: pointer;
    }
  }
  .file\:rounded-full {
    &::file-selector-button {
      border-radius: calc(infinity * 1px);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-control {
    &::file-selector-button {
      background-color: var(--background-control);
    }
  }
  .file\:px-3\.5 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .file\:py-1\.5 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: var(--foreground);
    }
  }
  .placeholder\:text-foreground-softer {
    &::placeholder {
      color: var(--foreground-softer);
    }
  }
  .placeholder\:text-foreground-softest {
    &::placeholder {
      color: var(--foreground-softest);
    }
  }
  .before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:hidden {
    &::before {
      content: var(--tw-content);
      display: none;
    }
  }
  .before\:rounded-\[calc\(var\(--radius-base\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius-base) - 1px);
    }
  }
  .before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .before\:border-white\/12 {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #fff 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
  }
  .before\:mask-b-from-0\% {
    &::before {
      content: var(--tw-content);
      mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-composite: intersect;
      --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
      --tw-mask-bottom-from-position: 0%;
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .after\:invisible {
    &::after {
      content: var(--tw-content);
      visibility: hidden;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:-bottom-px {
    &::after {
      content: var(--tw-content);
      bottom: -1px;
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
  .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .after\:h-\[var\(--gap\)\] {
    &::after {
      content: var(--tw-content);
      height: var(--gap);
    }
  }
  .after\:max-h-\[calc\(var\(--max-rows\)\*1lh\+var\(--autogrow-pad\)\)\] {
    &::after {
      content: var(--tw-content);
      max-height: calc(var(--max-rows) * 1lh + var(--autogrow-pad));
    }
  }
  .after\:w-0 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0);
    }
  }
  .after\:min-w-0 {
    &::after {
      content: var(--tw-content);
      min-width: calc(var(--spacing) * 0);
    }
  }
  .after\:-translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:overflow-hidden {
    &::after {
      content: var(--tw-content);
      overflow: hidden;
    }
  }
  .after\:rounded-\[inherit\] {
    &::after {
      content: var(--tw-content);
      border-radius: inherit;
    }
  }
  .after\:rounded-base {
    &::after {
      content: var(--tw-content);
      border-radius: var(--radius-base);
    }
  }
  .after\:bg-current {
    &::after {
      content: var(--tw-content);
      background-color: currentcolor;
    }
  }
  .after\:bg-primary {
    &::after {
      content: var(--tw-content);
      background-color: var(--primary);
    }
  }
  .after\:px-3 {
    &::after {
      content: var(--tw-content);
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .after\:px-3\.5 {
    &::after {
      content: var(--tw-content);
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .after\:px-4 {
    &::after {
      content: var(--tw-content);
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .after\:py-1\.5 {
    &::after {
      content: var(--tw-content);
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .after\:py-2 {
    &::after {
      content: var(--tw-content);
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .after\:py-2\.5 {
    &::after {
      content: var(--tw-content);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .after\:py-3 {
    &::after {
      content: var(--tw-content);
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .after\:whitespace-pre-wrap {
    &::after {
      content: var(--tw-content);
      white-space: pre-wrap;
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:transition-opacity {
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:duration-100 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:content-\[attr\(data-autogrow-value\)_\'_\'\] {
    &::after {
      --tw-content: attr(data-autogrow-value) ' ';
      content: var(--tw-content);
    }
  }
  .after\:\[grid-area\:1\/1\/2\/2\] {
    &::after {
      content: var(--tw-content);
      grid-area: 1/1/2/2;
    }
  }
  .group-data-\[expanded\=true\]\/toaster\:after\:pointer-events-auto {
    &:is(:where(.group\/toaster)[data-expanded="true"] *) {
      &::after {
        content: var(--tw-content);
        pointer-events: auto;
      }
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\*\:first\:rounded-l-base {
    :is(& > *) {
      &:first-child {
        border-top-left-radius: var(--radius-base);
        border-bottom-left-radius: var(--radius-base);
      }
    }
  }
  .last\:-mr-1\.5 {
    &:last-child {
      margin-right: calc(var(--spacing) * -1.5);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pr-0 {
    &:last-child {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\*\:last\:rounded-r-base {
    :is(& > *) {
      &:last-child {
        border-top-right-radius: var(--radius-base);
        border-bottom-right-radius: var(--radius-base);
      }
    }
  }
  .only\:block {
    &:only-child {
      display: block;
    }
  }
  .only\:flex {
    &:only-child {
      display: flex;
    }
  }
  .checked\:border-transparent {
    &:checked {
      border-color: transparent;
    }
  }
  .checked\:bg-primary {
    &:checked {
      background-color: var(--primary);
    }
  }
  .indeterminate\:border-transparent {
    &:indeterminate {
      border-color: transparent;
    }
  }
  .indeterminate\:bg-primary {
    &:indeterminate {
      background-color: var(--primary);
    }
  }
  .empty\:text-foreground-softest {
    &:empty {
      color: var(--foreground-softest);
    }
  }
  .empty\:before\:content-\[attr\(data-placeholder\)\] {
    &:empty {
      &::before {
        --tw-content: attr(data-placeholder);
        content: var(--tw-content);
      }
    }
  }
  .focus-within\:border-focus {
    &:focus-within {
      border-color: var(--focus);
    }
  }
  .focus-within\:ring-3 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-within\:ring-focus {
    &:focus-within {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-foreground-softest {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground-softest);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary-border);
      }
    }
  }
  .hover\:bg-\(--btn-outline-hover\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-outline-hover);
      }
    }
  }
  .hover\:bg-\(--btn-soft-hover\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-soft-hover);
      }
    }
  }
  .hover\:bg-\(--primary-soft-elevated\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-soft-elevated);
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--danger-soft\)\,var\(--danger\)_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--danger-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--danger-soft),var(--danger) 10%);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--info-soft\)\,var\(--info\)_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--info-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--info-soft),var(--info) 10%);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--primary-soft\)\,var\(--primary\)_5\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--primary-soft),var(--primary) 5%);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--primary-soft\)\,var\(--primary\)_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--primary-soft),var(--primary) 10%);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--success-soft\)\,var\(--success\)_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--success-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--success-soft),var(--success) 10%);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklab\,var\(--warning-soft\)\,var\(--warning\)_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--warning-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--warning-soft),var(--warning) 10%);
        }
      }
    }
  }
  .hover\:bg-base {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background-base);
      }
    }
  }
  .hover\:bg-base\/85 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background-base);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background-base) 85%, transparent);
        }
      }
    }
  }
  .hover\:bg-base\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background-base);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background-base) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-control {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background-control);
      }
    }
  }
  .hover\:bg-control\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background-control);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background-control) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-danger-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--danger-soft);
      }
    }
  }
  .hover\:bg-foreground-softer\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground-softer);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground-softer) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-info-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--info-soft);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
      }
    }
  }
  .hover\:bg-success-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--success-soft);
      }
    }
  }
  .hover\:bg-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface);
      }
    }
  }
  .hover\:bg-warning-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--warning-soft);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:bg-zinc-200\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-200) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-none\! {
    &:hover {
      @media (hover: hover) {
        background-image: none !important;
      }
    }
  }
  .hover\:highlight {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
      }
    }
  }
  .hover\:highlight-strong {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:text-foreground-danger-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--danger-soft-foreground);
      }
    }
  }
  .hover\:text-foreground-info-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--info-soft-foreground);
      }
    }
  }
  .hover\:text-foreground-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground-soft);
      }
    }
  }
  .hover\:text-foreground-success-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--success-soft-foreground);
      }
    }
  }
  .hover\:text-foreground-warning-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--warning-soft-foreground);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-85 {
    &:hover {
      @media (hover: hover) {
        opacity: 85%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-1 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:not-data-disabled\:highlight {
    &:hover {
      @media (hover: hover) {
        &:not(*[data-disabled]) {
          background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
        }
      }
    }
  }
  .hover\:not-data-disabled\:not-data-selected\:not-data-in-range\:highlight {
    &:hover {
      @media (hover: hover) {
        &:not(*[data-disabled]) {
          &:not(*[data-selected]) {
            &:not(*[data-in-range]) {
              background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
            }
          }
        }
      }
    }
  }
  .group-data-\[color\=danger\]\/toast\:hover\:bg-\[color-mix\(in_oklab\,var\(--danger-soft\)\,var\(--danger\)_10\%\)\] {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--danger-soft);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab,var(--danger-soft),var(--danger) 10%);
          }
        }
      }
    }
  }
  .group-data-\[color\=danger\]\/toast\:hover\:text-foreground-danger-soft {
    &:is(:where(.group\/toast)[data-color="danger"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--danger-soft-foreground);
        }
      }
    }
  }
  .group-data-\[color\=info\]\/toast\:hover\:bg-\[color-mix\(in_oklab\,var\(--info-soft\)\,var\(--info\)_10\%\)\] {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--info-soft);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab,var(--info-soft),var(--info) 10%);
          }
        }
      }
    }
  }
  .group-data-\[color\=info\]\/toast\:hover\:text-foreground-info-soft {
    &:is(:where(.group\/toast)[data-color="info"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--info-soft-foreground);
        }
      }
    }
  }
  .group-data-\[color\=success\]\/toast\:hover\:bg-\[color-mix\(in_oklab\,var\(--success-soft\)\,var\(--success\)_10\%\)\] {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--success-soft);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab,var(--success-soft),var(--success) 10%);
          }
        }
      }
    }
  }
  .group-data-\[color\=success\]\/toast\:hover\:text-foreground-success-soft {
    &:is(:where(.group\/toast)[data-color="success"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--success-soft-foreground);
        }
      }
    }
  }
  .group-data-\[color\=warning\]\/toast\:hover\:bg-\[color-mix\(in_oklab\,var\(--warning-soft\)\,var\(--warning\)_10\%\)\] {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--warning-soft);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab,var(--warning-soft),var(--warning) 10%);
          }
        }
      }
    }
  }
  .group-data-\[color\=warning\]\/toast\:hover\:text-foreground-warning-soft {
    &:is(:where(.group\/toast)[data-color="warning"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--warning-soft-foreground);
        }
      }
    }
  }
  .hover\:file\:highlight {
    &:hover {
      @media (hover: hover) {
        &::file-selector-button {
          background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
        }
      }
    }
  }
  .hover\:after\:absolute {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .hover\:after\:inset-y-0 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          inset-block: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .hover\:after\:left-0 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          left: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .hover\:after\:my-1\.5 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          margin-block: calc(var(--spacing) * 1.5);
        }
      }
    }
  }
  .hover\:after\:w-1 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          width: calc(var(--spacing) * 1);
        }
      }
    }
  }
  .hover\:after\:rounded-r-md {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          border-top-right-radius: var(--radius-md);
          border-bottom-right-radius: var(--radius-md);
        }
      }
    }
  }
  .hover\:after\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-blue-600);
        }
      }
    }
  }
  .hover\:after\:opacity-\[var\(--btn-hover-opacity\)\] {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          opacity: var(--btn-hover-opacity);
        }
      }
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-green-400 {
    &:focus {
      border-color: var(--color-green-400);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:border-red-500 {
    &:focus {
      border-color: var(--color-red-500);
    }
  }
  .focus\:highlight {
    &:focus {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .focus\:text-foreground {
    &:focus {
      color: var(--foreground);
    }
  }
  .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .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-black {
    &:focus {
      --tw-ring-color: var(--color-black);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-green-300 {
    &:focus {
      --tw-ring-color: var(--color-green-300);
    }
  }
  .focus\:ring-red-300 {
    &:focus {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-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\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:z-10 {
    &:focus-visible {
      z-index: 10;
    }
  }
  .focus-visible\:border-focus {
    &:focus-visible {
      border-color: var(--focus);
    }
  }
  .focus-visible\:border-focus\! {
    &:focus-visible {
      border-color: var(--focus) !important;
    }
  }
  .focus-visible\:bg-zinc-50 {
    &:focus-visible {
      background-color: var(--color-zinc-50);
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --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-visible\:ring-3 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-focus {
    &:focus-visible {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .focus-visible\:ring-primary {
    &:focus-visible {
      --tw-ring-color: var(--primary);
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:-outline-offset-2 {
    &:focus-visible {
      outline-offset: calc(2px * -1);
    }
  }
  .focus-visible\:outline-offset-1 {
    &:focus-visible {
      outline-offset: 1px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-offset-4 {
    &:focus-visible {
      outline-offset: 4px;
    }
  }
  .focus-visible\:outline-\(--focus\) {
    &:focus-visible {
      outline-color: var(--focus);
    }
  }
  .focus-visible\:outline-white {
    &:focus-visible {
      outline-color: var(--color-white);
    }
  }
  .focus-visible\:transition-\[box-shadow\] {
    &:focus-visible {
      transition-property: box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
  .active\:bg-foreground-softer {
    &:active {
      background-color: var(--foreground-softer);
    }
  }
  .active\:highlight {
    &:active {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .active\:text-zinc-900\/70 {
    &:active {
      color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
      }
    }
  }
  .active\:after\:opacity-\[var\(--btn-active-opacity\)\] {
    &:active {
      &::after {
        content: var(--tw-content);
        opacity: var(--btn-active-opacity);
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-input-disabled {
    &:disabled {
      background-color: var(--background-input-disabled);
    }
  }
  .disabled\:text-foreground-soft {
    &:disabled {
      color: var(--foreground-soft);
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .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);
    }
  }
  .disabled\:not-checked\:bg-input-disabled {
    &:disabled {
      &:not(*:checked) {
        background-color: var(--background-input-disabled);
      }
    }
  }
  .in-data-disabled\:cursor-not-allowed {
    :where(*[data-disabled]) & {
      cursor: not-allowed;
    }
  }
  .in-data-disabled\:bg-transparent\! {
    :where(*[data-disabled]) & {
      background-color: transparent !important;
    }
  }
  .in-data-disabled\:opacity-70 {
    :where(*[data-disabled]) & {
      opacity: 70%;
    }
  }
  .in-data-expanded\:rotate-90 {
    :where(*[data-expanded]) & {
      rotate: 90deg;
    }
  }
  .in-data-highlighted\:bg-zinc-100 {
    :where(*[data-highlighted]) & {
      background-color: var(--color-zinc-100);
    }
  }
  .in-data-highlighted\:highlight {
    :where(*[data-highlighted]) & {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .in-data-highlighted\:text-foreground {
    :where(*[data-highlighted]) & {
      color: var(--foreground);
    }
  }
  .in-data-open\:opacity-100 {
    :where(*[data-open]) & {
      opacity: 100%;
    }
  }
  .in-data-selected\:block {
    :where(*[data-selected]) & {
      display: block;
    }
  }
  .in-data-selected\:bg-blue-50 {
    :where(*[data-selected]) & {
      background-color: var(--color-blue-50);
    }
  }
  .in-data-selected\:font-medium {
    :where(*[data-selected]) & {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .in-data-show-seconds\:block {
    :where(*[data-show-seconds]) & {
      display: block;
    }
  }
  .in-data-sidebar-collapsed\:pointer-events-none {
    :where(*[data-sidebar-collapsed]) & {
      pointer-events: none;
    }
  }
  .in-data-sidebar-collapsed\:absolute {
    :where(*[data-sidebar-collapsed]) & {
      position: absolute;
    }
  }
  .in-data-sidebar-collapsed\:-top-1 {
    :where(*[data-sidebar-collapsed]) & {
      top: calc(var(--spacing) * -1);
    }
  }
  .in-data-sidebar-collapsed\:-right-1 {
    :where(*[data-sidebar-collapsed]) & {
      right: calc(var(--spacing) * -1);
    }
  }
  .in-data-sidebar-collapsed\:left-\[2\.625rem\] {
    :where(*[data-sidebar-collapsed]) & {
      left: 2.625rem;
    }
  }
  .in-data-sidebar-collapsed\:ml-0 {
    :where(*[data-sidebar-collapsed]) & {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .in-data-sidebar-collapsed\:hidden {
    :where(*[data-sidebar-collapsed]) & {
      display: none;
    }
  }
  .in-data-sidebar-collapsed\:inline-flex {
    :where(*[data-sidebar-collapsed]) & {
      display: inline-flex;
    }
  }
  .in-data-sidebar-collapsed\:size-10 {
    :where(*[data-sidebar-collapsed]) & {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .in-data-sidebar-collapsed\:w-10 {
    :where(*[data-sidebar-collapsed]) & {
      width: calc(var(--spacing) * 10);
    }
  }
  .in-data-sidebar-collapsed\:w-16 {
    :where(*[data-sidebar-collapsed]) & {
      width: calc(var(--spacing) * 16);
    }
  }
  .in-data-sidebar-collapsed\:px-0 {
    :where(*[data-sidebar-collapsed]) & {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .in-data-sidebar-collapsed\:opacity-0 {
    :where(*[data-sidebar-collapsed]) & {
      opacity: 0%;
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-inline-start\:0\] {
    :where(*[data-orientation="vertical"]) & {
      inset-inline-start: 0;
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-inline-start\:50\%\] {
    :where(*[data-orientation="vertical"]) & {
      inset-inline-start: 50%;
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-inline-end\:0\] {
    :where(*[data-orientation="vertical"]) & {
      inset-inline-end: 0;
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-block-start\:auto\] {
    :where(*[data-orientation="vertical"]) & {
      inset-block-start: auto;
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-block-start\:calc\(100\%_-_var\(--fluxon-slider-fill-end\)\)\] {
    :where(*[data-orientation="vertical"]) & {
      inset-block-start: calc(100% - var(--fluxon-slider-fill-end));
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-block-end\:var\(--fluxon-slider-fill-start\)\] {
    :where(*[data-orientation="vertical"]) & {
      inset-block-end: var(--fluxon-slider-fill-start);
    }
  }
  .in-data-\[orientation\=vertical\]\:\[inset-block-end\:var\(--fluxon-slider-offset\)\] {
    :where(*[data-orientation="vertical"]) & {
      inset-block-end: var(--fluxon-slider-offset);
    }
  }
  .in-data-\[orientation\=vertical\]\:ms-2 {
    :where(*[data-orientation="vertical"]) & {
      margin-inline-start: calc(var(--spacing) * 2);
    }
  }
  .in-data-\[orientation\=vertical\]\:mt-0 {
    :where(*[data-orientation="vertical"]) & {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .in-data-\[orientation\=vertical\]\:h-full {
    :where(*[data-orientation="vertical"]) & {
      height: 100%;
    }
  }
  .in-data-\[orientation\=vertical\]\:h-px {
    :where(*[data-orientation="vertical"]) & {
      height: 1px;
    }
  }
  .in-data-\[orientation\=vertical\]\:w-1 {
    :where(*[data-orientation="vertical"]) & {
      width: calc(var(--spacing) * 1);
    }
  }
  .in-data-\[orientation\=vertical\]\:w-1\.5 {
    :where(*[data-orientation="vertical"]) & {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .in-data-\[orientation\=vertical\]\:w-2 {
    :where(*[data-orientation="vertical"]) & {
      width: calc(var(--spacing) * 2);
    }
  }
  .in-data-\[orientation\=vertical\]\:w-auto {
    :where(*[data-orientation="vertical"]) & {
      width: auto;
    }
  }
  .in-data-\[orientation\=vertical\]\:translate-x-0 {
    :where(*[data-orientation="vertical"]) & {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .in-data-\[orientation\=vertical\]\:translate-y-1\/2 {
    :where(*[data-orientation="vertical"]) & {
      --tw-translate-y: calc(1 / 2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .in-data-\[orientation\=vertical\]\:translate-y-\[50\%\] {
    :where(*[data-orientation="vertical"]) & {
      --tw-translate-y: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .in-data-\[orientation\=vertical\]\:flex-row {
    :where(*[data-orientation="vertical"]) & {
      flex-direction: row;
    }
  }
  .in-data-\[orientation\=vertical\]\:self-end {
    :where(*[data-orientation="vertical"]) & {
      align-self: flex-end;
    }
  }
  .in-data-\[range\=false\]\:\[--fluxon-slider-fill-start\:0px\] {
    :where(*[data-range="false"]) & {
      --fluxon-slider-fill-start: 0px;
    }
  }
  .has-checked\:border-base {
    &:has(*:checked) {
      border-color: var(--border-base);
    }
  }
  .has-checked\:border-blue-500 {
    &:has(*:checked) {
      border-color: var(--color-blue-500);
    }
  }
  .has-checked\:border-primary {
    &:has(*:checked) {
      border-color: var(--primary-border);
    }
  }
  .has-checked\:bg-blue-50 {
    &:has(*:checked) {
      background-color: var(--color-blue-50);
    }
  }
  .has-checked\:bg-zinc-800 {
    &:has(*:checked) {
      background-color: var(--color-zinc-800);
    }
  }
  .has-checked\:highlight-strong {
    &:has(*:checked) {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
    }
  }
  .has-checked\:text-foreground {
    &:has(*:checked) {
      color: var(--foreground);
    }
  }
  .has-checked\:text-white {
    &:has(*:checked) {
      color: var(--color-white);
    }
  }
  .\*\*\:has-focus\:z-10 {
    :is(& *) {
      &:has(*:focus) {
        z-index: 10;
      }
    }
  }
  .has-focus-visible\:border-focus {
    &:has(*:focus-visible) {
      border-color: var(--focus);
    }
  }
  .has-focus-visible\:ring-3 {
    &:has(*:focus-visible) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
  }
  .has-focus-visible\:ring-focus {
    &:has(*:focus-visible) {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .has-disabled\:pointer-events-none {
    &:has(*:disabled) {
      pointer-events: none;
    }
  }
  .has-disabled\:bg-input-disabled {
    &:has(*:disabled) {
      background-color: var(--background-input-disabled);
    }
  }
  .has-disabled\:opacity-70 {
    &:has(*:disabled) {
      opacity: 70%;
    }
  }
  .has-disabled\:shadow-none {
    &:has(*: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);
    }
  }
  .has-data-\[part\=label\]\:grid {
    &:has(*[data-part="label"]) {
      display: grid;
    }
  }
  .has-data-\[part\=label\]\:grid-cols-\[auto_1fr\] {
    &:has(*[data-part="label"]) {
      grid-template-columns: auto 1fr;
    }
  }
  .has-data-\[part\=label\]\:gap-x-3 {
    &:has(*[data-part="label"]) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .has-data-\[part\=label\]\:gap-y-1 {
    &:has(*[data-part="label"]) {
      row-gap: calc(var(--spacing) * 1);
    }
  }
  .\*\*\:has-\[\[data-part\=field\]\[data-invalid\]\]\:z-10 {
    :is(& *) {
      &:has(*:is([data-part=field][data-invalid])) {
        z-index: 10;
      }
    }
  }
  .has-\[\[data-part\=inner-prefix\]\]\:pl-1\.5 {
    &:has(*:is([data-part=inner-prefix])) {
      padding-left: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\[data-part\=inner-prefix\]\]\:pl-2 {
    &:has(*:is([data-part=inner-prefix])) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .has-\[\[data-part\=inner-prefix\]\]\:pl-2\.5 {
    &:has(*:is([data-part=inner-prefix])) {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\[data-part\=inner-suffix\]\]\:pr-1\.5 {
    &:has(*:is([data-part=inner-suffix])) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\[data-part\=inner-suffix\]\]\:pr-2 {
    &:has(*:is([data-part=inner-suffix])) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .has-\[\[data-part\=inner-suffix\]\]\:pr-2\.5 {
    &:has(*:is([data-part=inner-suffix])) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\[data-part\=leading-icon\]\]\:pl-1\.5 {
    &:has(*:is([data-part=leading-icon])) {
      padding-left: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\[data-part\=leading-icon\]\]\:pl-2 {
    &:has(*:is([data-part=leading-icon])) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .has-\[\[data-part\=leading-icon\]\]\:pl-2\.5 {
    &:has(*:is([data-part=leading-icon])) {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\[data-part\=option-placeholder\]\:checked\]\:text-foreground-softest {
    &:has(*:is([data-part=option-placeholder]:checked)) {
      color: var(--foreground-softest);
    }
  }
  .has-\[\[data-part\=tag\]\]\:py-1 {
    &:has(*:is([data-part=tag])) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .has-\[\[data-part\=tag\]\]\:pl-1 {
    &:has(*:is([data-part=tag])) {
      padding-left: calc(var(--spacing) * 1);
    }
  }
  .\*\*\:has-\[\[data-part\=toggle\]\[data-invalid\]\]\:z-10 {
    :is(& *) {
      &:has(*:is([data-part=toggle][data-invalid])) {
        z-index: 10;
      }
    }
  }
  .has-\[\[data-part\=trailing-icon\]\]\:pr-1\.5 {
    &:has(*:is([data-part=trailing-icon])) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\[data-part\=trailing-icon\]\]\:pr-2 {
    &:has(*:is([data-part=trailing-icon])) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .has-\[\[data-part\=trailing-icon\]\]\:pr-2\.5 {
    &:has(*:is([data-part=trailing-icon])) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[button\:disabled\]\:pointer-events-none {
    &:has(*:is(button:disabled)) {
      pointer-events: none;
    }
  }
  .has-\[button\:disabled\]\:opacity-70 {
    &:has(*:is(button:disabled)) {
      opacity: 70%;
    }
  }
  .has-\[input\:checked\]\:bg-danger {
    &:has(*:is(input:checked)) {
      background-color: var(--danger);
    }
  }
  .has-\[input\:checked\]\:bg-info {
    &:has(*:is(input:checked)) {
      background-color: var(--info);
    }
  }
  .has-\[input\:checked\]\:bg-primary {
    &:has(*:is(input:checked)) {
      background-color: var(--primary);
    }
  }
  .has-\[input\:checked\]\:bg-success {
    &:has(*:is(input:checked)) {
      background-color: var(--success);
    }
  }
  .has-\[input\:checked\]\:bg-warning {
    &:has(*:is(input:checked)) {
      background-color: var(--warning);
    }
  }
  .has-\[input\:disabled\]\:pointer-events-none {
    &:has(*:is(input:disabled)) {
      pointer-events: none;
    }
  }
  .has-\[input\:disabled\]\:bg-input-disabled {
    &:has(*:is(input:disabled)) {
      background-color: var(--background-input-disabled);
    }
  }
  .has-\[input\:disabled\]\:text-foreground-soft {
    &:has(*:is(input:disabled)) {
      color: var(--foreground-soft);
    }
  }
  .has-\[input\:disabled\]\:opacity-70 {
    &:has(*:is(input:disabled)) {
      opacity: 70%;
    }
  }
  .has-\[input\:disabled\]\:shadow-none {
    &:has(*:is(input: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);
    }
  }
  .has-\[input\:focus-visible\]\:border-focus {
    &:has(*:is(input:focus-visible)) {
      border-color: var(--focus);
    }
  }
  .has-\[input\:focus-visible\]\:ring-3 {
    &:has(*:is(input:focus-visible)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
  }
  .has-\[input\:focus-visible\]\:ring-focus {
    &:has(*:is(input:focus-visible)) {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .has-\[\>\.icon\]\:px-0 {
    &:has(>.icon) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .has-\[\>\.icon\]\:px-2\.5 {
    &:has(>.icon) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\>\.icon\]\:px-3 {
    &:has(>.icon) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>\.icon\]\:px-3\.5 {
    &:has(>.icon) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .has-\[\>button\:not\(\[hidden\]\)\]\:grid {
    &:has(>button:not([hidden])) {
      display: grid;
    }
  }
  .aria-current\:ring-1 {
    &[aria-current="true"] {
      --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);
    }
  }
  .aria-current\:ring-base {
    &[aria-current="true"] {
      --tw-ring-color: var(--border-base);
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:cursor-default {
    &[aria-disabled="true"] {
      cursor: default;
    }
  }
  .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
  .aria-expanded\:highlight {
    &[aria-expanded="true"] {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .aria-pressed\:text-foreground {
    &[aria-pressed="true"] {
      color: var(--foreground);
    }
  }
  .data-active\:block {
    &[data-active] {
      display: block;
    }
  }
  .data-active\:border-base {
    &[data-active] {
      border-color: var(--border-base);
    }
  }
  .data-active\:border-transparent {
    &[data-active] {
      border-color: transparent;
    }
  }
  .data-active\:surface {
    &[data-active] {
      container-name: fluxon;
      --surface-level: 1;
      --surface-shadow: calc(1 + (var(--surface-level) - 1) * var(--surface-shadow-step));
      background-color: light-dark(var(--surface), oklch(from var(--background-base) calc(l + var(--surface-level) * var(--surface-step)) c h));
      box-shadow: inset 0 1px 0 0 light-dark(transparent, rgb(255 255 255 / 0.06)), inset 0 0 0 1px light-dark(transparent, rgb(255 255 255 / 0.05)), 0 0 0 1px var(--surface-ring, light-dark(var(--border-base), rgb(0 0 0 / 0.16))), 0 calc(var(--surface-shadow) * 1px) calc(var(--surface-shadow) * 2px) calc(var(--surface-shadow) * -1px) light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.32)), 0 calc(var(--surface-shadow) * 2px) calc(var(--surface-shadow) * 4px) calc(var(--surface-shadow) * -1.5px) light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.26)), 0 calc(var(--surface-shadow) * 4px) calc(var(--surface-shadow) * 8px) calc(var(--surface-shadow) * -3px) light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.22));
    }
  }
  .data-active\:bg-base {
    &[data-active] {
      background-color: var(--background-base);
    }
  }
  .data-active\:bg-control {
    &[data-active] {
      background-color: var(--background-control);
    }
  }
  .data-active\:bg-danger\/10 {
    &[data-active] {
      background-color: var(--danger);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--danger) 10%, transparent);
      }
    }
  }
  .data-active\:bg-surface {
    &[data-active] {
      background-color: var(--surface);
    }
  }
  .data-active\:highlight {
    &[data-active] {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .data-active\:highlight-strong {
    &[data-active] {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
    }
  }
  .data-active\:font-medium {
    &[data-active] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-active\:text-foreground {
    &[data-active] {
      color: var(--foreground);
    }
  }
  .data-active\:text-foreground-soft {
    &[data-active] {
      color: var(--foreground-soft);
    }
  }
  .data-active\:shadow-sm {
    &[data-active] {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-active\:shadow-xs {
    &[data-active] {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-active\:ring-1 {
    &[data-active] {
      --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);
    }
  }
  .data-active\:ring-base {
    &[data-active] {
      --tw-ring-color: var(--border-base);
    }
  }
  .data-active\:after\:w-full {
    &[data-active] {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .data-disabled\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-disabled\:cursor-default {
    &[data-disabled] {
      cursor: default;
    }
  }
  .data-disabled\:cursor-not-allowed {
    &[data-disabled] {
      cursor: not-allowed;
    }
  }
  .data-disabled\:bg-input-disabled {
    &[data-disabled] {
      background-color: var(--background-input-disabled);
    }
  }
  .data-disabled\:text-foreground-softest {
    &[data-disabled] {
      color: var(--foreground-softest);
    }
  }
  .data-disabled\:line-through {
    &[data-disabled] {
      text-decoration-line: line-through;
    }
  }
  .data-disabled\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-disabled\:opacity-70 {
    &[data-disabled] {
      opacity: 70%;
    }
  }
  .data-disabled\:shadow-none {
    &[data-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);
    }
  }
  .data-dragging\:z-2 {
    &[data-dragging] {
      z-index: 2;
    }
  }
  .not-data-disabled\:data-dragging\:cursor-grabbing {
    &:not(*[data-disabled]) {
      &[data-dragging] {
        cursor: grabbing;
      }
    }
  }
  .data-focused\:ring-2 {
    &[data-focused] {
      --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);
    }
  }
  .data-focused\:ring-focus {
    &[data-focused] {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .data-full-width\:w-full {
    &[data-full-width] {
      width: 100%;
    }
  }
  .data-highlighted\:highlight {
    &[data-highlighted] {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
    }
  }
  .data-highlighted\:ring-2 {
    &[data-highlighted] {
      --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);
    }
  }
  .data-highlighted\:ring-focus {
    &[data-highlighted] {
      --tw-ring-color: var(--focus);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus), transparent 80%);
      }
    }
  }
  .data-in-range\:relative {
    &[data-in-range] {
      position: relative;
    }
  }
  .data-in-range\:before\:absolute {
    &[data-in-range] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-in-range\:before\:inset-0 {
    &[data-in-range] {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .data-in-range\:before\:-z-1 {
    &[data-in-range] {
      &::before {
        content: var(--tw-content);
        z-index: calc(1 * -1);
      }
    }
  }
  .data-in-range\:before\:-mx-\[2px\] {
    &[data-in-range] {
      &::before {
        content: var(--tw-content);
        margin-inline: calc(2px * -1);
      }
    }
  }
  .data-in-range\:before\:highlight-strong {
    &[data-in-range] {
      &::before {
        content: var(--tw-content);
        background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
      }
    }
  }
  .data-invalid\:border-danger {
    &[data-invalid] {
      border-color: var(--danger-border);
    }
  }
  .focus-within\:data-invalid\:border-focus-danger {
    &:focus-within {
      &[data-invalid] {
        border-color: var(--focus-danger);
      }
    }
  }
  .focus-within\:data-invalid\:ring-focus-danger {
    &:focus-within {
      &[data-invalid] {
        --tw-ring-color: var(--focus-danger);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--focus-danger), transparent 70%);
        }
      }
    }
  }
  .data-invalid\:focus-visible\:border-focus-danger {
    &[data-invalid] {
      &:focus-visible {
        border-color: var(--focus-danger);
      }
    }
  }
  .focus-visible\:data-invalid\:border-focus-danger {
    &:focus-visible {
      &[data-invalid] {
        border-color: var(--focus-danger);
      }
    }
  }
  .data-invalid\:focus-visible\:ring-focus-danger {
    &[data-invalid] {
      &:focus-visible {
        --tw-ring-color: var(--focus-danger);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--focus-danger), transparent 70%);
        }
      }
    }
  }
  .focus-visible\:data-invalid\:ring-focus-danger {
    &:focus-visible {
      &[data-invalid] {
        --tw-ring-color: var(--focus-danger);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--focus-danger), transparent 70%);
        }
      }
    }
  }
  .has-\[input\:focus-visible\]\:data-invalid\:border-focus-danger {
    &:has(*:is(input:focus-visible)) {
      &[data-invalid] {
        border-color: var(--focus-danger);
      }
    }
  }
  .has-\[input\:focus-visible\]\:data-invalid\:ring-focus-danger {
    &:has(*:is(input:focus-visible)) {
      &[data-invalid] {
        --tw-ring-color: var(--focus-danger);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--focus-danger), transparent 70%);
        }
      }
    }
  }
  .data-keyboard-focus\:shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.1\)\,0_0_0_3px_var\(--focus-ring\)\] {
    &[data-keyboard-focus] {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)), 0 2px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 0 0 3px var(--tw-shadow-color, var(--focus-ring));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-keyboard-focus\:ring-\[var\(--focus\)\] {
    &[data-keyboard-focus] {
      --tw-ring-color: var(--focus);
    }
  }
  .data-other-month\:text-foreground-softest {
    &[data-other-month] {
      color: var(--foreground-softest);
    }
  }
  .data-placeholder\:pointer-events-none {
    &[data-placeholder] {
      pointer-events: none;
    }
  }
  .data-placeholder\:cursor-default {
    &[data-placeholder] {
      cursor: default;
    }
  }
  .data-range-end\:relative {
    &[data-range-end] {
      position: relative;
    }
  }
  .data-range-end\:bg-primary {
    &[data-range-end] {
      background-color: var(--primary);
    }
  }
  .data-range-end\:text-foreground-primary {
    &[data-range-end] {
      color: var(--foreground-primary);
    }
  }
  .data-range-end\:before\:absolute {
    &[data-range-end] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-range-end\:before\:inset-0 {
    &[data-range-end] {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .data-range-end\:before\:-z-1 {
    &[data-range-end] {
      &::before {
        content: var(--tw-content);
        z-index: calc(1 * -1);
      }
    }
  }
  .data-range-end\:before\:highlight-strong {
    &[data-range-end] {
      &::before {
        content: var(--tw-content);
        background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
      }
    }
  }
  .data-range-end\:hover\:bg-primary {
    &[data-range-end] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
        }
      }
    }
  }
  .data-range-start\:relative {
    &[data-range-start] {
      position: relative;
    }
  }
  .data-range-start\:bg-primary {
    &[data-range-start] {
      background-color: var(--primary);
    }
  }
  .data-range-start\:text-foreground-primary {
    &[data-range-start] {
      color: var(--foreground-primary);
    }
  }
  .data-range-start\:before\:absolute {
    &[data-range-start] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-range-start\:before\:inset-0 {
    &[data-range-start] {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .data-range-start\:before\:-z-1 {
    &[data-range-start] {
      &::before {
        content: var(--tw-content);
        z-index: calc(1 * -1);
      }
    }
  }
  .data-range-start\:before\:highlight-strong {
    &[data-range-start] {
      &::before {
        content: var(--tw-content);
        background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
      }
    }
  }
  .data-range-start\:hover\:bg-primary {
    &[data-range-start] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
        }
      }
    }
  }
  .data-selected\:bg-primary {
    &[data-selected] {
      background-color: var(--primary);
    }
  }
  .data-selected\:bg-primary-soft {
    &[data-selected] {
      background-color: var(--primary-soft);
    }
  }
  .data-selected\:text-foreground-primary {
    &[data-selected] {
      color: var(--foreground-primary);
    }
  }
  .data-typeable\:cursor-text {
    &[data-typeable] {
      cursor: text;
    }
  }
  .data-\[a\=b\]\:\[color\:red\] {
    &[data-a="b"] {
      color: red;
    }
  }
  .data-\[a\=b\]\:\[background\:blue\] {
    &[data-a="b"] {
      background: blue;
    }
  }
  .data-\[active\]\:highlight-strong {
    &[data-active] {
      background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)), light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.10)));
    }
  }
  .data-\[active\]\:text-primary {
    &[data-active] {
      color: var(--primary);
    }
  }
  .data-\[anchor\=bottom\]\:bottom-0 {
    &[data-anchor="bottom"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[anchor\=bottom\]\:\[--lift\:-1\] {
    &[data-anchor="bottom"] {
      --lift: -1;
    }
  }
  .data-\[anchor\=bottom\]\:after\:bottom-full {
    &[data-anchor="bottom"] {
      &::after {
        content: var(--tw-content);
        bottom: 100%;
      }
    }
  }
  .data-\[anchor\=top\]\:top-0 {
    &[data-anchor="top"] {
      top: calc(var(--spacing) * 0);
    }
  }
  .data-\[anchor\=top\]\:after\:top-full {
    &[data-anchor="top"] {
      &::after {
        content: var(--tw-content);
        top: 100%;
      }
    }
  }
  .data-\[color\=danger\]\:\[--btn-border\:var\(--danger-border\)\] {
    &[data-color="danger"] {
      --btn-border: var(--danger-border);
    }
  }
  .data-\[color\=danger\]\:\[--btn-color\:var\(--danger\)\] {
    &[data-color="danger"] {
      --btn-color: var(--danger);
    }
  }
  .data-\[color\=danger\]\:\[--btn-foreground\:var\(--danger-foreground\)\] {
    &[data-color="danger"] {
      --btn-foreground: var(--danger-foreground);
    }
  }
  .data-\[color\=danger\]\:\[--btn-ghost-text\:var\(--danger\)\] {
    &[data-color="danger"] {
      --btn-ghost-text: var(--danger);
    }
  }
  .data-\[color\=danger\]\:\[--btn-outline-hover\:var\(--danger-soft\)\] {
    &[data-color="danger"] {
      --btn-outline-hover: var(--danger-soft);
    }
  }
  .data-\[color\=danger\]\:\[--btn-soft-hover\:color-mix\(in_oklab\,var\(--danger-soft\)\,var\(--danger\)_10\%\)\] {
    &[data-color="danger"] {
      --btn-soft-hover: var(--danger-soft);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-soft-hover: color-mix(in oklab,var(--danger-soft),var(--danger) 10%);
      }
    }
  }
  .data-\[color\=danger\]\:\[--btn-soft-text\:var\(--danger-soft-foreground\)\] {
    &[data-color="danger"] {
      --btn-soft-text: var(--danger-soft-foreground);
    }
  }
  .data-\[color\=danger\]\:\[--btn-soft\:var\(--danger-soft\)\] {
    &[data-color="danger"] {
      --btn-soft: var(--danger-soft);
    }
  }
  .data-\[color\=info\]\:\[--btn-border\:var\(--info-border\)\] {
    &[data-color="info"] {
      --btn-border: var(--info-border);
    }
  }
  .data-\[color\=info\]\:\[--btn-color\:var\(--info\)\] {
    &[data-color="info"] {
      --btn-color: var(--info);
    }
  }
  .data-\[color\=info\]\:\[--btn-foreground\:var\(--info-foreground\)\] {
    &[data-color="info"] {
      --btn-foreground: var(--info-foreground);
    }
  }
  .data-\[color\=info\]\:\[--btn-ghost-text\:var\(--info\)\] {
    &[data-color="info"] {
      --btn-ghost-text: var(--info);
    }
  }
  .data-\[color\=info\]\:\[--btn-outline-hover\:var\(--info-soft\)\] {
    &[data-color="info"] {
      --btn-outline-hover: var(--info-soft);
    }
  }
  .data-\[color\=info\]\:\[--btn-soft-hover\:color-mix\(in_oklab\,var\(--info-soft\)\,var\(--info\)_10\%\)\] {
    &[data-color="info"] {
      --btn-soft-hover: var(--info-soft);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-soft-hover: color-mix(in oklab,var(--info-soft),var(--info) 10%);
      }
    }
  }
  .data-\[color\=info\]\:\[--btn-soft-text\:var\(--info-soft-foreground\)\] {
    &[data-color="info"] {
      --btn-soft-text: var(--info-soft-foreground);
    }
  }
  .data-\[color\=info\]\:\[--btn-soft\:var\(--info-soft\)\] {
    &[data-color="info"] {
      --btn-soft: var(--info-soft);
    }
  }
  .data-\[color\=success\]\:\[--btn-border\:var\(--success-border\)\] {
    &[data-color="success"] {
      --btn-border: var(--success-border);
    }
  }
  .data-\[color\=success\]\:\[--btn-color\:var\(--success\)\] {
    &[data-color="success"] {
      --btn-color: var(--success);
    }
  }
  .data-\[color\=success\]\:\[--btn-foreground\:var\(--success-foreground\)\] {
    &[data-color="success"] {
      --btn-foreground: var(--success-foreground);
    }
  }
  .data-\[color\=success\]\:\[--btn-ghost-text\:var\(--success\)\] {
    &[data-color="success"] {
      --btn-ghost-text: var(--success);
    }
  }
  .data-\[color\=success\]\:\[--btn-outline-hover\:var\(--success-soft\)\] {
    &[data-color="success"] {
      --btn-outline-hover: var(--success-soft);
    }
  }
  .data-\[color\=success\]\:\[--btn-soft-hover\:color-mix\(in_oklab\,var\(--success-soft\)\,var\(--success\)_10\%\)\] {
    &[data-color="success"] {
      --btn-soft-hover: var(--success-soft);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-soft-hover: color-mix(in oklab,var(--success-soft),var(--success) 10%);
      }
    }
  }
  .data-\[color\=success\]\:\[--btn-soft-text\:var\(--success-soft-foreground\)\] {
    &[data-color="success"] {
      --btn-soft-text: var(--success-soft-foreground);
    }
  }
  .data-\[color\=success\]\:\[--btn-soft\:var\(--success-soft\)\] {
    &[data-color="success"] {
      --btn-soft: var(--success-soft);
    }
  }
  .data-\[color\=warning\]\:\[--btn-border\:var\(--warning-border\)\] {
    &[data-color="warning"] {
      --btn-border: var(--warning-border);
    }
  }
  .data-\[color\=warning\]\:\[--btn-color\:var\(--warning\)\] {
    &[data-color="warning"] {
      --btn-color: var(--warning);
    }
  }
  .data-\[color\=warning\]\:\[--btn-foreground\:var\(--warning-foreground\)\] {
    &[data-color="warning"] {
      --btn-foreground: var(--warning-foreground);
    }
  }
  .data-\[color\=warning\]\:\[--btn-ghost-text\:var\(--warning\)\] {
    &[data-color="warning"] {
      --btn-ghost-text: var(--warning);
    }
  }
  .data-\[color\=warning\]\:\[--btn-outline-hover\:var\(--warning-soft\)\] {
    &[data-color="warning"] {
      --btn-outline-hover: var(--warning-soft);
    }
  }
  .data-\[color\=warning\]\:\[--btn-soft-hover\:color-mix\(in_oklab\,var\(--warning-soft\)\,var\(--warning\)_10\%\)\] {
    &[data-color="warning"] {
      --btn-soft-hover: var(--warning-soft);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-soft-hover: color-mix(in oklab,var(--warning-soft),var(--warning) 10%);
      }
    }
  }
  .data-\[color\=warning\]\:\[--btn-soft-text\:var\(--warning-soft-foreground\)\] {
    &[data-color="warning"] {
      --btn-soft-text: var(--warning-soft-foreground);
    }
  }
  .data-\[color\=warning\]\:\[--btn-soft\:var\(--warning-soft\)\] {
    &[data-color="warning"] {
      --btn-soft: var(--warning-soft);
    }
  }
  .data-\[control\=right\]\:order-last {
    &[data-control="right"] {
      order: 9999;
    }
  }
  .group-data-\[expanded\=false\]\/toaster\:data-\[front\=false\]\:pointer-events-none {
    &:is(:where(.group\/toaster)[data-expanded="false"] *) {
      &[data-front="false"] {
        pointer-events: none;
      }
    }
  }
  .group-data-\[expanded\=false\]\/toaster\:data-\[front\=false\]\:\[--y\:translateY\(calc\(var\(--lift\)\*var\(--gap\)\*var\(--toasts-before\)\)\)_scale\(calc\(1-0\.05\*var\(--toasts-before\)\)\)_scaleY\(calc\(var\(--front-toast-height\)\/var\(--initial-height\,1px\)\)\)\] {
    &:is(:where(.group\/toaster)[data-expanded="false"] *) {
      &[data-front="false"] {
        --y: translateY(calc(var(--lift) * var(--gap) * var(--toasts-before))) scale(calc(1 - 0.05 * var(--toasts-before))) scaleY(calc(var(--front-toast-height) / var(--initial-height,1px)));
      }
    }
  }
  .data-\[mounted\=false\]\:opacity-0 {
    &[data-mounted="false"] {
      opacity: 0%;
    }
  }
  .data-\[mounted\=false\]\:\[--y\:translateY\(calc\(var\(--lift\)\*-100\%\)\)\] {
    &[data-mounted="false"] {
      --y: translateY(calc(var(--lift) * -100%));
    }
  }
  .data-\[mounted\=true\]\:opacity-100 {
    &[data-mounted="true"] {
      opacity: 100%;
    }
  }
  .data-\[mounted\=true\]\:\[--y\:translateY\(0\)\] {
    &[data-mounted="true"] {
      --y: translateY(0);
    }
  }
  .group-data-\[expanded\=true\]\/toaster\:data-\[mounted\=true\]\:\[--y\:translateY\(calc\(var\(--lift\)\*var\(--offset\,0px\)\)\)\] {
    &:is(:where(.group\/toaster)[data-expanded="true"] *) {
      &[data-mounted="true"] {
        --y: translateY(calc(var(--lift) * var(--offset,0px)));
      }
    }
  }
  .data-\[orientation\=horizontal\]\:right-0 {
    &[data-orientation="horizontal"] {
      right: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=horizontal\]\:bottom-0 {
    &[data-orientation="horizontal"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=horizontal\]\:left-0 {
    &[data-orientation="horizontal"] {
      left: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=horizontal\]\:h-1\.5 {
    &[data-orientation="horizontal"] {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=horizontal\]\:h-full {
    &[data-orientation="horizontal"] {
      height: 100%;
    }
  }
  .group-data-\[overflow-y\]\/scroll-area\:data-\[orientation\=horizontal\]\:right-1\.5 {
    &:is(:where(.group\/scroll-area)[data-overflow-y] *) {
      &[data-orientation="horizontal"] {
        right: calc(var(--spacing) * 1.5);
      }
    }
  }
  .data-\[orientation\=vertical\]\:top-0 {
    &[data-orientation="vertical"] {
      top: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=vertical\]\:right-0 {
    &[data-orientation="vertical"] {
      right: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=vertical\]\:bottom-0 {
    &[data-orientation="vertical"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=vertical\]\:min-h-0 {
    &[data-orientation="vertical"] {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .data-\[orientation\=vertical\]\:w-1\.5 {
    &[data-orientation="vertical"] {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=vertical\]\:w-2 {
    &[data-orientation="vertical"] {
      width: calc(var(--spacing) * 2);
    }
  }
  .data-\[orientation\=vertical\]\:w-auto {
    &[data-orientation="vertical"] {
      width: auto;
    }
  }
  .data-\[orientation\=vertical\]\:w-full {
    &[data-orientation="vertical"] {
      width: 100%;
    }
  }
  .data-\[orientation\=vertical\]\:min-w-4 {
    &[data-orientation="vertical"] {
      min-width: calc(var(--spacing) * 4);
    }
  }
  .data-\[orientation\=vertical\]\:flex-1 {
    &[data-orientation="vertical"] {
      flex: 1;
    }
  }
  .data-\[orientation\=vertical\]\:flex-row {
    &[data-orientation="vertical"] {
      flex-direction: row;
    }
  }
  .data-\[orientation\=vertical\]\:justify-center {
    &[data-orientation="vertical"] {
      justify-content: center;
    }
  }
  .data-\[orientation\=vertical\]\:px-2 {
    &[data-orientation="vertical"] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .data-\[orientation\=vertical\]\:py-0 {
    &[data-orientation="vertical"] {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[overflow-x\]\/scroll-area\:data-\[orientation\=vertical\]\:bottom-1\.5 {
    &:is(:where(.group\/scroll-area)[data-overflow-x] *) {
      &[data-orientation="vertical"] {
        bottom: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\*\*\:data-\[part\=button\]\:rounded-l-none\! {
    :is(& *) {
      &[data-part="button"] {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
      }
    }
  }
  .\*\*\:data-\[part\=button\]\:rounded-r-none\! {
    :is(& *) {
      &[data-part="button"] {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
      }
    }
  }
  .\*\:data-\[part\=button\]\:not-first\:rounded-l-none {
    :is(& > *) {
      &[data-part="button"] {
        &:not(*:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
        }
      }
    }
  }
  .\*\:not-first\:\*\*\:data-\[part\=button\]\:rounded-l-none {
    :is(& > *) {
      &:not(*:first-child) {
        :is(& *) {
          &[data-part="button"] {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
          }
        }
      }
    }
  }
  .\*\:data-\[part\=button\]\:not-last\:rounded-r-none {
    :is(& > *) {
      &[data-part="button"] {
        &:not(*:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
        }
      }
    }
  }
  .\*\:not-last\:\*\*\:data-\[part\=button\]\:rounded-r-none {
    :is(& > *) {
      &:not(*:last-child) {
        :is(& *) {
          &[data-part="button"] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
        }
      }
    }
  }
  .\*\*\:data-\[part\=button\]\:before\:rounded-\[inherit\]\! {
    :is(& *) {
      &[data-part="button"] {
        &::before {
          content: var(--tw-content);
          border-radius: inherit !important;
        }
      }
    }
  }
  .\*\:data-\[part\=button\]\:not-first\:before\:border-l-0\! {
    :is(& > *) {
      &[data-part="button"] {
        &:not(*:first-child) {
          &::before {
            content: var(--tw-content);
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0px !important;
          }
        }
      }
    }
  }
  .\*\:data-\[part\=button\]\:not-last\:before\:border-r-0\! {
    :is(& > *) {
      &[data-part="button"] {
        &:not(*:last-child) {
          &::before {
            content: var(--tw-content);
            border-right-style: var(--tw-border-style) !important;
            border-right-width: 0px !important;
          }
        }
      }
    }
  }
  .\*\*\:data-\[part\=button\]\:focus\:z-10 {
    :is(& *) {
      &[data-part="button"] {
        &:focus {
          z-index: 10;
        }
      }
    }
  }
  .not-has-data-\[control\]\:\*\:data-\[part\=control\]\:sr-only {
    &:not(*:has(*[data-control])) {
      :is(& > *) {
        &[data-part="control"] {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip-path: inset(50%);
          white-space: nowrap;
          border-width: 0;
        }
      }
    }
  }
  .has-data-\[part\=label\]\:\*\:data-\[part\=control\]\:h-\[1lh\] {
    &:has(*[data-part="label"]) {
      :is(& > *) {
        &[data-part="control"] {
          height: 1lh;
        }
      }
    }
  }
  .has-data-\[part\=label\]\:\*\:data-\[part\=control\]\:items-center {
    &:has(*[data-part="label"]) {
      :is(& > *) {
        &[data-part="control"] {
          align-items: center;
        }
      }
    }
  }
  .\*\:data-\[part\=decrement\]\:-mr-px {
    :is(& > *) {
      &[data-part="decrement"] {
        margin-right: -1px;
      }
    }
  }
  .\*\*\:data-\[part\=error\]\:col-span-2 {
    :is(& *) {
      &[data-part="error"] {
        grid-column: span 2 / span 2;
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:max-w-md {
    :is(& *) {
      &[data-part="field-root"] {
        max-width: var(--container-md);
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:max-w-xs {
    :is(& *) {
      &[data-part="field-root"] {
        max-width: var(--container-xs);
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:border-transparent\! {
    :is(& *) {
      &[data-part="field-root"] {
        border-color: transparent !important;
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:bg-transparent\! {
    :is(& *) {
      &[data-part="field-root"] {
        background-color: transparent !important;
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:shadow-none\! {
    :is(& *) {
      &[data-part="field-root"] {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:focus-within\:border-transparent\! {
    :is(& *) {
      &[data-part="field-root"] {
        &:focus-within {
          border-color: transparent !important;
        }
      }
    }
  }
  .\*\*\:data-\[part\=field-root\]\:focus-within\:ring-0\! {
    :is(& *) {
      &[data-part="field-root"] {
        &:focus-within {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
        }
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-3\.5 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-4 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-4\.5 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-5 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-5\.5 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 5.5);
        height: calc(var(--spacing) * 5.5);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:size-6 {
    :is(& *) {
      &[data-part="icon"] {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
      }
    }
  }
  .\*\*\:data-\[part\=icon\]\:text-foreground-softest {
    :is(& *) {
      &[data-part="icon"] {
        color: var(--foreground-softest);
      }
    }
  }
  .\*\:data-\[part\=increment\]\:-ml-px {
    :is(& > *) {
      &[data-part="increment"] {
        margin-left: -1px;
      }
    }
  }
  .has-\[input\:disabled\]\:\*\:data-\[part\=label\]\:opacity-70 {
    &:has(*:is(input:disabled)) {
      :is(& > *) {
        &[data-part="label"] {
          opacity: 70%;
        }
      }
    }
  }
  .\*\:data-\[part\=outer-prefix\]\:-mr-px {
    :is(& > *) {
      &[data-part="outer-prefix"] {
        margin-right: -1px;
      }
    }
  }
  .\*\:data-\[part\=outer-prefix\]\:has-data-\[part\=button\]\:border-0 {
    :is(& > *) {
      &[data-part="outer-prefix"] {
        &:has(*[data-part="button"]) {
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
      }
    }
  }
  .\*\:data-\[part\=outer-suffix\]\:-ml-px {
    :is(& > *) {
      &[data-part="outer-suffix"] {
        margin-left: -1px;
      }
    }
  }
  .\*\:data-\[part\=outer-suffix\]\:has-data-\[part\=button\]\:border-0 {
    :is(& > *) {
      &[data-part="outer-suffix"] {
        &:has(*[data-part="button"]) {
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
      }
    }
  }
  .data-\[played\=true\]\:bg-primary {
    &[data-played="true"] {
      background-color: var(--primary);
    }
  }
  .data-\[removed\=true\]\:pointer-events-none {
    &[data-removed="true"] {
      pointer-events: none;
    }
  }
  .data-\[removed\=true\]\:opacity-0 {
    &[data-removed="true"] {
      opacity: 0%;
    }
  }
  .data-\[removed\=true\]\:\[--y\:translateY\(calc\(var\(--lift\)\*-100\%\)\)\] {
    &[data-removed="true"] {
      --y: translateY(calc(var(--lift) * -100%));
    }
  }
  .data-\[size\=lg\]\:size-4\.5 {
    &[data-size="lg"] {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .data-\[size\=md\]\:size-4 {
    &[data-size="md"] {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .data-\[size\=sm\]\:size-3\.5 {
    &[data-size="sm"] {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .data-\[size\=xl\]\:size-5 {
    &[data-size="xl"] {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .data-\[size\=xs\]\:size-3 {
    &[data-size="xs"] {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .data-\[state\=hidden\]\:hidden {
    &[data-state="hidden"] {
      display: none;
    }
  }
  .data-\[state\=visible\]\:opacity-100 {
    &[data-state="visible"] {
      opacity: 100%;
    }
  }
  .data-\[swiping\=true\]\:transition-none {
    &[data-swiping="true"] {
      transition-property: none;
    }
  }
  .data-\[variant\=default\]\:pb-1\.5 {
    &[data-variant="default"] {
      padding-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[variant\=default\]\:pb-2 {
    &[data-variant="default"] {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .data-\[variant\=default\]\:pb-2\.5 {
    &[data-variant="default"] {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .data-\[view\=\'days\'\]\:aspect-square {
    &[data-view='days'] {
      aspect-ratio: 1 / 1;
    }
  }
  .data-\[view\=\'days\'\]\:grid-cols-7 {
    &[data-view='days'] {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .data-\[view\=\'months\'\]\:grid-cols-3 {
    &[data-view='months'] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .data-\[view\=\'years\'\]\:grid-cols-3 {
    &[data-view='years'] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .data-\[view\=grid\]\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(9\.5rem\,1fr\)\)\] {
    &[data-view="grid"] {
      grid-template-columns: repeat(auto-fill,minmax(9.5rem,1fr));
    }
  }
  .data-\[view\=grid\]\:gap-2\.5 {
    &[data-view="grid"] {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .data-\[view\=list\]\:grid-cols-1 {
    &[data-view="list"] {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .motion-safe\:animate-pulse {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-pulse);
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .motion-safe\:peer-data-\[media-state\=loading\]\/media\:animate-pulse {
    @media (prefers-reduced-motion: no-preference) {
      &:is(:where(.peer\/media)[data-media-state="loading"] ~ *) {
        animation: var(--animate-pulse);
      }
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:\[transition\:opacity_150ms_linear\] {
    @media (prefers-reduced-motion: reduce) {
      transition: opacity 150ms linear;
    }
  }
  .motion-reduce\:data-\[mounted\=false\]\:\[--y\:translateY\(0\)\] {
    @media (prefers-reduced-motion: reduce) {
      &[data-mounted="false"] {
        --y: translateY(0);
      }
    }
  }
  .motion-reduce\:data-\[removed\=true\]\:\[--y\:translateY\(0\)\] {
    @media (prefers-reduced-motion: reduce) {
      &[data-removed="true"] {
        --y: translateY(0);
      }
    }
  }
  .max-xl\:data-\[month-offset\=\'3\'\]\:hidden {
    @media (width < 80rem) {
      &[data-month-offset='3'] {
        display: none;
      }
    }
  }
  .max-lg\:data-\[month-offset\=\'2\'\]\:hidden {
    @media (width < 64rem) {
      &[data-month-offset='2'] {
        display: none;
      }
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:data-\[month-offset\=\'1\'\]\:hidden {
    @media (width < 40rem) {
      &[data-month-offset='1'] {
        display: none;
      }
    }
  }
  .sm\:static {
    @media (width >= 40rem) {
      position: static;
    }
  }
  .sm\:inset-auto {
    @media (width >= 40rem) {
      inset: auto;
    }
  }
  .sm\:inset-x-4 {
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:top-3\.5 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:top-4 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:bottom-4 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .sm\:order-none {
    @media (width >= 40rem) {
      order: 0;
    }
  }
  .sm\:my-6 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:ml-0 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:ml-6 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:size-32 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
  }
  .sm\:h-14 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:h-52 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 52);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-\[25rem\] {
    @media (width >= 40rem) {
      width: 25rem;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
  .sm\:max-w-96 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 96);
    }
  }
  .sm\:flex-\[1_1_16rem\] {
    @media (width >= 40rem) {
      flex: 1 1 16rem;
    }
  }
  .sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_1fr_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 1fr 1fr auto;
    }
  }
  .sm\:grid-cols-\[1fr_2fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 2fr auto;
    }
  }
  .sm\:grid-cols-\[2fr_1fr_1fr_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 2fr 1fr 1fr 1fr auto;
    }
  }
  .sm\:grid-cols-\[auto_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-stretch {
    @media (width >= 40rem) {
      align-items: stretch;
    }
  }
  .sm\:justify-center {
    @media (width >= 40rem) {
      justify-content: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-x-2 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-x-6 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-2\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-7 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:px-20 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .sm\:py-1\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-10 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pr-0 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-1 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .sm\:pb-6 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:pb-16 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl\/10 {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-xs\/5 {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .sm\:first\:pl-1 {
    @media (width >= 40rem) {
      &:first-child {
        padding-left: calc(var(--spacing) * 1);
      }
    }
  }
  .sm\:last\:pr-1 {
    @media (width >= 40rem) {
      &:last-child {
        padding-right: calc(var(--spacing) * 1);
      }
    }
  }
  .sm\:data-\[month-offset\=\'1\'\]\:col-start-2 {
    @media (width >= 40rem) {
      &[data-month-offset='1'] {
        grid-column-start: 2;
      }
    }
  }
  .sm\:data-\[months\=\'2\'\]\:col-start-2 {
    @media (width >= 40rem) {
      &[data-months='2'] {
        grid-column-start: 2;
      }
    }
  }
  .sm\:data-\[months\=\'2\'\]\:grid-cols-2 {
    @media (width >= 40rem) {
      &[data-months='2'] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .sm\:data-\[months\=\'3\'\]\:col-start-2 {
    @media (width >= 40rem) {
      &[data-months='3'] {
        grid-column-start: 2;
      }
    }
  }
  .sm\:data-\[months\=\'3\'\]\:grid-cols-2 {
    @media (width >= 40rem) {
      &[data-months='3'] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .sm\:data-\[months\=\'4\'\]\:col-start-2 {
    @media (width >= 40rem) {
      &[data-months='4'] {
        grid-column-start: 2;
      }
    }
  }
  .sm\:data-\[months\=\'4\'\]\:grid-cols-2 {
    @media (width >= 40rem) {
      &[data-months='4'] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:basis-80 {
    @media (width >= 48rem) {
      flex-basis: calc(var(--spacing) * 80);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-\[calc\(6\.25rem\+env\(safe-area-inset-bottom\)\)\] {
    @media (width >= 48rem) {
      padding-bottom: calc(6.25rem + env(safe-area-inset-bottom));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-4 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:w-96 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .lg\:max-w-\[1180px\] {
    @media (width >= 64rem) {
      max-width: 1180px;
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:grow-0 {
    @media (width >= 64rem) {
      flex-grow: 0;
    }
  }
  .lg\:basis-auto {
    @media (width >= 64rem) {
      flex-basis: auto;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 300px;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,660px\)_300px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,660px) 300px;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:p-0\! {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-20 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-6 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:data-\[month-offset\=\'2\'\]\:col-start-3 {
    @media (width >= 64rem) {
      &[data-month-offset='2'] {
        grid-column-start: 3;
      }
    }
  }
  .lg\:data-\[months\=\'3\'\]\:col-start-3 {
    @media (width >= 64rem) {
      &[data-months='3'] {
        grid-column-start: 3;
      }
    }
  }
  .lg\:data-\[months\=\'3\'\]\:grid-cols-3 {
    @media (width >= 64rem) {
      &[data-months='3'] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .lg\:data-\[months\=\'4\'\]\:col-start-3 {
    @media (width >= 64rem) {
      &[data-months='4'] {
        grid-column-start: 3;
      }
    }
  }
  .lg\:data-\[months\=\'4\'\]\:grid-cols-3 {
    @media (width >= 64rem) {
      &[data-months='4'] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .xl\:sticky {
    @media (width >= 80rem) {
      position: sticky;
    }
  }
  .xl\:top-0 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:basis-96 {
    @media (width >= 80rem) {
      flex-basis: calc(var(--spacing) * 96);
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[minmax\(0\,42rem\)_18rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,42rem) 18rem;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:justify-center {
    @media (width >= 80rem) {
      justify-content: center;
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .xl\:data-\[month-offset\=\'3\'\]\:col-start-4 {
    @media (width >= 80rem) {
      &[data-month-offset='3'] {
        grid-column-start: 4;
      }
    }
  }
  .xl\:data-\[months\=\'4\'\]\:col-start-4 {
    @media (width >= 80rem) {
      &[data-months='4'] {
        grid-column-start: 4;
      }
    }
  }
  .xl\:data-\[months\=\'4\'\]\:grid-cols-4 {
    @media (width >= 80rem) {
      &[data-months='4'] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
  }
  .dark\:block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: none;
    }
  }
  .dark\:inline-block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: inline-block;
    }
  }
  .dark\:divide-zinc-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-800);
      }
    }
  }
  .dark\:border-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-zinc-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-zinc-700);
    }
  }
  .dark\:border-zinc-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-zinc-800);
    }
  }
  .dark\:bg-emerald-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-200);
    }
  }
  .dark\:bg-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-rose-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-200);
    }
  }
  .dark\:bg-rose-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-950);
    }
  }
  .dark\:bg-sky-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-950);
    }
  }
  .dark\:bg-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-white);
    }
  }
  .dark\:bg-zinc-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-800);
    }
  }
  .dark\:bg-zinc-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-900);
    }
  }
  .dark\:text-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-400);
    }
  }
  .dark\:text-black {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-black);
    }
  }
  .dark\:text-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-gray-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-500);
    }
  }
  .dark\:text-rose-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-rose-100);
    }
  }
  .dark\:text-sky-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-sky-100);
    }
  }
  .dark\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-white);
    }
  }
  .dark\:text-zinc-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-zinc-400);
    }
  }
  .dark\:placeholder-gray-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::placeholder {
        color: var(--color-gray-500);
      }
    }
  }
  .dark\:ring-black\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .dark\:ring-rose-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-rose-900);
    }
  }
  .dark\:ring-sky-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-sky-900);
    }
  }
  .dark\:ring-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-white);
    }
  }
  .starting\:opacity-0 {
    @starting-style {
      opacity: 0%;
    }
  }
  .phx-click-loading\:translate-y-\[calc\(100\%\+0\.75rem\)\] {
    .phx-click-loading&, .phx-click-loading & {
      --tw-translate-y: calc(100% + 0.75rem);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .phx-click-loading\:opacity-50 {
    .phx-click-loading&, .phx-click-loading & {
      opacity: 50%;
    }
  }
  .phx-click-loading\:opacity-100 {
    .phx-click-loading&, .phx-click-loading & {
      opacity: 100%;
    }
  }
  .phx-click-loading\:delay-200 {
    .phx-click-loading&, .phx-click-loading & {
      transition-delay: 200ms;
    }
  }
  .phx-drop-target-active\:border-primary {
    .phx-drop-target-active&, .phx-drop-target-active & {
      border-color: var(--primary-border);
    }
  }
  .phx-drop-target-active\:bg-primary-soft {
    .phx-drop-target-active&, .phx-drop-target-active & {
      background-color: var(--primary-soft);
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:min-w-44 {
    & .apexcharts-tooltip {
      min-width: calc(var(--spacing) * 44);
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:rounded-base\! {
    & .apexcharts-tooltip {
      border-radius: var(--radius-base) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:border\! {
    & .apexcharts-tooltip {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:border-base\! {
    & .apexcharts-tooltip {
      border-color: var(--border-base) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:bg-surface\! {
    & .apexcharts-tooltip {
      background-color: var(--surface) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:py-1 {
    & .apexcharts-tooltip {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:text-foreground\! {
    & .apexcharts-tooltip {
      color: var(--foreground) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:shadow-lg\! {
    & .apexcharts-tooltip {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:transition-opacity\! {
    & .apexcharts-tooltip {
      transition-property: opacity !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip\]\:duration-150\! {
    & .apexcharts-tooltip {
      --tw-duration: 150ms !important;
      transition-duration: 150ms !important;
    }
  }
  .motion-reduce\:\[\&_\.apexcharts-tooltip\]\:transition-none\! {
    @media (prefers-reduced-motion: reduce) {
      & .apexcharts-tooltip {
        transition-property: none !important;
      }
    }
  }
  .\[\&_\.apexcharts-tooltip-marker\]\:mr-0\! {
    & .apexcharts-tooltip-marker {
      margin-right: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-marker\]\:shrink-0 {
    & .apexcharts-tooltip-marker {
      flex-shrink: 0;
    }
  }
  .\[\&_\.apexcharts-tooltip-series-group\]\:gap-2 {
    & .apexcharts-tooltip-series-group {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.apexcharts-tooltip-series-group\]\:px-3\.5\! {
    & .apexcharts-tooltip-series-group {
      padding-inline: calc(var(--spacing) * 3.5) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-series-group\]\:py-0\.5\! {
    & .apexcharts-tooltip-series-group {
      padding-block: calc(var(--spacing) * 0.5) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-series-group\:last-child\]\:pb-1\.5\! {
    & .apexcharts-tooltip-series-group:last-child {
      padding-bottom: calc(var(--spacing) * 1.5) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-text\]\:flex-1 {
    & .apexcharts-tooltip-text {
      flex: 1;
    }
  }
  .\[\&_\.apexcharts-tooltip-text-y-label\]\:text-foreground-softer {
    & .apexcharts-tooltip-text-y-label {
      color: var(--foreground-softer);
    }
  }
  .\[\&_\.apexcharts-tooltip-text-y-value\]\:m-0\! {
    & .apexcharts-tooltip-text-y-value {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-text-y-value\]\:font-semibold {
    & .apexcharts-tooltip-text-y-value {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\.apexcharts-tooltip-text-y-value\]\:text-foreground {
    & .apexcharts-tooltip-text-y-value {
      color: var(--foreground);
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:mb-1 {
    & .apexcharts-tooltip-title {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:border-subtle\! {
    & .apexcharts-tooltip-title {
      border-color: var(--border-subtle) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:bg-transparent\! {
    & .apexcharts-tooltip-title {
      background-color: transparent !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:px-3\.5\! {
    & .apexcharts-tooltip-title {
      padding-inline: calc(var(--spacing) * 3.5) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:py-2\! {
    & .apexcharts-tooltip-title {
      padding-block: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:font-medium {
    & .apexcharts-tooltip-title {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.apexcharts-tooltip-title\]\:text-foreground-softer {
    & .apexcharts-tooltip-title {
      color: var(--foreground-softer);
    }
  }
  .\[\&_\.apexcharts-tooltip-y-group\]\:flex {
    & .apexcharts-tooltip-y-group {
      display: flex;
    }
  }
  .\[\&_\.apexcharts-tooltip-y-group\]\:items-baseline {
    & .apexcharts-tooltip-y-group {
      align-items: baseline;
    }
  }
  .\[\&_\.apexcharts-tooltip-y-group\]\:justify-between {
    & .apexcharts-tooltip-y-group {
      justify-content: space-between;
    }
  }
  .\[\&_\.apexcharts-tooltip-y-group\]\:gap-6 {
    & .apexcharts-tooltip-y-group {
      gap: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.apexcharts-tooltip-y-group\]\:py-1\! {
    & .apexcharts-tooltip-y-group {
      padding-block: calc(var(--spacing) * 1) !important;
    }
  }
  .\[\&_\.icon\]\:col-start-1 {
    & .icon {
      grid-column-start: 1;
    }
  }
  .\[\&_\.icon\]\:row-start-1 {
    & .icon {
      grid-row-start: 1;
    }
  }
  .\[\&_\.icon\]\:-ms-px {
    & .icon {
      margin-inline-start: -1px;
    }
  }
  .\[\&_\.icon\]\:-ml-0\.5 {
    & .icon {
      margin-left: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&_\.icon\]\:size-2\.5 {
    & .icon {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_\.icon\]\:size-3 {
    & .icon {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.icon\]\:size-3\.5 {
    & .icon {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_\.icon\]\:size-4 {
    & .icon {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\]\:size-4\.5 {
    & .icon {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .\[\&_\.icon\]\:shrink-0 {
    & .icon {
      flex-shrink: 0;
    }
  }
  .\[\&_\.icon\]\:text-current\/80 {
    & .icon {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 80%, transparent);
      }
    }
  }
  .data-highlighted\:\[\&_\.icon\]\:text-current {
    &[data-highlighted] {
      & .icon {
        color: currentcolor;
      }
    }
  }
  .\[\&_\.submenu-chevron\]\:-mr-1 {
    & .submenu-chevron {
      margin-right: calc(var(--spacing) * -1);
    }
  }
  .\[\&_\.submenu-chevron\]\:ml-auto {
    & .submenu-chevron {
      margin-left: auto;
    }
  }
  .\[\&_\.submenu-chevron\]\:size-4 {
    & .submenu-chevron {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.submenu-chevron\]\:text-foreground-softest {
    & .submenu-chevron {
      color: var(--foreground-softest);
    }
  }
  .data-highlighted\:\[\&_\.submenu-chevron\]\:text-current {
    &[data-highlighted] {
      & .submenu-chevron {
        color: currentcolor;
      }
    }
  }
  .\[\&_\[data-media-error\]\]\:bg-transparent {
    & [data-media-error] {
      background-color: transparent;
    }
  }
  .\[\&_\[data-media-error\]\]\:text-white\/70 {
    & [data-media-error] {
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .\[\&_\[data-media-placeholder\]\]\:bg-white\/5 {
    & [data-media-placeholder] {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .\[\&_\[data-part\=button\]\]\:rounded-none {
    & [data-part=button] {
      border-radius: 0;
    }
  }
  .has-\[input\[data-part\=display\]\:disabled\]\:\[\&_\[data-part\=decrement\]\]\:pointer-events-none {
    &:has(*:is(input[data-part=display]:disabled)) {
      & [data-part=decrement] {
        pointer-events: none;
      }
    }
  }
  .has-\[input\[data-part\=display\]\:disabled\]\:\[\&_\[data-part\=decrement\]\]\:opacity-50 {
    &:has(*:is(input[data-part=display]:disabled)) {
      & [data-part=decrement] {
        opacity: 50%;
      }
    }
  }
  .has-\[input\[data-part\=display\]\[readonly\]\]\:\[\&_\[data-part\=decrement\]\]\:pointer-events-none {
    &:has(*:is(input[data-part=display][readonly])) {
      & [data-part=decrement] {
        pointer-events: none;
      }
    }
  }
  .has-\[input\[data-part\=display\]\[readonly\]\]\:\[\&_\[data-part\=decrement\]\]\:opacity-50 {
    &:has(*:is(input[data-part=display][readonly])) {
      & [data-part=decrement] {
        opacity: 50%;
      }
    }
  }
  .\[\&_\[data-part\=field-root\]\>\*\]\:rounded-none {
    & [data-part=field-root]>* {
      border-radius: 0;
    }
  }
  .has-\[input\[data-part\=display\]\:disabled\]\:\[\&_\[data-part\=increment\]\]\:pointer-events-none {
    &:has(*:is(input[data-part=display]:disabled)) {
      & [data-part=increment] {
        pointer-events: none;
      }
    }
  }
  .has-\[input\[data-part\=display\]\:disabled\]\:\[\&_\[data-part\=increment\]\]\:opacity-50 {
    &:has(*:is(input[data-part=display]:disabled)) {
      & [data-part=increment] {
        opacity: 50%;
      }
    }
  }
  .has-\[input\[data-part\=display\]\[readonly\]\]\:\[\&_\[data-part\=increment\]\]\:pointer-events-none {
    &:has(*:is(input[data-part=display][readonly])) {
      & [data-part=increment] {
        pointer-events: none;
      }
    }
  }
  .has-\[input\[data-part\=display\]\[readonly\]\]\:\[\&_\[data-part\=increment\]\]\:opacity-50 {
    &:has(*:is(input[data-part=display][readonly])) {
      & [data-part=increment] {
        opacity: 50%;
      }
    }
  }
  .\[\&_button\]\:flex-1 {
    & button {
      flex: 1;
    }
  }
  .\[\&_svg\]\:size-3 {
    & svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\]\:size-3\.5 {
    & svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:size-4\.5 {
    & svg {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .\[\&_svg\]\:size-5 {
    & svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&\+\[data-part\=field\]\]\:mt-3 {
    &+[data-part=field] {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .\[\&\+\[data-part\=navlist\]\]\:mt-6 {
    &+[data-part=navlist] {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-foreground {
    &::-moz-progress-bar {
      background-color: var(--foreground);
    }
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
    &::-webkit-inner-spin-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
    &::-webkit-outer-spin-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-progress-bar\]\:bg-control {
    &::-webkit-progress-bar {
      background-color: var(--background-control);
    }
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-foreground {
    &::-webkit-progress-value {
      background-color: var(--foreground);
    }
  }
  .data-clearable\:\[\&\:\:-webkit-search-cancel-button\]\:hidden {
    &[data-clearable] {
      &::-webkit-search-cancel-button {
        display: none;
      }
    }
  }
  .\[\&\:has\(\>\[data-media-state\=loaded\]\)\>img\]\:opacity-100 {
    &:has(>[data-media-state=loaded])>img {
      opacity: 100%;
    }
  }
  .\[\&\:has\(\>\[data-media-state\=loaded\]\)\>video\]\:opacity-100 {
    &:has(>[data-media-state=loaded])>video {
      opacity: 100%;
    }
  }
  .\[\&\:has\(\>img\[hidden\]\)\]\:hidden {
    &:has(>img[hidden]) {
      display: none;
    }
  }
  .\*\*\:\[\.icon\]\:-mx-0\.5 {
    :is(& *) {
      &:is(.icon) {
        margin-inline: calc(var(--spacing) * -0.5);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-3\.5 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-4 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-4\.5 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-5 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-5\.5 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 5.5);
        height: calc(var(--spacing) * 5.5);
      }
    }
  }
  .\*\*\:\[\.icon\]\:size-6 {
    :is(& *) {
      &:is(.icon) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
      }
    }
  }
  .\*\*\:\[\.icon\]\:text-foreground-softest {
    :is(& *) {
      &:is(.icon) {
        color: var(--foreground-softest);
      }
    }
  }
  .not-has-data-\[part\=description\]\:\*\*\:\[label\]\:font-normal {
    &:not(*:has(*[data-part="description"])) {
      :is(& *) {
        &:is(label) {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
    }
  }
  .\[\&\:not\(\:has\(\[data-part\=tag\]\)\)\]\:before\:text-foreground-softest {
    &:not(:has([data-part=tag])) {
      &::before {
        content: var(--tw-content);
        color: var(--foreground-softest);
      }
    }
  }
  .\[\&\:not\(\:has\(\[data-part\=tag\]\)\)\]\:before\:content-\[attr\(data-placeholder\)\] {
    &:not(:has([data-part=tag])) {
      &::before {
        --tw-content: attr(data-placeholder);
        content: var(--tw-content);
      }
    }
  }
  .\[\&\:not\(\:has\(button\[data-part\=option\]\:not\(\[hidden\]\)\)\)\]\:hidden {
    &:not(:has(button[data-part=option]:not([hidden]))) {
      display: none;
    }
  }
  .\[\&\:not\(\[disabled\]\)\]\:shadow-xs {
    &:not([disabled]) {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&\:not\(\[disabled\]\)\]\:hover\:highlight {
    &:not([disabled]) {
      &:hover {
        @media (hover: hover) {
          background-image: linear-gradient(light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)), light-dark(rgb(0 0 0 / 0.04), rgb(255 255 255 / 0.06)));
        }
      }
    }
  }
  .\[\&\:not\(\[hidden\]\)\]\:flex {
    &:not([hidden]) {
      display: flex;
    }
  }
  .\[\&\:not\(\[hidden\]\)\]\:grid {
    &:not([hidden]) {
      display: grid;
    }
  }
  .\[\&\:not\(\[hidden\]\)\]\:grid-cols-1 {
    &:not([hidden]) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .\[\&\:not\(\[hidden\]\)\]\:flex-col {
    &:not([hidden]) {
      flex-direction: column;
    }
  }
  .\[\&\>\*\+\*\]\:before\:mr-2 {
    &>*+* {
      &::before {
        content: var(--tw-content);
        margin-right: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&\>\*\+\*\]\:before\:text-foreground-softest {
    &>*+* {
      &::before {
        content: var(--tw-content);
        color: var(--foreground-softest);
      }
    }
  }
  .\[\&\>\*\+\*\]\:before\:content-\[\'·\'\] {
    &>*+* {
      &::before {
        --tw-content: '·';
        content: var(--tw-content);
      }
    }
  }
  .\[\&\>\*\:first-child_\[data-part\=field-root\]\>\*\:first-child\]\:rounded-l-base {
    &>*:first-child [data-part=field-root]>*:first-child {
      border-top-left-radius: var(--radius-base);
      border-bottom-left-radius: var(--radius-base);
    }
  }
  .\[\&\>\*\:first-child\[data-part\=button\]\]\:rounded-l-base {
    &>*:first-child[data-part=button] {
      border-top-left-radius: var(--radius-base);
      border-bottom-left-radius: var(--radius-base);
    }
  }
  .first\:\[\&\>\*\:last-child\]\:border-t-0 {
    &:first-child {
      &>*:last-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .\[\&\>\*\:last-child_\[data-part\=field-root\]\>\*\:last-child\]\:rounded-r-base {
    &>*:last-child [data-part=field-root]>*:last-child {
      border-top-right-radius: var(--radius-base);
      border-bottom-right-radius: var(--radius-base);
    }
  }
  .\[\&\>\*\:last-child\[data-part\=button\]\]\:rounded-r-base {
    &>*:last-child[data-part=button] {
      border-top-right-radius: var(--radius-base);
      border-bottom-right-radius: var(--radius-base);
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px {
    &>*:not(:first-child) {
      margin-left: -1px;
    }
  }
  .\[\&\>\.icon\]\:my-0\.5 {
    &>.icon {
      margin-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&\>\.icon\]\:size-3\.5 {
    &>.icon {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>\.icon\]\:size-4 {
    &>.icon {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>\.icon\]\:size-4\.5 {
    &>.icon {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .\[\&\>\.icon\]\:size-5 {
    &>.icon {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&\>\.icon\]\:size-5\.5 {
    &>.icon {
      width: calc(var(--spacing) * 5.5);
      height: calc(var(--spacing) * 5.5);
    }
  }
  .\[\&\>\.icon\]\:shrink-0 {
    &>.icon {
      flex-shrink: 0;
    }
  }
  .\[\&\>\.icon\]\:text-\[color-mix\(in_oklab\,currentColor_70\%\,transparent\)\] {
    &>.icon {
      color: currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab,currentColor 70%,transparent);
      }
    }
  }
  .group-hover\:\[\&\>\.icon\]\:text-current {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &>.icon {
          color: currentcolor;
        }
      }
    }
  }
  .hover\:\[\&\>\.icon\]\:text-current {
    &:hover {
      @media (hover: hover) {
        &>.icon {
          color: currentcolor;
        }
      }
    }
  }
  .\[\&\>\[data-part\=toggle-text\]\]\:empty\:text-foreground-softest {
    &>[data-part=toggle-text] {
      &:empty {
        color: var(--foreground-softest);
      }
    }
  }
  .\[\&\>\[data-part\=toggle-text\]\]\:empty\:before\:content-\[attr\(data-placeholder\)\] {
    &>[data-part=toggle-text] {
      &:empty {
        &::before {
          --tw-content: attr(data-placeholder);
          content: var(--tw-content);
        }
      }
    }
  }
  .\[\&\>img\]\:opacity-0 {
    &>img {
      opacity: 0%;
    }
  }
  .\[\&\>img\]\:transition-opacity {
    &>img {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&\>img\]\:duration-200 {
    &>img {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .motion-reduce\:\[\&\>img\]\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      &>img {
        transition-property: none;
      }
    }
  }
  .\[\&\>span\:empty\]\:text-foreground-softest {
    &>span:empty {
      color: var(--foreground-softest);
    }
  }
  .\[\&\>span\:empty\:before\]\:content-\[attr\(data-placeholder\)\] {
    &>span:empty:before {
      --tw-content: attr(data-placeholder);
      content: var(--tw-content);
    }
  }
  .\[\&\>textarea\]\:max-h-\[calc\(var\(--max-rows\)\*1lh\+var\(--autogrow-pad\)\)\] {
    &>textarea {
      max-height: calc(var(--max-rows) * 1lh + var(--autogrow-pad));
    }
  }
  .\[\&\>textarea\]\:min-h-\[calc\(var\(--min-rows\)\*1lh\+var\(--autogrow-pad\)\)\] {
    &>textarea {
      min-height: calc(var(--min-rows) * 1lh + var(--autogrow-pad));
    }
  }
  .\[\&\>textarea\]\:resize-none {
    &>textarea {
      resize: none;
    }
  }
  .\[\&\>textarea\]\:overflow-y-auto {
    &>textarea {
      overflow-y: auto;
    }
  }
  .\[\&\>textarea\]\:px-3 {
    &>textarea {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>textarea\]\:px-3\.5 {
    &>textarea {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>textarea\]\:px-4 {
    &>textarea {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>textarea\]\:py-1\.5 {
    &>textarea {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&\>textarea\]\:py-2 {
    &>textarea {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>textarea\]\:py-2\.5 {
    &>textarea {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>textarea\]\:py-3 {
    &>textarea {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>textarea\]\:\[grid-area\:1\/1\/2\/2\] {
    &>textarea {
      grid-area: 1/1/2/2;
    }
  }
  .\[\&\>tr\:nth-child\(even\)\]\:bg-zinc-50 {
    &>tr:nth-child(even) {
      background-color: var(--color-zinc-50);
    }
  }
  .\[\&\>video\]\:opacity-0 {
    &>video {
      opacity: 0%;
    }
  }
  .\[\&\>video\]\:transition-opacity {
    &>video {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&\>video\]\:duration-200 {
    &>video {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .motion-reduce\:\[\&\>video\]\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      &>video {
        transition-property: none;
      }
    }
  }
  .\[\&\[data-view\=\'days\'\]\:not\(\:nth-child\(7n\)\)\:has\(\+\[data-range-end\]\)\]\:data-in-range\:before\:-mr-\[10px\] {
    &[data-view='days']:not(:nth-child(7n)):has(+[data-range-end]) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-right: calc(10px * -1);
        }
      }
    }
  }
  .\[\&\[data-view\=\'days\'\]\[data-in-range\]\:nth-child\(7n\)\]\:before\:rounded-r-lg {
    &[data-view='days'][data-in-range]:nth-child(7n) {
      &::before {
        content: var(--tw-content);
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'days\'\]\[data-in-range\]\:nth-child\(7n\+1\)\]\:before\:rounded-l-lg {
    &[data-view='days'][data-in-range]:nth-child(7n+1) {
      &::before {
        content: var(--tw-content);
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'days\'\]\[data-range-end\]\:not\(\:nth-child\(7n\+1\)\)\]\:before\:left-\[-2px\] {
    &[data-view='days'][data-range-end]:not(:nth-child(7n+1)) {
      &::before {
        content: var(--tw-content);
        left: -2px;
      }
    }
  }
  .\[\&\[data-view\=\'days\'\]\[data-range-start\]\:not\(\:nth-child\(7n\)\)\]\:before\:right-\[-2px\] {
    &[data-view='days'][data-range-start]:not(:nth-child(7n)) {
      &::before {
        content: var(--tw-content);
        right: -2px;
      }
    }
  }
  .\[\&\[data-view\=\'months\'\]\:not\(\:nth-child\(3n\)\)\:has\(\+\[data-range-end\]\)\]\:data-in-range\:before\:-mr-\[10px\] {
    &[data-view='months']:not(:nth-child(3n)):has(+[data-range-end]) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-right: calc(10px * -1);
        }
      }
    }
  }
  .\[\&\[data-view\=\'months\'\]\[data-in-range\]\:nth-child\(3n\)\]\:before\:rounded-r-lg {
    &[data-view='months'][data-in-range]:nth-child(3n) {
      &::before {
        content: var(--tw-content);
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'months\'\]\[data-in-range\]\:nth-child\(3n\+1\)\]\:before\:rounded-l-lg {
    &[data-view='months'][data-in-range]:nth-child(3n+1) {
      &::before {
        content: var(--tw-content);
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'months\'\]\[data-range-end\]\:not\(\:nth-child\(3n\+1\)\)\]\:before\:left-\[-2px\] {
    &[data-view='months'][data-range-end]:not(:nth-child(3n+1)) {
      &::before {
        content: var(--tw-content);
        left: -2px;
      }
    }
  }
  .\[\&\[data-view\=\'months\'\]\[data-range-start\]\:not\(\:nth-child\(3n\)\)\]\:before\:right-\[-2px\] {
    &[data-view='months'][data-range-start]:not(:nth-child(3n)) {
      &::before {
        content: var(--tw-content);
        right: -2px;
      }
    }
  }
  .\[\&\[data-view\=\'years\'\]\:not\(\:nth-child\(3n\)\)\:has\(\+\[data-range-end\]\)\]\:data-in-range\:before\:-mr-\[10px\] {
    &[data-view='years']:not(:nth-child(3n)):has(+[data-range-end]) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-right: calc(10px * -1);
        }
      }
    }
  }
  .\[\&\[data-view\=\'years\'\]\[data-in-range\]\:nth-child\(3n\)\]\:before\:rounded-r-lg {
    &[data-view='years'][data-in-range]:nth-child(3n) {
      &::before {
        content: var(--tw-content);
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'years\'\]\[data-in-range\]\:nth-child\(3n\+1\)\]\:before\:rounded-l-lg {
    &[data-view='years'][data-in-range]:nth-child(3n+1) {
      &::before {
        content: var(--tw-content);
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\[data-view\=\'years\'\]\[data-range-end\]\:not\(\:nth-child\(3n\+1\)\)\]\:before\:left-\[-2px\] {
    &[data-view='years'][data-range-end]:not(:nth-child(3n+1)) {
      &::before {
        content: var(--tw-content);
        left: -2px;
      }
    }
  }
  .\[\&\[data-view\=\'years\'\]\[data-range-start\]\:not\(\:nth-child\(3n\)\)\]\:before\:right-\[-2px\] {
    &[data-view='years'][data-range-start]:not(:nth-child(3n)) {
      &::before {
        content: var(--tw-content);
        right: -2px;
      }
    }
  }
  .\[\&\[disabled\]\]\:opacity-50 {
    &[disabled] {
      opacity: 50%;
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:hidden {
    @media (pointer:coarse) {
      display: none;
    }
  }
  .\[\@media\(pointer\:fine\)\]\:\[scrollbar-width\:none\] {
    @media (pointer:fine) {
      scrollbar-width: none;
    }
  }
  .\[\@media\(pointer\:fine\)\]\:\[-ms-overflow-style\:none\] {
    @media (pointer:fine) {
      -ms-overflow-style: none;
    }
  }
  .\[\@media\(pointer\:fine\)\]\:\[\&\:\:-webkit-scrollbar\]\:hidden {
    @media (pointer:fine) {
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
  .\[\[data-expanded\]\+\&\]\:grid-rows-\[1fr\] {
    [data-expanded]+& {
      grid-template-rows: 1fr;
    }
  }
  .\[\[data-range-start\]\+\&\[data-view\=\'days\'\]\:not\(\:nth-child\(7n\+1\)\)\]\:data-in-range\:before\:-ml-\[10px\] {
    [data-range-start]+&[data-view='days']:not(:nth-child(7n+1)) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-left: calc(10px * -1);
        }
      }
    }
  }
  .\[\[data-range-start\]\+\&\[data-view\=\'months\'\]\:not\(\:nth-child\(3n\+1\)\)\]\:data-in-range\:before\:-ml-\[10px\] {
    [data-range-start]+&[data-view='months']:not(:nth-child(3n+1)) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-left: calc(10px * -1);
        }
      }
    }
  }
  .\[\[data-range-start\]\+\&\[data-view\=\'years\'\]\:not\(\:nth-child\(3n\+1\)\)\]\:data-in-range\:before\:-ml-\[10px\] {
    [data-range-start]+&[data-view='years']:not(:nth-child(3n+1)) {
      &[data-in-range] {
        &::before {
          content: var(--tw-content);
          margin-left: calc(10px * -1);
        }
      }
    }
  }
  .\[\[data-theme-source\=system\]_\&\]\:\!left-0 {
    [data-theme-source=system] & {
      left: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\[data-theme\=dark\]_\&\]\:left-2\/3 {
    [data-theme=dark] & {
      left: calc(2 / 3 * 100%);
    }
  }
  .\[\[data-theme\=light\]_\&\]\:left-1\/3 {
    [data-theme=light] & {
      left: calc(1 / 3 * 100%);
    }
  }
}
:root {
  color-scheme: light dark;
  --surface-step: 0.038;
  --surface-shadow-step: 0.4;
  container-name: fluxon;
  --surface-level: 1;
  --background-base: light-dark(oklch(1 0 0), oklch(0.21 0.006 285.885));
  --background-sunken: light-dark(oklch(0.967 0.001 286.375), oklch(from var(--background-base) calc(l - 0.019) c h));
  --background-control: light-dark(oklch(1 0 0), oklch(from var(--background-base) calc(l + var(--surface-step)) c h));
  --surface: light-dark(white, oklch(from var(--background-base) calc(l + 2 * var(--surface-step)) c h));
  --background-input: var(--background-control);
  --background-input-disabled: var(--background-input);
  @supports (color: color-mix(in lab, red, red)) {
    --background-input-disabled: color-mix(in oklab, var(--background-input), black 4%);
  }
  --background-switch: light-dark(var(--background-base), var(--background-base));
  @supports (color: color-mix(in lab, red, red)) {
    --background-switch: light-dark(color-mix(in oklab, var(--background-base), black 10%), color-mix(in oklab, var(--background-base), white 30%));
  }
  --background-tooltip: var(--primary);
  --foreground: light-dark(oklch(0.37 0.013 285.805), oklch(0.92 0.004 286.32));
  --foreground-soft: light-dark(oklch(0.442 0.017 285.786), oklch(0.871 0.006 286.286));
  --foreground-softer: light-dark(oklch(0.552 0.016 285.938), oklch(0.705 0.015 286.067));
  --foreground-softest: light-dark(oklch(0.705 0.015 286.067), oklch(0.552 0.016 285.938));
  --foreground-primary: light-dark(oklch(1 0 0), oklch(0.274 0.006 286.033));
  --primary: light-dark(oklch(0.274 0.006 286.033), oklch(1 0 0));
  --primary-soft: light-dark(var(--primary), var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    --primary-soft: light-dark(color-mix(in oklab, var(--primary) 3%, var(--background-base)), color-mix(in oklab, var(--primary) 10%, var(--background-base)));
  }
  --primary-soft-elevated: light-dark(var(--primary), var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    --primary-soft-elevated: light-dark(color-mix(in oklab, var(--primary) 8%, var(--background-base) 92%), color-mix(in oklab, var(--primary) 20%, var(--background-base) 80%));
  }
  --primary-border: light-dark(var(--primary), var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    --primary-border: light-dark(color-mix(in oklab, var(--primary) 16%, var(--background-base) 84%), color-mix(in oklab, var(--primary) 26%, var(--background-base) 74%));
  }
  --border-base: light-dark(oklch(0.92 0.004 286.32), rgb(255 255 255 / 0.12));
  --border-subtle: var(--border-base);
  @supports (color: color-mix(in lab, red, red)) {
    --border-subtle: color-mix(in oklab, var(--border-base), transparent 50%);
  }
  --border-input: var(--border-base);
  --danger: oklch(0.577 0.245 27.325);
  --danger-foreground: oklch(1 0 0);
  --danger-border: light-dark(var(--danger), var(--danger));
  @supports (color: color-mix(in lab, red, red)) {
    --danger-border: light-dark(color-mix(in oklab, var(--danger) 30%, var(--background-base) 70%), color-mix(in oklab, var(--danger) 40%, var(--background-base) 60%));
  }
  --danger-soft: light-dark(var(--danger), var(--danger));
  @supports (color: color-mix(in lab, red, red)) {
    --danger-soft: light-dark(color-mix(in oklab, var(--danger) 10%, var(--background-base) 90%), color-mix(in oklab, var(--danger) 20%, var(--background-base) 80%));
  }
  --danger-soft-elevated: light-dark(var(--danger), var(--danger));
  @supports (color: color-mix(in lab, red, red)) {
    --danger-soft-elevated: light-dark(color-mix(in oklab, var(--danger) 22%, var(--background-base) 78%), color-mix(in oklab, var(--danger) 35%, var(--background-base) 65%));
  }
  --danger-soft-foreground: light-dark(var(--danger), var(--danger));
  @supports (color: color-mix(in lab, red, red)) {
    --danger-soft-foreground: light-dark(color-mix(in oklab, var(--danger), black 15%), color-mix(in oklab, var(--danger), white 60%));
  }
  --success: oklch(0.627 0.194 149.214);
  --success-foreground: oklch(1 0 0);
  --success-border: light-dark(var(--success), var(--success));
  @supports (color: color-mix(in lab, red, red)) {
    --success-border: light-dark(color-mix(in oklab, var(--success) 30%, var(--background-base) 70%), color-mix(in oklab, var(--success) 40%, var(--background-base) 60%));
  }
  --success-soft: light-dark(var(--success), var(--success));
  @supports (color: color-mix(in lab, red, red)) {
    --success-soft: light-dark(color-mix(in oklab, var(--success) 10%, var(--background-base) 90%), color-mix(in oklab, var(--success) 20%, var(--background-base) 80%));
  }
  --success-soft-elevated: light-dark(var(--success), var(--success));
  @supports (color: color-mix(in lab, red, red)) {
    --success-soft-elevated: light-dark(color-mix(in oklab, var(--success) 22%, var(--background-base) 78%), color-mix(in oklab, var(--success) 35%, var(--background-base) 65%));
  }
  --success-soft-foreground: light-dark(var(--success), var(--success));
  @supports (color: color-mix(in lab, red, red)) {
    --success-soft-foreground: light-dark(color-mix(in oklab, var(--success), black 15%), color-mix(in oklab, var(--success), white 60%));
  }
  --warning: oklch(0.828 0.189 84.429);
  --warning-foreground: oklch(0.279 0.063 46.699);
  --warning-border: light-dark(var(--warning), var(--warning));
  @supports (color: color-mix(in lab, red, red)) {
    --warning-border: light-dark(color-mix(in oklab, var(--warning) 50%, var(--background-base) 50%), color-mix(in oklab, var(--warning) 45%, var(--background-base) 55%));
  }
  --warning-soft: light-dark(var(--warning), var(--warning));
  @supports (color: color-mix(in lab, red, red)) {
    --warning-soft: light-dark(color-mix(in oklab, var(--warning) 10%, var(--background-base) 90%), color-mix(in oklab, var(--warning) 20%, var(--background-base) 80%));
  }
  --warning-soft-elevated: light-dark(var(--warning), var(--warning));
  @supports (color: color-mix(in lab, red, red)) {
    --warning-soft-elevated: light-dark(color-mix(in oklab, var(--warning) 22%, var(--background-base) 78%), color-mix(in oklab, var(--warning) 35%, var(--background-base) 65%));
  }
  --warning-soft-foreground: light-dark(var(--warning), var(--warning));
  @supports (color: color-mix(in lab, red, red)) {
    --warning-soft-foreground: light-dark(color-mix(in oklab, var(--warning), black 45%), color-mix(in oklab, var(--warning), white 30%));
  }
  --info: oklch(0.546 0.245 262.881);
  --info-foreground: oklch(1 0 0);
  --info-border: light-dark(var(--info), var(--info));
  @supports (color: color-mix(in lab, red, red)) {
    --info-border: light-dark(color-mix(in oklab, var(--info) 30%, var(--background-base) 70%), color-mix(in oklab, var(--info) 40%, var(--background-base) 60%));
  }
  --info-soft: light-dark(var(--info), var(--info));
  @supports (color: color-mix(in lab, red, red)) {
    --info-soft: light-dark(color-mix(in oklab, var(--info) 10%, var(--background-base) 90%), color-mix(in oklab, var(--info) 20%, var(--background-base) 80%));
  }
  --info-soft-elevated: light-dark(var(--info), var(--info));
  @supports (color: color-mix(in lab, red, red)) {
    --info-soft-elevated: light-dark(color-mix(in oklab, var(--info) 22%, var(--background-base) 78%), color-mix(in oklab, var(--info) 35%, var(--background-base) 65%));
  }
  --info-soft-foreground: light-dark(var(--info), var(--info));
  @supports (color: color-mix(in lab, red, red)) {
    --info-soft-foreground: light-dark(color-mix(in oklab, var(--info), black 15%), color-mix(in oklab, var(--info), white 60%));
  }
  --focus: light-dark(oklch(0.707 0.165 254.624), oklch(0.623 0.214 259.815));
  --focus-danger: oklch(0.704 0.191 22.216);
  --focus-ring: var(--focus);
  @supports (color: color-mix(in lab, red, red)) {
    --focus-ring: color-mix(in oklab, var(--focus), transparent 75%);
  }
  --radius-base: 0.5rem;
  --radius-badge: 0.375rem;
  --shadow-base: 0 1px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.3));
  --background-accent: light-dark(oklch(0.967 0.001 286.375), oklch(0.37 0.013 285.805));
  --overlay: var(--surface);
}
@property --surface-level {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@container fluxon style(--surface-level: 1) {
  .surface {
    --surface-level: 2;
  }
}
@container fluxon style(--surface-level: 2) {
  .surface {
    --surface-level: 3;
  }
}
@container fluxon style(--surface-level: 3) {
  .surface {
    --surface-level: 4;
  }
}
@container fluxon style(--surface-level: 4) {
  .surface {
    --surface-level: 4;
  }
}
@keyframes fluxon-loading-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fluxon-loading-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes fluxon-loading-fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes fluxon-loading-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.1);
  }
}
@keyframes fluxon-loading-bars-scale-fade {
  0% {
    y: 1px;
    height: 22px;
  }
  93.75% {
    y: 5px;
    height: 14px;
    opacity: 0.2;
  }
}
@keyframes fluxon-loading-bars-fade {
  93.75%, 100% {
    opacity: 0.2;
  }
}
@keyframes fluxon-loading-bars-scale {
  0%, 66.66% {
    animation-timing-function: cubic-bezier(0.36, 0.61, 0.3, 0.98);
    y: 6px;
    height: 12px;
  }
  33.33% {
    animation-timing-function: cubic-bezier(0.36, 0.61, 0.3, 0.98);
    y: 1px;
    height: 22px;
  }
}
:root {
  --radius-base: var(--radius-xl);
}
@keyframes opaque {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes resizeanim {
  0%, to {
    opacity: 0;
  }
}
.apexcharts-canvas {
  position: relative;
  direction: ltr !important;
  user-select: none;
}
.apexcharts-canvas ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.apexcharts-inner {
  position: relative;
}
.apexcharts-text tspan {
  font-family: inherit;
}
rect.legend-mouseover-inactive, .legend-mouseover-inactive rect, .legend-mouseover-inactive path, .legend-mouseover-inactive circle, .legend-mouseover-inactive line, .legend-mouseover-inactive text.apexcharts-yaxis-title-text, .legend-mouseover-inactive text.apexcharts-yaxis-label {
  transition: .15s ease all;
  opacity: .2;
}
.apexcharts-legend-text {
  padding-left: 15px;
  margin-left: -15px;
}
.apexcharts-series-collapsed {
  opacity: 0;
}
.apexcharts-tooltip {
  border-radius: 5px;
  box-shadow: 2px 2px 6px -4px #999;
  cursor: default;
  font-size: 14px;
  left: 62px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  z-index: 12;
  transition: .15s ease all;
}
.apexcharts-tooltip.apexcharts-active {
  opacity: 1;
  transition: .15s ease all;
}
.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid #e3e3e3;
  background: rgba(255, 255, 255, .96);
}
.apexcharts-tooltip.apexcharts-theme-dark {
  color: #fff;
  background: rgba(30, 30, 30, .8);
}
.apexcharts-tooltip * {
  font-family: inherit;
}
.apexcharts-tooltip-title {
  padding: 6px;
  font-size: 15px;
  margin-bottom: 4px;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #eceff1;
  border-bottom: 1px solid #ddd;
}
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, .7);
  border-bottom: 1px solid #333;
}
.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, .apexcharts-tooltip-text-y-value:empty, .apexcharts-tooltip-text-z-value:empty, .apexcharts-tooltip-title:empty {
  display: none;
}
.apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
  padding: 6px 0 5px;
}
.apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
  display: flex;
}
.apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) {
  margin-top: -6px;
}
.apexcharts-tooltip-marker {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  margin-right: 4px;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}
.apexcharts-tooltip-marker::before {
  content: "";
  display: inline-block;
  width: 100%;
  text-align: center;
  color: currentcolor;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 14px;
  font-weight: 900;
}
.apexcharts-tooltip-marker[shape="circle"]::before {
  content: "\25CF";
}
.apexcharts-tooltip-marker[shape="square"]::before, .apexcharts-tooltip-marker[shape="rect"]::before {
  content: "\25A0";
  transform: translate(-1px, -2px);
}
.apexcharts-tooltip-marker[shape="line"]::before {
  content: "\2500";
}
.apexcharts-tooltip-marker[shape="diamond"]::before {
  content: "\25C6";
  font-size: 28px;
}
.apexcharts-tooltip-marker[shape="triangle"]::before {
  content: "\25B2";
  font-size: 22px;
}
.apexcharts-tooltip-marker[shape="cross"]::before {
  content: "\2715";
  font-size: 18px;
}
.apexcharts-tooltip-marker[shape="plus"]::before {
  content: "\2715";
  transform: rotate(45deg) translate(-1px, -1px);
  font-size: 18px;
}
.apexcharts-tooltip-marker[shape="star"]::before {
  content: "\2605";
  font-size: 18px;
}
.apexcharts-tooltip-marker[shape="sparkle"]::before {
  content: "\2726";
  font-size: 20px;
}
.apexcharts-tooltip-series-group {
  padding: 0 10px;
  display: none;
  text-align: left;
  justify-content: left;
  align-items: center;
}
.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
  opacity: 1;
}
.apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 4px;
}
.apexcharts-tooltip-y-group {
  padding: 6px 0 5px;
}
.apexcharts-custom-tooltip, .apexcharts-tooltip-box {
  padding: 4px 8px;
}
.apexcharts-tooltip-boxPlot {
  display: flex;
  flex-direction: column-reverse;
}
.apexcharts-tooltip-box>div {
  margin: 4px 0;
}
.apexcharts-tooltip-box span.value {
  font-weight: 700;
}
.apexcharts-tooltip-rangebar {
  padding: 5px 8px;
}
.apexcharts-tooltip-rangebar .category {
  font-weight: 600;
  color: #777;
}
.apexcharts-tooltip-rangebar .series-name {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
.apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
  opacity: 0;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #eceff1;
  border: 1px solid #90a4ae;
}
.apexcharts-xaxistooltip {
  padding: 9px 10px;
  transition: .15s ease all;
}
.apexcharts-xaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, .7);
  border: 1px solid rgba(0, 0, 0, .5);
  color: #fff;
}
.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.apexcharts-xaxistooltip:after {
  border-color: transparent;
  border-width: 6px;
  margin-left: -6px;
}
.apexcharts-xaxistooltip:before {
  border-color: transparent;
  border-width: 7px;
  margin-left: -7px;
}
.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
  bottom: 100%;
}
.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
  top: 100%;
}
.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #eceff1;
}
.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #90a4ae;
}
.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
  border-bottom-color: rgba(0, 0, 0, .5);
}
.apexcharts-xaxistooltip-top:after {
  border-top-color: #eceff1;
}
.apexcharts-xaxistooltip-top:before {
  border-top-color: #90a4ae;
}
.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
  border-top-color: rgba(0, 0, 0, .5);
}
.apexcharts-xaxistooltip.apexcharts-active {
  opacity: 1;
  transition: .15s ease all;
}
.apexcharts-yaxistooltip {
  padding: 4px 10px;
}
.apexcharts-yaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, .7);
  border: 1px solid rgba(0, 0, 0, .5);
  color: #fff;
}
.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.apexcharts-yaxistooltip:after {
  border-color: transparent;
  border-width: 6px;
  margin-top: -6px;
}
.apexcharts-yaxistooltip:before {
  border-color: transparent;
  border-width: 7px;
  margin-top: -7px;
}
.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
  left: 100%;
}
.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
  right: 100%;
}
.apexcharts-yaxistooltip-left:after {
  border-left-color: #eceff1;
}
.apexcharts-yaxistooltip-left:before {
  border-left-color: #90a4ae;
}
.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
  border-left-color: rgba(0, 0, 0, .5);
}
.apexcharts-yaxistooltip-right:after {
  border-right-color: #eceff1;
}
.apexcharts-yaxistooltip-right:before {
  border-right-color: #90a4ae;
}
.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
  border-right-color: rgba(0, 0, 0, .5);
}
.apexcharts-yaxistooltip.apexcharts-active {
  opacity: 1;
}
.apexcharts-yaxistooltip-hidden {
  display: none;
}
.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
  pointer-events: none;
  opacity: 0;
  transition: .15s ease all;
}
.apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
  opacity: 1;
  transition: .15s ease all;
}
.apexcharts-ycrosshairs-hidden {
  opacity: 0;
}
.apexcharts-selection-rect {
  cursor: move;
}
.svg_select_shape {
  stroke-width: 1;
  stroke-dasharray: 10 10;
  stroke: black;
  stroke-opacity: 0.1;
  pointer-events: none;
  fill: none;
}
.svg_select_handle {
  stroke-width: 3;
  stroke: black;
  fill: none;
}
.svg_select_handle_r {
  cursor: e-resize;
}
.svg_select_handle_l {
  cursor: w-resize;
}
.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
  cursor: crosshair;
}
.apexcharts-svg.apexcharts-zoomable.hovering-pan {
  cursor: move;
}
.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 24px;
  color: #6e8192;
  text-align: center;
}
.apexcharts-menu-icon svg, .apexcharts-reset-icon svg, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, .apexcharts-zoomout-icon svg {
  fill: #6e8192;
}
.apexcharts-selection-icon svg {
  fill: #444;
  transform: scale(.76);
}
.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg {
  fill: #f3f4f5;
}
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
  fill: #008ffb;
}
.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
  fill: #333;
}
.apexcharts-menu-icon, .apexcharts-selection-icon {
  position: relative;
}
.apexcharts-reset-icon {
  margin-left: 5px;
}
.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon {
  transform: scale(.85);
}
.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
  transform: scale(.7);
}
.apexcharts-zoomout-icon {
  margin-right: 3px;
}
.apexcharts-pan-icon {
  transform: scale(.62);
  position: relative;
  left: 1px;
  top: 0;
}
.apexcharts-pan-icon svg {
  fill: #fff;
  stroke: #6e8192;
  stroke-width: 2;
}
.apexcharts-pan-icon.apexcharts-selected svg {
  stroke: #008ffb;
}
.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
  stroke: #333;
}
.apexcharts-toolbar {
  position: absolute;
  z-index: 11;
  max-width: 176px;
  text-align: right;
  border-radius: 3px;
  padding: 0 6px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.apexcharts-menu {
  background: #fff;
  position: absolute;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px;
  right: 10px;
  opacity: 0;
  min-width: 110px;
  transition: .15s ease all;
  pointer-events: none;
}
.apexcharts-menu.apexcharts-menu-open {
  opacity: 1;
  pointer-events: all;
  transition: .15s ease all;
}
.apexcharts-menu-item {
  padding: 6px 7px;
  font-size: 12px;
  cursor: pointer;
}
.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: #eee;
}
.apexcharts-theme-dark .apexcharts-menu {
  background: rgba(0, 0, 0, .7);
  color: #fff;
}
@media screen and (min-width:768px) {
  .apexcharts-canvas:hover .apexcharts-toolbar {
    opacity: 1;
  }
}
.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-datalabel.apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points {
  opacity: 0;
}
.apexcharts-hidden-element-shown {
  opacity: 1;
  transition: 0.25s ease all;
}
.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label {
  cursor: default;
  pointer-events: none;
}
.apexcharts-pie-label-delay {
  opacity: 0;
  animation-name: opaque;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.apexcharts-radialbar-label {
  cursor: pointer;
}
.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-gridline, .apexcharts-line, .apexcharts-point-annotation-label, .apexcharts-radar-series path:not(.apexcharts-marker), .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-xaxis-annotation-label, .apexcharts-yaxis-annotation-label, .apexcharts-zoom-rect, .no-pointer-events {
  pointer-events: none;
}
.apexcharts-tooltip-active .apexcharts-marker {
  transition: .15s ease all;
}
.apexcharts-radar-series .apexcharts-yaxis {
  pointer-events: none;
}
.resize-triggers {
  animation: 1ms resizeanim;
  visibility: hidden;
  opacity: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.contract-trigger:before, .resize-triggers, .resize-triggers>div {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.resize-triggers>div {
  height: 100%;
  width: 100%;
  background: #eee;
  overflow: auto;
}
.contract-trigger:before {
  overflow: hidden;
  width: 200%;
  height: 200%;
}
.apexcharts-bar-goals-markers {
  pointer-events: none;
}
.apexcharts-bar-shadows {
  pointer-events: none;
}
.apexcharts-rangebar-goals-markers {
  pointer-events: none;
}
.apexcharts-disable-transitions * {
  transition: none !important;
}
video-player, live-video-player, media-i18n, media-dialog, media-alert-dialog, media-error-dialog, media-controls {
  display: contents;
}
media-container video, media-container [slot="poster"] {
  display: block;
  width: 100%;
  height: 100%;
}
media-container video::-webkit-media-text-track-container {
  z-index: 1;
  font-family: inherit;
  scale: 0.98;
  translate: 0 var(--media-caption-track-y, 0);
  transition: translate var(--media-caption-track-duration, 0) ease-out;
  transition-delay: var(--media-caption-track-delay, 0);
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/geist-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/geist-italic-variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
[data-theme="light"] {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
}
button:not(:disabled) {
  cursor: pointer;
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  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-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --surface-level: 1;
    }
  }
}