@media (max-height: 500px) {

    header .max-w-7xl {

        height: 60px !important;

    }

}



/* Hlavní kontejner - nyní plně centrovaný */

span[id="status-text"] {

    display: inline-flex !important;

    align-items: center;     /* Vertikální střed (tečka vs text) */

    justify-content: center;  /* Horizontální střed v rámci min-width */

    min-width: 75px;         /* Trochu jsem přidal, aby se tam vešlo i ZAVŘENO na střed */

    height: 22px;

    font-size: 10px;

    font-weight: 800;

    text-transform: uppercase;

    margin-left: 5px;

    background: transparent !important;

    border: none !important;

    /* Zarovnání celého bloku na střed řádku k ikoně hodin */

    vertical-align: middle; 

    line-height: 1;

}



/* Vynucení barvy textu */

span[id="status-text"][style*="color"] {

    color: inherit !important;

    display: inline-flex !important;

}





/* Tečka pro OTEVŘENO - přisátá k textu, centrovaná */

span[style*="color: #10b981"]::before,

span[style*="color:#10b981"]::before {

    content: '';

    width: 6px;

    height: 6px;

    background: #10b981;

    border-radius: 50%;

    margin-right: 4px !important; 

    flex-shrink: 0;

    display: inline-block;

    /* Jemné optické doladění výšky tečky */

    transform: translateY(0.5px); 

    animation: pulse-dot 2s infinite;

    

}



/* Tečka pro ZAVŘENO */

span[style*="color: #ef4444"]::before,

span[style*="color:#ef4444"]::before {

    content: '';

    width: 6px;

    height: 6px;

    background: #ef4444;

    border-radius: 50%;

    margin-right: 4px !important;

    flex-shrink: 0;

    display: inline-block;

    transform: translateY(0.5px);

    opacity: 0.6;

}



@keyframes pulse-dot {

    0% { transform: scale(0.9) translateY(0.5px); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); }

    70% { transform: scale(1.2) translateY(0.5px); box-shadow: 0 0 0 4px rgba(16, 185, 129, 0); }

    100% { transform: scale(0.9) translateY(0.5px); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }

}







/* Zafixování ikony hodin proti odskakování */

[data-lucide="clock"] {

    display: inline-block !important;

    /* Rezervujeme přesný prostor (uprav px, pokud jsou v HTML jiné) */

    width: 14px !important; 

    height: 14px !important;

    min-width: 14px !important;

    

    /* Mezera mezi hodinami a textem - musí tam být hned */

    margin-right: 6px !important;

    

    /* Vycentrování vůči textu */

    vertical-align: -2px;



    /* Místo probliknutí jemný náběh */

    animation: clockFadeIn 0.6s ease-out forwards;

    opacity: 0;

}



@keyframes clockFadeIn {

    from {

        opacity: 0;

        transform: scale(0.5);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}





/* Zacílíme přímo na ikonu kapky v logu */

[data-lucide="droplet"] {

    display: inline-block;

    /* Rezervujeme místo, aby se text ani nehnul */

    width: 24px !important;

    height: 24px !important;

    

    /* Spustíme animaci stékání */

    animation: dropIn 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;

    

    /* Počáteční stav: Kapka je nad logem a neviditelná */

    opacity: 0;

    transform: translateY(-20px) scaleY(1.5);

}



@keyframes dropIn {

    0% {

        opacity: 0;

        transform: translateY(-20px) scaleY(1.5);

    }

    20% {

        opacity: 1;

    }

    60% {

        /* Kapka "dopadne" na místo a trochu se stlačí */

        transform: translateY(0) scaleY(0.8);

    }

    80% {

        /* Pružný odraz nahoru */

        transform: translateY(-2px) scaleY(1.1);

    }

    100% {

        /* Konečný stav: Stabilní na místě */

        opacity: 1;

        transform: translateY(0) scaleY(1);

    }

}



/* Pro jistotu: Tlačítko Zavolat (pokud má jinou ikonu a větší mezeru) */

[data-lucide="phone-outgoing"] {

    width: 20px;

    height: 20px;

    margin-right: 12px;

}





#mobile-menu.active {

    transform: translateX(0) !important;

    display: flex !important;

    flex-direction: column;

    /* POVOLÍ SKROLOVÁNÍ UVNITŘ MENU */

    overflow-y: auto !important; 

    -webkit-overflow-scrolling: touch; /* Plynulost na iPhone */

    

    /* VYNUCENÉ ZAOKROUHLENÍ */

    border-top-left-radius: 2rem !important;

    border-bottom-left-radius: 2rem !important;

}



/* Zamknutí stránky pod menu, aby se nehýbala */

body.menu-open {

    overflow: hidden !important;

    position: fixed;

    width: 100%;

}



/* Definice Tailwind třídy space-y-6 pro případ, že chybí v buildu */

.space-y-6 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

}



/* Pokud chceš i tu mezeru pod nadpisem (mt-10) */

.mt-10 {

    margin-top: 2.5rem;

}



/* Definice červené barvy pro stav Zavřeno */

.bg-red-500 { 

    background-color: #ef4444 !important; 

    --tw-bg-opacity: 1;

}



/* Definice zelené barvy pro stav Otevřeno */

.bg-emerald-600 { 

    background-color: #059669 !important; 

    --tw-bg-opacity: 1;

}



/* Styly pro interaktivitu a vybarvené hvězdičky */

.cursor-pointer, button, a, [onclick] { cursor: pointer !important; }

.fill-amber-400 { fill: #fbbf24 !important; }

.text-amber-400, .text-amber-400 svg { color: #fbbf24 !important; stroke: #fbbf24 !important; }





/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',

    'Noto Color Emoji';

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',

    monospace;

    --color-red-200: oklch(88.5% 0.062 18.334);

    --color-red-600: oklch(57.7% 0.245 27.325);

    --color-emerald-50: oklch(97.9% 0.021 166.113);

    --color-emerald-100: oklch(95% 0.052 163.051);

    --color-emerald-200: oklch(90.5% 0.093 164.15);

    --color-emerald-400: oklch(76.5% 0.177 163.223);

    --color-emerald-500: oklch(69.6% 0.17 162.48);

    --color-emerald-600: oklch(59.6% 0.145 163.225);

    --color-emerald-700: oklch(50.8% 0.118 165.612);

    --color-blue-200: oklch(88.2% 0.059 254.128);

    --color-blue-800: oklch(42.4% 0.199 265.638);

    --color-blue-900: oklch(37.9% 0.146 265.522);

    --color-slate-50: oklch(98.4% 0.003 247.858);

    --color-slate-100: oklch(96.8% 0.007 247.896);

    --color-slate-200: oklch(92.9% 0.013 255.508);

    --color-slate-300: oklch(86.9% 0.022 252.894);

    --color-slate-400: oklch(70.4% 0.04 256.788);

    --color-slate-500: oklch(55.4% 0.046 257.417);

    --color-slate-600: oklch(44.6% 0.043 257.281);

    --color-slate-700: oklch(37.2% 0.044 257.287);

    --color-slate-800: oklch(27.9% 0.041 260.031);

    --color-slate-900: oklch(20.8% 0.042 265.755);

    --color-white: #fff;

    --spacing: 0.25rem;

    --container-md: 28rem;

    --container-lg: 32rem;

    --container-3xl: 48rem;

    --container-4xl: 56rem;

    --container-7xl: 80rem;

    --text-xs: 0.75rem;

    --text-xs--line-height: calc(1 / 0.75);

    --text-sm: 0.875rem;

    --text-sm--line-height: calc(1.25 / 0.875);

    --text-base: 1rem;

    --text-base--line-height: calc(1.5 / 1);

    --text-lg: 1.125rem;

    --text-lg--line-height: calc(1.75 / 1.125);

    --text-xl: 1.25rem;

    --text-xl--line-height: calc(1.75 / 1.25);

    --text-2xl: 1.5rem;

    --text-2xl--line-height: calc(2 / 1.5);

    --text-3xl: 1.875rem;

    --text-3xl--line-height: calc(2.25 / 1.875);

    --text-4xl: 2.25rem;

    --text-4xl--line-height: calc(2.5 / 2.25);

    --text-5xl: 3rem;

    --text-5xl--line-height: 1;

    --text-7xl: 4.5rem;

    --text-7xl--line-height: 1;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --font-weight-extrabold: 800;

    --font-weight-black: 900;

    --tracking-tighter: -0.05em;

    --tracking-tight: -0.025em;

    --tracking-wider: 0.05em;

    --tracking-widest: 0.1em;

    --leading-tight: 1.25;

    --leading-relaxed: 1.625;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --blur-md: 12px;

    --blur-3xl: 64px;

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --default-font-family: var(--font-sans);

    --default-mono-font-family: var(--font-mono);

  }

}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;

  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    tab-size: 4;

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-settings: var(--default-font-variation-settings, normal);

    -webkit-tap-highlight-color: transparent;

  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;

  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;

  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;

  }

  b, strong {

    font-weight: bolder;

  }

  code, kbd, samp, pre {

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-settings: var(--default-mono-font-variation-settings, normal);

    font-size: 1em;

  }

  small {

    font-size: 80%;

  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

  }

  sub {

    bottom: -0.25em;

  }

  sup {

    top: -0.5em;

  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;

  }

  :-moz-focusring {

    outline: auto;

  }

  progress {

    vertical-align: baseline;

  }

  summary {

    display: list-item;

  }

  ol, ul, menu {

    list-style: none;

  }

  img, svg, video, canvas, audio, iframe, embed, object {

    display: block;

    vertical-align: middle;

  }

  img, video {

    max-width: 100%;

    height: auto;

  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;

  }

  :where(select:is([multiple], [size])) optgroup {

    font-weight: bolder;

  }

  :where(select:is([multiple], [size])) optgroup option {

    padding-inline-start: 20px;

  }

  ::file-selector-button {

    margin-inline-end: 4px;

  }

  ::placeholder {

    opacity: 1;

  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {

    ::placeholder {

      color: currentcolor;

      @supports (color: color-mix(in lab, red, red)) {

        color: color-mix(in oklab, currentcolor 50%, transparent);

      }

    }

  }

  textarea {

    resize: vertical;

  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;

  }

  ::-webkit-date-and-time-value {

    min-height: 1lh;

    text-align: inherit;

  }

  ::-webkit-datetime-edit {

    display: inline-flex;

  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;

  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {

    padding-block: 0;

  }

  ::-webkit-calendar-picker-indicator {

    line-height: 1;

  }

  :-moz-ui-invalid {

    box-shadow: none;

  }

  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {

    appearance: button;

  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;

  }

  [hidden]:where(:not([hidden='until-found'])) {

    display: none!important;

  }

}

@layer utilities {

  .pointer-events-none {

    pointer-events: none;

  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;

  }

  .absolute {

    position: absolute;

  }

  .fixed {

    position: fixed;

  }

  .relative {

    position: relative;

  }

  .inset-0 {

    inset: calc(var(--spacing) * 0);

  }

  .inset-x-0 {

    inset-inline: calc(var(--spacing) * 0);

  }

  .-top-10 {

    top: calc(var(--spacing) * -10);

  }

  .top-0 {

    top: calc(var(--spacing) * 0);

  }

  .-right-10 {

    right: calc(var(--spacing) * -10);

  }

  .right-0 {

    right: calc(var(--spacing) * 0);

  }

  .left-0 {

    left: calc(var(--spacing) * 0);

  }

  .left-1\/2 {

    left: calc(1 / 2 * 100%);

  }

  .-z-10 {

    z-index: calc(10 * -1);

  }

  .z-10 {

    z-index: 10;

  }

  .z-50 {

    z-index: 50;

  }

  .mx-auto {

    margin-inline: auto;

  }

  .mt-1 {

    margin-top: calc(var(--spacing) * 1);

  }

  .mt-2 {

    margin-top: calc(var(--spacing) * 2);

  }

  .mt-6 {

    margin-top: calc(var(--spacing) * 6);

  }

  .mt-8 {

    margin-top: calc(var(--spacing) * 8);

  }

  .mt-10 {

    margin-top: calc(var(--spacing) * 10);

  }

  .mt-16 {

    margin-top: calc(var(--spacing) * 16);

  }

  .mr-1 {

    margin-right: calc(var(--spacing) * 1);

  }

  .mr-3 {

    margin-right: calc(var(--spacing) * 3);

  }

  .mb-0\.5 {

    margin-bottom: calc(var(--spacing) * 0.5);

  }

  .mb-1 {

    margin-bottom: calc(var(--spacing) * 1);

  }

  .mb-2 {

    margin-bottom: calc(var(--spacing) * 2);

  }

  .mb-3 {

    margin-bottom: calc(var(--spacing) * 3);

  }

  .mb-4 {

    margin-bottom: calc(var(--spacing) * 4);

  }

  .mb-5 {

    margin-bottom: calc(var(--spacing) * 5);

  }

  .mb-6 {

    margin-bottom: calc(var(--spacing) * 6);

  }

  .mb-8 {

    margin-bottom: calc(var(--spacing) * 8);

  }

  .mb-10 {

    margin-bottom: calc(var(--spacing) * 10);

  }

  .mb-12 {

    margin-bottom: calc(var(--spacing) * 12);

  }

  .ml-3 {

    margin-left: calc(var(--spacing) * 3);

  }

  .block {

    display: block;

  }

  .flex {

    display: flex;

  }

  .grid {

    display: grid;

  }

  .hidden {

    display: none;

  }

  .inline-flex {

    display: inline-flex;

  }

  .h-0\.5 {

    height: calc(var(--spacing) * 0.5);

  }

  .h-1\.5 {

    height: calc(var(--spacing) * 1.5);

  }

  .h-2 {

    height: calc(var(--spacing) * 2);

  }

  .h-3 {

    height: calc(var(--spacing) * 3);

  }

  .h-4 {

    height: calc(var(--spacing) * 4);

  }

  .h-5 {

    height: calc(var(--spacing) * 5);

  }

  .h-6 {

    height: calc(var(--spacing) * 6);

  }

  .h-7 {

    height: calc(var(--spacing) * 7);

  }

  .h-8 {

    height: calc(var(--spacing) * 8);

  }

  .h-10 {

    height: calc(var(--spacing) * 10);

  }

  .h-12 {

    height: calc(var(--spacing) * 12);

  }

  .h-14 {

    height: calc(var(--spacing) * 14);

  }

  .h-20 {

    height: calc(var(--spacing) * 20);

  }

  .h-40 {

    height: calc(var(--spacing) * 40);

  }

  .h-48 {

    height: calc(var(--spacing) * 48);

  }

  .h-\[120px\] {

    height: 120px;

  }

  .h-full {

    height: 100%;

  }

  .min-h-\[160px\] {

    min-height: 160px;

  }

  .w-2 {

    width: calc(var(--spacing) * 2);

  }

  .w-3 {

    width: calc(var(--spacing) * 3);

  }

  .w-4 {

    width: calc(var(--spacing) * 4);

  }

  .w-5 {

    width: calc(var(--spacing) * 5);

  }

  .w-6 {

    width: calc(var(--spacing) * 6);

  }

  .w-7 {

    width: calc(var(--spacing) * 7);

  }

  .w-8 {

    width: calc(var(--spacing) * 8);

  }

  .w-10 {

    width: calc(var(--spacing) * 10);

  }

  .w-12 {

    width: calc(var(--spacing) * 12);

  }

  .w-14 {

    width: calc(var(--spacing) * 14);

  }

  .w-20 {

    width: calc(var(--spacing) * 20);

  }

  .w-40 {

    width: calc(var(--spacing) * 40);

  }

  .w-48 {

    width: calc(var(--spacing) * 48);

  }

  .w-\[120\%\] {

    width: 120%;

  }

  .w-full {

    width: 100%;

  }

  .max-w-3xl {

    max-width: var(--container-3xl);

  }

  .max-w-4xl {

    max-width: var(--container-4xl);

  }

  .max-w-7xl {

    max-width: var(--container-7xl);

  }

  .max-w-\[440px\] {

    max-width: 440px;

  }

  .max-w-\[1000px\] {

    max-width: 1000px;

  }

  .max-w-lg {

    max-width: var(--container-lg);

  }

  .max-w-md {

    max-width: var(--container-md);

  }

  .min-w-0 {

    min-width: calc(var(--spacing) * 0);

  }

  .shrink-0 {

    flex-shrink: 0;

  }

  .origin-top-left {

    transform-origin: 0 0;

  }

  .-translate-x-1\/2 {

    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);

  }

  .rotate-3 {

    rotate: 3deg;

  }

  .-skew-y-3 {

    --tw-skew-y: skewY(calc(3deg * -1));

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

  }

  .cursor-pointer {

    cursor: pointer;

  }

  .resize-none {

    resize: none;

  }

  .grid-cols-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .flex-col {

    flex-direction: column;

  }

  .flex-wrap {

    flex-wrap: wrap;

  }

  .items-center {

    align-items: center;

  }

  .justify-between {

    justify-content: space-between;

  }

  .justify-center {

    justify-content: center;

  }

  .justify-end {

    justify-content: flex-end;

  }

  .gap-4 {

    gap: calc(var(--spacing) * 4);

  }

  .gap-6 {

    gap: calc(var(--spacing) * 6);

  }

  .gap-12 {

    gap: calc(var(--spacing) * 12);

  }

  .space-y-3 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));

    }

  }

  .space-y-4 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));

    }

  }

  .space-y-6 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));

    }

  }

  .-space-x-2 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .space-x-2 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .space-x-3 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .space-x-4 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .space-x-6 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .space-x-8 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));

    }

  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .overflow-hidden {

    overflow: hidden;

  }

  .overflow-x-hidden {

    overflow-x: hidden;

  }

  .overflow-y-auto {

    overflow-y: auto;

  }

  .rounded {

    border-radius: 0.25rem;

  }

  .rounded-2xl {

    border-radius: var(--radius-2xl);

  }

  .rounded-\[16px\] {

    border-radius: 16px;

  }

  .rounded-\[20px\] {

    border-radius: 20px;

  }

  .rounded-\[24px\] {

    border-radius: 24px;

  }

  .rounded-\[32px\] {

    border-radius: 32px;

  }

  .rounded-\[35px\] {

    border-radius: 35px;

  }

  .rounded-\[40px\] {

    border-radius: 40px;

  }

  .rounded-full {

    border-radius: calc(infinity * 1px);

  }

  .rounded-xl {

    border-radius: var(--radius-xl);

  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;

  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;

  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;

  }

  .border-b-8 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 8px;

  }

  .border-blue-800 {

    border-color: var(--color-blue-800);

  }

  .border-emerald-500 {

    border-color: var(--color-emerald-500);

  }

  .border-red-600 {

    border-color: var(--color-red-600);

  }

  .border-slate-100 {

    border-color: var(--color-slate-100);

  }

  .border-slate-200 {

    border-color: var(--color-slate-200);

  }

  .border-white {

    border-color: var(--color-white);

  }

  .border-white\/5 {

    border-color: color-mix(in srgb, #fff 5%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);

    }

  }

  .border-white\/10 {

    border-color: color-mix(in srgb, #fff 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);

    }

  }

  .border-white\/20 {

    border-color: color-mix(in srgb, #fff 20%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);

    }

  }

  .border-white\/30 {

    border-color: color-mix(in srgb, #fff 30%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);

    }

  }

  .bg-\[\#10b981\] {

    background-color: #10b981;

  }

  .bg-\[\#f8fafc\]\/50 {

    background-color: color-mix(in oklab, #f8fafc 50%, transparent);

  }

  .bg-emerald-50 {

    background-color: var(--color-emerald-50);

  }

  .bg-emerald-500\/10 {

    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);

    }

  }

  .bg-slate-50 {

    background-color: var(--color-slate-50);

  }

  .bg-slate-100 {

    background-color: var(--color-slate-100);

  }

  .bg-slate-800 {

    background-color: var(--color-slate-800);

  }

  .bg-white {

    background-color: var(--color-white);

  }

  .bg-white\/10 {

    background-color: color-mix(in srgb, #fff 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);

    }

  }

  .bg-white\/20 {

    background-color: color-mix(in srgb, #fff 20%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);

    }

  }

  .bg-gradient-to-r {

    --tw-gradient-position: to right in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));

  }

  .from-\[\#0284c7\] {

    --tw-gradient-from: #0284c7;

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

  }

  .to-\[\#003b71\] {

    --tw-gradient-to: #003b71;

    --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));

  }

  .fill-white {

    fill: var(--color-white);

  }

  .p-1 {

    padding: calc(var(--spacing) * 1);

  }

  .p-2 {

    padding: calc(var(--spacing) * 2);

  }

  .p-2\.5 {

    padding: calc(var(--spacing) * 2.5);

  }

  .p-3 {

    padding: calc(var(--spacing) * 3);

  }

  .p-3\.5 {

    padding: calc(var(--spacing) * 3.5);

  }

  .p-4 {

    padding: calc(var(--spacing) * 4);

  }

  .p-6 {

    padding: calc(var(--spacing) * 6);

  }

  .p-8 {

    padding: calc(var(--spacing) * 8);

  }

  .p-10 {

    padding: calc(var(--spacing) * 10);

  }

  .px-3 {

    padding-inline: calc(var(--spacing) * 3);

  }

  .px-4 {

    padding-inline: calc(var(--spacing) * 4);

  }

  .px-6 {

    padding-inline: calc(var(--spacing) * 6);

  }

  .px-8 {

    padding-inline: calc(var(--spacing) * 8);

  }

  .py-1 {

    padding-block: calc(var(--spacing) * 1);

  }

  .py-1\.5 {

    padding-block: calc(var(--spacing) * 1.5);

  }

  .py-2 {

    padding-block: calc(var(--spacing) * 2);

  }

  .py-4 {

    padding-block: calc(var(--spacing) * 4);

  }

  .py-16 {

    padding-block: calc(var(--spacing) * 16);

  }

  .pt-2 {

    padding-top: calc(var(--spacing) * 2);

  }

  .pt-4 {

    padding-top: calc(var(--spacing) * 4);

  }

  .pt-5 {

    padding-top: calc(var(--spacing) * 5);

  }

  .pt-6 {

    padding-top: calc(var(--spacing) * 6);

  }

  .pt-8 {

    padding-top: calc(var(--spacing) * 8);

  }

  .pt-16 {

    padding-top: calc(var(--spacing) * 16);

  }

  .pb-4 {

    padding-bottom: calc(var(--spacing) * 4);

  }

  .pb-12 {

    padding-bottom: calc(var(--spacing) * 12);

  }

  .pb-16 {

    padding-bottom: calc(var(--spacing) * 16);

  }

  .pb-20 {

    padding-bottom: calc(var(--spacing) * 20);

  }

  .text-center {

    text-align: center;

  }

  .text-2xl {

    font-size: var(--text-2xl);

    line-height: var(--tw-leading, var(--text-2xl--line-height));

  }

  .text-3xl {

    font-size: var(--text-3xl);

    line-height: var(--tw-leading, var(--text-3xl--line-height));

  }

  .text-7xl {

    font-size: var(--text-7xl);

    line-height: var(--tw-leading, var(--text-7xl--line-height));

  }

  .text-base {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));

  }

  .text-lg {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));

  }

  .text-sm {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));

  }

  .text-xl {

    font-size: var(--text-xl);

    line-height: var(--tw-leading, var(--text-xl--line-height));

  }

  .text-xs {

    font-size: var(--text-xs);

    line-height: var(--tw-leading, var(--text-xs--line-height));

  }

  .text-\[8px\] {

    font-size: 8px;

  }

  .text-\[9px\] {

    font-size: 9px;

  }

  .text-\[10px\] {

    font-size: 10px;

  }

  .text-\[11px\] {

    font-size: 11px;

  }

  .text-\[13px\] {

    font-size: 13px;

  }

  .text-\[18px\] {

    font-size: 18px;

  }

  .leading-\[1\.1\] {

    --tw-leading: 1.1;

    line-height: 1.1;

  }

  .leading-\[2\] {

    --tw-leading: 2;

    line-height: 2;

  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;

  }

  .leading-relaxed {

    --tw-leading: var(--leading-relaxed);

    line-height: var(--leading-relaxed);

  }

  .leading-tight {

    --tw-leading: var(--leading-tight);

    line-height: var(--leading-tight);

  }

  .font-black {

    --tw-font-weight: var(--font-weight-black);

    font-weight: var(--font-weight-black);

  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);

  }

  .font-extrabold {

    --tw-font-weight: var(--font-weight-extrabold);

    font-weight: var(--font-weight-extrabold);

  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);

  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: var(--font-weight-semibold);

  }

  .tracking-\[0\.3em\] {

    --tw-tracking: 0.3em;

    letter-spacing: 0.3em;

  }

  .tracking-\[0\.4em\] {

    --tw-tracking: 0.4em;

    letter-spacing: 0.4em;

  }

  .tracking-\[0\.15em\] {

    --tw-tracking: 0.15em;

    letter-spacing: 0.15em;

  }

  .tracking-tight {

    --tw-tracking: var(--tracking-tight);

    letter-spacing: var(--tracking-tight);

  }

  .tracking-tighter {

    --tw-tracking: var(--tracking-tighter);

    letter-spacing: var(--tracking-tighter);

  }

  .tracking-wider {

    --tw-tracking: var(--tracking-wider);

    letter-spacing: var(--tracking-wider);

  }

  .tracking-widest {

    --tw-tracking: var(--tracking-widest);

    letter-spacing: var(--tracking-widest);

  }

  .text-blue-800 {

    color: var(--color-blue-800);

  }

  .text-emerald-100 {

    color: var(--color-emerald-100);

  }

  .text-emerald-400 {

    color: var(--color-emerald-400);

  }

  .text-emerald-500 {

    color: var(--color-emerald-500);

  }

  .text-emerald-600 {

    color: var(--color-emerald-600);

  }

  .text-red-600 {

    color: var(--color-red-600);

  }

  .text-slate-300 {

    color: var(--color-slate-300);

  }

  .text-slate-400 {

    color: var(--color-slate-400);

  }

  .text-slate-500 {

    color: var(--color-slate-500);

  }

  .text-slate-600 {

    color: var(--color-slate-600);

  }

  .text-slate-700 {

    color: var(--color-slate-700);

  }

  .text-slate-800 {

    color: var(--color-slate-800);

  }

  .text-slate-900 {

    color: var(--color-slate-900);

  }

  .text-slate-900\/10 {

    color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);

    }

  }

  .text-white {

    color: var(--color-white);

  }

  .uppercase {

    text-transform: uppercase;

  }

  .italic {

    font-style: italic;

  }

  .opacity-10 {

    opacity: 10%;

  }

  .opacity-90 {

    opacity: 90%;

  }

  .shadow-2xl {

    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  }

  .shadow-\[0_15px_35px_-10px_rgba\(0\,0\,0\,0\.05\)\] {

    --tw-shadow: 0 15px 35px -10px var(--tw-shadow-color, rgba(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);

  }

  .shadow-inner {

    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  }

  .shadow-sm {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  }

  .shadow-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);

  }

  .shadow-blue-200 {

    --tw-shadow-color: oklch(88.2% 0.059 254.128);

    @supports (color: color-mix(in lab, red, red)) {

      --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);

    }

  }

  .shadow-blue-900\/10 {

    --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 10%, transparent) var(--tw-shadow-alpha), transparent);

    }

  }

  .shadow-emerald-200 {

    --tw-shadow-color: oklch(90.5% 0.093 164.15);

    @supports (color: color-mix(in lab, red, red)) {

      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);

    }

  }

  .shadow-emerald-500\/30 {

    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);

    }

  }

  .shadow-red-200 {

    --tw-shadow-color: oklch(88.5% 0.062 18.334);

    @supports (color: color-mix(in lab, red, red)) {

      --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);

    }

  }

  .blur-3xl {

    --tw-blur: blur(var(--blur-3xl));

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);

  }

  .backdrop-blur-md {

    --tw-backdrop-blur: blur(var(--blur-md));

    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

  }

  .transition-all {

    transition-property: all;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));

  }

  .transition-colors {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));

  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));

  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;

  }

  .duration-500 {

    --tw-duration: 500ms;

    transition-duration: 500ms;

  }

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;

  }

  .text-shadow-none {

    text-shadow: none;

  }

  .group-hover\:scale-105 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        --tw-scale-x: 105%;

        --tw-scale-y: 105%;

        --tw-scale-z: 105%;

        scale: var(--tw-scale-x) var(--tw-scale-y);

      }

    }

  }

  .group-hover\:rotate-12 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        rotate: 12deg;

      }

    }

  }

  .placeholder\:text-slate-500 {

    &::placeholder {

      color: var(--color-slate-500);

    }

  }

  .hover\:-translate-y-0\.5 {

    &:hover {

      @media (hover: hover) {

        --tw-translate-y: calc(var(--spacing) * -0.5);

        translate: var(--tw-translate-x) var(--tw-translate-y);

      }

    }

  }

  .hover\:translate-y-\[-2px\] {

    &:hover {

      @media (hover: hover) {

        --tw-translate-y: -2px;

        translate: var(--tw-translate-x) var(--tw-translate-y);

      }

    }

  }

  .hover\:scale-105 {

    &:hover {

      @media (hover: hover) {

        --tw-scale-x: 105%;

        --tw-scale-y: 105%;

        --tw-scale-z: 105%;

        scale: var(--tw-scale-x) var(--tw-scale-y);

      }

    }

  }

  .hover\:scale-\[1\.02\] {

    &:hover {

      @media (hover: hover) {

        scale: 1.02;

      }

    }

  }

  .hover\:bg-\[\#059669\] {

    &:hover {

      @media (hover: hover) {

        background-color: #059669;

      }

    }

  }

  .hover\:bg-white\/20 {

    &:hover {

      @media (hover: hover) {

        background-color: color-mix(in srgb, #fff 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);

        }

      }

    }

  }

  .hover\:text-emerald-400 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-emerald-400);

      }

    }

  }

  .hover\:text-emerald-500 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-emerald-500);

      }

    }

  }

  .hover\:text-emerald-700 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-emerald-700);

      }

    }

  }

  .hover\:text-slate-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-slate-800);

      }

    }

  }

  .hover\:opacity-90 {

    &:hover {

      @media (hover: hover) {

        opacity: 90%;

      }

    }

  }

  .focus\:border-emerald-500 {

    &:focus {

      border-color: var(--color-emerald-500);

    }

  }

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

    }

  }

  .focus\:ring-2 {

    &:focus {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    }

  }

  .focus\:ring-emerald-400 {

    &:focus {

      --tw-ring-color: var(--color-emerald-400);

    }

  }

  .focus\:ring-emerald-500 {

    &:focus {

      --tw-ring-color: var(--color-emerald-500);

    }

  }

  .focus\:outline-none {

    &:focus {

      --tw-outline-style: none;

      outline-style: none;

    }

  }

  .active\:scale-95 {

    &:active {

      --tw-scale-x: 95%;

      --tw-scale-y: 95%;

      --tw-scale-z: 95%;

      scale: var(--tw-scale-x) var(--tw-scale-y);

    }

  }

  .active\:scale-\[0\.98\] {

    &:active {

      scale: 0.98;

    }

  }

  .sm\:mr-4 {

    @media (width >= 40rem) {

      margin-right: calc(var(--spacing) * 4);

    }

  }

  .sm\:h-6 {

    @media (width >= 40rem) {

      height: calc(var(--spacing) * 6);

    }

  }

  .sm\:h-14 {

    @media (width >= 40rem) {

      height: calc(var(--spacing) * 14);

    }

  }

  .sm\:w-6 {

    @media (width >= 40rem) {

      width: calc(var(--spacing) * 6);

    }

  }

  .sm\:w-14 {

    @media (width >= 40rem) {

      width: calc(var(--spacing) * 14);

    }

  }

  .sm\:p-5 {

    @media (width >= 40rem) {

      padding: calc(var(--spacing) * 5);

    }

  }

  .sm\:text-sm {

    @media (width >= 40rem) {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));

    }

  }

  .sm\:text-xl {

    @media (width >= 40rem) {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));

    }

  }

  .sm\:text-\[9px\] {

    @media (width >= 40rem) {

      font-size: 9px;

    }

  }

  .md\:ml-4 {

    @media (width >= 48rem) {

      margin-left: calc(var(--spacing) * 4);

    }

  }

  .md\:h-24 {

    @media (width >= 48rem) {

      height: calc(var(--spacing) * 24);

    }

  }

  .md\:h-\[135px\] {

    @media (width >= 48rem) {

      height: 135px;

    }

  }

  .md\:w-\[45\%\] {

    @media (width >= 48rem) {

      width: 45%;

    }

  }

  .md\:w-\[55\%\] {

    @media (width >= 48rem) {

      width: 55%;

    }

  }

  .md\:grid-cols-2 {

    @media (width >= 48rem) {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }

  .md\:grid-cols-3 {

    @media (width >= 48rem) {

      grid-template-columns: repeat(3, minmax(0, 1fr));

    }

  }

  .md\:flex-row {

    @media (width >= 48rem) {

      flex-direction: row;

    }

  }

  .md\:p-3 {

    @media (width >= 48rem) {

      padding: calc(var(--spacing) * 3);

    }

  }

  .md\:text-left {

    @media (width >= 48rem) {

      text-align: left;

    }

  }

  .md\:text-2xl {

    @media (width >= 48rem) {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));

    }

  }

  .md\:text-3xl {

    @media (width >= 48rem) {

      font-size: var(--text-3xl);

      line-height: var(--tw-leading, var(--text-3xl--line-height));

    }

  }

  .md\:text-\[9px\] {

    @media (width >= 48rem) {

      font-size: 9px;

    }

  }

  .lg\:mx-0 {

    @media (width >= 64rem) {

      margin-inline: calc(var(--spacing) * 0);

    }

  }

  .lg\:mb-8 {

    @media (width >= 64rem) {

      margin-bottom: calc(var(--spacing) * 8);

    }

  }

  .lg\:mb-12 {

    @media (width >= 64rem) {

      margin-bottom: calc(var(--spacing) * 12);

    }

  }

  .lg\:mb-16 {

    @media (width >= 64rem) {

      margin-bottom: calc(var(--spacing) * 16);

    }

  }

  .lg\:block {

    @media (width >= 64rem) {

      display: block;

    }

  }

  .lg\:flex {

    @media (width >= 64rem) {

      display: flex;

    }

  }

  .lg\:hidden {

    @media (width >= 64rem) {

      display: none;

    }

  }

  .lg\:h-2 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 2);

    }

  }

  .lg\:h-6 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 6);

    }

  }

  .lg\:h-8 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 8);

    }

  }

  .lg\:h-10 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 10);

    }

  }

  .lg\:h-16 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 16);

    }

  }

  .lg\:h-56 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 56);

    }

  }

  .lg\:h-80 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 80);

    }

  }

  .lg\:w-6 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 6);

    }

  }

  .lg\:w-8 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 8);

    }

  }

  .lg\:w-10 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 10);

    }

  }

  .lg\:w-16 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 16);

    }

  }

  .lg\:w-24 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 24);

    }

  }

  .lg\:w-56 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 56);

    }

  }

  .lg\:w-80 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 80);

    }

  }

  .lg\:max-w-none {

    @media (width >= 64rem) {

      max-width: none;

    }

  }

  .lg\:rotate-6 {

    @media (width >= 64rem) {

      rotate: 6deg;

    }

  }

  .lg\:grid-cols-2 {

    @media (width >= 64rem) {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }

  .lg\:justify-start {

    @media (width >= 64rem) {

      justify-content: flex-start;

    }

  }

  .lg\:gap-8 {

    @media (width >= 64rem) {

      gap: calc(var(--spacing) * 8);

    }

  }

  .lg\:gap-16 {

    @media (width >= 64rem) {

      gap: calc(var(--spacing) * 16);

    }

  }

  .lg\:space-y-4 {

    @media (width >= 64rem) {

      :where(& > :not(:last-child)) {

        --tw-space-y-reverse: 0;

        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));

      }

    }

  }

  .lg\:p-8 {

    @media (width >= 64rem) {

      padding: calc(var(--spacing) * 8);

    }

  }

  .lg\:p-10 {

    @media (width >= 64rem) {

      padding: calc(var(--spacing) * 10);

    }

  }

  .lg\:p-14 {

    @media (width >= 64rem) {

      padding: calc(var(--spacing) * 14);

    }

  }

  .lg\:px-10 {

    @media (width >= 64rem) {

      padding-inline: calc(var(--spacing) * 10);

    }

  }

  .lg\:py-5 {

    @media (width >= 64rem) {

      padding-block: calc(var(--spacing) * 5);

    }

  }

  .lg\:pt-4 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 4);

    }

  }

  .lg\:pt-7 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 7);

    }

  }

  .lg\:pt-8 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 8);

    }

  }

  .lg\:pt-10 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 10);

    }

  }

  .lg\:pt-16 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 16);

    }

  }

  .lg\:pt-24 {

    @media (width >= 64rem) {

      padding-top: calc(var(--spacing) * 24);

    }

  }

  .lg\:pb-6 {

    @media (width >= 64rem) {

      padding-bottom: calc(var(--spacing) * 6);

    }

  }

  .lg\:pb-15 {

    @media (width >= 64rem) {

      padding-bottom: calc(var(--spacing) * 15);

    }

  }

  .lg\:pb-20 {

    @media (width >= 64rem) {

      padding-bottom: calc(var(--spacing) * 20);

    }

  }

  .lg\:pb-32 {

    @media (width >= 64rem) {

      padding-bottom: calc(var(--spacing) * 32);

    }

  }

  .lg\:text-left {

    @media (width >= 64rem) {

      text-align: left;

    }

  }

  .lg\:text-2xl {

    @media (width >= 64rem) {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));

    }

  }

  .lg\:text-3xl {

    @media (width >= 64rem) {

      font-size: var(--text-3xl);

      line-height: var(--tw-leading, var(--text-3xl--line-height));

    }

  }

  .lg\:text-4xl {

    @media (width >= 64rem) {

      font-size: var(--text-4xl);

      line-height: var(--tw-leading, var(--text-4xl--line-height));

    }

  }

  .lg\:text-5xl {

    @media (width >= 64rem) {

      font-size: var(--text-5xl);

      line-height: var(--tw-leading, var(--text-5xl--line-height));

    }

  }

  .lg\:text-lg {

    @media (width >= 64rem) {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));

    }

  }

  .lg\:text-sm {

    @media (width >= 64rem) {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));

    }

  }

  .lg\:text-\[10px\] {

    @media (width >= 64rem) {

      font-size: 10px;

    }

  }

  .lg\:text-\[100px\] {

    @media (width >= 64rem) {

      font-size: 100px;

    }

  }

}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;

}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;

}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;

}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;

}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;

}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;

}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;

}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;

}

@property --tw-space-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;

}

@property --tw-space-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;

}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;

}

@property --tw-gradient-position {

  syntax: "*";

  inherits: false;

}

@property --tw-gradient-from {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;

}

@property --tw-gradient-via {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;

}

@property --tw-gradient-to {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;

}

@property --tw-gradient-stops {

  syntax: "*";

  inherits: false;

}

@property --tw-gradient-via-stops {

  syntax: "*";

  inherits: false;

}

@property --tw-gradient-from-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 0%;

}

@property --tw-gradient-via-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 50%;

}

@property --tw-gradient-to-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --tw-leading {

  syntax: "*";

  inherits: false;

}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;

}

@property --tw-tracking {

  syntax: "*";

  inherits: false;

}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;

}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;

}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;

}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;

}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;

}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;

}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;

}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;

}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;

}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 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-text-shadow-color {

  syntax: "*";

  inherits: false;

}

@property --tw-text-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@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;

}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-space-y-reverse: 0;

      --tw-space-x-reverse: 0;

      --tw-border-style: solid;

      --tw-gradient-position: initial;

      --tw-gradient-from: #0000;

      --tw-gradient-via: #0000;

      --tw-gradient-to: #0000;

      --tw-gradient-stops: initial;

      --tw-gradient-via-stops: initial;

      --tw-gradient-from-position: 0%;

      --tw-gradient-via-position: 50%;

      --tw-gradient-to-position: 100%;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-tracking: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-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-text-shadow-color: initial;

      --tw-text-shadow-alpha: 100%;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

    }

  }

}