/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --tw-spacing: 0.25rem;
    --tw-breakpoint-sm: 576px;
    --tw-breakpoint-md: 768px;
    --tw-breakpoint-lg: 992px;
    --tw-breakpoint-2xl: 1400px;
    --tw-container-sm: 24rem;
    --tw-container-md: 28rem;
    --tw-container-lg: 32rem;
    --tw-container-xl: 36rem;
    --tw-container-5xl: 64rem;
    --tw-container-6xl: 72rem;
    --tw-container-7xl: 80rem;
    --tw-text-xs: 0.75rem;
    --tw-text-xs--line-height: calc(1 / 0.75);
    --tw-text-sm: 0.875rem;
    --tw-text-sm--line-height: calc(1.25 / 0.875);
    --tw-text-base: 1rem;
    --tw-text-base--line-height: calc(1.5 / 1);
    --tw-text-lg: 1.125rem;
    --tw-text-lg--line-height: calc(1.75 / 1.125);
    --tw-text-xl: 1.25rem;
    --tw-text-xl--line-height: calc(1.75 / 1.25);
    --tw-text-2xl: 1.5rem;
    --tw-text-2xl--line-height: calc(2 / 1.5);
    --tw-text-3xl: 1.875rem;
    --tw-text-3xl--line-height: calc(2.25 / 1.875);
    --tw-text-4xl: 2.25rem;
    --tw-text-4xl--line-height: calc(2.5 / 2.25);
    --tw-text-5xl: 3rem;
    --tw-text-5xl--line-height: 1;
    --tw-font-weight-light: 300;
    --tw-font-weight-normal: 400;
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-font-weight-black: 900;
    --tw-tracking-wide: 0.025em;
    --tw-leading-normal: 1.5;
    --tw-radius-xs: 0.125rem;
    --tw-radius-sm: 0.25rem;
    --tw-radius-md: 0.375rem;
    --tw-radius-lg: 0.5rem;
    --tw-radius-xl: 0.75rem;
    --tw-radius-3xl: 1.5rem;
    --tw-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --tw-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --tw-animate-spin: spin 1s linear infinite;
    --tw-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --tw-blur-xs: 4px;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-color-white: #fff;
    --tw-color-black: #000;
    --tw-color-blue-50: #f0f9ff;
    --tw-color-blue-100: #dff2fe;
    --tw-color-blue-200: #b8e6fe;
    --tw-color-blue-300: #74d4ff;
    --tw-color-blue-400: #00bcff;
    --tw-color-blue-500: #00a6f4;
    --tw-color-blue-600: #0084d1;
    --tw-color-blue-700: #0069a8;
    --tw-color-blue-900: #024a70;
    --tw-color-petrol-50: #f2f7f8;
    --tw-color-petrol-100: #e2ecee;
    --tw-color-petrol-200: #bfced1;
    --tw-color-petrol-300: #a6babe;
    --tw-color-petrol-400: #8ca5aa;
    --tw-color-petrol-500: #6c8a8e;
    --tw-color-petrol-600: #4b6e73;
    --tw-color-petrol-700: #224348;
    --tw-color-petrol-800: #00282e;
    --tw-color-petrol-900: #001518;
    --tw-color-green-50: #f0fdf4;
    --tw-color-green-100: #dcfce7;
    --tw-color-green-200: #b9f8cf;
    --tw-color-green-300: #7bf1a8;
    --tw-color-green-500: #00c950;
    --tw-color-green-600: #00a63e;
    --tw-color-green-700: #15803d;
    --tw-color-green-800: #016630;
    --tw-color-green-900: #0d542b;
    --tw-color-clever-50: #ffebe7;
    --tw-color-clever-100: #fedcd5;
    --tw-color-clever-200: #ffc5b3;
    --tw-color-clever-500: #ff6633;
    --tw-color-clever-600: #de4919;
    --tw-color-clever-700: #bd2c00;
    --tw-color-clever-800: #801e00;
    --tw-color-red-50: #ffefef;
    --tw-color-red-100: #fddede;
    --tw-color-red-200: #f8b3b3;
    --tw-color-red-300: #f48e8e;
    --tw-color-red-400: #ef6363;
    --tw-color-red-500: #eb3f3f;
    --tw-color-red-600: #cd3636;
    --tw-color-red-700: #b22e2e;
    --tw-color-red-800: #942525;
    --tw-color-red-900: #791d1d;
    --tw-color-aqua-300: #7de6d7;
    --tw-color-aqua-400: #37caba;
    --tw-color-aqua-500: #1eaea0;
    --tw-color-aqua-800: #165956;
    --tw-color-aqua-900: #174a48;
    --tw-color-yellow-50: #fefce8;
    --tw-color-yellow-100: #fef9c2;
    --tw-color-yellow-200: #fff085;
    --tw-color-yellow-400: #fdc700;
    --tw-color-yellow-500: #f0b100;
    --tw-color-yellow-600: #d08700;
    --tw-color-yellow-700: #a65f00;
    --tw-color-yellow-800: #894b00;
    --tw-color-yellow-900: #733e0a;
    --tw-font-cleverreach: 'CleverReach', 'Inter', sans-serif;
    --tw-color-foreground: var(--foreground);
    --tw-color-primary: var(--primary);
    --tw-color-muted: var(--muted);
    --tw-color-muted-foreground: var(--muted-foreground);
    --tw-color-border: var(--border);
    --tw-color-accent: var(--accent);
    --tw-color-accent-foreground: var(--accent-foreground);
    --tw-color-bounces: var(--tw-color-red-600);
    --tw-color-clicks: var(--tw-color-blue-700);
    --tw-color-delivered: var(--tw-color-petrol-300);
    --tw-color-opens: var(--tw-color-blue-400);
    --tw-color-spam: var(--tw-color-red-900);
  }
}
@layer utilities {
  .tw\:\@container\/card {
    container-type: inline-size;
    container-name: card;
  }
  .tw\:\@container\/content {
    container-type: inline-size;
    container-name: content;
  }
  .tw\:\@container {
    container-type: inline-size;
  }
  .tw\:pointer-events-auto {
    pointer-events: auto;
  }
  .tw\:pointer-events-none {
    pointer-events: none;
  }
  .tw\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:absolute\! {
    position: absolute !important;
  }
  .tw\:fixed {
    position: fixed;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:static {
    position: static;
  }
  .tw\:sticky {
    position: sticky;
  }
  .tw\:inset-0 {
    inset: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-5 {
    inset: calc(var(--tw-spacing) * 5);
  }
  .tw\:inset-x-0 {
    inset-inline: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-y-0 {
    inset-block: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-y-0\.5 {
    inset-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:inset-y-1 {
    inset-block: calc(var(--tw-spacing) * 1);
  }
  .tw\:inset-y-3 {
    inset-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:-top-0 {
    top: calc(var(--tw-spacing) * -0);
  }
  .tw\:-top-4 {
    top: calc(var(--tw-spacing) * -4);
  }
  .tw\:-top-9 {
    top: calc(var(--tw-spacing) * -9);
  }
  .tw\:-top-px {
    top: -1px;
  }
  .tw\:top-0 {
    top: calc(var(--tw-spacing) * 0);
  }
  .tw\:top-1\.5 {
    top: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:top-1\.25 {
    top: calc(var(--tw-spacing) * 1.25);
  }
  .tw\:top-1\.75 {
    top: calc(var(--tw-spacing) * 1.75);
  }
  .tw\:top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .tw\:top-2 {
    top: calc(var(--tw-spacing) * 2);
  }
  .tw\:top-2\.5 {
    top: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:top-3 {
    top: calc(var(--tw-spacing) * 3);
  }
  .tw\:top-4 {
    top: calc(var(--tw-spacing) * 4);
  }
  .tw\:top-6 {
    top: calc(var(--tw-spacing) * 6);
  }
  .tw\:top-7 {
    top: calc(var(--tw-spacing) * 7);
  }
  .tw\:top-10 {
    top: calc(var(--tw-spacing) * 10);
  }
  .tw\:top-14 {
    top: calc(var(--tw-spacing) * 14);
  }
  .tw\:top-15 {
    top: calc(var(--tw-spacing) * 15);
  }
  .tw\:top-21\.25 {
    top: calc(var(--tw-spacing) * 21.25);
  }
  .tw\:top-22 {
    top: calc(var(--tw-spacing) * 22);
  }
  .tw\:top-24 {
    top: calc(var(--tw-spacing) * 24);
  }
  .tw\:top-32\.5 {
    top: calc(var(--tw-spacing) * 32.5);
  }
  .tw\:-right-10 {
    right: calc(var(--tw-spacing) * -10);
  }
  .tw\:right-\(--card-padding\) {
    right: var(--card-padding);
  }
  .tw\:right-0 {
    right: calc(var(--tw-spacing) * 0);
  }
  .tw\:right-1\.5 {
    right: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:right-2 {
    right: calc(var(--tw-spacing) * 2);
  }
  .tw\:right-2\.5 {
    right: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:right-3 {
    right: calc(var(--tw-spacing) * 3);
  }
  .tw\:right-4 {
    right: calc(var(--tw-spacing) * 4);
  }
  .tw\:right-5 {
    right: calc(var(--tw-spacing) * 5);
  }
  .tw\:right-6 {
    right: calc(var(--tw-spacing) * 6);
  }
  .tw\:right-8 {
    right: calc(var(--tw-spacing) * 8);
  }
  .tw\:right-10 {
    right: calc(var(--tw-spacing) * 10);
  }
  .tw\:bottom-0 {
    bottom: calc(var(--tw-spacing) * 0);
  }
  .tw\:bottom-2 {
    bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:bottom-3 {
    bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:bottom-5 {
    bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:bottom-10 {
    bottom: calc(var(--tw-spacing) * 10);
  }
  .tw\:-left-2 {
    left: calc(var(--tw-spacing) * -2);
  }
  .tw\:-left-2\.5 {
    left: calc(var(--tw-spacing) * -2.5);
  }
  .tw\:-left-12 {
    left: calc(var(--tw-spacing) * -12);
  }
  .tw\:left-\(--sidebar-width\) {
    left: var(--sidebar-width);
  }
  .tw\:left-0 {
    left: calc(var(--tw-spacing) * 0);
  }
  .tw\:left-0\.5 {
    left: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:left-0\.75 {
    left: calc(var(--tw-spacing) * 0.75);
  }
  .tw\:left-1 {
    left: calc(var(--tw-spacing) * 1);
  }
  .tw\:left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .tw\:left-4 {
    left: calc(var(--tw-spacing) * 4);
  }
  .tw\:left-4\.75 {
    left: calc(var(--tw-spacing) * 4.75);
  }
  .tw\:left-5 {
    left: calc(var(--tw-spacing) * 5);
  }
  .tw\:left-6 {
    left: calc(var(--tw-spacing) * 6);
  }
  .tw\:left-10 {
    left: calc(var(--tw-spacing) * 10);
  }
  .tw\:left-12 {
    left: calc(var(--tw-spacing) * 12);
  }
  .tw\:left-\[105\%\] {
    left: 105%;
  }
  .tw\:z-1 {
    z-index: 1;
  }
  .tw\:z-2 {
    z-index: 2;
  }
  .tw\:z-10 {
    z-index: 10;
  }
  .tw\:z-50 {
    z-index: 50;
  }
  .tw\:z-1000 {
    z-index: 1000;
  }
  .tw\:z-\[9999\] {
    z-index: 9999;
  }
  .tw\:order-\(--order\) {
    order: var(--order);
  }
  .tw\:order-1 {
    order: 1;
  }
  .tw\:order-2 {
    order: 2;
  }
  .tw\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .tw\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .tw\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .tw\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .tw\:col-start-1 {
    grid-column-start: 1;
  }
  .tw\:col-start-2 {
    grid-column-start: 2;
  }
  .tw\:col-start-3 {
    grid-column-start: 3;
  }
  .tw\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .tw\:row-span-3 {
    grid-row: span 3 / span 3;
  }
  .tw\:row-start-1 {
    grid-row-start: 1;
  }
  .tw\:row-start-2 {
    grid-row-start: 2;
  }
  .tw\:row-start-3 {
    grid-row-start: 3;
  }
  .tw\:float-left {
    float: left;
  }
  .tw\:float-none {
    float: none;
  }
  .tw\:float-right {
    float: right;
  }
  .tw\:clear-both {
    clear: both;
  }
  .tw\:-m-\(--card-padding\) {
    margin: calc(var(--card-padding) * -1);
  }
  .tw\:-m-4 {
    margin: calc(var(--tw-spacing) * -4);
  }
  .tw\:m-0 {
    margin: calc(var(--tw-spacing) * 0);
  }
  .tw\:m-1 {
    margin: calc(var(--tw-spacing) * 1);
  }
  .tw\:m-2 {
    margin: calc(var(--tw-spacing) * 2);
  }
  .tw\:m-4 {
    margin: calc(var(--tw-spacing) * 4);
  }
  .tw\:m-8 {
    margin: calc(var(--tw-spacing) * 8);
  }
  .tw\:m-auto {
    margin: auto;
  }
  .tw\:-mx-1 {
    margin-inline: calc(var(--tw-spacing) * -1);
  }
  .tw\:-mx-2\.5 {
    margin-inline: calc(var(--tw-spacing) * -2.5);
  }
  .tw\:-mx-3 {
    margin-inline: calc(var(--tw-spacing) * -3);
  }
  .tw\:-mx-4 {
    margin-inline: calc(var(--tw-spacing) * -4);
  }
  .tw\:mx-0\.5 {
    margin-inline: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mx-2 {
    margin-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:mx-3 {
    margin-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:mx-4 {
    margin-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:mx-5 {
    margin-inline: calc(var(--tw-spacing) * 5);
  }
  .tw\:mx-6 {
    margin-inline: calc(var(--tw-spacing) * 6);
  }
  .tw\:mx-12 {
    margin-inline: calc(var(--tw-spacing) * 12);
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:-my-\(--item-padding\) {
    margin-block: calc(var(--item-padding) * -1);
  }
  .tw\:-my-1\.5 {
    margin-block: calc(var(--tw-spacing) * -1.5);
  }
  .tw\:-my-2 {
    margin-block: calc(var(--tw-spacing) * -2);
  }
  .tw\:my-0 {
    margin-block: calc(var(--tw-spacing) * 0);
  }
  .tw\:my-0\.5 {
    margin-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:my-1 {
    margin-block: calc(var(--tw-spacing) * 1);
  }
  .tw\:my-2 {
    margin-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:my-2\.5 {
    margin-block: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:my-3 {
    margin-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:my-4 {
    margin-block: calc(var(--tw-spacing) * 4);
  }
  .tw\:my-5 {
    margin-block: calc(var(--tw-spacing) * 5);
  }
  .tw\:my-6 {
    margin-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:my-8 {
    margin-block: calc(var(--tw-spacing) * 8);
  }
  .tw\:my-auto {
    margin-block: auto;
  }
  .tw\:ms-8 {
    margin-inline-start: calc(var(--tw-spacing) * 8);
  }
  .tw\:-mt-1 {
    margin-top: calc(var(--tw-spacing) * -1);
  }
  .tw\:-mt-3 {
    margin-top: calc(var(--tw-spacing) * -3);
  }
  .tw\:-mt-4 {
    margin-top: calc(var(--tw-spacing) * -4);
  }
  .tw\:-mt-8 {
    margin-top: calc(var(--tw-spacing) * -8);
  }
  .tw\:-mt-8\! {
    margin-top: calc(var(--tw-spacing) * -8) !important;
  }
  .tw\:-mt-12 {
    margin-top: calc(var(--tw-spacing) * -12);
  }
  .tw\:-mt-\[5px\] {
    margin-top: calc(5px * -1);
  }
  .tw\:mt-0 {
    margin-top: calc(var(--tw-spacing) * 0);
  }
  .tw\:mt-0\.5 {
    margin-top: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mt-1 {
    margin-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-2\! {
    margin-top: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:mt-2\.5 {
    margin-top: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-5 {
    margin-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mt-8 {
    margin-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:mt-10 {
    margin-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:mt-12 {
    margin-top: calc(var(--tw-spacing) * 12);
  }
  .tw\:mt-16 {
    margin-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:mt-20 {
    margin-top: calc(var(--tw-spacing) * 20);
  }
  .tw\:mt-40 {
    margin-top: calc(var(--tw-spacing) * 40);
  }
  .tw\:mt-auto {
    margin-top: auto;
  }
  .tw\:-mr-1\.5 {
    margin-right: calc(var(--tw-spacing) * -1.5);
  }
  .tw\:mr-\(--horizontal-padding\) {
    margin-right: var(--horizontal-padding);
  }
  .tw\:mr-0 {
    margin-right: calc(var(--tw-spacing) * 0);
  }
  .tw\:mr-1 {
    margin-right: calc(var(--tw-spacing) * 1);
  }
  .tw\:mr-2 {
    margin-right: calc(var(--tw-spacing) * 2);
  }
  .tw\:mr-3 {
    margin-right: calc(var(--tw-spacing) * 3);
  }
  .tw\:mr-4 {
    margin-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:mr-4\.5 {
    margin-right: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:mr-5 {
    margin-right: calc(var(--tw-spacing) * 5);
  }
  .tw\:mr-8 {
    margin-right: calc(var(--tw-spacing) * 8);
  }
  .tw\:mr-10 {
    margin-right: calc(var(--tw-spacing) * 10);
  }
  .tw\:mr-11 {
    margin-right: calc(var(--tw-spacing) * 11);
  }
  .tw\:mr-auto {
    margin-right: auto;
  }
  .tw\:-mb-2 {
    margin-bottom: calc(var(--tw-spacing) * -2);
  }
  .tw\:-mb-4 {
    margin-bottom: calc(var(--tw-spacing) * -4);
  }
  .tw\:-mb-px {
    margin-bottom: -1px;
  }
  .tw\:mb-0 {
    margin-bottom: calc(var(--tw-spacing) * 0);
  }
  .tw\:mb-0\.5 {
    margin-bottom: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mb-1 {
    margin-bottom: calc(var(--tw-spacing) * 1);
  }
  .tw\:mb-1\.5 {
    margin-bottom: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:mb-3 {
    margin-bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:mb-3\.5 {
    margin-bottom: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:mb-4 {
    margin-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:mb-5 {
    margin-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:mb-6 {
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:mb-7 {
    margin-bottom: calc(var(--tw-spacing) * 7);
  }
  .tw\:mb-8 {
    margin-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:mb-10 {
    margin-bottom: calc(var(--tw-spacing) * 10);
  }
  .tw\:mb-20 {
    margin-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:mb-px {
    margin-bottom: 1px;
  }
  .tw\:-ml-1 {
    margin-left: calc(var(--tw-spacing) * -1);
  }
  .tw\:-ml-2 {
    margin-left: calc(var(--tw-spacing) * -2);
  }
  .tw\:-ml-3 {
    margin-left: calc(var(--tw-spacing) * -3);
  }
  .tw\:-ml-4 {
    margin-left: calc(var(--tw-spacing) * -4);
  }
  .tw\:-ml-px {
    margin-left: -1px;
  }
  .tw\:ml-0 {
    margin-left: calc(var(--tw-spacing) * 0);
  }
  .tw\:ml-0\.5 {
    margin-left: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:ml-1 {
    margin-left: calc(var(--tw-spacing) * 1);
  }
  .tw\:ml-1\.5 {
    margin-left: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:ml-2 {
    margin-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:ml-2\.5\! {
    margin-left: calc(var(--tw-spacing) * 2.5) !important;
  }
  .tw\:ml-3 {
    margin-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:ml-4 {
    margin-left: calc(var(--tw-spacing) * 4);
  }
  .tw\:ml-5 {
    margin-left: calc(var(--tw-spacing) * 5);
  }
  .tw\:ml-6 {
    margin-left: calc(var(--tw-spacing) * 6);
  }
  .tw\:ml-7 {
    margin-left: calc(var(--tw-spacing) * 7);
  }
  .tw\:ml-8 {
    margin-left: calc(var(--tw-spacing) * 8);
  }
  .tw\:ml-10 {
    margin-left: calc(var(--tw-spacing) * 10);
  }
  .tw\:ml-11 {
    margin-left: calc(var(--tw-spacing) * 11);
  }
  .tw\:ml-12 {
    margin-left: calc(var(--tw-spacing) * 12);
  }
  .tw\:ml-14 {
    margin-left: calc(var(--tw-spacing) * 14);
  }
  .tw\:ml-16 {
    margin-left: calc(var(--tw-spacing) * 16);
  }
  .tw\:ml-18 {
    margin-left: calc(var(--tw-spacing) * 18);
  }
  .tw\:ml-36\.25 {
    margin-left: calc(var(--tw-spacing) * 36.25);
  }
  .tw\:ml-auto {
    margin-left: auto;
  }
  .tw\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .tw\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .tw\:block {
    display: block;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:flow-root {
    display: flow-root;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:hidden\! {
    display: none !important;
  }
  .tw\:inline {
    display: inline;
  }
  .tw\:inline-block {
    display: inline-block;
  }
  .tw\:inline-block\! {
    display: inline-block !important;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:table-cell {
    display: table-cell;
  }
  .tw\:table-row {
    display: table-row;
  }
  .tw\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .tw\:size-\(--place-size\) {
    width: var(--place-size);
    height: var(--place-size);
  }
  .tw\:size-1 {
    width: calc(var(--tw-spacing) * 1);
    height: calc(var(--tw-spacing) * 1);
  }
  .tw\:size-2 {
    width: calc(var(--tw-spacing) * 2);
    height: calc(var(--tw-spacing) * 2);
  }
  .tw\:size-3 {
    width: calc(var(--tw-spacing) * 3);
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:size-4 {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:size-4\! {
    width: calc(var(--tw-spacing) * 4) !important;
    height: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:size-6 {
    width: calc(var(--tw-spacing) * 6);
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:size-6\.5 {
    width: calc(var(--tw-spacing) * 6.5);
    height: calc(var(--tw-spacing) * 6.5);
  }
  .tw\:size-7 {
    width: calc(var(--tw-spacing) * 7);
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:size-7\.5 {
    width: calc(var(--tw-spacing) * 7.5);
    height: calc(var(--tw-spacing) * 7.5);
  }
  .tw\:size-8 {
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:size-9 {
    width: calc(var(--tw-spacing) * 9);
    height: calc(var(--tw-spacing) * 9);
  }
  .tw\:size-9\.5 {
    width: calc(var(--tw-spacing) * 9.5);
    height: calc(var(--tw-spacing) * 9.5);
  }
  .tw\:size-9\.5\! {
    width: calc(var(--tw-spacing) * 9.5) !important;
    height: calc(var(--tw-spacing) * 9.5) !important;
  }
  .tw\:size-10 {
    width: calc(var(--tw-spacing) * 10);
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:size-12 {
    width: calc(var(--tw-spacing) * 12);
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:size-14 {
    width: calc(var(--tw-spacing) * 14);
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:size-16 {
    width: calc(var(--tw-spacing) * 16);
    height: calc(var(--tw-spacing) * 16);
  }
  .tw\:size-18 {
    width: calc(var(--tw-spacing) * 18);
    height: calc(var(--tw-spacing) * 18);
  }
  .tw\:size-20 {
    width: calc(var(--tw-spacing) * 20);
    height: calc(var(--tw-spacing) * 20);
  }
  .tw\:size-24 {
    width: calc(var(--tw-spacing) * 24);
    height: calc(var(--tw-spacing) * 24);
  }
  .tw\:size-28 {
    width: calc(var(--tw-spacing) * 28);
    height: calc(var(--tw-spacing) * 28);
  }
  .tw\:size-32 {
    width: calc(var(--tw-spacing) * 32);
    height: calc(var(--tw-spacing) * 32);
  }
  .tw\:size-44 {
    width: calc(var(--tw-spacing) * 44);
    height: calc(var(--tw-spacing) * 44);
  }
  .tw\:size-48 {
    width: calc(var(--tw-spacing) * 48);
    height: calc(var(--tw-spacing) * 48);
  }
  .tw\:size-64 {
    width: calc(var(--tw-spacing) * 64);
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:size-\[1\.125rem\] {
    width: 1.125rem;
    height: 1.125rem;
  }
  .tw\:size-\[39px\] {
    width: 39px;
    height: 39px;
  }
  .tw\:h-\(--height\) {
    height: var(--height);
  }
  .tw\:h-0 {
    height: calc(var(--tw-spacing) * 0);
  }
  .tw\:h-0\.5 {
    height: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:h-1 {
    height: calc(var(--tw-spacing) * 1);
  }
  .tw\:h-1\/2 {
    height: calc(1/2 * 100%);
  }
  .tw\:h-2 {
    height: calc(var(--tw-spacing) * 2);
  }
  .tw\:h-2\.5 {
    height: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:h-3 {
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:h-4 {
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:h-5 {
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:h-5\.5 {
    height: calc(var(--tw-spacing) * 5.5);
  }
  .tw\:h-6 {
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:h-7 {
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:h-7\.5 {
    height: calc(var(--tw-spacing) * 7.5);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:h-9 {
    height: calc(var(--tw-spacing) * 9);
  }
  .tw\:h-9\.5 {
    height: calc(var(--tw-spacing) * 9.5);
  }
  .tw\:h-10 {
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:h-11 {
    height: calc(var(--tw-spacing) * 11);
  }
  .tw\:h-12 {
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:h-14 {
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:h-15 {
    height: calc(var(--tw-spacing) * 15);
  }
  .tw\:h-16 {
    height: calc(var(--tw-spacing) * 16);
  }
  .tw\:h-18 {
    height: calc(var(--tw-spacing) * 18);
  }
  .tw\:h-20 {
    height: calc(var(--tw-spacing) * 20);
  }
  .tw\:h-21 {
    height: calc(var(--tw-spacing) * 21);
  }
  .tw\:h-22 {
    height: calc(var(--tw-spacing) * 22);
  }
  .tw\:h-25\.5 {
    height: calc(var(--tw-spacing) * 25.5);
  }
  .tw\:h-32 {
    height: calc(var(--tw-spacing) * 32);
  }
  .tw\:h-34 {
    height: calc(var(--tw-spacing) * 34);
  }
  .tw\:h-36 {
    height: calc(var(--tw-spacing) * 36);
  }
  .tw\:h-40 {
    height: calc(var(--tw-spacing) * 40);
  }
  .tw\:h-43\.25 {
    height: calc(var(--tw-spacing) * 43.25);
  }
  .tw\:h-43\.75 {
    height: calc(var(--tw-spacing) * 43.75);
  }
  .tw\:h-44 {
    height: calc(var(--tw-spacing) * 44);
  }
  .tw\:h-50 {
    height: calc(var(--tw-spacing) * 50);
  }
  .tw\:h-52 {
    height: calc(var(--tw-spacing) * 52);
  }
  .tw\:h-54 {
    height: calc(var(--tw-spacing) * 54);
  }
  .tw\:h-56\.25 {
    height: calc(var(--tw-spacing) * 56.25);
  }
  .tw\:h-60 {
    height: calc(var(--tw-spacing) * 60);
  }
  .tw\:h-62\.5 {
    height: calc(var(--tw-spacing) * 62.5);
  }
  .tw\:h-64 {
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:h-72 {
    height: calc(var(--tw-spacing) * 72);
  }
  .tw\:h-72\.5 {
    height: calc(var(--tw-spacing) * 72.5);
  }
  .tw\:h-75 {
    height: calc(var(--tw-spacing) * 75);
  }
  .tw\:h-100 {
    height: calc(var(--tw-spacing) * 100);
  }
  .tw\:h-108\.75 {
    height: calc(var(--tw-spacing) * 108.75);
  }
  .tw\:h-112 {
    height: calc(var(--tw-spacing) * 112);
  }
  .tw\:h-112\.5 {
    height: calc(var(--tw-spacing) * 112.5);
  }
  .tw\:h-140 {
    height: calc(var(--tw-spacing) * 140);
  }
  .tw\:h-162\.5 {
    height: calc(var(--tw-spacing) * 162.5);
  }
  .tw\:h-200 {
    height: calc(var(--tw-spacing) * 200);
  }
  .tw\:h-\[1lh\] {
    height: 1lh;
  }
  .tw\:h-\[32rem\] {
    height: 32rem;
  }
  .tw\:h-\[136px\] {
    height: 136px;
  }
  .tw\:h-\[550px\] {
    height: 550px;
  }
  .tw\:h-\[calc\(--spacing\(3\)\+1px\)\] {
    height: calc(calc(var(--tw-spacing) * 3) + 1px);
  }
  .tw\:h-\[calc\(100\%-135px\)\] {
    height: calc(100% - 135px);
  }
  .tw\:h-\[calc\(100vh---spacing\(4\)\)\] {
    height: calc(100vh - calc(var(--tw-spacing) * 4));
  }
  .tw\:h-auto {
    height: auto;
  }
  .tw\:h-dvh {
    height: 100dvh;
  }
  .tw\:h-fit {
    height: fit-content;
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:h-px {
    height: 1px;
  }
  .tw\:max-h-10 {
    max-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:max-h-16 {
    max-height: calc(var(--tw-spacing) * 16);
  }
  .tw\:max-h-32 {
    max-height: calc(var(--tw-spacing) * 32);
  }
  .tw\:max-h-36 {
    max-height: calc(var(--tw-spacing) * 36);
  }
  .tw\:max-h-44 {
    max-height: calc(var(--tw-spacing) * 44);
  }
  .tw\:max-h-64 {
    max-height: calc(var(--tw-spacing) * 64);
  }
  .tw\:max-h-72 {
    max-height: calc(var(--tw-spacing) * 72);
  }
  .tw\:max-h-92 {
    max-height: calc(var(--tw-spacing) * 92);
  }
  .tw\:max-h-100 {
    max-height: calc(var(--tw-spacing) * 100);
  }
  .tw\:max-h-125 {
    max-height: calc(var(--tw-spacing) * 125);
  }
  .tw\:max-h-\[75vh\] {
    max-height: 75vh;
  }
  .tw\:max-h-full {
    max-height: 100%;
  }
  .tw\:min-h-10 {
    min-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:min-h-12 {
    min-height: calc(var(--tw-spacing) * 12);
  }
  .tw\:min-h-18 {
    min-height: calc(var(--tw-spacing) * 18);
  }
  .tw\:min-h-48 {
    min-height: calc(var(--tw-spacing) * 48);
  }
  .tw\:min-h-64 {
    min-height: calc(var(--tw-spacing) * 64);
  }
  .tw\:min-h-96 {
    min-height: calc(var(--tw-spacing) * 96);
  }
  .tw\:min-h-104 {
    min-height: calc(var(--tw-spacing) * 104);
  }
  .tw\:min-h-120 {
    min-height: calc(var(--tw-spacing) * 120);
  }
  .tw\:min-h-125 {
    min-height: calc(var(--tw-spacing) * 125);
  }
  .tw\:min-h-160 {
    min-height: calc(var(--tw-spacing) * 160);
  }
  .tw\:min-h-\[50vh\] {
    min-height: 50vh;
  }
  .tw\:w-0 {
    width: calc(var(--tw-spacing) * 0);
  }
  .tw\:w-0\.5 {
    width: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:w-0\.75 {
    width: calc(var(--tw-spacing) * 0.75);
  }
  .tw\:w-1 {
    width: calc(var(--tw-spacing) * 1);
  }
  .tw\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .tw\:w-1\/2\! {
    width: calc(1/2 * 100%) !important;
  }
  .tw\:w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .tw\:w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .tw\:w-1\/5 {
    width: calc(1/5 * 100%);
  }
  .tw\:w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .tw\:w-2\/6 {
    width: calc(2/6 * 100%);
  }
  .tw\:w-3 {
    width: calc(var(--tw-spacing) * 3);
  }
  .tw\:w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-4\/6 {
    width: calc(4/6 * 100%);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-6 {
    width: calc(var(--tw-spacing) * 6);
  }
  .tw\:w-6\.25 {
    width: calc(var(--tw-spacing) * 6.25);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-7\.5 {
    width: calc(var(--tw-spacing) * 7.5);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .tw\:w-8\.75 {
    width: calc(var(--tw-spacing) * 8.75);
  }
  .tw\:w-9 {
    width: calc(var(--tw-spacing) * 9);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-12 {
    width: calc(var(--tw-spacing) * 12);
  }
  .tw\:w-14 {
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-16 {
    width: calc(var(--tw-spacing) * 16);
  }
  .tw\:w-17\.5 {
    width: calc(var(--tw-spacing) * 17.5);
  }
  .tw\:w-18 {
    width: calc(var(--tw-spacing) * 18);
  }
  .tw\:w-20 {
    width: calc(var(--tw-spacing) * 20);
  }
  .tw\:w-22 {
    width: calc(var(--tw-spacing) * 22);
  }
  .tw\:w-22\.5 {
    width: calc(var(--tw-spacing) * 22.5);
  }
  .tw\:w-24 {
    width: calc(var(--tw-spacing) * 24);
  }
  .tw\:w-25 {
    width: calc(var(--tw-spacing) * 25);
  }
  .tw\:w-28 {
    width: calc(var(--tw-spacing) * 28);
  }
  .tw\:w-29\.75 {
    width: calc(var(--tw-spacing) * 29.75);
  }
  .tw\:w-30 {
    width: calc(var(--tw-spacing) * 30);
  }
  .tw\:w-32 {
    width: calc(var(--tw-spacing) * 32);
  }
  .tw\:w-36 {
    width: calc(var(--tw-spacing) * 36);
  }
  .tw\:w-37\.5 {
    width: calc(var(--tw-spacing) * 37.5);
  }
  .tw\:w-40 {
    width: calc(var(--tw-spacing) * 40);
  }
  .tw\:w-43\.75 {
    width: calc(var(--tw-spacing) * 43.75);
  }
  .tw\:w-44 {
    width: calc(var(--tw-spacing) * 44);
  }
  .tw\:w-48 {
    width: calc(var(--tw-spacing) * 48);
  }
  .tw\:w-50 {
    width: calc(var(--tw-spacing) * 50);
  }
  .tw\:w-52 {
    width: calc(var(--tw-spacing) * 52);
  }
  .tw\:w-60 {
    width: calc(var(--tw-spacing) * 60);
  }
  .tw\:w-64 {
    width: calc(var(--tw-spacing) * 64);
  }
  .tw\:w-75 {
    width: calc(var(--tw-spacing) * 75);
  }
  .tw\:w-80 {
    width: calc(var(--tw-spacing) * 80);
  }
  .tw\:w-87\.5 {
    width: calc(var(--tw-spacing) * 87.5);
  }
  .tw\:w-96 {
    width: calc(var(--tw-spacing) * 96);
  }
  .tw\:w-100 {
    width: calc(var(--tw-spacing) * 100);
  }
  .tw\:w-125 {
    width: calc(var(--tw-spacing) * 125);
  }
  .tw\:w-150 {
    width: calc(var(--tw-spacing) * 150);
  }
  .tw\:w-225 {
    width: calc(var(--tw-spacing) * 225);
  }
  .tw\:w-\[22rem\] {
    width: 22rem;
  }
  .tw\:w-\[114px\] {
    width: 114px;
  }
  .tw\:w-\[132px\] {
    width: 132px;
  }
  .tw\:w-\[calc\(50\%---spacing\(0\.5\)\)\] {
    width: calc(50% - calc(var(--tw-spacing) * 0.5));
  }
  .tw\:w-\[calc\(100\%-2\.5rem\)\] {
    width: calc(100% - 2.5rem);
  }
  .tw\:w-\[calc\(100\%-var\(--sidebar-width\)\)\] {
    width: calc(100% - var(--sidebar-width));
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-fit {
    width: fit-content;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:w-full\! {
    width: 100% !important;
  }
  .tw\:w-max {
    width: max-content;
  }
  .tw\:w-px {
    width: 1px;
  }
  .tw\:max-w-\(--tw-breakpoint-2xl\) {
    max-width: var(--tw-breakpoint-2xl);
  }
  .tw\:max-w-\(--tw-breakpoint-lg\) {
    max-width: var(--tw-breakpoint-lg);
  }
  .tw\:max-w-\(--tw-breakpoint-md\) {
    max-width: var(--tw-breakpoint-md);
  }
  .tw\:max-w-\(--tw-breakpoint-sm\) {
    max-width: var(--tw-breakpoint-sm);
  }
  .tw\:max-w-0 {
    max-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:max-w-1\/2 {
    max-width: calc(1/2 * 100%);
  }
  .tw\:max-w-5xl {
    max-width: var(--tw-container-5xl);
  }
  .tw\:max-w-6xl {
    max-width: var(--tw-container-6xl);
  }
  .tw\:max-w-7xl {
    max-width: var(--tw-container-7xl);
  }
  .tw\:max-w-40 {
    max-width: calc(var(--tw-spacing) * 40);
  }
  .tw\:max-w-48 {
    max-width: calc(var(--tw-spacing) * 48);
  }
  .tw\:max-w-56 {
    max-width: calc(var(--tw-spacing) * 56);
  }
  .tw\:max-w-60 {
    max-width: calc(var(--tw-spacing) * 60);
  }
  .tw\:max-w-64 {
    max-width: calc(var(--tw-spacing) * 64);
  }
  .tw\:max-w-72 {
    max-width: calc(var(--tw-spacing) * 72);
  }
  .tw\:max-w-80 {
    max-width: calc(var(--tw-spacing) * 80);
  }
  .tw\:max-w-87\.5 {
    max-width: calc(var(--tw-spacing) * 87.5);
  }
  .tw\:max-w-100 {
    max-width: calc(var(--tw-spacing) * 100);
  }
  .tw\:max-w-137\.5 {
    max-width: calc(var(--tw-spacing) * 137.5);
  }
  .tw\:max-w-150 {
    max-width: calc(var(--tw-spacing) * 150);
  }
  .tw\:max-w-\[27\.5rem\] {
    max-width: 27.5rem;
  }
  .tw\:max-w-\[75vw\] {
    max-width: 75vw;
  }
  .tw\:max-w-\[calc\(25vw\)\] {
    max-width: calc(25vw);
  }
  .tw\:max-w-\[calc\(33vw\)\] {
    max-width: calc(33vw);
  }
  .tw\:max-w-\[calc\(50vw\)\] {
    max-width: calc(50vw);
  }
  .tw\:max-w-\[calc\(66vw\)\] {
    max-width: calc(66vw);
  }
  .tw\:max-w-\[calc\(75vw\)\] {
    max-width: calc(75vw);
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-md {
    max-width: var(--tw-container-md);
  }
  .tw\:max-w-min {
    max-width: min-content;
  }
  .tw\:max-w-none {
    max-width: none;
  }
  .tw\:max-w-prose {
    max-width: 65ch;
  }
  .tw\:max-w-sm {
    max-width: var(--tw-container-sm);
  }
  .tw\:min-w-0 {
    min-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:min-w-1\/4 {
    min-width: calc(1/4 * 100%);
  }
  .tw\:min-w-12 {
    min-width: calc(var(--tw-spacing) * 12);
  }
  .tw\:min-w-25 {
    min-width: calc(var(--tw-spacing) * 25);
  }
  .tw\:min-w-40 {
    min-width: calc(var(--tw-spacing) * 40);
  }
  .tw\:min-w-48 {
    min-width: calc(var(--tw-spacing) * 48);
  }
  .tw\:min-w-56 {
    min-width: calc(var(--tw-spacing) * 56);
  }
  .tw\:min-w-60 {
    min-width: calc(var(--tw-spacing) * 60);
  }
  .tw\:min-w-72 {
    min-width: calc(var(--tw-spacing) * 72);
  }
  .tw\:min-w-75 {
    min-width: calc(var(--tw-spacing) * 75);
  }
  .tw\:min-w-auto {
    min-width: auto;
  }
  .tw\:min-w-lg {
    min-width: var(--tw-container-lg);
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-\[0_0_auto\] {
    flex: 0 0 auto;
  }
  .tw\:flex-\[1_0_26\%\] {
    flex: 1 0 26%;
  }
  .tw\:flex-\[1_0_32\%\] {
    flex: 1 0 32%;
  }
  .tw\:flex-\[1_0_100\%\] {
    flex: 1 0 100%;
  }
  .tw\:flex-auto {
    flex: auto;
  }
  .tw\:flex-none {
    flex: none;
  }
  .tw\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .tw\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:grow {
    flex-grow: 1;
  }
  .tw\:grow-0 {
    flex-grow: 0;
  }
  .tw\:basis-1\/2 {
    flex-basis: calc(1/2 * 100%);
  }
  .tw\:caption-bottom {
    caption-side: bottom;
  }
  .tw\:border-collapse {
    border-collapse: collapse;
  }
  .tw\:-translate-x-1 {
    --tw-translate-x: calc(var(--tw-spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-y-1 {
    --tw-translate-y: calc(var(--tw-spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:-translate-y-\[calc\(100\%\+--spacing\(2\)\)\] {
    --tw-translate-y: calc(calc(100% + calc(var(--tw-spacing) * 2)) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-1\/2 {
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .tw\:-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .tw\:rotate-45 {
    rotate: 45deg;
  }
  .tw\:rotate-180 {
    rotate: 180deg;
  }
  .tw\:transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .tw\:animate-pulse {
    animation: var(--tw-animate-pulse);
  }
  .tw\:animate-spin {
    animation: var(--tw-animate-spin);
  }
  .tw\:cursor-default {
    cursor: default;
  }
  .tw\:cursor-default\! {
    cursor: default !important;
  }
  .tw\:cursor-grab {
    cursor: grab;
  }
  .tw\:cursor-grab\! {
    cursor: grab !important;
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:cursor-zoom-in {
    cursor: zoom-in;
  }
  .tw\:scroll-m-20 {
    scroll-margin: calc(var(--tw-spacing) * 20);
  }
  .tw\:scroll-m-44 {
    scroll-margin: calc(var(--tw-spacing) * 44);
  }
  .tw\:list-inside {
    list-style-position: inside;
  }
  .tw\:list-disc {
    list-style-type: disc;
  }
  .tw\:list-none {
    list-style-type: none;
  }
  .tw\:appearance-none {
    appearance: none;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tw\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .tw\:grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr;
  }
  .tw\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .tw\:grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .tw\:flex-row {
    flex-direction: row;
  }
  .tw\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .tw\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:place-content-center {
    place-content: center;
  }
  .tw\:place-items-center {
    place-items: center;
  }
  .tw\:place-items-stretch {
    place-items: stretch;
  }
  .tw\:content-center {
    align-content: center;
  }
  .tw\:items-baseline {
    align-items: baseline;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-end {
    align-items: flex-end;
  }
  .tw\:items-start {
    align-items: flex-start;
  }
  .tw\:items-start\! {
    align-items: flex-start !important;
  }
  .tw\:items-stretch {
    align-items: stretch;
  }
  .tw\:justify-around {
    justify-content: space-around;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:justify-evenly {
    justify-content: space-evenly;
  }
  .tw\:justify-start {
    justify-content: flex-start;
  }
  .tw\:justify-start\! {
    justify-content: flex-start !important;
  }
  .tw\:justify-items-center {
    justify-items: center;
  }
  .tw\:gap-0\! {
    gap: calc(var(--tw-spacing) * 0) !important;
  }
  .tw\:gap-0\.5 {
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:gap-1 {
    gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-2\.5 {
    gap: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-5 {
    gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-6 {
    gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-7 {
    gap: calc(var(--tw-spacing) * 7);
  }
  .tw\:gap-8 {
    gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-10 {
    gap: calc(var(--tw-spacing) * 10);
  }
  .tw\:gap-16 {
    gap: calc(var(--tw-spacing) * 16);
  }
  .tw\:gap-18 {
    gap: calc(var(--tw-spacing) * 18);
  }
  .tw\:gap-20 {
    gap: calc(var(--tw-spacing) * 20);
  }
  .tw\:space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:gap-x-1 {
    column-gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-x-2 {
    column-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-x-2\.5 {
    column-gap: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:gap-x-3 {
    column-gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-x-4 {
    column-gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-x-5 {
    column-gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-x-6 {
    column-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-x-7 {
    column-gap: calc(var(--tw-spacing) * 7);
  }
  .tw\:gap-x-8 {
    column-gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-x-9 {
    column-gap: calc(var(--tw-spacing) * 9);
  }
  .tw\:gap-x-10 {
    column-gap: calc(var(--tw-spacing) * 10);
  }
  .tw\:gap-y-2 {
    row-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-y-2\.5 {
    row-gap: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:gap-y-3 {
    row-gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-y-4 {
    row-gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-y-6 {
    row-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-y-8 {
    row-gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-y-10 {
    row-gap: calc(var(--tw-spacing) * 10);
  }
  .tw\:divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .tw\:divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
  }
  .tw\:self-center {
    align-self: center;
  }
  .tw\:self-end {
    align-self: flex-end;
  }
  .tw\:self-start {
    align-self: flex-start;
  }
  .tw\:self-stretch {
    align-self: stretch;
  }
  .tw\:justify-self-start {
    justify-self: flex-start;
  }
  .tw\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tw\:overflow-auto {
    overflow: auto;
  }
  .tw\:overflow-hidden {
    overflow: hidden;
  }
  .tw\:overflow-scroll {
    overflow: scroll;
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .tw\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .tw\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .tw\:scroll-smooth {
    scroll-behavior: smooth;
  }
  .tw\:rounded {
    border-radius: 0.25rem;
  }
  .tw\:rounded-3xl {
    border-radius: var(--tw-radius-3xl);
  }
  .tw\:rounded-\[1px\] {
    border-radius: 1px;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-full\! {
    border-radius: calc(infinity * 1px) !important;
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md);
  }
  .tw\:rounded-none {
    border-radius: 0;
  }
  .tw\:rounded-none\! {
    border-radius: 0 !important;
  }
  .tw\:rounded-sm {
    border-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl);
  }
  .tw\:rounded-xs {
    border-radius: var(--tw-radius-xs);
  }
  .tw\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .tw\:rounded-t-none\! {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .tw\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .tw\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tw\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .tw\:rounded-tl-none {
    border-top-left-radius: 0;
  }
  .tw\:rounded-tl-none\! {
    border-top-left-radius: 0 !important;
  }
  .tw\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .tw\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tw\:rounded-r-none\! {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .tw\:rounded-r-sm {
    border-top-right-radius: var(--tw-radius-sm);
    border-bottom-right-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .tw\:rounded-tr-sm {
    border-top-right-radius: var(--tw-radius-sm);
  }
  .tw\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .tw\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tw\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .tw\:rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .tw\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .tw\:rounded-bl-md {
    border-bottom-left-radius: var(--tw-radius-md);
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .tw\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .tw\:border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .tw\:border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .tw\:border-16 {
    border-style: var(--tw-border-style);
    border-width: 16px;
  }
  .tw\:border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .tw\:border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0px;
  }
  .tw\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .tw\:border-t-0\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .tw\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .tw\:border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .tw\:border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .tw\:border-r-5 {
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
  }
  .tw\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .tw\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .tw\:border-b-5 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }
  .tw\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .tw\:border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .tw\:border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .tw\:border-l-5 {
    border-left-style: var(--tw-border-style);
    border-left-width: 5px;
  }
  .tw\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .tw\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .tw\:border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .tw\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:border-\(--bg-color\) {
    border-color: var(--bg-color);
  }
  .tw\:border-\(--icon-border\) {
    border-color: var(--icon-border);
  }
  .tw\:border-\(--module-border\) {
    border-color: var(--module-border);
  }
  .tw\:border-\(--solid-bg-color\) {
    border-color: var(--solid-bg-color);
  }
  .tw\:border-\(--stats-foreground\) {
    border-color: var(--stats-foreground);
  }
  .tw\:border-\(--stats-icon-border\) {
    border-color: var(--stats-icon-border);
  }
  .tw\:border-\(--variant-color\) {
    border-color: var(--variant-color);
  }
  .tw\:border-\(color\:--alert-border\) {
    border-color: var(--alert-border);
  }
  .tw\:border-\[\#ccc\] {
    border-color: #ccc;
  }
  .tw\:border-blue-200 {
    border-color: var(--tw-color-blue-200);
  }
  .tw\:border-border {
    border-color: var(--border);
  }
  .tw\:border-green-100 {
    border-color: var(--tw-color-green-100);
  }
  .tw\:border-green-200 {
    border-color: var(--tw-color-green-200);
  }
  .tw\:border-green-700 {
    border-color: var(--tw-color-green-700);
  }
  .tw\:border-input {
    border-color: var(--input);
  }
  .tw\:border-petrol-50 {
    border-color: var(--tw-color-petrol-50);
  }
  .tw\:border-petrol-200 {
    border-color: var(--tw-color-petrol-200);
  }
  .tw\:border-petrol-300 {
    border-color: var(--tw-color-petrol-300);
  }
  .tw\:border-petrol-300\/20 {
    border-color: var(--tw-color-petrol-300);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-petrol-300) 20%, transparent);
    }
  }
  .tw\:border-petrol-400 {
    border-color: var(--tw-color-petrol-400);
  }
  .tw\:border-petrol-600 {
    border-color: var(--tw-color-petrol-600);
  }
  .tw\:border-primary {
    border-color: var(--primary);
  }
  .tw\:border-red-200 {
    border-color: var(--tw-color-red-200);
  }
  .tw\:border-red-500 {
    border-color: var(--tw-color-red-500);
  }
  .tw\:border-red-700 {
    border-color: var(--tw-color-red-700);
  }
  .tw\:border-secondary {
    border-color: var(--secondary);
  }
  .tw\:border-transparent {
    border-color: transparent;
  }
  .tw\:border-white {
    border-color: var(--tw-color-white);
  }
  .tw\:border-yellow-200 {
    border-color: var(--tw-color-yellow-200);
  }
  .tw\:border-yellow-700 {
    border-color: var(--tw-color-yellow-700);
  }
  .tw\:border-r-border {
    border-right-color: var(--border);
  }
  .tw\:border-r-petrol-200 {
    border-right-color: var(--tw-color-petrol-200);
  }
  .tw\:border-r-transparent {
    border-right-color: transparent;
  }
  .tw\:border-b-border {
    border-bottom-color: var(--border);
  }
  .tw\:border-l-petrol-200 {
    border-left-color: var(--tw-color-petrol-200);
  }
  .tw\:border-l-transparent {
    border-left-color: transparent;
  }
  .tw\:bg-\(--background\) {
    background-color: var(--background);
  }
  .tw\:bg-\(--badge-background\) {
    background-color: var(--badge-background);
  }
  .tw\:bg-\(--bg-color\) {
    background-color: var(--bg-color);
  }
  .tw\:bg-\(--color\) {
    background-color: var(--color);
  }
  .tw\:bg-\(--icon-background\) {
    background-color: var(--icon-background);
  }
  .tw\:bg-\(--item-icon-background\) {
    background-color: var(--item-icon-background);
  }
  .tw\:bg-\(--message-background\) {
    background-color: var(--message-background);
  }
  .tw\:bg-\(--message-icon-background\) {
    background-color: var(--message-icon-background);
  }
  .tw\:bg-\(--module-background\) {
    background-color: var(--module-background);
  }
  .tw\:bg-\(--opens\) {
    background-color: var(--opens);
  }
  .tw\:bg-\(--solid-bg-color\) {
    background-color: var(--solid-bg-color);
  }
  .tw\:bg-\(--stats-background\) {
    background-color: var(--stats-background);
  }
  .tw\:bg-\[\#FF6633\] {
    background-color: #FF6633;
  }
  .tw\:bg-\[currentColor\] {
    background-color: currentColor;
  }
  .tw\:bg-accent {
    background-color: var(--accent);
  }
  .tw\:bg-black\/50 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 50%, transparent);
    }
  }
  .tw\:bg-black\/70 {
    background-color: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black) 70%, transparent);
    }
  }
  .tw\:bg-blue-50 {
    background-color: var(--tw-color-blue-50);
  }
  .tw\:bg-blue-100 {
    background-color: var(--tw-color-blue-100);
  }
  .tw\:bg-blue-300 {
    background-color: var(--tw-color-blue-300);
  }
  .tw\:bg-blue-500 {
    background-color: var(--tw-color-blue-500);
  }
  .tw\:bg-blue-600 {
    background-color: var(--tw-color-blue-600);
  }
  .tw\:bg-blue-700 {
    background-color: var(--tw-color-blue-700);
  }
  .tw\:bg-border {
    background-color: var(--border);
  }
  .tw\:bg-card {
    background-color: var(--card);
  }
  .tw\:bg-card\! {
    background-color: var(--card) !important;
  }
  .tw\:bg-card\/50 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }
  .tw\:bg-card\/75 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 75%, transparent);
    }
  }
  .tw\:bg-card\/80 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }
  .tw\:bg-clever-100 {
    background-color: var(--tw-color-clever-100);
  }
  .tw\:bg-clicks {
    background-color: var(--tw-color-blue-700);
  }
  .tw\:bg-delivered {
    background-color: var(--tw-color-petrol-300);
  }
  .tw\:bg-green-50 {
    background-color: var(--tw-color-green-50);
  }
  .tw\:bg-green-100 {
    background-color: var(--tw-color-green-100);
  }
  .tw\:bg-green-200 {
    background-color: var(--tw-color-green-200);
  }
  .tw\:bg-green-500 {
    background-color: var(--tw-color-green-500);
  }
  .tw\:bg-green-500\/10 {
    background-color: var(--tw-color-green-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-green-500) 10%, transparent);
    }
  }
  .tw\:bg-green-700 {
    background-color: var(--tw-color-green-700);
  }
  .tw\:bg-muted {
    background-color: var(--muted);
  }
  .tw\:bg-muted\! {
    background-color: var(--muted) !important;
  }
  .tw\:bg-muted\/40 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }
  .tw\:bg-muted\/75 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 75%, transparent);
    }
  }
  .tw\:bg-opens {
    background-color: var(--tw-color-blue-400);
  }
  .tw\:bg-petrol-50 {
    background-color: var(--tw-color-petrol-50);
  }
  .tw\:bg-petrol-100 {
    background-color: var(--tw-color-petrol-100);
  }
  .tw\:bg-petrol-200 {
    background-color: var(--tw-color-petrol-200);
  }
  .tw\:bg-petrol-200\! {
    background-color: var(--tw-color-petrol-200) !important;
  }
  .tw\:bg-petrol-300 {
    background-color: var(--tw-color-petrol-300);
  }
  .tw\:bg-petrol-400\/10 {
    background-color: var(--tw-color-petrol-400);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-petrol-400) 10%, transparent);
    }
  }
  .tw\:bg-petrol-500 {
    background-color: var(--tw-color-petrol-500);
  }
  .tw\:bg-petrol-600 {
    background-color: var(--tw-color-petrol-600);
  }
  .tw\:bg-petrol-700 {
    background-color: var(--tw-color-petrol-700);
  }
  .tw\:bg-petrol-700\! {
    background-color: var(--tw-color-petrol-700) !important;
  }
  .tw\:bg-petrol-800 {
    background-color: var(--tw-color-petrol-800);
  }
  .tw\:bg-primary {
    background-color: var(--primary);
  }
  .tw\:bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .tw\:bg-primary\/25 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .tw\:bg-primary\/80 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .tw\:bg-red-50 {
    background-color: var(--tw-color-red-50);
  }
  .tw\:bg-red-50\/60 {
    background-color: var(--tw-color-red-50);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-red-50) 60%, transparent);
    }
  }
  .tw\:bg-red-100 {
    background-color: var(--tw-color-red-100);
  }
  .tw\:bg-red-400 {
    background-color: var(--tw-color-red-400);
  }
  .tw\:bg-red-500 {
    background-color: var(--tw-color-red-500);
  }
  .tw\:bg-red-700 {
    background-color: var(--tw-color-red-700);
  }
  .tw\:bg-secondary {
    background-color: var(--secondary);
  }
  .tw\:bg-secondary\! {
    background-color: var(--secondary) !important;
  }
  .tw\:bg-secondary\/50 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
    }
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-transparent\! {
    background-color: transparent !important;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-yellow-50 {
    background-color: var(--tw-color-yellow-50);
  }
  .tw\:bg-yellow-200 {
    background-color: var(--tw-color-yellow-200);
  }
  .tw\:bg-yellow-400 {
    background-color: var(--tw-color-yellow-400);
  }
  .tw\:bg-yellow-500 {
    background-color: var(--tw-color-yellow-500);
  }
  .tw\:bg-yellow-600 {
    background-color: var(--tw-color-yellow-600);
  }
  .tw\:bg-yellow-800 {
    background-color: var(--tw-color-yellow-800);
  }
  .tw\:bg-linear-to-tr {
    --tw-gradient-position: to top right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-\[url\(\/assets\/v7\/images\/image-recommendation\.svg\)\] {
    background-image: url(/assets/v7/images/image-recommendation.svg);
  }
  .tw\:bg-none {
    background-image: none;
  }
  .tw\:from-\(--bg-color\) {
    --tw-gradient-from: var(--bg-color);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:via-\(--via-color\) {
    --tw-gradient-via: var(--via-color);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .tw\:to-\(--bg-color\) {
    --tw-gradient-to: var(--bg-color);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:to-75\% {
    --tw-gradient-to-position: 75%;
  }
  .tw\:bg-contain {
    background-size: contain;
  }
  .tw\:bg-cover {
    background-size: cover;
  }
  .tw\:bg-bottom {
    background-position: bottom;
  }
  .tw\:bg-center {
    background-position: center;
  }
  .tw\:bg-top {
    background-position: top;
  }
  .tw\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .tw\:object-contain\! {
    object-fit: contain !important;
  }
  .tw\:object-cover {
    object-fit: cover;
  }
  .tw\:object-right {
    object-position: right;
  }
  .tw\:p-\(--card-padding\) {
    padding: var(--card-padding);
  }
  .tw\:p-0 {
    padding: calc(var(--tw-spacing) * 0);
  }
  .tw\:p-0\! {
    padding: calc(var(--tw-spacing) * 0) !important;
  }
  .tw\:p-0\.5 {
    padding: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:p-1 {
    padding: calc(var(--tw-spacing) * 1);
  }
  .tw\:p-2 {
    padding: calc(var(--tw-spacing) * 2);
  }
  .tw\:p-2\! {
    padding: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:p-3 {
    padding: calc(var(--tw-spacing) * 3);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:p-5 {
    padding: calc(var(--tw-spacing) * 5);
  }
  .tw\:p-6 {
    padding: calc(var(--tw-spacing) * 6);
  }
  .tw\:p-8 {
    padding: calc(var(--tw-spacing) * 8);
  }
  .tw\:p-10 {
    padding: calc(var(--tw-spacing) * 10);
  }
  .tw\:p-12 {
    padding: calc(var(--tw-spacing) * 12);
  }
  .tw\:p-px {
    padding: 1px;
  }
  .tw\:px-\(--horizontal-padding\) {
    padding-inline: var(--horizontal-padding);
  }
  .tw\:px-0 {
    padding-inline: calc(var(--tw-spacing) * 0);
  }
  .tw\:px-0\.5 {
    padding-inline: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:px-1 {
    padding-inline: calc(var(--tw-spacing) * 1);
  }
  .tw\:px-1\.5 {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:px-2 {
    padding-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:px-2\! {
    padding-inline: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:px-2\.5 {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:px-5 {
    padding-inline: calc(var(--tw-spacing) * 5);
  }
  .tw\:px-6 {
    padding-inline: calc(var(--tw-spacing) * 6);
  }
  .tw\:px-7 {
    padding-inline: calc(var(--tw-spacing) * 7);
  }
  .tw\:px-12 {
    padding-inline: calc(var(--tw-spacing) * 12);
  }
  .tw\:px-20 {
    padding-inline: calc(var(--tw-spacing) * 20);
  }
  .tw\:py-\(--item-padding\) {
    padding-block: var(--item-padding);
  }
  .tw\:py-0 {
    padding-block: calc(var(--tw-spacing) * 0);
  }
  .tw\:py-0\.5 {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:py-0\.5\! {
    padding-block: calc(var(--tw-spacing) * 0.5) !important;
  }
  .tw\:py-1 {
    padding-block: calc(var(--tw-spacing) * 1);
  }
  .tw\:py-1\! {
    padding-block: calc(var(--tw-spacing) * 1) !important;
  }
  .tw\:py-1\.75 {
    padding-block: calc(var(--tw-spacing) * 1.75);
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:py-2\.5 {
    padding-block: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:py-3 {
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:py-3\.5 {
    padding-block: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:py-4 {
    padding-block: calc(var(--tw-spacing) * 4);
  }
  .tw\:py-5 {
    padding-block: calc(var(--tw-spacing) * 5);
  }
  .tw\:py-6 {
    padding-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:py-7\! {
    padding-block: calc(var(--tw-spacing) * 7) !important;
  }
  .tw\:py-8 {
    padding-block: calc(var(--tw-spacing) * 8);
  }
  .tw\:py-10 {
    padding-block: calc(var(--tw-spacing) * 10);
  }
  .tw\:ps-1 {
    padding-inline-start: calc(var(--tw-spacing) * 1);
  }
  .tw\:pt-0\.5 {
    padding-top: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:pt-1 {
    padding-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:pt-2 {
    padding-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:pt-4 {
    padding-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:pt-5 {
    padding-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:pt-6 {
    padding-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:pt-7 {
    padding-top: calc(var(--tw-spacing) * 7);
  }
  .tw\:pt-8 {
    padding-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:pt-8\! {
    padding-top: calc(var(--tw-spacing) * 8) !important;
  }
  .tw\:pt-10\! {
    padding-top: calc(var(--tw-spacing) * 10) !important;
  }
  .tw\:pt-16 {
    padding-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:pt-20 {
    padding-top: calc(var(--tw-spacing) * 20);
  }
  .tw\:pr-0 {
    padding-right: calc(var(--tw-spacing) * 0);
  }
  .tw\:pr-1 {
    padding-right: calc(var(--tw-spacing) * 1);
  }
  .tw\:pr-2 {
    padding-right: calc(var(--tw-spacing) * 2);
  }
  .tw\:pr-3 {
    padding-right: calc(var(--tw-spacing) * 3);
  }
  .tw\:pr-4 {
    padding-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:pr-5 {
    padding-right: calc(var(--tw-spacing) * 5);
  }
  .tw\:pr-8 {
    padding-right: calc(var(--tw-spacing) * 8);
  }
  .tw\:pr-14 {
    padding-right: calc(var(--tw-spacing) * 14);
  }
  .tw\:pb-1 {
    padding-bottom: calc(var(--tw-spacing) * 1);
  }
  .tw\:pb-2 {
    padding-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:pb-3 {
    padding-bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:pb-5 {
    padding-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:pb-8 {
    padding-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:pb-20 {
    padding-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:pb-32 {
    padding-bottom: calc(var(--tw-spacing) * 32);
  }
  .tw\:pl-0 {
    padding-left: calc(var(--tw-spacing) * 0);
  }
  .tw\:pl-1 {
    padding-left: calc(var(--tw-spacing) * 1);
  }
  .tw\:pl-2 {
    padding-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:pl-3 {
    padding-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:pl-4 {
    padding-left: calc(var(--tw-spacing) * 4);
  }
  .tw\:pl-5 {
    padding-left: calc(var(--tw-spacing) * 5);
  }
  .tw\:pl-8 {
    padding-left: calc(var(--tw-spacing) * 8);
  }
  .tw\:pl-10 {
    padding-left: calc(var(--tw-spacing) * 10);
  }
  .tw\:pl-15 {
    padding-left: calc(var(--tw-spacing) * 15);
  }
  .tw\:pl-\[calc\(--spacing\(8\)\+\(--spacing\(3\)\)\)\] {
    padding-left: calc(calc(var(--tw-spacing) * 8) + (calc(var(--tw-spacing) * 3)));
  }
  .tw\:pl-px {
    padding-left: 1px;
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-left {
    text-align: left;
  }
  .tw\:text-right {
    text-align: right;
  }
  .tw\:align-middle {
    vertical-align: middle;
  }
  .tw\:align-text-top {
    vertical-align: text-top;
  }
  .tw\:align-top {
    vertical-align: top;
  }
  .tw\:font-cleverreach {
    font-family: var(--tw-font-cleverreach);
  }
  .tw\:font-mono {
    font-family: var(--tw-font-mono);
  }
  .tw\:text-2xl {
    font-size: var(--tw-text-2xl);
    line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
  }
  .tw\:text-3xl {
    font-size: var(--tw-text-3xl);
    line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
  }
  .tw\:text-4xl {
    font-size: var(--tw-text-4xl);
    line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
  }
  .tw\:text-4xl\! {
    font-size: var(--tw-text-4xl) !important;
    line-height: var(--tw-leading, var(--tw-text-4xl--line-height)) !important;
  }
  .tw\:text-5xl {
    font-size: var(--tw-text-5xl);
    line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
  }
  .tw\:text-base {
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
  .tw\:text-lg {
    font-size: var(--tw-text-lg);
    line-height: var(--tw-leading, var(--tw-text-lg--line-height));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-sm\/normal {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading-normal);
  }
  .tw\:text-xl {
    font-size: var(--tw-text-xl);
    line-height: var(--tw-leading, var(--tw-text-xl--line-height));
  }
  .tw\:text-xl\! {
    font-size: var(--tw-text-xl) !important;
    line-height: var(--tw-leading, var(--tw-text-xl--line-height)) !important;
  }
  .tw\:text-xs {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .tw\:text-\(length\:--font-size\) {
    font-size: var(--font-size);
  }
  .tw\:text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .tw\:text-\[1\.75rem\] {
    font-size: 1.75rem;
  }
  .tw\:text-\[2rem\] {
    font-size: 2rem;
  }
  .tw\:text-\[10px\] {
    font-size: 10px;
  }
  .tw\:text-\[11px\] {
    font-size: 11px;
  }
  .tw\:leading-3\.5\! {
    --tw-leading: calc(var(--tw-spacing) * 3.5) !important;
    line-height: calc(var(--tw-spacing) * 3.5) !important;
  }
  .tw\:leading-4 {
    --tw-leading: calc(var(--tw-spacing) * 4);
    line-height: calc(var(--tw-spacing) * 4);
  }
  .tw\:leading-5 {
    --tw-leading: calc(var(--tw-spacing) * 5);
    line-height: calc(var(--tw-spacing) * 5);
  }
  .tw\:leading-6 {
    --tw-leading: calc(var(--tw-spacing) * 6);
    line-height: calc(var(--tw-spacing) * 6);
  }
  .tw\:leading-9 {
    --tw-leading: calc(var(--tw-spacing) * 9);
    line-height: calc(var(--tw-spacing) * 9);
  }
  .tw\:leading-\[0\.875rem\]\! {
    --tw-leading: 0.875rem !important;
    line-height: 0.875rem !important;
  }
  .tw\:leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .tw\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .tw\:leading-normal {
    --tw-leading: var(--tw-leading-normal);
    line-height: var(--tw-leading-normal);
  }
  .tw\:font-black {
    --tw-font-weight: var(--tw-font-weight-black);
    font-weight: var(--tw-font-weight-black);
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:font-light {
    --tw-font-weight: var(--tw-font-weight-light);
    font-weight: var(--tw-font-weight-light);
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .tw\:font-normal {
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .tw\:tracking-wide {
    --tw-tracking: var(--tw-tracking-wide);
    letter-spacing: var(--tw-tracking-wide);
  }
  .tw\:text-balance {
    text-wrap: balance;
  }
  .tw\:text-wrap {
    text-wrap: wrap;
  }
  .tw\:break-words {
    overflow-wrap: break-word;
  }
  .tw\:wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .tw\:break-all {
    word-break: break-all;
  }
  .tw\:break-keep {
    word-break: keep-all;
  }
  .tw\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .tw\:hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:whitespace-pre {
    white-space: pre;
  }
  .tw\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .tw\:text-\(--badge-icon\) {
    color: var(--badge-icon);
  }
  .tw\:text-\(--color\) {
    color: var(--color);
  }
  .tw\:text-\(--description-color\) {
    color: var(--description-color);
  }
  .tw\:text-\(--description-color\)\! {
    color: var(--description-color) !important;
  }
  .tw\:text-\(--foreground\) {
    color: var(--foreground);
  }
  .tw\:text-\(--icon-color\) {
    color: var(--icon-color);
  }
  .tw\:text-\(--icon-foreground\) {
    color: var(--icon-foreground);
  }
  .tw\:text-\(--item-icon-foreground\) {
    color: var(--item-icon-foreground);
  }
  .tw\:text-\(--message-foreground\) {
    color: var(--message-foreground);
  }
  .tw\:text-\(--message-icon-foreground\) {
    color: var(--message-icon-foreground);
  }
  .tw\:text-\(--message-muted-foreground\) {
    color: var(--message-muted-foreground);
  }
  .tw\:text-\(--module-foreground\) {
    color: var(--module-foreground);
  }
  .tw\:text-\(--outline-text-color\) {
    color: var(--outline-text-color);
  }
  .tw\:text-\(--solid-text-color\) {
    color: var(--solid-text-color);
  }
  .tw\:text-\(--stats-foreground\) {
    color: var(--stats-foreground);
  }
  .tw\:text-\(--text-color\) {
    color: var(--text-color);
  }
  .tw\:text-\(--title-color\) {
    color: var(--title-color);
  }
  .tw\:text-\(--variant-color\) {
    color: var(--variant-color);
  }
  .tw\:text-\(color\:--badge-foreground\) {
    color: var(--badge-foreground);
  }
  .tw\:text-\(color\:--bg-color\) {
    color: var(--bg-color);
  }
  .tw\:text-\[\#3C5B60\] {
    color: #3C5B60;
  }
  .tw\:text-\[\#3c5b60\] {
    color: #3c5b60;
  }
  .tw\:text-\[inherit\] {
    color: inherit;
  }
  .tw\:text-accent {
    color: var(--accent);
  }
  .tw\:text-accent-foreground {
    color: var(--accent-foreground);
  }
  .tw\:text-black {
    color: var(--tw-color-black);
  }
  .tw\:text-blue-500 {
    color: var(--tw-color-blue-500);
  }
  .tw\:text-blue-600 {
    color: var(--tw-color-blue-600);
  }
  .tw\:text-bounces {
    color: var(--tw-color-red-600);
  }
  .tw\:text-clever-50 {
    color: var(--tw-color-clever-50);
  }
  .tw\:text-clever-600 {
    color: var(--tw-color-clever-600);
  }
  .tw\:text-foreground {
    color: var(--foreground);
  }
  .tw\:text-foreground\! {
    color: var(--foreground) !important;
  }
  .tw\:text-foreground\/50 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }
  .tw\:text-green-100 {
    color: var(--tw-color-green-100);
  }
  .tw\:text-green-500 {
    color: var(--tw-color-green-500);
  }
  .tw\:text-green-600 {
    color: var(--tw-color-green-600);
  }
  .tw\:text-green-700 {
    color: var(--tw-color-green-700);
  }
  .tw\:text-green-800 {
    color: var(--tw-color-green-800);
  }
  .tw\:text-inherit {
    color: inherit;
  }
  .tw\:text-muted-foreground {
    color: var(--muted-foreground);
  }
  .tw\:text-petrol-100 {
    color: var(--tw-color-petrol-100);
  }
  .tw\:text-petrol-200 {
    color: var(--tw-color-petrol-200);
  }
  .tw\:text-petrol-300 {
    color: var(--tw-color-petrol-300);
  }
  .tw\:text-petrol-400 {
    color: var(--tw-color-petrol-400);
  }
  .tw\:text-petrol-500 {
    color: var(--tw-color-petrol-500);
  }
  .tw\:text-petrol-500\! {
    color: var(--tw-color-petrol-500) !important;
  }
  .tw\:text-petrol-600 {
    color: var(--tw-color-petrol-600);
  }
  .tw\:text-petrol-700 {
    color: var(--tw-color-petrol-700);
  }
  .tw\:text-petrol-800 {
    color: var(--tw-color-petrol-800);
  }
  .tw\:text-primary {
    color: var(--primary);
  }
  .tw\:text-red-500 {
    color: var(--tw-color-red-500);
  }
  .tw\:text-red-600 {
    color: var(--tw-color-red-600);
  }
  .tw\:text-red-700 {
    color: var(--tw-color-red-700);
  }
  .tw\:text-red-800 {
    color: var(--tw-color-red-800);
  }
  .tw\:text-white {
    color: var(--tw-color-white);
  }
  .tw\:text-yellow-500 {
    color: var(--tw-color-yellow-500);
  }
  .tw\:text-yellow-700 {
    color: var(--tw-color-yellow-700);
  }
  .tw\:text-yellow-800 {
    color: var(--tw-color-yellow-800);
  }
  .tw\:text-yellow-900 {
    color: var(--tw-color-yellow-900);
  }
  .tw\:normal-case {
    text-transform: none;
  }
  .tw\:uppercase {
    text-transform: uppercase;
  }
  .tw\:italic {
    font-style: italic;
  }
  .tw\:line-through {
    text-decoration-line: line-through;
  }
  .tw\:decoration-red-500 {
    text-decoration-color: var(--tw-color-red-500);
  }
  .tw\:decoration-2 {
    text-decoration-thickness: 2px;
  }
  .tw\:opacity-0 {
    opacity: 0%;
  }
  .tw\:opacity-25 {
    opacity: 25%;
  }
  .tw\:opacity-50 {
    opacity: 50%;
  }
  .tw\:opacity-100 {
    opacity: 100%;
  }
  .tw\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0px_-12px_32px_0px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    --tw-shadow: 0px -12px 32px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-md\! {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .tw\: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);
  }
  .tw\:shadow-none\! {
    --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;
  }
  .tw\:shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\: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);
  }
  .tw\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:ring-16 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(16px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\: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);
  }
  .tw\:ring-\(--badge-background\) {
    --tw-ring-color: var(--badge-background);
  }
  .tw\:ring-\(--badge-foreground\)\/15 {
    --tw-ring-color: var(--badge-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--badge-foreground) 15%, transparent);
    }
  }
  .tw\:ring-border {
    --tw-ring-color: var(--border);
  }
  .tw\:ring-green-200 {
    --tw-ring-color: var(--tw-color-green-200);
  }
  .tw\:ring-petrol-50 {
    --tw-ring-color: var(--tw-color-petrol-50);
  }
  .tw\:ring-petrol-100 {
    --tw-ring-color: var(--tw-color-petrol-100);
  }
  .tw\:inset-ring-petrol-400\/20 {
    --tw-inset-ring-color: var(--tw-color-petrol-400);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-ring-color: color-mix(in oklab, var(--tw-color-petrol-400) 20%, transparent);
    }
  }
  .tw\:ring-offset-16 {
    --tw-ring-offset-width: 16px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .tw\:ring-offset-border {
    --tw-ring-offset-color: var(--border);
  }
  .tw\: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,);
  }
  .tw\:backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--tw-blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-\[border-radius\] {
    transition-property: border-radius;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-all\! {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-none {
    transition-property: none;
  }
  .tw\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .tw\:duration-350 {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .tw\:ease-in {
    --tw-ease: var(--tw-ease-in);
    transition-timing-function: var(--tw-ease-in);
  }
  .tw\:ease-out {
    --tw-ease: var(--tw-ease-out);
    transition-timing-function: var(--tw-ease-out);
  }
  .tw\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .tw\:\[--alert-border\:var\(--tw-color-blue-200\)\] {
    --alert-border: var(--tw-color-blue-200);
  }
  .tw\:\[--alert-border\:var\(--tw-color-clever-200\)\] {
    --alert-border: var(--tw-color-clever-200);
  }
  .tw\:\[--alert-border\:var\(--tw-color-green-200\)\] {
    --alert-border: var(--tw-color-green-200);
  }
  .tw\:\[--alert-border\:var\(--tw-color-petrol-200\)\] {
    --alert-border: var(--tw-color-petrol-200);
  }
  .tw\:\[--alert-border\:var\(--tw-color-red-200\)\] {
    --alert-border: var(--tw-color-red-200);
  }
  .tw\:\[--alert-border\:var\(--tw-color-yellow-200\)\] {
    --alert-border: var(--tw-color-yellow-200);
  }
  .tw\:\[--background\:var\(--secondary\)\] {
    --background: var(--secondary);
  }
  .tw\:\[--background\:var\(--tw-color-blue-100\)\] {
    --background: var(--tw-color-blue-100);
  }
  .tw\:\[--background\:var\(--tw-color-bounces\)\] {
    --background: var(--tw-color-bounces);
  }
  .tw\:\[--background\:var\(--tw-color-clicks\)\] {
    --background: var(--tw-color-clicks);
  }
  .tw\:\[--background\:var\(--tw-color-opens\)\] {
    --background: var(--tw-color-opens);
  }
  .tw\:\[--bg-color\:\#91A4A7\] {
    --bg-color: #91A4A7;
  }
  .tw\:\[--bg-color\:\#A64A1C\] {
    --bg-color: #A64A1C;
  }
  .tw\:\[--bg-color\:\#D58122\] {
    --bg-color: #D58122;
  }
  .tw\:\[--bg-color\:var\(--secondary\)\] {
    --bg-color: var(--secondary);
  }
  .tw\:\[--bg-color\:var\(--tw-color-blue-100\)\] {
    --bg-color: var(--tw-color-blue-100);
  }
  .tw\:\[--bg-color\:var\(--tw-color-clever-100\)\] {
    --bg-color: var(--tw-color-clever-100);
  }
  .tw\:\[--bg-color\:var\(--tw-color-green-100\)\] {
    --bg-color: var(--tw-color-green-100);
  }
  .tw\:\[--bg-color\:var\(--tw-color-red-50\)\] {
    --bg-color: var(--tw-color-red-50);
  }
  .tw\:\[--bg-color\:var\(--tw-color-yellow-50\)\] {
    --bg-color: var(--tw-color-yellow-50);
  }
  .tw\:\[--bg-color\:var\(--tw-colors-yellow-100\)\] {
    --bg-color: var(--tw-colors-yellow-100);
  }
  .tw\:\[--bg-hover-color\:var\(--primary-hover\)\] {
    --bg-hover-color: var(--primary-hover);
  }
  .tw\:\[--color\:var\(--foreground\)\] {
    --color: var(--foreground);
  }
  .tw\:\[--color\:var\(--primary\)\] {
    --color: var(--primary);
  }
  .tw\:\[--color\:var\(--tw-color-bounces\)\] {
    --color: var(--tw-color-bounces);
  }
  .tw\:\[--color\:var\(--tw-color-clicks\)\] {
    --color: var(--tw-color-clicks);
  }
  .tw\:\[--color\:var\(--tw-color-delivered\)\] {
    --color: var(--tw-color-delivered);
  }
  .tw\:\[--color\:var\(--tw-color-spam\)\] {
    --color: var(--tw-color-spam);
  }
  .tw\:\[--description-color\:var\(--muted-foreground\)\] {
    --description-color: var(--muted-foreground);
  }
  .tw\:\[--description-color\:var\(--tw-color-blue-900\)\] {
    --description-color: var(--tw-color-blue-900);
  }
  .tw\:\[--description-color\:var\(--tw-color-clever-800\)\] {
    --description-color: var(--tw-color-clever-800);
  }
  .tw\:\[--description-color\:var\(--tw-color-green-900\)\] {
    --description-color: var(--tw-color-green-900);
  }
  .tw\:\[--description-color\:var\(--tw-color-red-800\)\] {
    --description-color: var(--tw-color-red-800);
  }
  .tw\:\[--description-color\:var\(--tw-color-yellow-700\)\] {
    --description-color: var(--tw-color-yellow-700);
  }
  .tw\:\[--font-size\:var\(--text-base\)\] {
    --font-size: var(--text-base);
  }
  .tw\:\[--font-size\:var\(--text-xl\)\] {
    --font-size: var(--text-xl);
  }
  .tw\:\[--foreground\:var\(--foreground\)\] {
    --foreground: var(--foreground);
  }
  .tw\:\[--foreground\:var\(--tw-color-white\)\] {
    --foreground: var(--tw-color-white);
  }
  .tw\:\[--height\:--spacing\(20\)\] {
    --height: calc(var(--tw-spacing) * 20);
  }
  .tw\:\[--height\:--spacing\(24\)\] {
    --height: calc(var(--tw-spacing) * 24);
  }
  .tw\:\[--height\:--spacing\(28\)\] {
    --height: calc(var(--tw-spacing) * 28);
  }
  .tw\:\[--horizontal-padding\:--spacing\(3\)\] {
    --horizontal-padding: calc(var(--tw-spacing) * 3);
  }
  .tw\:\[--hover-color\:var\(--primary\)\] {
    --hover-color: var(--primary);
  }
  .tw\:\[--hover-color\:var\(--primary-hover\)\] {
    --hover-color: var(--primary-hover);
  }
  .tw\:\[--icon-background\:var\(--accent\)\] {
    --icon-background: var(--accent);
  }
  .tw\:\[--icon-background\:var\(--card\)\] {
    --icon-background: var(--card);
  }
  .tw\:\[--icon-background\:var\(--muted\)\] {
    --icon-background: var(--muted);
  }
  .tw\:\[--icon-background\:var\(--primary\)\] {
    --icon-background: var(--primary);
  }
  .tw\:\[--icon-background\:var\(--secondary\)\] {
    --icon-background: var(--secondary);
  }
  .tw\:\[--icon-background\:var\(--tw-color-blue-500\)\] {
    --icon-background: var(--tw-color-blue-500);
  }
  .tw\:\[--icon-background\:var\(--tw-color-green-500\)\] {
    --icon-background: var(--tw-color-green-500);
  }
  .tw\:\[--icon-background\:var\(--tw-color-red-50\)\] {
    --icon-background: var(--tw-color-red-50);
  }
  .tw\:\[--icon-background\:var\(--tw-color-red-500\)\] {
    --icon-background: var(--tw-color-red-500);
  }
  .tw\:\[--icon-background\:var\(--tw-color-yellow-500\)\] {
    --icon-background: var(--tw-color-yellow-500);
  }
  .tw\:\[--icon-border\:var\(--border\)\] {
    --icon-border: var(--border);
  }
  .tw\:\[--icon-border\:var\(--secondary\)\] {
    --icon-border: var(--secondary);
  }
  .tw\:\[--icon-border\:var\(--tw-color-aqua-400\)\] {
    --icon-border: var(--tw-color-aqua-400);
  }
  .tw\:\[--icon-border\:var\(--tw-color-blue-200\)\] {
    --icon-border: var(--tw-color-blue-200);
  }
  .tw\:\[--icon-border\:var\(--tw-color-clever-200\)\] {
    --icon-border: var(--tw-color-clever-200);
  }
  .tw\:\[--icon-border\:var\(--tw-color-green-200\)\] {
    --icon-border: var(--tw-color-green-200);
  }
  .tw\:\[--icon-border\:var\(--tw-color-red-100\)\] {
    --icon-border: var(--tw-color-red-100);
  }
  .tw\:\[--icon-border\:var\(--tw-color-red-200\)\] {
    --icon-border: var(--tw-color-red-200);
  }
  .tw\:\[--icon-border\:var\(--tw-color-yellow-200\)\] {
    --icon-border: var(--tw-color-yellow-200);
  }
  .tw\:\[--icon-color\:var\(--primary\)\] {
    --icon-color: var(--primary);
  }
  .tw\:\[--icon-color\:var\(--tw-color-blue-500\)\] {
    --icon-color: var(--tw-color-blue-500);
  }
  .tw\:\[--icon-color\:var\(--tw-color-green-500\)\] {
    --icon-color: var(--tw-color-green-500);
  }
  .tw\:\[--icon-color\:var\(--tw-color-petrol-500\)\] {
    --icon-color: var(--tw-color-petrol-500);
  }
  .tw\:\[--icon-color\:var\(--tw-color-red-500\)\] {
    --icon-color: var(--tw-color-red-500);
  }
  .tw\:\[--icon-color\:var\(--tw-color-yellow-500\)\] {
    --icon-color: var(--tw-color-yellow-500);
  }
  .tw\:\[--icon-foreground\:var\(--accent-foreground\)\] {
    --icon-foreground: var(--accent-foreground);
  }
  .tw\:\[--icon-foreground\:var\(--foreground\)\] {
    --icon-foreground: var(--foreground);
  }
  .tw\:\[--icon-foreground\:var\(--muted-foreground\)\] {
    --icon-foreground: var(--muted-foreground);
  }
  .tw\:\[--icon-foreground\:var\(--tw-color-red-700\)\] {
    --icon-foreground: var(--tw-color-red-700);
  }
  .tw\:\[--icon-foreground\:var\(--tw-color-white\)\] {
    --icon-foreground: var(--tw-color-white);
  }
  .tw\:\[--item-icon-background\:var\(--muted\)\] {
    --item-icon-background: var(--muted);
  }
  .tw\:\[--item-icon-background\:var\(--muted-foreground\)\] {
    --item-icon-background: var(--muted-foreground);
  }
  .tw\:\[--item-icon-foreground\:var\(--muted\)\] {
    --item-icon-foreground: var(--muted);
  }
  .tw\:\[--item-icon-foreground\:var\(--muted-foreground\)\] {
    --item-icon-foreground: var(--muted-foreground);
  }
  .tw\:\[--item-padding\:--spacing\(2\)\] {
    --item-padding: calc(var(--tw-spacing) * 2);
  }
  .tw\:\[--message-background\:var\(--card\)\] {
    --message-background: var(--card);
  }
  .tw\:\[--message-background\:var\(--tw-color-blue-50\)\] {
    --message-background: var(--tw-color-blue-50);
  }
  .tw\:\[--message-background\:var\(--tw-color-red-50\)\] {
    --message-background: var(--tw-color-red-50);
  }
  .tw\:\[--message-background\:var\(--tw-color-yellow-50\)\] {
    --message-background: var(--tw-color-yellow-50);
  }
  .tw\:\[--message-foreground\:var\(--foreground\)\] {
    --message-foreground: var(--foreground);
  }
  .tw\:\[--message-foreground\:var\(--tw-color-blue-900\)\] {
    --message-foreground: var(--tw-color-blue-900);
  }
  .tw\:\[--message-foreground\:var\(--tw-color-red-900\)\] {
    --message-foreground: var(--tw-color-red-900);
  }
  .tw\:\[--message-foreground\:var\(--tw-color-yellow-900\)\] {
    --message-foreground: var(--tw-color-yellow-900);
  }
  .tw\:\[--message-icon-background\:var\(--muted\)\] {
    --message-icon-background: var(--muted);
  }
  .tw\:\[--message-icon-background\:var\(--tw-color-blue-100\)\] {
    --message-icon-background: var(--tw-color-blue-100);
  }
  .tw\:\[--message-icon-background\:var\(--tw-color-red-100\)\] {
    --message-icon-background: var(--tw-color-red-100);
  }
  .tw\:\[--message-icon-background\:var\(--tw-color-yellow-100\)\] {
    --message-icon-background: var(--tw-color-yellow-100);
  }
  .tw\:\[--message-icon-foreground\:var\(--muted-foreground\)\] {
    --message-icon-foreground: var(--muted-foreground);
  }
  .tw\:\[--message-icon-foreground\:var\(--tw-color-blue-500\)\] {
    --message-icon-foreground: var(--tw-color-blue-500);
  }
  .tw\:\[--message-icon-foreground\:var\(--tw-color-red-500\)\] {
    --message-icon-foreground: var(--tw-color-red-500);
  }
  .tw\:\[--message-icon-foreground\:var\(--tw-color-yellow-500\)\] {
    --message-icon-foreground: var(--tw-color-yellow-500);
  }
  .tw\:\[--message-muted-foreground\:var\(--muted-foreground\)\] {
    --message-muted-foreground: var(--muted-foreground);
  }
  .tw\:\[--message-muted-foreground\:var\(--tw-color-blue-700\)\] {
    --message-muted-foreground: var(--tw-color-blue-700);
  }
  .tw\:\[--message-muted-foreground\:var\(--tw-color-red-700\)\] {
    --message-muted-foreground: var(--tw-color-red-700);
  }
  .tw\:\[--message-muted-foreground\:var\(--tw-color-yellow-700\)\] {
    --message-muted-foreground: var(--tw-color-yellow-700);
  }
  .tw\:\[--module-background\:var\(--tw-color-blue-50\)\] {
    --module-background: var(--tw-color-blue-50);
  }
  .tw\:\[--module-background\:var\(--tw-color-clever-50\)\] {
    --module-background: var(--tw-color-clever-50);
  }
  .tw\:\[--module-background\:var\(--tw-color-green-50\)\] {
    --module-background: var(--tw-color-green-50);
  }
  .tw\:\[--module-background\:var\(--tw-color-petrol-50\)\] {
    --module-background: var(--tw-color-petrol-50);
  }
  .tw\:\[--module-background\:var\(--tw-color-yellow-50\)\] {
    --module-background: var(--tw-color-yellow-50);
  }
  .tw\:\[--module-background\:var\(--tw-colors-red-50\)\] {
    --module-background: var(--tw-colors-red-50);
  }
  .tw\:\[--module-border\:var\(--tw-color-blue-200\)\] {
    --module-border: var(--tw-color-blue-200);
  }
  .tw\:\[--module-border\:var\(--tw-color-clever-200\)\] {
    --module-border: var(--tw-color-clever-200);
  }
  .tw\:\[--module-border\:var\(--tw-color-green-200\)\] {
    --module-border: var(--tw-color-green-200);
  }
  .tw\:\[--module-border\:var\(--tw-color-petrol-200\)\] {
    --module-border: var(--tw-color-petrol-200);
  }
  .tw\:\[--module-border\:var\(--tw-color-yellow-200\)\] {
    --module-border: var(--tw-color-yellow-200);
  }
  .tw\:\[--module-border\:var\(--tw-colors-red-200\)\] {
    --module-border: var(--tw-colors-red-200);
  }
  .tw\:\[--module-foreground\:var\(--primary\)\] {
    --module-foreground: var(--primary);
  }
  .tw\:\[--module-foreground\:var\(--tw-color-blue-500\)\] {
    --module-foreground: var(--tw-color-blue-500);
  }
  .tw\:\[--module-foreground\:var\(--tw-color-green-500\)\] {
    --module-foreground: var(--tw-color-green-500);
  }
  .tw\:\[--module-foreground\:var\(--tw-color-petrol-600\)\] {
    --module-foreground: var(--tw-color-petrol-600);
  }
  .tw\:\[--module-foreground\:var\(--tw-color-yellow-500\)\] {
    --module-foreground: var(--tw-color-yellow-500);
  }
  .tw\:\[--module-foreground\:var\(--tw-colors-red-500\)\] {
    --module-foreground: var(--tw-colors-red-500);
  }
  .tw\:\[--order\:1\] {
    --order: 1;
  }
  .tw\:\[--order\:2\] {
    --order: 2;
  }
  .tw\:\[--order\:3\] {
    --order: 3;
  }
  .tw\:\[--outline-text-color\:var\(--primary\)\] {
    --outline-text-color: var(--primary);
  }
  .tw\:\[--place-size\:--spacing\(8\)\] {
    --place-size: calc(var(--tw-spacing) * 8);
  }
  .tw\:\[--place-size\:--spacing\(10\)\] {
    --place-size: calc(var(--tw-spacing) * 10);
  }
  .tw\:\[--place-size\:--spacing\(12\)\] {
    --place-size: calc(var(--tw-spacing) * 12);
  }
  .tw\:\[--progress-color\:var\(--primary\)\] {
    --progress-color: var(--primary);
  }
  .tw\:\[--progress-color\:var\(--tw-color-clicks\)\] {
    --progress-color: var(--tw-color-clicks);
  }
  .tw\:\[--progress-color\:var\(--tw-color-opens\)\] {
    --progress-color: var(--tw-color-opens);
  }
  .tw\:\[--progress-color\:var\(--tw-color-petrol-500\)\] {
    --progress-color: var(--tw-color-petrol-500);
  }
  .tw\:\[--progress-color\:var\(--tw-color-white\)\] {
    --progress-color: var(--tw-color-white);
  }
  .tw\:\[--progress-color\:var\(--tw-color-yellow-500\)\] {
    --progress-color: var(--tw-color-yellow-500);
  }
  .tw\:\[--sidebar-width\:--spacing\(60\)\)\] {
    --sidebar-width: calc(var(--tw-spacing) * 60);
  }
  .tw\:\[--solid-bg-color\:var\(--primary\)\] {
    --solid-bg-color: var(--primary);
  }
  .tw\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    --solid-text-color: var(--tw-color-white);
  }
  .tw\:\[--stats-background\:var\(--muted\)\] {
    --stats-background: var(--muted);
  }
  .tw\:\[--stats-background\:var\(--tw-color-accent\)\] {
    --stats-background: var(--tw-color-accent);
  }
  .tw\:\[--stats-background\:var\(--tw-color-blue-50\)\] {
    --stats-background: var(--tw-color-blue-50);
  }
  .tw\:\[--stats-background\:var\(--tw-color-blue-100\)\] {
    --stats-background: var(--tw-color-blue-100);
  }
  .tw\:\[--stats-background\:var\(--tw-color-clever-100\)\] {
    --stats-background: var(--tw-color-clever-100);
  }
  .tw\:\[--stats-background\:var\(--tw-color-foreground\)\] {
    --stats-background: var(--tw-color-foreground);
  }
  .tw\:\[--stats-background\:var\(--tw-color-green-100\)\] {
    --stats-background: var(--tw-color-green-100);
  }
  .tw\:\[--stats-background\:var\(--tw-color-muted\)\] {
    --stats-background: var(--tw-color-muted);
  }
  .tw\:\[--stats-background\:var\(--tw-color-red-100\)\] {
    --stats-background: var(--tw-color-red-100);
  }
  .tw\:\[--stats-background\:var\(--tw-color-yellow-100\)\] {
    --stats-background: var(--tw-color-yellow-100);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-accent\)\] {
    --stats-foreground: var(--tw-color-accent);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-accent-foreground\)\] {
    --stats-foreground: var(--tw-color-accent-foreground);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-blue-700\)\] {
    --stats-foreground: var(--tw-color-blue-700);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-clever-700\)\] {
    --stats-foreground: var(--tw-color-clever-700);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-clicks\)\] {
    --stats-foreground: var(--tw-color-clicks);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-delivered\)\] {
    --stats-foreground: var(--tw-color-delivered);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-green-700\)\] {
    --stats-foreground: var(--tw-color-green-700);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-muted-foreground\)\] {
    --stats-foreground: var(--tw-color-muted-foreground);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-opens\)\] {
    --stats-foreground: var(--tw-color-opens);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-red-700\)\] {
    --stats-foreground: var(--tw-color-red-700);
  }
  .tw\:\[--stats-foreground\:var\(--tw-color-yellow-700\)\] {
    --stats-foreground: var(--tw-color-yellow-700);
  }
  .tw\:\[--stats-icon-border\:var\(--border\)\] {
    --stats-icon-border: var(--border);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-aqua\)\] {
    --stats-icon-border: var(--tw-color-aqua);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-blue-100\)\] {
    --stats-icon-border: var(--tw-color-blue-100);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-blue-500\)\] {
    --stats-icon-border: var(--tw-color-blue-500);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-border\)\] {
    --stats-icon-border: var(--tw-color-border);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-green-500\)\] {
    --stats-icon-border: var(--tw-color-green-500);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-primary\)\] {
    --stats-icon-border: var(--tw-color-primary);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-red-500\)\] {
    --stats-icon-border: var(--tw-color-red-500);
  }
  .tw\:\[--stats-icon-border\:var\(--tw-color-yellow-500\)\] {
    --stats-icon-border: var(--tw-color-yellow-500);
  }
  .tw\:\[--text-color-sub\:var\(--tw-colors-yellow-700\)\] {
    --text-color-sub: var(--tw-colors-yellow-700);
  }
  .tw\:\[--text-color\:var\(--tw-color-green-700\)\] {
    --text-color: var(--tw-color-green-700);
  }
  .tw\:\[--text-color\:var\(--tw-colors-yellow-900\)\] {
    --text-color: var(--tw-colors-yellow-900);
  }
  .tw\:\[--title-color\:var\(--muted-foreground\)\] {
    --title-color: var(--muted-foreground);
  }
  .tw\:\[--title-color\:var\(--tw-color-blue-900\)\] {
    --title-color: var(--tw-color-blue-900);
  }
  .tw\:\[--title-color\:var\(--tw-color-clever-800\)\] {
    --title-color: var(--tw-color-clever-800);
  }
  .tw\:\[--title-color\:var\(--tw-color-green-900\)\] {
    --title-color: var(--tw-color-green-900);
  }
  .tw\:\[--title-color\:var\(--tw-color-red-800\)\] {
    --title-color: var(--tw-color-red-800);
  }
  .tw\:\[--title-color\:var\(--tw-color-yellow-900\)\] {
    --title-color: var(--tw-color-yellow-900);
  }
  .tw\:\[--variant-color\:var\(--tw-color-blue-500\)\] {
    --variant-color: var(--tw-color-blue-500);
  }
  .tw\:\[--variant-color\:var\(--tw-color-red-500\)\] {
    --variant-color: var(--tw-color-red-500);
  }
  .tw\:\[--via-color\:\#C9D4D6\] {
    --via-color: #C9D4D6;
  }
  .tw\:\[--via-color\:\#E7895E\] {
    --via-color: #E7895E;
  }
  .tw\:\[--via-color\:\#FFC863\] {
    --via-color: #FFC863;
  }
  .tw\:\[clip\:rect\(0\,0\,0\,0\)\] {
    clip: rect(0,0,0,0);
  }
  .tw\:ring-inset {
    --tw-ring-inset: inset;
  }
  .tw\:\*\:bg-clever-100 {
    :is(& > *) {
      background-color: var(--tw-color-clever-100);
    }
  }
  .tw\:\*\:bg-green-100 {
    :is(& > *) {
      background-color: var(--tw-color-green-100);
    }
  }
  .tw\:\*\:text-clever-700 {
    :is(& > *) {
      color: var(--tw-color-clever-700);
    }
  }
  .tw\:\*\:text-green-700 {
    :is(& > *) {
      color: var(--tw-color-green-700);
    }
  }
  .tw\:not-last\:border-b {
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .tw\:not-\[\:last-of-type\]\:border-b {
    &:not(*:is(:last-of-type)) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .tw\:not-\[\:last-of-type\]\:border-border {
    &:not(*:is(:last-of-type)) {
      border-color: var(--border);
    }
  }
  .tw\:group-hover\:flex {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .tw\:group-hover\:bg-muted {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .tw\:group-hover\:text-foreground {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .tw\:group-hover\:text-petrol-100 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        color: var(--tw-color-petrol-100);
      }
    }
  }
  .tw\:group-hover\:opacity-0 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .tw\:group-hover\:opacity-100 {
    &:is(:where(.tw\:group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .tw\:group-hover\/tab\:text-foreground {
    &:is(:where(.tw\:group\/tab):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .tw\:group-focus-visible\:opacity-100 {
    &:is(:where(.tw\:group):focus-visible *) {
      opacity: 100%;
    }
  }
  .tw\:group-aria-expanded\:rotate-180 {
    &:is(:where(.tw\:group)[aria-expanded="true"] *) {
      rotate: 180deg;
    }
  }
  .tw\:group-data-\[finished\=false\]\:mx-2 {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      margin-inline: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:group-data-\[finished\=false\]\:hidden {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      display: none;
    }
  }
  .tw\:group-data-\[finished\=false\]\:size-7 {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      width: calc(var(--tw-spacing) * 7);
      height: calc(var(--tw-spacing) * 7);
    }
  }
  .tw\:group-data-\[finished\=false\]\:border-2 {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .tw\:group-data-\[finished\=false\]\:border-border {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      border-color: var(--border);
    }
  }
  .tw\:group-data-\[finished\=false\]\:bg-muted {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      background-color: var(--muted);
    }
  }
  .tw\:group-data-\[finished\=false\]\:text-foreground {
    &:is(:where(.tw\:group)[data-finished="false"] *) {
      color: var(--foreground);
    }
  }
  .tw\:group-data-\[finished\=true\]\:hidden {
    &:is(:where(.tw\:group)[data-finished="true"] *) {
      display: none;
    }
  }
  .tw\:group-data-\[finished\=true\]\:size-11 {
    &:is(:where(.tw\:group)[data-finished="true"] *) {
      width: calc(var(--tw-spacing) * 11);
      height: calc(var(--tw-spacing) * 11);
    }
  }
  .tw\:group-data-\[finished\=true\]\:bg-green-500 {
    &:is(:where(.tw\:group)[data-finished="true"] *) {
      background-color: var(--tw-color-green-500);
    }
  }
  .tw\:group-data-\[finished\=true\]\:text-green-900 {
    &:is(:where(.tw\:group)[data-finished="true"] *) {
      color: var(--tw-color-green-900);
    }
  }
  .tw\:group-data-\[indeterminate\]\:block {
    &:is(:where(.tw\:group)[data-indeterminate] *) {
      display: block;
    }
  }
  .tw\:group-data-\[indeterminate\]\:border-primary {
    &:is(:where(.tw\:group)[data-indeterminate] *) {
      border-color: var(--primary);
    }
  }
  .tw\:group-data-\[indeterminate\]\:bg-primary {
    &:is(:where(.tw\:group)[data-indeterminate] *) {
      background-color: var(--primary);
    }
  }
  .tw\:group-data-\[selected\]\:block {
    &:is(:where(.tw\:group)[data-selected] *) {
      display: block;
    }
  }
  .tw\:group-data-\[selected\]\:border-primary {
    &:is(:where(.tw\:group)[data-selected] *) {
      border-color: var(--primary);
    }
  }
  .tw\:group-data-\[selected\]\:bg-primary {
    &:is(:where(.tw\:group)[data-selected] *) {
      background-color: var(--primary);
    }
  }
  .tw\:peer-checked\:block {
    &:is(:where(.tw\:peer):checked ~ *) {
      display: block;
    }
  }
  .tw\:peer-checked\:hidden {
    &:is(:where(.tw\:peer):checked ~ *) {
      display: none;
    }
  }
  .tw\:peer-checked\:border-primary {
    &:is(:where(.tw\:peer):checked ~ *) {
      border-color: var(--primary);
    }
  }
  .tw\:peer-checked\:bg-clever-50 {
    &:is(:where(.tw\:peer):checked ~ *) {
      background-color: var(--tw-color-clever-50);
    }
  }
  .tw\:peer-checked\/first\:text-foreground {
    &:is(:where(.tw\:peer\/first):checked ~ *) {
      color: var(--foreground);
    }
  }
  .tw\:peer-checked\/second\:translate-x-full {
    &:is(:where(.tw\:peer\/second):checked ~ *) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:peer-checked\/second\:text-foreground {
    &:is(:where(.tw\:peer\/second):checked ~ *) {
      color: var(--foreground);
    }
  }
  .tw\:peer-focus-visible\:ring-2 {
    &:is(:where(.tw\:peer):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);
    }
  }
  .tw\:peer-focus-visible\:ring-offset-2 {
    &:is(:where(.tw\:peer):focus-visible ~ *) {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .tw\:peer-focus-visible\:outline-hidden {
    &:is(:where(.tw\:peer):focus-visible ~ *) {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .tw\:placeholder\:italic {
    &::placeholder {
      font-style: italic;
    }
  }
  .tw\:before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .tw\:before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1/2 * 100%);
    }
  }
  .tw\:before\:right-full {
    &::before {
      content: var(--tw-content);
      right: 100%;
    }
  }
  .tw\:before\:h-0 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:before\:w-0 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:before\:-translate-y-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .tw\:before\:border-t-6 {
    &::before {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 6px;
    }
  }
  .tw\:before\:border-r-10 {
    &::before {
      content: var(--tw-content);
      border-right-style: var(--tw-border-style);
      border-right-width: 10px;
    }
  }
  .tw\:before\:border-b-6 {
    &::before {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 6px;
    }
  }
  .tw\:before\:border-l-0 {
    &::before {
      content: var(--tw-content);
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .tw\:before\:border-t-transparent {
    &::before {
      content: var(--tw-content);
      border-top-color: transparent;
    }
  }
  .tw\:before\:border-r-petrol-800 {
    &::before {
      content: var(--tw-content);
      border-right-color: var(--tw-color-petrol-800);
    }
  }
  .tw\:before\:border-b-transparent {
    &::before {
      content: var(--tw-content);
      border-bottom-color: transparent;
    }
  }
  .tw\:before\:text-xs {
    &::before {
      content: var(--tw-content);
      font-size: var(--tw-text-xs);
      line-height: var(--tw-leading, var(--tw-text-xs--line-height));
    }
  }
  .tw\:before\:font-semibold {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--tw-font-weight-semibold);
      font-weight: var(--tw-font-weight-semibold);
    }
  }
  .tw\:before\:text-foreground {
    &::before {
      content: var(--tw-content);
      color: var(--foreground);
    }
  }
  .tw\:before\:content-\[\"\"\] {
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .tw\:first\:rounded-t-lg {
    &:first-child {
      border-top-left-radius: var(--tw-radius-lg);
      border-top-right-radius: var(--tw-radius-lg);
    }
  }
  .tw\:first\:border-t-0 {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .tw\:last\:rounded-b-lg {
    &:last-child {
      border-bottom-right-radius: var(--tw-radius-lg);
      border-bottom-left-radius: var(--tw-radius-lg);
    }
  }
  .tw\:first-of-type\:rounded-l {
    &:first-of-type {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
  }
  .tw\:last-of-type\:rounded-r {
    &:last-of-type {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
  }
  .tw\:read-only\:bg-muted {
    &:read-only {
      background-color: var(--muted);
    }
  }
  .tw\:hover\:border-\(--bg-hover-color\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--bg-hover-color);
      }
    }
  }
  .tw\:hover\:border-petrol-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tw-color-petrol-800);
      }
    }
  }
  .tw\:hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
      }
    }
  }
  .tw\:hover\:bg-\(--bg-hover-color\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--bg-hover-color);
      }
    }
  }
  .tw\:hover\:bg-\(--message-icon-background\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--message-icon-background);
      }
    }
  }
  .tw\:hover\:bg-\[\#e4623a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e4623a;
      }
    }
  }
  .tw\:hover\:bg-green-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-green-300);
      }
    }
  }
  .tw\:hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .tw\:hover\:bg-petrol-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-petrol-200);
      }
    }
  }
  .tw\:hover\:bg-petrol-200\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-petrol-200) !important;
      }
    }
  }
  .tw\:hover\:bg-petrol-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-petrol-300);
      }
    }
  }
  .tw\:hover\:bg-red-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-red-300);
      }
    }
  }
  .tw\:hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
      }
    }
  }
  .tw\:hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .tw\:hover\:bg-transparent\! {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
  .tw\:hover\:pl-4 {
    &:hover {
      @media (hover: hover) {
        padding-left: calc(var(--tw-spacing) * 4);
      }
    }
  }
  .tw\:hover\:pl-\[calc\(var\(--card-padding\)\+--spacing\(2\)\)\] {
    &:hover {
      @media (hover: hover) {
        padding-left: calc(var(--card-padding) + calc(var(--tw-spacing) * 2));
      }
    }
  }
  .tw\:hover\:text-\(--hover-color\) {
    &:hover {
      @media (hover: hover) {
        color: var(--hover-color);
      }
    }
  }
  .tw\:hover\:text-\(--solid-text-color\) {
    &:hover {
      @media (hover: hover) {
        color: var(--solid-text-color);
      }
    }
  }
  .tw\:hover\:text-\[\#264043\] {
    &:hover {
      @media (hover: hover) {
        color: #264043;
      }
    }
  }
  .tw\:hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .tw\:hover\:text-inherit {
    &:hover {
      @media (hover: hover) {
        color: inherit;
      }
    }
  }
  .tw\:hover\:text-muted-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
  .tw\:hover\:text-petrol-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-petrol-900);
      }
    }
  }
  .tw\:hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--primary);
      }
    }
  }
  .tw\:hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .tw\:hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .tw\:hover\:not-disabled\:border-\(--bg-hover-color\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          border-color: var(--bg-hover-color);
        }
      }
    }
  }
  .tw\:hover\:not-disabled\:bg-\(--bg-hover-color\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--bg-hover-color);
        }
      }
    }
  }
  .tw\:hover\:not-disabled\:bg-\(--solid-bg-color\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--solid-bg-color);
        }
      }
    }
  }
  .tw\:hover\:not-disabled\:text-\(--solid-text-color\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          color: var(--solid-text-color);
        }
      }
    }
  }
  .tw\:focus\:border-primary {
    &:focus {
      border-color: var(--primary);
    }
  }
  .tw\:focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-primary {
    &:focus {
      --tw-ring-color: var(--primary);
    }
  }
  .tw\:focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .tw\:focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .tw\:disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .tw\:has-focus\:ring-2 {
    &:has(*:focus) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:has-focus\:ring-blue-500 {
    &:has(*:focus) {
      --tw-ring-color: var(--tw-color-blue-500);
    }
  }
  .tw\:has-\[\:focus\]\:opacity-100 {
    &:has(*:is(:focus)) {
      opacity: 100%;
    }
  }
  .tw\:has-\[\[data-selected\]\]\:border-primary {
    &:has(*:is([data-selected])) {
      border-color: var(--primary);
    }
  }
  .tw\:has-\[\[data-selected\]\]\:opacity-100 {
    &:has(*:is([data-selected])) {
      opacity: 100%;
    }
  }
  .tw\:has-\[\[data-selected\]\]\:ring-1 {
    &:has(*:is([data-selected])) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:has-\[\[data-selected\]\]\:ring-primary {
    &:has(*:is([data-selected])) {
      --tw-ring-color: var(--primary);
    }
  }
  .tw\:\*\:has-\[\+\*\]\:rounded-r-none {
    :is(& > *) {
      &:has(+*) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }
  .tw\:\*\:has-\[\+button\]\:rounded-r-none {
    :is(& > *) {
      &:has(+button) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }
  .tw\:data-is-invalid\:border-red-500 {
    &[data-is-invalid] {
      border-color: var(--tw-color-red-500);
    }
  }
  .tw\:data-is-valid\:border-green-500 {
    &[data-is-valid] {
      border-color: var(--tw-color-green-500);
    }
  }
  .tw\:data-\[finished\=false\]\:border-border {
    &[data-finished="false"] {
      border-color: var(--border);
    }
  }
  .tw\:data-\[finished\=false\]\:has-\[\+\[data-finished\=true\]\]\:border-transparent {
    &[data-finished="false"] {
      &:has(+[data-finished=true]) {
        border-color: transparent;
      }
    }
  }
  .tw\:data-\[finished\=true\]\:rounded-sm {
    &[data-finished="true"] {
      border-radius: var(--tw-radius-sm);
    }
  }
  .tw\:data-\[finished\=true\]\:border-transparent {
    &[data-finished="true"] {
      border-color: transparent;
    }
  }
  .tw\:data-\[finished\=true\]\:bg-green-100 {
    &[data-finished="true"] {
      background-color: var(--tw-color-green-100);
    }
  }
  .tw\:data-\[selected\]\:bg-\(--bg-hover-color\) {
    &[data-selected] {
      background-color: var(--bg-hover-color);
    }
  }
  .tw\:data-\[selected\]\:bg-muted {
    &[data-selected] {
      background-color: var(--muted);
    }
  }
  .tw\:\*\:data-\[slot\=button\]\:flex-none {
    :is(& > *) {
      &[data-slot="button"] {
        flex: none;
      }
    }
  }
  .tw\:\*\:data-\[slot\=button\]\:border-petrol-200 {
    :is(& > *) {
      &[data-slot="button"] {
        border-color: var(--tw-color-petrol-200);
      }
    }
  }
  .tw\:\*\:data-\[slot\=input\]\:flex-1 {
    :is(& > *) {
      &[data-slot="input"] {
        flex: 1;
      }
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--badge-background\:var\(--accent\)\] {
    &[data-variant="accent"] {
      --badge-background: var(--accent);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--badge-foreground\:var\(--accent-foreground\)\] {
    &[data-variant="accent"] {
      --badge-foreground: var(--accent-foreground);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--badge-icon\:var\(--badge-foreground\)\] {
    &[data-variant="accent"] {
      --badge-icon: var(--badge-foreground);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--bg-hover-color\:var\(--tw-color-aqua-400\)\] {
    &[data-variant="accent"] {
      --bg-hover-color: var(--tw-color-aqua-400);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--outline-text-color\:var\(--accent\)\] {
    &[data-variant="accent"] {
      --outline-text-color: var(--accent);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--solid-bg-color\:var\(--accent\)\] {
    &[data-variant="accent"] {
      --solid-bg-color: var(--accent);
    }
  }
  .tw\:data-\[variant\=accent\]\:\[--solid-text-color\:var\(--accent-foreground\)\] {
    &[data-variant="accent"] {
      --solid-text-color: var(--accent-foreground);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--badge-background\:var\(--foreground\)\] {
    &[data-variant="accent-dark"] {
      --badge-background: var(--foreground);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--badge-foreground\:var\(--accent\)\] {
    &[data-variant="accent-dark"] {
      --badge-foreground: var(--accent);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--badge-icon\:var\(--badge-foreground\)\] {
    &[data-variant="accent-dark"] {
      --badge-icon: var(--badge-foreground);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--bg-hover-color\:var\(--tw-color-petrol-700\)\] {
    &[data-variant="accent-dark"] {
      --bg-hover-color: var(--tw-color-petrol-700);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--outline-text-color\:var\(--tw-color-petrol-800\)\] {
    &[data-variant="accent-dark"] {
      --outline-text-color: var(--tw-color-petrol-800);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--solid-bg-color\:var\(--tw-color-petrol-800\)\] {
    &[data-variant="accent-dark"] {
      --solid-bg-color: var(--tw-color-petrol-800);
    }
  }
  .tw\:data-\[variant\=accent-dark\]\:\[--solid-text-color\:var\(--accent\)\] {
    &[data-variant="accent-dark"] {
      --solid-text-color: var(--accent);
    }
  }
  .tw\:data-\[variant\=atest\]\:\[--badge-background\:var\(--tw-color-blue-700\)\] {
    &[data-variant="atest"] {
      --badge-background: var(--tw-color-blue-700);
    }
  }
  .tw\:data-\[variant\=atest\]\:\[--badge-foreground\:var\(--tw-color-white\)\] {
    &[data-variant="atest"] {
      --badge-foreground: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=atest\]\:\[--badge-icon\:var\(--tw-color-white\)\] {
    &[data-variant="atest"] {
      --badge-icon: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=btest\]\:\[--badge-background\:var\(--tw-color-blue-300\)\] {
    &[data-variant="btest"] {
      --badge-background: var(--tw-color-blue-300);
    }
  }
  .tw\:data-\[variant\=btest\]\:\[--badge-foreground\:var\(--foreground\)\] {
    &[data-variant="btest"] {
      --badge-foreground: var(--foreground);
    }
  }
  .tw\:data-\[variant\=btest\]\:\[--badge-icon\:var\(--foreground\)\] {
    &[data-variant="btest"] {
      --badge-icon: var(--foreground);
    }
  }
  .tw\:data-\[variant\=ci-primary\]\:\[--badge-background\:var\(--primary\)\] {
    &[data-variant="ci-primary"] {
      --badge-background: var(--primary);
    }
  }
  .tw\:data-\[variant\=ci-primary\]\:\[--badge-foreground\:var\(--tw-color-white\)\] {
    &[data-variant="ci-primary"] {
      --badge-foreground: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=ci-primary\]\:\[--badge-icon\:var\(--badge-foreground\)\] {
    &[data-variant="ci-primary"] {
      --badge-icon: var(--badge-foreground);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--badge-background\:var\(--tw-color-red-50\)\] {
    &[data-variant="danger"] {
      --badge-background: var(--tw-color-red-50);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--badge-foreground\:var\(--tw-color-red-800\)\] {
    &[data-variant="danger"] {
      --badge-foreground: var(--tw-color-red-800);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--badge-icon\:var\(--tw-color-red-500\)\] {
    &[data-variant="danger"] {
      --badge-icon: var(--tw-color-red-500);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--bg-hover-color\:var\(--tw-color-red-600\)\] {
    &[data-variant="danger"] {
      --bg-hover-color: var(--tw-color-red-600);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--outline-text-color\:var\(--tw-color-red-500\)\] {
    &[data-variant="danger"] {
      --outline-text-color: var(--tw-color-red-500);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--solid-bg-color\:var\(--tw-color-red-500\)\] {
    &[data-variant="danger"] {
      --solid-bg-color: var(--tw-color-red-500);
    }
  }
  .tw\:data-\[variant\=danger\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="danger"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=dark\]\:\[--bg-hover-color\:var\(--tw-color-petrol-700\)\] {
    &[data-variant="dark"] {
      --bg-hover-color: var(--tw-color-petrol-700);
    }
  }
  .tw\:data-\[variant\=dark\]\:\[--outline-text-color\:var\(--foreground\)\] {
    &[data-variant="dark"] {
      --outline-text-color: var(--foreground);
    }
  }
  .tw\:data-\[variant\=dark\]\:\[--solid-bg-color\:var\(--tw-color-petrol-800\)\] {
    &[data-variant="dark"] {
      --solid-bg-color: var(--tw-color-petrol-800);
    }
  }
  .tw\:data-\[variant\=dark\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="dark"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--badge-background\:var\(--tw-color-blue-100\)\] {
    &[data-variant="info"] {
      --badge-background: var(--tw-color-blue-100);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--badge-foreground\:var\(--tw-color-blue-900\)\] {
    &[data-variant="info"] {
      --badge-foreground: var(--tw-color-blue-900);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--badge-icon\:var\(--tw-color-blue-500\)\] {
    &[data-variant="info"] {
      --badge-icon: var(--tw-color-blue-500);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--bg-hover-color\:var\(--tw-color-blue-600\)\] {
    &[data-variant="info"] {
      --bg-hover-color: var(--tw-color-blue-600);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--outline-text-color\:var\(--tw-color-blue-500\)\] {
    &[data-variant="info"] {
      --outline-text-color: var(--tw-color-blue-500);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--solid-bg-color\:var\(--tw-color-blue-500\)\] {
    &[data-variant="info"] {
      --solid-bg-color: var(--tw-color-blue-500);
    }
  }
  .tw\:data-\[variant\=info\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="info"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=light\]\:\[--bg-hover-color\:var\(--secondary\)\] {
    &[data-variant="light"] {
      --bg-hover-color: var(--secondary);
    }
  }
  .tw\:data-\[variant\=light\]\:\[--outline-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="light"] {
      --outline-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=light\]\:\[--solid-bg-color\:var\(--tw-color-white\)\] {
    &[data-variant="light"] {
      --solid-bg-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=light\]\:\[--solid-text-color\:var\(--foreground\)\] {
    &[data-variant="light"] {
      --solid-text-color: var(--foreground);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--badge-background\:var\(--tw-color-clever-100\)\] {
    &[data-variant="primary"] {
      --badge-background: var(--tw-color-clever-100);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--badge-foreground\:var\(--tw-color-clever-800\)\] {
    &[data-variant="primary"] {
      --badge-foreground: var(--tw-color-clever-800);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--badge-icon\:var\(--primary\)\] {
    &[data-variant="primary"] {
      --badge-icon: var(--primary);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--bg-hover-color\:var\(--primary-hover\)\] {
    &[data-variant="primary"] {
      --bg-hover-color: var(--primary-hover);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--outline-text-color\:var\(--primary\)\] {
    &[data-variant="primary"] {
      --outline-text-color: var(--primary);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--solid-bg-color\:var\(--primary\)\] {
    &[data-variant="primary"] {
      --solid-bg-color: var(--primary);
    }
  }
  .tw\:data-\[variant\=primary\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="primary"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--badge-background\:var\(--secondary\)\] {
    &[data-variant="secondary"] {
      --badge-background: var(--secondary);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--badge-foreground\:var\(--foreground\)\] {
    &[data-variant="secondary"] {
      --badge-foreground: var(--foreground);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--badge-icon\:var\(--tw-color-petrol-500\)\] {
    &[data-variant="secondary"] {
      --badge-icon: var(--tw-color-petrol-500);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--bg-hover-color\:var\(--tw-color-petrol-200\)\] {
    &[data-variant="secondary"] {
      --bg-hover-color: var(--tw-color-petrol-200);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--outline-text-color\:var\(--foreground\)\] {
    &[data-variant="secondary"] {
      --outline-text-color: var(--foreground);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--solid-bg-color\:var\(--secondary\)\] {
    &[data-variant="secondary"] {
      --solid-bg-color: var(--secondary);
    }
  }
  .tw\:data-\[variant\=secondary\]\:\[--solid-text-color\:var\(--foreground\)\] {
    &[data-variant="secondary"] {
      --solid-text-color: var(--foreground);
    }
  }
  .tw\:data-\[variant\=secondary-dark\]\:\[--badge-background\:var\(--tw-color-petrol-500\)\] {
    &[data-variant="secondary-dark"] {
      --badge-background: var(--tw-color-petrol-500);
    }
  }
  .tw\:data-\[variant\=secondary-dark\]\:\[--badge-foreground\:var\(--tw-color-white\)\] {
    &[data-variant="secondary-dark"] {
      --badge-foreground: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=secondary-dark\]\:\[--badge-icon\:var\(--badge-foreground\)\] {
    &[data-variant="secondary-dark"] {
      --badge-icon: var(--badge-foreground);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--badge-background\:var\(--tw-color-green-100\)\] {
    &[data-variant="success"] {
      --badge-background: var(--tw-color-green-100);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--badge-foreground\:var\(--tw-color-green-900\)\] {
    &[data-variant="success"] {
      --badge-foreground: var(--tw-color-green-900);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--badge-icon\:var\(--tw-color-green-500\)\] {
    &[data-variant="success"] {
      --badge-icon: var(--tw-color-green-500);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--bg-hover-color\:var\(--tw-color-green-600\)\] {
    &[data-variant="success"] {
      --bg-hover-color: var(--tw-color-green-600);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--outline-text-color\:var\(--tw-color-green-500\)\] {
    &[data-variant="success"] {
      --outline-text-color: var(--tw-color-green-500);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--solid-bg-color\:var\(--tw-color-green-500\)\] {
    &[data-variant="success"] {
      --solid-bg-color: var(--tw-color-green-500);
    }
  }
  .tw\:data-\[variant\=success\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="success"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--badge-background\:var\(--tw-color-yellow-50\)\] {
    &[data-variant="warning"] {
      --badge-background: var(--tw-color-yellow-50);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--badge-foreground\:var\(--tw-color-yellow-900\)\] {
    &[data-variant="warning"] {
      --badge-foreground: var(--tw-color-yellow-900);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--badge-icon\:var\(--tw-color-yellow-500\)\] {
    &[data-variant="warning"] {
      --badge-icon: var(--tw-color-yellow-500);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--bg-hover-color\:var\(--tw-color-yellow-600\)\] {
    &[data-variant="warning"] {
      --bg-hover-color: var(--tw-color-yellow-600);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--outline-text-color\:var\(--tw-color-yellow-500\)\] {
    &[data-variant="warning"] {
      --outline-text-color: var(--tw-color-yellow-500);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--solid-bg-color\:var\(--tw-color-yellow-500\)\] {
    &[data-variant="warning"] {
      --solid-bg-color: var(--tw-color-yellow-500);
    }
  }
  .tw\:data-\[variant\=warning\]\:\[--solid-text-color\:var\(--tw-color-white\)\] {
    &[data-variant="warning"] {
      --solid-text-color: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=winner\]\:\[--badge-background\:var\(--tw-color-yellow-600\)\] {
    &[data-variant="winner"] {
      --badge-background: var(--tw-color-yellow-600);
    }
  }
  .tw\:data-\[variant\=winner\]\:\[--badge-foreground\:var\(--tw-color-white\)\] {
    &[data-variant="winner"] {
      --badge-foreground: var(--tw-color-white);
    }
  }
  .tw\:data-\[variant\=winner\]\:\[--badge-icon\:var\(--tw-color-white\)\] {
    &[data-variant="winner"] {
      --badge-icon: var(--tw-color-white);
    }
  }
  .tw\:max-2xl\:hidden {
    @media (width < 1400px) {
      display: none;
    }
  }
  .tw\:max-2xl\:h-60 {
    @media (width < 1400px) {
      height: calc(var(--tw-spacing) * 60);
    }
  }
  .tw\:max-2xl\:w-full {
    @media (width < 1400px) {
      width: 100%;
    }
  }
  .tw\:max-2xl\:flex-col {
    @media (width < 1400px) {
      flex-direction: column;
    }
  }
  .tw\:max-2xl\:space-y-8 {
    @media (width < 1400px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .tw\:max-2xl\:gap-y-4 {
    @media (width < 1400px) {
      row-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:max-2xl\:py-3 {
    @media (width < 1400px) {
      padding-block: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:max-xl\:hidden {
    @media (width < 1200px) {
      display: none;
    }
  }
  .tw\:max-xl\:flex-col {
    @media (width < 1200px) {
      flex-direction: column;
    }
  }
  .tw\:max-xl\:gap-y-4 {
    @media (width < 1200px) {
      row-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:max-xl\:gap-y-6 {
    @media (width < 1200px) {
      row-gap: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:max-lg\:mt-2\.5 {
    @media (width < 992px) {
      margin-top: calc(var(--tw-spacing) * 2.5);
    }
  }
  .tw\:max-lg\:hidden {
    @media (width < 992px) {
      display: none;
    }
  }
  .tw\:max-lg\:min-h-dvh {
    @media (width < 992px) {
      min-height: 100dvh;
    }
  }
  .tw\:max-lg\:flex-col {
    @media (width < 992px) {
      flex-direction: column;
    }
  }
  .tw\:max-lg\:justify-center {
    @media (width < 992px) {
      justify-content: center;
    }
  }
  .tw\:max-md\:fixed {
    @media (width < 768px) {
      position: fixed;
    }
  }
  .tw\:max-md\:inset-x-0 {
    @media (width < 768px) {
      inset-inline: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:max-md\:bottom-0 {
    @media (width < 768px) {
      bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:max-md\:mt-4\! {
    @media (width < 768px) {
      margin-top: calc(var(--tw-spacing) * 4) !important;
    }
  }
  .tw\:max-md\:hidden {
    @media (width < 768px) {
      display: none;
    }
  }
  .tw\:max-md\:hidden\! {
    @media (width < 768px) {
      display: none !important;
    }
  }
  .tw\:max-md\:w-60 {
    @media (width < 768px) {
      width: calc(var(--tw-spacing) * 60);
    }
  }
  .tw\:max-md\:flex-col {
    @media (width < 768px) {
      flex-direction: column;
    }
  }
  .tw\:max-md\:gap-y-2 {
    @media (width < 768px) {
      row-gap: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:max-md\:bg-white {
    @media (width < 768px) {
      background-color: var(--tw-color-white);
    }
  }
  .tw\:max-md\:pb-18 {
    @media (width < 768px) {
      padding-bottom: calc(var(--tw-spacing) * 18);
    }
  }
  .tw\:max-sm\:m-0 {
    @media (width < 576px) {
      margin: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:max-sm\:mt-2 {
    @media (width < 576px) {
      margin-top: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:max-sm\:hidden {
    @media (width < 576px) {
      display: none;
    }
  }
  .tw\:max-sm\:grid-cols-1 {
    @media (width < 576px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .tw\:max-sm\:flex-col {
    @media (width < 576px) {
      flex-direction: column;
    }
  }
  .tw\:max-sm\:gap-y-2 {
    @media (width < 576px) {
      row-gap: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:max-sm\:gap-y-4 {
    @media (width < 576px) {
      row-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:col-span-2 {
    @media (width >= 576px) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:sm\:mb-0 {
    @media (width >= 576px) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:sm\:block {
    @media (width >= 576px) {
      display: block;
    }
  }
  .tw\:sm\:flex {
    @media (width >= 576px) {
      display: flex;
    }
  }
  .tw\:sm\:hidden {
    @media (width >= 576px) {
      display: none;
    }
  }
  .tw\:sm\:w-75 {
    @media (width >= 576px) {
      width: calc(var(--tw-spacing) * 75);
    }
  }
  .tw\:sm\:w-auto {
    @media (width >= 576px) {
      width: auto;
    }
  }
  .tw\:sm\:max-w-\[33rem\] {
    @media (width >= 576px) {
      max-width: 33rem;
    }
  }
  .tw\:sm\:grid-cols-2 {
    @media (width >= 576px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:sm\:flex-row {
    @media (width >= 576px) {
      flex-direction: row;
    }
  }
  .tw\:sm\:flex-row-reverse {
    @media (width >= 576px) {
      flex-direction: row-reverse;
    }
  }
  .tw\:sm\:items-center {
    @media (width >= 576px) {
      align-items: center;
    }
  }
  .tw\:sm\:justify-between {
    @media (width >= 576px) {
      justify-content: space-between;
    }
  }
  .tw\:sm\:gap-4 {
    @media (width >= 576px) {
      gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:sm\:gap-x-2 {
    @media (width >= 576px) {
      column-gap: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:sm\:gap-x-4 {
    @media (width >= 576px) {
      column-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:col-span-5 {
    @media (width >= 768px) {
      grid-column: span 5 / span 5;
    }
  }
  .tw\:md\:col-span-7 {
    @media (width >= 768px) {
      grid-column: span 7 / span 7;
    }
  }
  .tw\:md\:-mx-8 {
    @media (width >= 768px) {
      margin-inline: calc(var(--tw-spacing) * -8);
    }
  }
  .tw\:md\:-mt-8 {
    @media (width >= 768px) {
      margin-top: calc(var(--tw-spacing) * -8);
    }
  }
  .tw\:md\:mr-0 {
    @media (width >= 768px) {
      margin-right: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:mb-0 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .tw\:md\:flex {
    @media (width >= 768px) {
      display: flex;
    }
  }
  .tw\:md\:flex\! {
    @media (width >= 768px) {
      display: flex !important;
    }
  }
  .tw\:md\:grid {
    @media (width >= 768px) {
      display: grid;
    }
  }
  .tw\:md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .tw\:md\:hidden\! {
    @media (width >= 768px) {
      display: none !important;
    }
  }
  .tw\:md\:size-10 {
    @media (width >= 768px) {
      width: calc(var(--tw-spacing) * 10);
      height: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:md\:w-1\/2 {
    @media (width >= 768px) {
      width: calc(1/2 * 100%);
    }
  }
  .tw\:md\:w-80 {
    @media (width >= 768px) {
      width: calc(var(--tw-spacing) * 80);
    }
  }
  .tw\:md\:w-full {
    @media (width >= 768px) {
      width: 100%;
    }
  }
  .tw\:md\:max-w-80 {
    @media (width >= 768px) {
      max-width: calc(var(--tw-spacing) * 80);
    }
  }
  .tw\:md\:max-w-100 {
    @media (width >= 768px) {
      max-width: calc(var(--tw-spacing) * 100);
    }
  }
  .tw\:md\:max-w-xl {
    @media (width >= 768px) {
      max-width: var(--tw-container-xl);
    }
  }
  .tw\:md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-3 {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .tw\:md\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .tw\:md\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .tw\:md\:justify-end {
    @media (width >= 768px) {
      justify-content: flex-end;
    }
  }
  .tw\:md\:gap-4 {
    @media (width >= 768px) {
      gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:md\:gap-x-2 {
    @media (width >= 768px) {
      column-gap: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:md\:gap-x-8 {
    @media (width >= 768px) {
      column-gap: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:md\:pl-15 {
    @media (width >= 768px) {
      padding-left: calc(var(--tw-spacing) * 15);
    }
  }
  .tw\:lg\:absolute {
    @media (width >= 992px) {
      position: absolute;
    }
  }
  .tw\:lg\:bottom-5 {
    @media (width >= 992px) {
      bottom: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:left-5 {
    @media (width >= 992px) {
      left: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:my-5 {
    @media (width >= 992px) {
      margin-block: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:lg\:mr-4 {
    @media (width >= 992px) {
      margin-right: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:lg\:block {
    @media (width >= 992px) {
      display: block;
    }
  }
  .tw\:lg\:flex {
    @media (width >= 992px) {
      display: flex;
    }
  }
  .tw\:lg\:flex\! {
    @media (width >= 992px) {
      display: flex !important;
    }
  }
  .tw\:lg\:hidden {
    @media (width >= 992px) {
      display: none;
    }
  }
  .tw\:lg\:hidden\! {
    @media (width >= 992px) {
      display: none !important;
    }
  }
  .tw\:lg\:max-h-48 {
    @media (width >= 992px) {
      max-height: calc(var(--tw-spacing) * 48);
    }
  }
  .tw\:lg\:min-h-dvh {
    @media (width >= 992px) {
      min-height: 100dvh;
    }
  }
  .tw\:lg\:w-1\/2 {
    @media (width >= 992px) {
      width: calc(1/2 * 100%);
    }
  }
  .tw\:lg\:w-80 {
    @media (width >= 992px) {
      width: calc(var(--tw-spacing) * 80);
    }
  }
  .tw\:lg\:w-120 {
    @media (width >= 992px) {
      width: calc(var(--tw-spacing) * 120);
    }
  }
  .tw\:lg\:max-w-96 {
    @media (width >= 992px) {
      max-width: calc(var(--tw-spacing) * 96);
    }
  }
  .tw\:lg\:flex-0 {
    @media (width >= 992px) {
      flex: 0;
    }
  }
  .tw\:lg\:flex-1 {
    @media (width >= 992px) {
      flex: 1;
    }
  }
  .tw\:lg\:grid-cols-2 {
    @media (width >= 992px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:lg\:flex-col {
    @media (width >= 992px) {
      flex-direction: column;
    }
  }
  .tw\:lg\:flex-row {
    @media (width >= 992px) {
      flex-direction: row;
    }
  }
  .tw\:lg\:flex-row-reverse {
    @media (width >= 992px) {
      flex-direction: row-reverse;
    }
  }
  .tw\:lg\:place-items-center {
    @media (width >= 992px) {
      place-items: center;
    }
  }
  .tw\:lg\:items-center {
    @media (width >= 992px) {
      align-items: center;
    }
  }
  .tw\:lg\:items-start {
    @media (width >= 992px) {
      align-items: flex-start;
    }
  }
  .tw\:lg\:gap-8 {
    @media (width >= 992px) {
      gap: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:p-10 {
    @media (width >= 992px) {
      padding: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:lg\:py-14 {
    @media (width >= 992px) {
      padding-block: calc(var(--tw-spacing) * 14);
    }
  }
  .tw\:lg\:pr-0 {
    @media (width >= 992px) {
      padding-right: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:pl-14 {
    @media (width >= 992px) {
      padding-left: calc(var(--tw-spacing) * 14);
    }
  }
  .tw\:lg\:pl-\[33\%\] {
    @media (width >= 992px) {
      padding-left: 33%;
    }
  }
  .tw\:lg\:text-sm {
    @media (width >= 992px) {
      font-size: var(--tw-text-sm);
      line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    }
  }
  .tw\:xl\:col-span-6 {
    @media (width >= 1200px) {
      grid-column: span 6 / span 6;
    }
  }
  .tw\:xl\:mt-0 {
    @media (width >= 1200px) {
      margin-top: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:xl\:mt-10 {
    @media (width >= 1200px) {
      margin-top: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:xl\:mb-0 {
    @media (width >= 1200px) {
      margin-bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:xl\:block {
    @media (width >= 1200px) {
      display: block;
    }
  }
  .tw\:xl\:flex {
    @media (width >= 1200px) {
      display: flex;
    }
  }
  .tw\:xl\:grid {
    @media (width >= 1200px) {
      display: grid;
    }
  }
  .tw\:xl\:hidden {
    @media (width >= 1200px) {
      display: none;
    }
  }
  .tw\:xl\:table-cell {
    @media (width >= 1200px) {
      display: table-cell;
    }
  }
  .tw\:xl\:h-30 {
    @media (width >= 1200px) {
      height: calc(var(--tw-spacing) * 30);
    }
  }
  .tw\:xl\:h-120 {
    @media (width >= 1200px) {
      height: calc(var(--tw-spacing) * 120);
    }
  }
  .tw\:xl\:w-1\/2 {
    @media (width >= 1200px) {
      width: calc(1/2 * 100%);
    }
  }
  .tw\:xl\:w-1\/3 {
    @media (width >= 1200px) {
      width: calc(1/3 * 100%);
    }
  }
  .tw\:xl\:w-2\/3 {
    @media (width >= 1200px) {
      width: calc(2/3 * 100%);
    }
  }
  .tw\:xl\:w-250 {
    @media (width >= 1200px) {
      width: calc(var(--tw-spacing) * 250);
    }
  }
  .tw\:xl\:max-w-full {
    @media (width >= 1200px) {
      max-width: 100%;
    }
  }
  .tw\:xl\:flex-\[0_0_auto\] {
    @media (width >= 1200px) {
      flex: 0 0 auto;
    }
  }
  .tw\:xl\:grid-cols-2 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-3 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-4 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-12 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .tw\:xl\:flex-row {
    @media (width >= 1200px) {
      flex-direction: row;
    }
  }
  .tw\:xl\:items-center {
    @media (width >= 1200px) {
      align-items: center;
    }
  }
  .tw\:xl\:justify-between {
    @media (width >= 1200px) {
      justify-content: space-between;
    }
  }
  .tw\:xl\:gap-5 {
    @media (width >= 1200px) {
      gap: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:xl\:gap-x-4 {
    @media (width >= 1200px) {
      column-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:xl\:gap-x-8 {
    @media (width >= 1200px) {
      column-gap: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:xl\:object-top {
    @media (width >= 1200px) {
      object-position: top;
    }
  }
  .tw\:xl\:pl-8 {
    @media (width >= 1200px) {
      padding-left: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:xl\:text-sm {
    @media (width >= 1200px) {
      font-size: var(--tw-text-sm);
      line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    }
  }
  .tw\:xl\:text-xl {
    @media (width >= 1200px) {
      font-size: var(--tw-text-xl);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height));
    }
  }
  .tw\:xl\:whitespace-nowrap {
    @media (width >= 1200px) {
      white-space: nowrap;
    }
  }
  .tw\:2xl\:block {
    @media (width >= 1400px) {
      display: block;
    }
  }
  .tw\:2xl\:grid {
    @media (width >= 1400px) {
      display: grid;
    }
  }
  .tw\:2xl\:hidden {
    @media (width >= 1400px) {
      display: none;
    }
  }
  .tw\:2xl\:size-60 {
    @media (width >= 1400px) {
      width: calc(var(--tw-spacing) * 60);
      height: calc(var(--tw-spacing) * 60);
    }
  }
  .tw\:2xl\:h-20 {
    @media (width >= 1400px) {
      height: calc(var(--tw-spacing) * 20);
    }
  }
  .tw\:2xl\:max-w-1\/2 {
    @media (width >= 1400px) {
      max-width: calc(1/2 * 100%);
    }
  }
  .tw\:2xl\:grow-1 {
    @media (width >= 1400px) {
      flex-grow: 1;
    }
  }
  .tw\:2xl\:grid-cols-6 {
    @media (width >= 1400px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:2xl\:gap-x-16 {
    @media (width >= 1400px) {
      column-gap: calc(var(--tw-spacing) * 16);
    }
  }
  .tw\:2xl\:overflow-x-hidden {
    @media (width >= 1400px) {
      overflow-x: hidden;
    }
  }
  .tw\:2xl\:pl-0 {
    @media (width >= 1400px) {
      padding-left: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:3xl\:absolute {
    @media (width >= 1800px) {
      position: absolute;
    }
  }
  .tw\:3xl\:top-14 {
    @media (width >= 1800px) {
      top: calc(var(--tw-spacing) * 14);
    }
  }
  .tw\:3xl\:right-0 {
    @media (width >= 1800px) {
      right: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:3xl\:bottom-0 {
    @media (width >= 1800px) {
      bottom: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:3xl\:flex-row {
    @media (width >= 1800px) {
      flex-direction: row;
    }
  }
  .tw\:\@xs\/content\:grid-cols-2 {
    @container content (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:\@sm\:block {
    @container (width >= 24rem) {
      display: block;
    }
  }
  .tw\:\@sm\:flex {
    @container (width >= 24rem) {
      display: flex;
    }
  }
  .tw\:\@sm\/content\:grid-cols-3 {
    @container content (width >= 24rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:\@md\:block {
    @container (width >= 28rem) {
      display: block;
    }
  }
  .tw\:\@md\:hidden {
    @container (width >= 28rem) {
      display: none;
    }
  }
  .tw\:\@md\/card\:max-w-60 {
    @container card (width >= 28rem) {
      max-width: calc(var(--tw-spacing) * 60);
    }
  }
  .tw\:\@md\/card\:max-w-full {
    @container card (width >= 28rem) {
      max-width: 100%;
    }
  }
  .tw\:\@md\/content\:grid-cols-4 {
    @container content (width >= 28rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:\@lg\:mx-0 {
    @container (width >= 32rem) {
      margin-inline: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:\@lg\/content\:ml-auto {
    @container content (width >= 32rem) {
      margin-left: auto;
    }
  }
  .tw\:\@lg\/card\:block {
    @container card (width >= 32rem) {
      display: block;
    }
  }
  .tw\:\@lg\/card\:grid {
    @container card (width >= 32rem) {
      display: grid;
    }
  }
  .tw\:\@lg\:block {
    @container (width >= 32rem) {
      display: block;
    }
  }
  .tw\:\@lg\/content\:flex-row {
    @container content (width >= 32rem) {
      flex-direction: row;
    }
  }
  .tw\:\@lg\/content\:items-center {
    @container content (width >= 32rem) {
      align-items: center;
    }
  }
  .tw\:\@xl\:grid-cols-2 {
    @container (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:\@xl\:flex-row {
    @container (width >= 36rem) {
      flex-direction: row;
    }
  }
  .tw\:\@xl\:items-center {
    @container (width >= 36rem) {
      align-items: center;
    }
  }
  .tw\:\@xl\:gap-4 {
    @container (width >= 36rem) {
      gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:\@2xl\:col-span-2 {
    @container (width >= 42rem) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:\@2xl\/card\:hidden {
    @container card (width >= 42rem) {
      display: none;
    }
  }
  .tw\:\@2xl\/card\:table-cell {
    @container card (width >= 42rem) {
      display: table-cell;
    }
  }
  .tw\:\@2xl\/content\:table-cell {
    @container content (width >= 42rem) {
      display: table-cell;
    }
  }
  .tw\:\@2xl\/content\:grid-cols-5 {
    @container content (width >= 42rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tw\:\@2xl\:grid-cols-3 {
    @container (width >= 42rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:\@3xl\:flex-row {
    @container (width >= 48rem) {
      flex-direction: row;
    }
  }
  .tw\:\@3xl\:items-center {
    @container (width >= 48rem) {
      align-items: center;
    }
  }
  .tw\:\@4xl\/content\:table-cell {
    @container content (width >= 56rem) {
      display: table-cell;
    }
  }
  .tw\:\@4xl\/content\:grid-cols-6 {
    @container content (width >= 56rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:\@5xl\/content\:ml-0 {
    @container content (width >= 64rem) {
      margin-left: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:\@5xl\:grid-cols-3 {
    @container (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:\@5xl\/content\:flex-row {
    @container content (width >= 64rem) {
      flex-direction: row;
    }
  }
  .tw\:\@5xl\/content\:items-center {
    @container content (width >= 64rem) {
      align-items: center;
    }
  }
  .tw\:\@5xl\/content\:justify-between {
    @container content (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .tw\:\@5xl\/content\:gap-x-4 {
    @container content (width >= 64rem) {
      column-gap: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:\@5xl\/content\:gap-y-0 {
    @container content (width >= 64rem) {
      row-gap: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:\@6xl\/card\:block {
    @container card (width >= 72rem) {
      display: block;
    }
  }
  .tw\:\@6xl\/card\:flex {
    @container card (width >= 72rem) {
      display: flex;
    }
  }
  .tw\:\@6xl\/card\:hidden {
    @container card (width >= 72rem) {
      display: none;
    }
  }
  .tw\:\@6xl\/content\:grid-cols-8 {
    @container content (width >= 72rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .tw\:\@7xl\:table-cell {
    @container (width >= 80rem) {
      display: table-cell;
    }
  }
  .tw\:\@8xl\/content\:grid-cols-10 {
    @container content (width >= 88rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .tw\:dark\:bg-petrol-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--tw-color-petrol-600);
    }
  }
  .tw\:dark\:bg-petrol-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--tw-color-petrol-900);
    }
  }
  .tw\:dark\:\[--bg-hover-color\:var\(--tw-color-petrol-600\)\] {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --bg-hover-color: var(--tw-color-petrol-600);
    }
  }
  .tw\:contrast\:ring-1 {
    &:where([data-theme=contrast], [data-theme=contrast] *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:contrast\:ring-border {
    &:where([data-theme=contrast], [data-theme=contrast] *) {
      --tw-ring-color: var(--border);
    }
  }
  .tw\:\[\&_td\]\:px-2 {
    & td {
      padding-inline: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&_td\]\:px-3 {
    & td {
      padding-inline: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:\[\&_td\]\:py-2 {
    & td {
      padding-block: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&_td\]\:py-4 {
    & td {
      padding-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:\[\&_td\]\:py-5 {
    & td {
      padding-block: calc(var(--tw-spacing) * 5);
    }
  }
  .tw\:\[\&_td\]\:first-of-type\:pl-0 {
    & td {
      &:first-of-type {
        padding-left: calc(var(--tw-spacing) * 0);
      }
    }
  }
  .tw\:\[\&_td\]\:first-of-type\:pl-6 {
    & td {
      &:first-of-type {
        padding-left: calc(var(--tw-spacing) * 6);
      }
    }
  }
  .tw\:\[\&_td\]\:last-of-type\:pr-0 {
    & td {
      &:last-of-type {
        padding-right: calc(var(--tw-spacing) * 0);
      }
    }
  }
  .tw\:\[\&_td\]\:last-of-type\:pr-6 {
    & td {
      &:last-of-type {
        padding-right: calc(var(--tw-spacing) * 6);
      }
    }
  }
  .tw\:\[\&_td\:first-child\]\:pl-10\! {
    & td:first-child {
      padding-left: calc(var(--tw-spacing) * 10) !important;
    }
  }
  .tw\:\[\&_td\:last-child\]\:pr-10\! {
    & td:last-child {
      padding-right: calc(var(--tw-spacing) * 10) !important;
    }
  }
  .tw\:\[\&_th\]\:py-2 {
    & th {
      padding-block: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&_th\]\:py-4 {
    & th {
      padding-block: calc(var(--tw-spacing) * 4);
    }
  }
  .tw\:\[\&_th\]\:pr-2 {
    & th {
      padding-right: calc(var(--tw-spacing) * 2);
    }
  }
  .tw\:\[\&_th\]\:pr-3 {
    & th {
      padding-right: calc(var(--tw-spacing) * 3);
    }
  }
  .tw\:\[\&_th\]\:font-\[weight\:inherit\] {
    & th {
      --tw-font-weight: inherit;
      font-weight: inherit;
    }
  }
  .tw\:\[\&_th\:first-child\]\:pl-10\! {
    & th:first-child {
      padding-left: calc(var(--tw-spacing) * 10) !important;
    }
  }
  .tw\:\[\&_th\:last-child\]\:pr-10\! {
    & th:last-child {
      padding-right: calc(var(--tw-spacing) * 10) !important;
    }
  }
  .tw\:\*\:\[\&\+\*\]\:-ml-px {
    :is(& > *) {
      &+* {
        margin-left: -1px;
      }
    }
  }
  .tw\:\*\:\[\&\+\*\]\:rounded-l-none {
    :is(& > *) {
      &+* {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }
  .tw\:data-\[finished\=true\]\:\[\&\+\[data-finished\=true\]\]\:not-first\:mt-1 {
    &[data-finished="true"] {
      &+[data-finished=true] {
        &:not(*:first-child) {
          margin-top: calc(var(--tw-spacing) * 1);
        }
      }
    }
  }
  .tw\:\*\:\[\&\+button\]\:rounded-l-none {
    :is(& > *) {
      &+button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }
  .tw\:\[\&\:\:-moz-progress-bar\]\:bg-\(--progress-color\) {
    &::-moz-progress-bar {
      background-color: var(--progress-color);
    }
  }
  .tw\:\[\&\:\:-webkit-progress-bar\]\:bg-\(--bg-color\) {
    &::-webkit-progress-bar {
      background-color: var(--bg-color);
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:bg-\(--progress-color\) {
    &::-webkit-progress-value {
      background-color: var(--progress-color);
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:transition-\[width\] {
    &::-webkit-progress-value {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:duration-0 {
    &::-webkit-progress-value {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:duration-700 {
    &::-webkit-progress-value {
      --tw-duration: 700ms;
      transition-duration: 700ms;
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:duration-6000 {
    &::-webkit-progress-value {
      --tw-duration: 6000ms;
      transition-duration: 6000ms;
    }
  }
  .tw\:\[\&\:\:-webkit-progress-value\]\:ease-out {
    &::-webkit-progress-value {
      --tw-ease: var(--tw-ease-out);
      transition-timing-function: var(--tw-ease-out);
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\]\:after\:pr-2 {
    &:not(:last-child) {
      &::after {
        content: var(--tw-content);
        padding-right: calc(var(--tw-spacing) * 2);
      }
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\]\:after\:pl-1 {
    &:not(:last-child) {
      &::after {
        content: var(--tw-content);
        padding-left: calc(var(--tw-spacing) * 1);
      }
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\]\:after\:text-petrol-500 {
    &:not(:last-child) {
      &::after {
        content: var(--tw-content);
        color: var(--tw-color-petrol-500);
      }
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\]\:after\:content-\[\'›\'\] {
    &:not(:last-child) {
      &::after {
        --tw-content: '›';
        content: var(--tw-content);
      }
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\>td\]\:border {
    &:not(:last-child)>td {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\>td\]\:border-x-0 {
    &:not(:last-child)>td {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0px;
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\>td\]\:border-t-0 {
    &:not(:last-child)>td {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .tw\:\[\&\:not\(\:last-child\)\>td\]\:border-petrol-700 {
    &:not(:last-child)>td {
      border-color: var(--tw-color-petrol-700);
    }
  }
  .tw\:\[\&\>\[data-slot\=icon\]\]\:text-\(--color\) {
    &>[data-slot=icon] {
      color: var(--color);
    }
  }
  .tw\:\[\&\>\[data-slot\=icon\]\]\:text-foreground {
    &>[data-slot=icon] {
      color: var(--foreground);
    }
  }
  .tw\:\[\&\>\[data-slot\=icon\]\]\:text-petrol-500 {
    &>[data-slot=icon] {
      color: var(--tw-color-petrol-500);
    }
  }
  .tw\:\[\&\>\[data-slot\=icon\]\]\:transition-colors {
    &>[data-slot=icon] {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:\[\&\>\[data-slot\=icon\]\]\:group-hover\:text-foreground {
    &>[data-slot=icon] {
      &:is(:where(.tw\:group):hover *) {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .tw\:hover\:\[\&\>\[data-slot\=icon\]\]\:text-\(--hover-color\) {
    &:hover {
      @media (hover: hover) {
        &>[data-slot=icon] {
          color: var(--hover-color);
        }
      }
    }
  }
  .tw\:\[\&\>i\]\:text-\(--outline-text-color\) {
    &>i {
      color: var(--outline-text-color);
    }
  }
  .tw\:\[\&\>i\]\:text-\(--solid-text-color\) {
    &>i {
      color: var(--solid-text-color);
    }
  }
  .tw\:\[\&\>i\]\:transition-all {
    &>i {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:\[\&\>i\]\:transition-colors {
    &>i {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    }
  }
  .tw\:hover\:\[\&\>i\]\:text-\(--solid-text-color\) {
    &:hover {
      @media (hover: hover) {
        &>i {
          color: var(--solid-text-color);
        }
      }
    }
  }
  .tw\:hover\:not-disabled\:\[\&\>i\]\:text-\(--solid-text-color\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          &>i {
            color: var(--solid-text-color);
          }
        }
      }
    }
  }
  .tw\:\[\&\>img\]\:opacity-40 {
    &>img {
      opacity: 40%;
    }
  }
  .tw\:data-active\:\[\&\>img\]\:opacity-100 {
    &[data-active] {
      &>img {
        opacity: 100%;
      }
    }
  }
  .tw\:\[\&\>th\]\:first\:pl-0 {
    &>th {
      &:first-child {
        padding-left: calc(var(--tw-spacing) * 0);
      }
    }
  }
  .tw\:\[\&\>th\]\:first\:pl-6 {
    &>th {
      &:first-child {
        padding-left: calc(var(--tw-spacing) * 6);
      }
    }
  }
  .tw\:\[\&\>th\]\:last\:pr-0 {
    &>th {
      &:last-child {
        padding-right: calc(var(--tw-spacing) * 0);
      }
    }
  }
  .tw\:\[\&\>th\]\:last\:pr-6 {
    &>th {
      &:last-child {
        padding-right: calc(var(--tw-spacing) * 6);
      }
    }
  }
  .tw\:\[\&\>tr\]\:border-0 {
    &>tr {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .tw\:\[\&\>tr\]\:border-border {
    &>tr {
      border-color: var(--border);
    }
  }
  .tw\:\[\&\>tr\]\:not-last\:border-b {
    &>tr {
      &:not(*:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
      }
    }
  }
  .tw\:\[\&\>tr\]\:first\:\[\&\>td\]\:pt-0 {
    &>tr {
      &:first-child {
        &>td {
          padding-top: calc(var(--tw-spacing) * 0);
        }
      }
    }
  }
  .tw\:\[\&\>tr\]\:last\:\[\&\>td\]\:pb-0 {
    &>tr {
      &:last-child {
        &>td {
          padding-bottom: calc(var(--tw-spacing) * 0);
        }
      }
    }
  }
  .tw\:\[\.modal-fullscreen\>\&\]\:h-full {
    .modal-fullscreen>& {
      height: 100%;
    }
  }
  .tw\:\[\.modal-fullscreen\>\&\]\:rounded-none {
    .modal-fullscreen>& {
      border-radius: 0;
    }
  }
}
@font-face {
  font-family: 'CleverReach';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/v7/fonts/cleverreach-black.woff2') format('woff2'),
    url('/assets/v7/fonts/cleverreach-black.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  src: url('/assets/v7/fonts/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  src: url('/assets/v7/fonts/InterVariable-Italic.woff2') format('woff2');
}
@layer base {
  :root {
    --background: var(--tw-color-petrol-50);
    --foreground: var(--tw-color-petrol-800);
    --card: var(--tw-color-white);
    --primary: var(--tw-color-clever-500);
    --primary-hover: var(--tw-color-clever-600);
    --secondary: var(--tw-color-petrol-100);
    --muted: var(--tw-color-petrol-50);
    --muted-foreground: var(--tw-color-petrol-600);
    --border: var(--tw-color-petrol-100);
    --input: var(--tw-color-petrol-200);
    --accent: var(--tw-color-aqua-300);
    --accent-foreground: var(--tw-color-aqua-800);
    --card-padding: calc(var(--tw-spacing) * 5);
  }
  [data-theme='dark'] {
    --foreground: var(--tw-color-white);
    --card: var(--tw-color-petrol-800);
    --primary: var(--tw-color-clever-700);
    --primary-hover: var(--tw-color-clever-600);
    --secondary: var(--tw-color-petrol-700);
    --muted: var(--tw-color-petrol-700);
    --muted-foreground: var(--tw-color-petrol-300);
    --border: var(--tw-color-petrol-700);
    --input: var(--tw-color-petrol-600);
    --accent: var(--tw-color-aqua-500);
    --accent-foreground: var(--tw-color-aqua-900);
  }
  [data-theme='contrast'] {
    --foreground: var(--tw-color-petrol-900);
    --card: var(--tw-color-white);
    --primary: var(--tw-color-petrol-800);
    --primary-hover: var(--tw-color-petrol-700);
    --secondary: var(--tw-color-petrol-100);
    --muted: var(--tw-color-white);
    --muted-foreground: var(--tw-color-petrol-900);
    --border: var(--tw-color-petrol-900);
    --input: var(--tw-color-petrol-900);
    --accent: var(--tw-color-petrol-200);
    --accent-foreground: var(--tw-color-petrol-900);
  }
  body {
    font-family: 'Inter', sans-serif;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
  }
  hr {
    background-color: var(--border);
    opacity: 100%;
  }
  [x-cloak] {
    display: none !important;
  }
}
@layer components {
  .focus-ring {
    &: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 {
      --tw-ring-color: var(--tw-color-blue-500);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .plan-slider {
    & input[type='range'] {
      --thumb-height: calc(var(--tw-spacing) * 6);
      --track-height: calc(var(--tw-spacing) * 2);
      --track-color: var(--secondary);
      --clip-edges: calc(var(--tw-spacing) * 2);
      position: relative;
      height: var(--thumb-height);
      width: 100%;
      appearance: none;
      overflow: hidden;
      border-radius: calc(infinity * 1px);
      background-color: transparent;
      color: var(--primary);
      &::-webkit-slider-runnable-track {
        background: linear-gradient(var(--track-color) 0 0) scroll no-repeat
          center / 100% calc(var(--track-height) + 1px);
        position: relative;
        height: var(--thumb-height);
        appearance: none;
      }
      &::-webkit-slider-thumb {
        --clip-top: calc(
          (var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px
        );
        --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
        --clip-further: calc(100% + 1px);
        --box-fill: calc(-100vmax - var(--thumb-height)) 0 0 100vmax
          var(--tw-color-clever-200);
        background: linear-gradient(currentColor 0 0) scroll no-repeat left
          center / 50% calc(var(--track-height) + 1px);
        box-shadow: var(--box-fill);
        clip-path: polygon(
          100% -1px,
          var(--clip-edges) -1px,
          0 var(--clip-top),
          -100vmax var(--clip-top),
          -100vmax var(--clip-bottom),
          0 var(--clip-bottom),
          var(--clip-edges) 100%,
          var(--clip-further) var(--clip-further)
        );
        position: relative;
        width: calc(var(--tw-spacing) * 6);
        height: calc(var(--tw-spacing) * 6);
        height: var(--thumb-height);
        cursor: grab;
        appearance: none;
        border-radius: calc(infinity * 1px);
        --tw-border-style: none;
        border-style: none;
        background-color: currentcolor;
      }
      &:active::-webkit-slider-thumb {
        cursor: grabbing;
      }
      &::-moz-range-track {
        height: var(--track-height);
        border-radius: calc(infinity * 1px);
        background-color: var(--track-color);
      }
      &::-moz-range-thumb {
        width: calc(var(--tw-spacing) * 6);
        height: calc(var(--tw-spacing) * 6);
        cursor: grab;
        appearance: none;
        border-radius: calc(infinity * 1px);
        --tw-border-style: none;
        border-style: none;
        background-color: var(--primary);
      }
      &::-moz-range-progress {
        height: calc(var(--tw-spacing) * 2);
        border-radius: var(--tw-radius-3xl);
        background-color: var(--tw-color-clever-200);
      }
      &:active::-moz-range-thumb {
        cursor: grabbing;
      }
    }
  }
  .is-loading {
    position: relative;
    color: transparent;
    user-select: none;
    &::after {
      content: '';
      position: absolute;
      inset: 50%;
      width: 1.25em;
      height: 1.25em;
      margin: -0.625em 0 0 -0.625em;
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, 0.4);
      border-top-color: rgba(255, 255, 255, 1);
      animation: is-loading-spin 0.7s linear infinite;
    }
  }
  @keyframes is-loading-spin {
    to {
      transform: rotate(360deg);
    }
  }
}
.sortable-ghost {
  opacity: 0.25 !important;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-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;
}
@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-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-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: "";
    }
  }
}