/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --tw-color-orange-600: oklch(64.6% 0.222 41.116);
    --tw-color-amber-400: oklch(82.8% 0.189 84.429);
    --tw-color-indigo-500: oklch(58.5% 0.233 277.117);
    --tw-color-zinc-100: oklch(96.7% 0.001 286.375);
    --tw-color-zinc-200: oklch(92% 0.004 286.32);
    --tw-color-zinc-300: oklch(87.1% 0.006 286.286);
    --tw-color-zinc-400: oklch(70.5% 0.015 286.067);
    --tw-color-zinc-500: oklch(55.2% 0.016 285.938);
    --tw-color-zinc-700: oklch(37% 0.013 285.805);
    --tw-color-zinc-800: oklch(27.4% 0.006 286.033);
    --tw-color-zinc-900: oklch(21% 0.006 285.885);
    --tw-color-zinc-950: oklch(14.1% 0.005 285.823);
    --tw-color-black: #000;
    --tw-color-white: #fff;
    --tw-spacing: 4px;
    --tw-container-xs: 20rem;
    --tw-container-sm: 24rem;
    --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-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-5xl: 3rem;
    --tw-text-5xl--line-height: 1;
    --tw-text-6xl: 3.75rem;
    --tw-text-6xl--line-height: 1;
    --tw-font-weight-normal: 400;
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-font-weight-extrabold: 800;
    --tw-font-weight-black: 900;
    --tw-tracking-normal: 0em;
    --tw-tracking-wide: 0.025em;
    --tw-leading-tight: 1.25;
    --tw-leading-snug: 1.375;
    --tw-leading-relaxed: 1.625;
    --tw-radius-md: 0.375rem;
    --tw-radius-lg: 0.5rem;
    --tw-radius-xl: 0.75rem;
    --tw-radius-3xl: 1.5rem;
    --tw-blur-sm: 8px;
    --tw-blur-md: 12px;
    --tw-blur-3xl: 64px;
    --tw-aspect-video: 16 / 9;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities {
  .tw\:pointer-events-none {
    pointer-events: none;
  }
  .tw\:invisible {
    visibility: hidden;
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:fixed {
    position: fixed;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:sticky {
    position: sticky;
  }
  .tw\:inset-0 {
    inset: 0px;
  }
  .tw\:inset-x-0 {
    inset-inline: 0px;
  }
  .tw\:inset-x-3 {
    inset-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:-top-15 {
    top: calc(var(--tw-spacing) * -15);
  }
  .tw\:-top-48 {
    top: calc(var(--tw-spacing) * -48);
  }
  .tw\:top-0 {
    top: 0px;
  }
  .tw\:top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .tw\:top-3 {
    top: calc(var(--tw-spacing) * 3);
  }
  .tw\:top-23 {
    top: calc(var(--tw-spacing) * 23);
  }
  .tw\:top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }
  .tw\:top-full {
    top: 100%;
  }
  .tw\:right-0 {
    right: 0px;
  }
  .tw\:right-2\.5 {
    right: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:right-3 {
    right: calc(var(--tw-spacing) * 3);
  }
  .tw\:right-6 {
    right: calc(var(--tw-spacing) * 6);
  }
  .tw\:bottom-0 {
    bottom: 0px;
  }
  .tw\:bottom-2\.5 {
    bottom: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:bottom-5 {
    bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:bottom-6 {
    bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:left-0 {
    left: 0px;
  }
  .tw\:left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .tw\:left-2\.5 {
    left: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:left-3 {
    left: calc(var(--tw-spacing) * 3);
  }
  .tw\:left-3\.5 {
    left: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:left-4 {
    left: calc(var(--tw-spacing) * 4);
  }
  .tw\:z-1 {
    z-index: 1;
  }
  .tw\:z-2 {
    z-index: 2;
  }
  .tw\:z-5 {
    z-index: 5;
  }
  .tw\:z-20 {
    z-index: 20;
  }
  .tw\:z-30 {
    z-index: 30;
  }
  .tw\:z-50 {
    z-index: 50;
  }
  .tw\:z-55 {
    z-index: 55;
  }
  .tw\:z-70 {
    z-index: 70;
  }
  .tw\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .tw\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .tw\:\[margin\:-4px_0_0\] {
    margin: -4px 0 0;
  }
  .tw\:\[margin\:-6px_0_0\] {
    margin: -6px 0 0;
  }
  .tw\:\[margin\:0_auto_0_0\] {
    margin: 0 auto 0 0;
  }
  .tw\:\[margin\:6px_10px_10px\] {
    margin: 6px 10px 10px;
  }
  .tw\:\[margin\:12px_-16px_0\] {
    margin: 12px -16px 0;
  }
  .tw\:m-0 {
    margin: 0px;
  }
  .tw\:mx-0 {
    margin-inline: 0px;
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:my-0 {
    margin-block: 0px;
  }
  .tw\:my-3\.5 {
    margin-block: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:my-7 {
    margin-block: calc(var(--tw-spacing) * 7);
  }
  .tw\:-mt-3 {
    margin-top: calc(var(--tw-spacing) * -3);
  }
  .tw\:mt-0 {
    margin-top: 0px;
  }
  .tw\:mt-0\.5 {
    margin-top: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:mt-1 {
    margin-top: var(--tw-spacing);
  }
  .tw\:mt-1\.5 {
    margin-top: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-4\.5 {
    margin-top: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:mt-5 {
    margin-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mt-7 {
    margin-top: calc(var(--tw-spacing) * 7);
  }
  .tw\:mt-10 {
    margin-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:mt-auto {
    margin-top: auto;
  }
  .tw\:mr-1 {
    margin-right: var(--tw-spacing);
  }
  .tw\:-mb-px {
    margin-bottom: -1px;
  }
  .tw\:mb-0 {
    margin-bottom: 0px;
  }
  .tw\:mb-1 {
    margin-bottom: var(--tw-spacing);
  }
  .tw\:mb-1\.5 {
    margin-bottom: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:mb-2\.5 {
    margin-bottom: calc(var(--tw-spacing) * 2.5);
  }
  .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-4\.5 {
    margin-bottom: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:mb-5 {
    margin-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:mb-5\.5 {
    margin-bottom: calc(var(--tw-spacing) * 5.5);
  }
  .tw\:mb-8 {
    margin-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:-ml-2 {
    margin-left: calc(var(--tw-spacing) * -2);
  }
  .tw\:ml-1\.5 {
    margin-left: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:ml-2 {
    margin-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:ml-auto {
    margin-left: auto;
  }
  .tw\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .tw\:block {
    display: block;
  }
  .tw\:contents {
    display: contents;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:inline {
    display: inline;
  }
  .tw\:inline-block {
    display: inline-block;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:inline-grid {
    display: inline-grid;
  }
  .tw\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .tw\:aspect-\[9\/16\] {
    aspect-ratio: 9/16;
  }
  .tw\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .tw\:h-1\.5 {
    height: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .tw\:h-2 {
    height: calc(var(--tw-spacing) * 2);
  }
  .tw\:h-2\/3 {
    height: calc(2 / 3 * 100%);
  }
  .tw\:h-3\.5 {
    height: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:h-3\.75 {
    height: calc(var(--tw-spacing) * 3.75);
  }
  .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-6\.5 {
    height: calc(var(--tw-spacing) * 6.5);
  }
  .tw\:h-7 {
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:h-8\.5 {
    height: calc(var(--tw-spacing) * 8.5);
  }
  .tw\:h-9 {
    height: calc(var(--tw-spacing) * 9);
  }
  .tw\:h-10 {
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:h-10\.5 {
    height: calc(var(--tw-spacing) * 10.5);
  }
  .tw\:h-11 {
    height: calc(var(--tw-spacing) * 11);
  }
  .tw\:h-14 {
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:h-17 {
    height: calc(var(--tw-spacing) * 17);
  }
  .tw\:h-80 {
    height: calc(var(--tw-spacing) * 80);
  }
  .tw\:h-160 {
    height: calc(var(--tw-spacing) * 160);
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:h-max {
    height: max-content;
  }
  .tw\:max-h-80 {
    max-height: calc(var(--tw-spacing) * 80);
  }
  .tw\:max-h-\[calc\(100vh-108px\)\] {
    max-height: calc(100vh - 108px);
  }
  .tw\:min-h-8 {
    min-height: calc(var(--tw-spacing) * 8);
  }
  .tw\:min-h-9 {
    min-height: calc(var(--tw-spacing) * 9);
  }
  .tw\:min-h-10 {
    min-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:min-h-10\.5 {
    min-height: calc(var(--tw-spacing) * 10.5);
  }
  .tw\:min-h-11 {
    min-height: calc(var(--tw-spacing) * 11);
  }
  .tw\:min-h-11\.5 {
    min-height: calc(var(--tw-spacing) * 11.5);
  }
  .tw\:min-h-12\.5 {
    min-height: calc(var(--tw-spacing) * 12.5);
  }
  .tw\:min-h-13 {
    min-height: calc(var(--tw-spacing) * 13);
  }
  .tw\:min-h-17 {
    min-height: calc(var(--tw-spacing) * 17);
  }
  .tw\:min-h-\[calc\(100vh-69px\)\] {
    min-height: calc(100vh - 69px);
  }
  .tw\:min-h-screen {
    min-height: 100vh;
  }
  .tw\:w-1\.5 {
    width: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:w-2 {
    width: calc(var(--tw-spacing) * 2);
  }
  .tw\:w-3\.5 {
    width: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:w-3\.75 {
    width: calc(var(--tw-spacing) * 3.75);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-5\.5 {
    width: calc(var(--tw-spacing) * 5.5);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .tw\:w-8\.5 {
    width: calc(var(--tw-spacing) * 8.5);
  }
  .tw\:w-9 {
    width: calc(var(--tw-spacing) * 9);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-11 {
    width: calc(var(--tw-spacing) * 11);
  }
  .tw\:w-14 {
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-17 {
    width: calc(var(--tw-spacing) * 17);
  }
  .tw\:w-\[44rem\] {
    width: 44rem;
  }
  .tw\:w-\[calc\(\(100\%-48px\)\/4\)\] {
    width: calc((100% - 48px) / 4);
  }
  .tw\:w-\[min\(400px\,100\%\)\] {
    width: min(400px, 100%);
  }
  .tw\:w-\[min\(440px\,100\%\)\] {
    width: min(440px, 100%);
  }
  .tw\:w-\[min\(560px\,90vw\)\] {
    width: min(560px, 90vw);
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:max-w-90 {
    max-width: calc(var(--tw-spacing) * 90);
  }
  .tw\:max-w-120 {
    max-width: calc(var(--tw-spacing) * 120);
  }
  .tw\:max-w-140 {
    max-width: calc(var(--tw-spacing) * 140);
  }
  .tw\:max-w-160 {
    max-width: calc(var(--tw-spacing) * 160);
  }
  .tw\:max-w-\[36rem\] {
    max-width: 36rem;
  }
  .tw\:max-w-\[44rem\] {
    max-width: 44rem;
  }
  .tw\:max-w-\[960px\] {
    max-width: 960px;
  }
  .tw\:max-w-\[1280px\] {
    max-width: 1280px;
  }
  .tw\:max-w-\[1440px\] {
    max-width: 1440px;
  }
  .tw\:max-w-\[1536px\] {
    max-width: 1536px;
  }
  .tw\:max-w-\[1920px\] {
    max-width: 1920px;
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-sm {
    max-width: var(--tw-container-sm);
  }
  .tw\:min-w-0 {
    min-width: 0px;
  }
  .tw\:min-w-5 {
    min-width: calc(var(--tw-spacing) * 5);
  }
  .tw\:min-w-6 {
    min-width: calc(var(--tw-spacing) * 6);
  }
  .tw\:min-w-6\.5 {
    min-width: calc(var(--tw-spacing) * 6.5);
  }
  .tw\:min-w-7 {
    min-width: calc(var(--tw-spacing) * 7);
  }
  .tw\:min-w-full {
    min-width: 100%;
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-none {
    flex: none;
  }
  .tw\:origin-top-left {
    transform-origin: 0 0;
  }
  .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\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-1\.5 {
    --tw-translate-y: calc(var(--tw-spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:scale-\[\.98\] {
    scale: .98;
  }
  .tw\:\[transform\:translateY\(-50\%\)\] {
    transform: translateY(-50%);
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .tw\:\[touch-action\:pan-y\] {
    touch-action: pan-y;
  }
  .tw\:snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .tw\:snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .tw\:snap-start {
    scroll-snap-align: start;
  }
  .tw\:\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .tw\:list-none {
    list-style-type: none;
  }
  .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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .tw\:grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }
  .tw\:grid-cols-\[1fr_1\.3fr\] {
    grid-template-columns: 1fr 1.3fr;
  }
  .tw\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .tw\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
    grid-template-columns: 220px minmax(0,1fr);
  }
  .tw\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
    grid-template-columns: 260px minmax(0,1fr);
  }
  .tw\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .tw\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,\.95fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  }
  .tw\:grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .tw\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
    grid-template-columns: minmax(0,1fr) 380px;
  }
  .tw\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .tw\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tw\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .tw\:grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .tw\:grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,260px\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(100%, 260px),1fr));
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:place-items-center {
    place-items: center;
  }
  .tw\:\[align-items\:baseline\] {
    align-items: baseline;
  }
  .tw\:\[align-items\:start\] {
    align-items: start;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-end {
    align-items: flex-end;
  }
  .tw\:items-start {
    align-items: flex-start;
  }
  .tw\:items-stretch {
    align-items: stretch;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:justify-items-center {
    justify-items: center;
  }
  .tw\:justify-items-end {
    justify-items: end;
  }
  .tw\:justify-items-start {
    justify-items: start;
  }
  .tw\:gap-0 {
    gap: 0px;
  }
  .tw\:gap-0\.5 {
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:gap-1 {
    gap: var(--tw-spacing);
  }
  .tw\:gap-1\.5 {
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:gap-1\.25 {
    gap: calc(var(--tw-spacing) * 1.25);
  }
  .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-3\.5 {
    gap: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-4\.5 {
    gap: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:gap-5 {
    gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-5\.5 {
    gap: calc(var(--tw-spacing) * 5.5);
  }
  .tw\:gap-6 {
    gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-8 {
    gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-9 {
    gap: calc(var(--tw-spacing) * 9);
  }
  .tw\:gap-10 {
    gap: calc(var(--tw-spacing) * 10);
  }
  .tw\:gap-12 {
    gap: calc(var(--tw-spacing) * 12);
  }
  .tw\:gap-px {
    gap: 1px;
  }
  .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-6 {
    column-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-x-8 {
    column-gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-y-1 {
    row-gap: var(--tw-spacing);
  }
  .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\:self-center {
    align-self: center;
  }
  .tw\:self-stretch {
    align-self: stretch;
  }
  .tw\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tw\:overflow-auto {
    overflow: auto;
  }
  .tw\:overflow-hidden {
    overflow: hidden;
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:overflow-x-clip {
    overflow-x: clip;
  }
  .tw\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .tw\:rounded-3xl {
    border-radius: var(--tw-radius-3xl);
  }
  .tw\:rounded-\[5px\] {
    border-radius: 5px;
  }
  .tw\:rounded-\[6px\] {
    border-radius: 6px;
  }
  .tw\:rounded-\[8px\] {
    border-radius: 8px;
  }
  .tw\:rounded-\[10px\] {
    border-radius: 10px;
  }
  .tw\:rounded-\[50\%\] {
    border-radius: 50%;
  }
  .tw\:rounded-\[999px\] {
    border-radius: 999px;
  }
  .tw\:rounded-brand {
    border-radius: var(--radius);
  }
  .tw\:rounded-brand-sm {
    border-radius: var(--radius-sm);
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl);
  }
  .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-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .tw\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .tw\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .tw\:border-\[\#b5553c\] {
    border-color: #b5553c;
  }
  .tw\:border-black {
    border-color: var(--tw-color-black);
  }
  .tw\:border-brand-green {
    border-color: var(--green);
  }
  .tw\:border-brand-line {
    border-color: var(--line);
  }
  .tw\:border-brand-line-strong {
    border-color: var(--line-strong);
  }
  .tw\:border-brand-red {
    border-color: var(--red);
  }
  .tw\:border-white\/10 {
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 10%, transparent);
    }
  }
  .tw\:border-white\/20 {
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
  }
  .tw\:border-zinc-200 {
    border-color: var(--tw-color-zinc-200);
  }
  .tw\:border-zinc-300 {
    border-color: var(--tw-color-zinc-300);
  }
  .tw\:border-b-transparent {
    border-bottom-color: transparent;
  }
  .tw\:border-l-brand-green {
    border-left-color: var(--green);
  }
  .tw\:bg-black {
    background-color: var(--tw-color-black);
  }
  .tw\:bg-brand-green {
    background-color: var(--green);
  }
  .tw\:bg-current {
    background-color: currentcolor;
  }
  .tw\:bg-indigo-500\/20 {
    background-color: var(--tw-color-indigo-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-indigo-500) 20%, transparent);
    }
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-white\/5 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 5%, transparent);
    }
  }
  .tw\:bg-white\/10 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 10%, transparent);
    }
  }
  .tw\:bg-white\/55 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 55%, transparent);
    }
  }
  .tw\:bg-white\/90 {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 90%, transparent);
    }
  }
  .tw\:bg-zinc-100 {
    background-color: var(--tw-color-zinc-100);
  }
  .tw\:bg-zinc-900 {
    background-color: var(--tw-color-zinc-900);
  }
  .tw\:bg-zinc-950\/50 {
    background-color: var(--tw-color-zinc-950);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-zinc-950) 50%, transparent);
    }
  }
  .tw\:bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-none {
    background-image: none;
  }
  .tw\:from-\[rgb\(2_6_23\/\.9\)\] {
    --tw-gradient-from: rgb(2 6 23/.9);
    --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\:from-\[rgb\(2_6_23\/\.78\)\] {
    --tw-gradient-from: rgb(2 6 23/.78);
    --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\:from-black\/55 {
    --tw-gradient-from: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-black) 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:from-black\/80 {
    --tw-gradient-from: var(--tw-color-black);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-black) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:via-\[rgb\(2_6_23\/\.35\)\] {
    --tw-gradient-via: rgb(2 6 23/.35);
    --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-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .tw\:fill-current {
    fill: currentcolor;
  }
  .tw\:stroke-\[2\.6\] {
    stroke-width: 2.6;
  }
  .tw\:object-contain {
    object-fit: contain;
  }
  .tw\:object-cover {
    object-fit: cover;
  }
  .tw\:object-\[center_58\%\] {
    object-position: center 58%;
  }
  .tw\:object-top {
    object-position: top;
  }
  .tw\:\[padding\:0_8px_0_14px\] {
    padding: 0 8px 0 14px;
  }
  .tw\:\[padding\:4px_8px_4px_12px\] {
    padding: 4px 8px 4px 12px;
  }
  .tw\:\[padding\:10px_14px_10px_42px\] {
    padding: 10px 14px 10px 42px;
  }
  .tw\:\[padding\:14px_16px_12px\] {
    padding: 14px 16px 12px;
  }
  .tw\:p-0 {
    padding: 0px;
  }
  .tw\:p-0\.5 {
    padding: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:p-1 {
    padding: var(--tw-spacing);
  }
  .tw\:p-1\.5 {
    padding: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:p-2\.5 {
    padding: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:p-3 {
    padding: calc(var(--tw-spacing) * 3);
  }
  .tw\:p-3\.5 {
    padding: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:p-4\.5 {
    padding: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:p-7\.5 {
    padding: calc(var(--tw-spacing) * 7.5);
  }
  .tw\:p-10 {
    padding: calc(var(--tw-spacing) * 10);
  }
  .tw\:p-\[clamp\(24px\,5vw\,64px\)\] {
    padding: clamp(24px, 5vw, 64px);
  }
  .tw\:px-0 {
    padding-inline: 0px;
  }
  .tw\:px-1 {
    padding-inline: var(--tw-spacing);
  }
  .tw\:px-1\.5 {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:px-1\.75 {
    padding-inline: calc(var(--tw-spacing) * 1.75);
  }
  .tw\:px-2 {
    padding-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:px-2\.5 {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:px-3\.5 {
    padding-inline: calc(var(--tw-spacing) * 3.5);
  }
  .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-8 {
    padding-inline: calc(var(--tw-spacing) * 8);
  }
  .tw\:px-12 {
    padding-inline: calc(var(--tw-spacing) * 12);
  }
  .tw\:px-16 {
    padding-inline: calc(var(--tw-spacing) * 16);
  }
  .tw\:px-32 {
    padding-inline: calc(var(--tw-spacing) * 32);
  }
  .tw\:px-\[clamp\(16px\,4vw\,56px\)\] {
    padding-inline: clamp(16px, 4vw, 56px);
  }
  .tw\:py-0 {
    padding-block: 0px;
  }
  .tw\:py-0\.5 {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:py-0\.75 {
    padding-block: calc(var(--tw-spacing) * 0.75);
  }
  .tw\:py-1 {
    padding-block: var(--tw-spacing);
  }
  .tw\:py-1\.5 {
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:py-2\.5 {
    padding-block: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:py-2\.25 {
    padding-block: calc(var(--tw-spacing) * 2.25);
  }
  .tw\:py-2\.75 {
    padding-block: calc(var(--tw-spacing) * 2.75);
  }
  .tw\:py-3 {
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:py-3\.5 {
    padding-block: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:py-6 {
    padding-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:py-6\.5 {
    padding-block: calc(var(--tw-spacing) * 6.5);
  }
  .tw\:py-10 {
    padding-block: calc(var(--tw-spacing) * 10);
  }
  .tw\:py-16 {
    padding-block: calc(var(--tw-spacing) * 16);
  }
  .tw\:py-24 {
    padding-block: calc(var(--tw-spacing) * 24);
  }
  .tw\:py-px {
    padding-block: 1px;
  }
  .tw\:pt-1 {
    padding-top: var(--tw-spacing);
  }
  .tw\:pt-1\.5 {
    padding-top: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:pt-3\.5 {
    padding-top: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:pt-4 {
    padding-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:pt-5 {
    padding-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:pt-5\.5 {
    padding-top: calc(var(--tw-spacing) * 5.5);
  }
  .tw\:pt-7 {
    padding-top: calc(var(--tw-spacing) * 7);
  }
  .tw\:pt-16 {
    padding-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:pr-1 {
    padding-right: var(--tw-spacing);
  }
  .tw\:pr-4 {
    padding-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:pr-6 {
    padding-right: calc(var(--tw-spacing) * 6);
  }
  .tw\:pb-0 {
    padding-bottom: 0px;
  }
  .tw\:pb-1\.75 {
    padding-bottom: calc(var(--tw-spacing) * 1.75);
  }
  .tw\:pb-2 {
    padding-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:pb-3\.5 {
    padding-bottom: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:pb-7 {
    padding-bottom: calc(var(--tw-spacing) * 7);
  }
  .tw\:pb-20 {
    padding-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:pl-2\.5 {
    padding-left: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:pl-3 {
    padding-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:pl-5 {
    padding-left: calc(var(--tw-spacing) * 5);
  }
  .tw\:pl-12 {
    padding-left: calc(var(--tw-spacing) * 12);
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-right {
    text-align: right;
  }
  .tw\:\[font-family\:var\(--home-font\)\] {
    font-family: var(--home-font);
  }
  .tw\:\[font-family\:var\(--sans\)\] {
    font-family: var(--sans);
  }
  .tw\:font-mono {
    font-family: var(--tw-font-mono);
  }
  .tw\:text-5xl {
    font-size: var(--tw-text-5xl);
    line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
  }
  .tw\:text-6xl {
    font-size: var(--tw-text-6xl);
    line-height: var(--tw-leading, var(--tw-text-6xl--line-height));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-xs {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .tw\:text-\[10px\] {
    font-size: 10px;
  }
  .tw\:text-\[11px\] {
    font-size: 11px;
  }
  .tw\:text-\[12px\] {
    font-size: 12px;
  }
  .tw\:text-\[13px\] {
    font-size: 13px;
  }
  .tw\:text-\[14px\] {
    font-size: 14px;
  }
  .tw\:text-\[15px\] {
    font-size: 15px;
  }
  .tw\:text-\[16px\] {
    font-size: 16px;
  }
  .tw\:text-\[18px\] {
    font-size: 18px;
  }
  .tw\:text-\[26px\] {
    font-size: 26px;
  }
  .tw\:text-\[clamp\(0\.875rem\,1\.7vw\,1\.25rem\)\] {
    font-size: clamp(0.875rem, 1.7vw, 1.25rem);
  }
  .tw\:text-\[clamp\(1\.75rem\,5\.5vw\,4\.5rem\)\] {
    font-size: clamp(1.75rem, 5.5vw, 4.5rem);
  }
  .tw\:leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .tw\:leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .tw\:leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .tw\:leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .tw\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .tw\:leading-relaxed {
    --tw-leading: var(--tw-leading-relaxed);
    line-height: var(--tw-leading-relaxed);
  }
  .tw\:leading-snug {
    --tw-leading: var(--tw-leading-snug);
    line-height: var(--tw-leading-snug);
  }
  .tw\:leading-tight {
    --tw-leading: var(--tw-leading-tight);
    line-height: var(--tw-leading-tight);
  }
  .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-extrabold {
    --tw-font-weight: var(--tw-font-weight-extrabold);
    font-weight: var(--tw-font-weight-extrabold);
  }
  .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-\[\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .tw\:tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tw\:tracking-\[\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .tw\:tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .tw\:tracking-\[\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }
  .tw\:tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }
  .tw\:tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tw\:tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tw\:tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tw\:tracking-\[0\.15em\] {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  .tw\:tracking-wide {
    --tw-tracking: var(--tw-tracking-wide);
    letter-spacing: var(--tw-tracking-wide);
  }
  .tw\:\[letter-spacing\:0\.06em\] {
    letter-spacing: 0.06em;
  }
  .tw\:wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .tw\:\[word-break\:break-all\] {
    word-break: break-all;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:\[color\:var\(--hero-highlight\,\#111827\)\] {
    color: var(--hero-highlight,#111827);
  }
  .tw\:\[color\:var\(--hero-subtitle\,\#111827\)\] {
    color: var(--hero-subtitle,#111827);
  }
  .tw\:\[color\:var\(--hero-title\,\#111827\)\] {
    color: var(--hero-title,#111827);
  }
  .tw\:\[color\:var\(--ribbon-accent\)\] {
    color: var(--ribbon-accent);
  }
  .tw\:\[color\:var\(--ribbon-bg\)\] {
    color: var(--ribbon-bg);
  }
  .tw\:text-\[\#2a0d62\] {
    color: #2a0d62;
  }
  .tw\:text-\[\#b3aca5\] {
    color: #b3aca5;
  }
  .tw\:text-amber-400 {
    color: var(--tw-color-amber-400);
  }
  .tw\:text-brand-amber {
    color: var(--amber);
  }
  .tw\:text-brand-coral {
    color: var(--coral);
  }
  .tw\:text-brand-faint {
    color: var(--faint);
  }
  .tw\:text-brand-green {
    color: var(--green);
  }
  .tw\:text-brand-green-dark {
    color: var(--green-dark);
  }
  .tw\:text-brand-ink {
    color: var(--ink);
  }
  .tw\:text-brand-ink-2 {
    color: var(--ink-2);
  }
  .tw\:text-brand-muted {
    color: var(--muted);
  }
  .tw\:text-brand-red {
    color: var(--red);
  }
  .tw\:text-orange-600 {
    color: var(--tw-color-orange-600);
  }
  .tw\:text-white {
    color: var(--tw-color-white);
  }
  .tw\:text-white\/60 {
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 60%, transparent);
    }
  }
  .tw\:text-white\/70 {
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 70%, transparent);
    }
  }
  .tw\:text-zinc-400 {
    color: var(--tw-color-zinc-400);
  }
  .tw\:text-zinc-500 {
    color: var(--tw-color-zinc-500);
  }
  .tw\:text-zinc-700 {
    color: var(--tw-color-zinc-700);
  }
  .tw\:text-zinc-800 {
    color: var(--tw-color-zinc-800);
  }
  .tw\:text-zinc-900 {
    color: var(--tw-color-zinc-900);
  }
  .tw\:capitalize {
    text-transform: capitalize;
  }
  .tw\:uppercase {
    text-transform: uppercase;
  }
  .tw\:italic {
    font-style: italic;
  }
  .tw\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tw\:underline {
    text-decoration-line: underline;
  }
  .tw\:underline-offset-3 {
    text-underline-offset: 3px;
  }
  .tw\:opacity-0 {
    opacity: 0%;
  }
  .tw\:opacity-90 {
    opacity: 90%;
  }
  .tw\: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);
  }
  .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\: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\:\[box-shadow\:0_0_0_1px_rgb\(0_0_0\/\.15\)\] {
    box-shadow: 0 0 0 1px rgb(0 0 0/.15);
  }
  .tw\:\[box-shadow\:0_0_0_4px_var\(--green-soft\)\] {
    box-shadow: 0 0 0 4px var(--green-soft);
  }
  .tw\:\[box-shadow\:0_0_0_4px_var\(--red-soft\)\] {
    box-shadow: 0 0 0 4px var(--red-soft);
  }
  .tw\:\[box-shadow\:0_0_0_8px_\#f2f8f4\] {
    box-shadow: 0 0 0 8px #f2f8f4;
  }
  .tw\:\[box-shadow\:inset_0_0_0_1px_var\(--green\)\] {
    box-shadow: inset 0 0 0 1px var(--green);
  }
  .tw\:\[box-shadow\:var\(--shadow\)\] {
    box-shadow: var(--shadow);
  }
  .tw\:\[box-shadow\:var\(--shadow-sm\)\] {
    box-shadow: var(--shadow-sm);
  }
  .tw\:shadow-zinc-900\/5 {
    --tw-shadow-color: var(--tw-color-zinc-900);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--tw-color-zinc-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:ring-zinc-900\/10 {
    --tw-ring-color: var(--tw-color-zinc-900);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--tw-color-zinc-900) 10%, transparent);
    }
  }
  .tw\:blur-3xl {
    --tw-blur: blur(var(--tw-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,);
  }
  .tw\:\[filter\:brightness\(0\)_invert\(1\)\] {
    filter: brightness(0) invert(1);
  }
  .tw\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--tw-blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:transition-\[transform\,background-color\,color\] {
    transition-property: transform,background-color,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-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-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\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .tw\:duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .tw\:duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .tw\:select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .tw\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .tw\:\[background\:\#0b0c2b\] {
    background: #0b0c2b;
  }
  .tw\:\[background\:\#b5553c\] {
    background: #b5553c;
  }
  .tw\:\[background\:\#fbfdfc\] {
    background: #fbfdfc;
  }
  .tw\:\[background\:\#fff\] {
    background: #fff;
  }
  .tw\:\[background\:color-mix\(in_srgb\,var\(--ribbon-text\)_10\%\,transparent\)\] {
    background: var(--ribbon-text);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ribbon-text) 10%,transparent);
    }
  }
  .tw\:\[background\:linear-gradient\(to_right\,\#d1231b_50\%\,transparent_0\)_left_bottom\/10px_2px_repeat-x\] {
    background: linear-gradient(to right,#d1231b 50%,transparent 0) left bottom/10px 2px repeat-x;
  }
  .tw\:\[background\:rgba\(20\,24\,21\,\.4\)\] {
    background: rgba(20,24,21,.4);
  }
  .tw\:\[background\:rgba\(255\,255\,255\,\.88\)\] {
    background: rgba(255,255,255,.88);
  }
  .tw\:\[background\:rgba\(255\,255\,255\,\.92\)\] {
    background: rgba(255,255,255,.92);
  }
  .tw\:\[background\:var\(--amber-soft\)\] {
    background: var(--amber-soft);
  }
  .tw\:\[background\:var\(--card\)\] {
    background: var(--card);
  }
  .tw\:\[background\:var\(--field\)\] {
    background: var(--field);
  }
  .tw\:\[background\:var\(--green\)\] {
    background: var(--green);
  }
  .tw\:\[background\:var\(--green-soft\)\] {
    background: var(--green-soft);
  }
  .tw\:\[background\:var\(--home-hero-base\)\] {
    background: var(--home-hero-base);
  }
  .tw\:\[background\:var\(--ink\)\] {
    background: var(--ink);
  }
  .tw\:\[background\:var\(--paper\)\] {
    background: var(--paper);
  }
  .tw\:\[background\:var\(--red\)\] {
    background: var(--red);
  }
  .tw\:\[background\:var\(--red-soft\)\] {
    background: var(--red-soft);
  }
  .tw\:\[background\:var\(--ribbon-accent\)\] {
    background: var(--ribbon-accent);
  }
  .tw\:\[background\:var\(--soft\)\] {
    background: var(--soft);
  }
  .tw\:\[border-bottom\:1px_solid_rgb\(255_255_255\/\.1\)\] {
    border-bottom: 1px solid rgb(255 255 255/.1);
  }
  .tw\:\[border-bottom\:1px_solid_var\(--line\)\] {
    border-bottom: 1px solid var(--line);
  }
  .tw\:\[border-left\:1px_solid_\#f4f4f5\] {
    border-left: 1px solid #f4f4f5;
  }
  .tw\:\[border-left\:1px_solid_color-mix\(in_srgb\,var\(--ribbon-text\)_25\%\,transparent\)\] {
    border-left: 1px solid var(--ribbon-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 1px solid color-mix(in srgb,var(--ribbon-text) 25%,transparent);
    }
  }
  .tw\:\[border-left\:3px_solid_transparent\] {
    border-left: 3px solid transparent;
  }
  .tw\:\[border-right\:1px_solid_var\(--line\)\] {
    border-right: 1px solid var(--line);
  }
  .tw\:\[border-top\:1px_solid_rgb\(255_255_255\/\.1\)\] {
    border-top: 1px solid rgb(255 255 255/.1);
  }
  .tw\:\[border-top\:1px_solid_var\(--line\)\] {
    border-top: 1px solid var(--line);
  }
  .tw\:\[border\:0\] {
    border: 0;
  }
  .tw\:\[border\:1\.5px_dashed_var\(--green-line\)\] {
    border: 1.5px dashed var(--green-line);
  }
  .tw\:\[border\:1px_solid_color-mix\(in_srgb\,var\(--ribbon-text\)_20\%\,transparent\)\] {
    border: 1px solid var(--ribbon-text);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--ribbon-text) 20%,transparent);
    }
  }
  .tw\:\[border\:1px_solid_var\(--field-line\)\] {
    border: 1px solid var(--field-line);
  }
  .tw\:\[border\:1px_solid_var\(--green-line\)\] {
    border: 1px solid var(--green-line);
  }
  .tw\:\[border\:1px_solid_var\(--line\)\] {
    border: 1px solid var(--line);
  }
  .tw\:\[border\:1px_solid_var\(--line-strong\)\] {
    border: 1px solid var(--line-strong);
  }
  .tw\:\[border\:2px_dashed_var\(--line\)\] {
    border: 2px dashed var(--line);
  }
  .tw\:\[font\:600_26px\/1\.25_var\(--sans\)\] {
    font: 600 26px/1.25 var(--sans);
  }
  .tw\:\[font\:700_13px\/1\.3_var\(--sans\)\] {
    font: 700 13px/1.3 var(--sans);
  }
  .tw\:\[font\:700_18px\/1\.2_var\(--sans\)\] {
    font: 700 18px/1.2 var(--sans);
  }
  .tw\:\[font\:700_28px\/1\.2_var\(--sans\)\] {
    font: 700 28px/1.2 var(--sans);
  }
  .tw\:\[font\:700_30px\/1\.1_var\(--sans\)\] {
    font: 700 30px/1.1 var(--sans);
  }
  .tw\:\[font\:700_clamp\(28px\,2\.6vw\,34px\)\/1\.15_var\(--sans\)\] {
    font: 700 clamp(28px, 2.6vw, 34px)/1.15 var(--sans);
  }
  .tw\:\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,\.45\)\] {
    text-shadow: 0 1px 8px rgba(0,0,0,.45);
  }
  .tw\:\[transition\:box-shadow_\.2s\,border-color_\.2s\] {
    transition: box-shadow .2s,border-color .2s;
  }
  .tw\:\[transition\:opacity_\.2s\,transform_\.2s\,visibility_\.2s\] {
    transition: opacity .2s,transform .2s,visibility .2s;
  }
  .tw\:\[transition\:opacity_\.2s\,visibility_\.2s\] {
    transition: opacity .2s,visibility .2s;
  }
  .tw\:\[transition\:transform_\.3s_ease\,box-shadow_\.3s\,background-color_\.3s\] {
    transition: transform .3s ease,box-shadow .3s,background-color .3s;
  }
  .tw\:\[transition\:transform_300ms_ease\] {
    transition: transform 300ms ease;
  }
  .tw\:group-hover\:bg-white:is(:where(.tw\:group):hover *) {
    background-color: var(--tw-color-white);
  }
  .tw\:group-hover\:bg-white\/90:is(:where(.tw\:group):hover *) {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 90%, transparent);
    }
  }
  .tw\:group-hover\:text-brand-green-dark:is(:where(.tw\:group):hover *) {
    color: var(--green-dark);
  }
  .tw\:group-hover\:underline:is(:where(.tw\:group):hover *) {
    text-decoration-line: underline;
  }
  .tw\:group-hover\:underline-offset-3:is(:where(.tw\:group):hover *) {
    text-underline-offset: 3px;
  }
  .tw\:group-hover\:shadow-sm:is(:where(.tw\:group):hover *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:group-hover\:\[background\:var\(--green-soft\)\]:is(:where(.tw\:group):hover *) {
    background: var(--green-soft);
  }
  .tw\:group-aria-\[current\=true\]\:w-6:is(:where(.tw\:group)[aria-current="true"] *) {
    width: calc(var(--tw-spacing) * 6);
  }
  .tw\:group-aria-\[current\=true\]\:bg-white:is(:where(.tw\:group)[aria-current="true"] *) {
    background-color: var(--tw-color-white);
  }
  .tw\:group-\[\.is-ready\]\:absolute:is(:where(.tw\:group):is(.is-ready) *) {
    position: absolute;
  }
  .tw\:group-\[\.is-ready\]\:h-px:is(:where(.tw\:group):is(.is-ready) *) {
    height: 1px;
  }
  .tw\:group-\[\.is-ready\]\:w-px:is(:where(.tw\:group):is(.is-ready) *) {
    width: 1px;
  }
  .tw\:group-\[\.is-ready\]\:overflow-hidden:is(:where(.tw\:group):is(.is-ready) *) {
    overflow: hidden;
  }
  .tw\:group-\[\.is-ready\]\:whitespace-nowrap:is(:where(.tw\:group):is(.is-ready) *) {
    white-space: nowrap;
  }
  .tw\:group-\[\.is-ready\]\:\[clip-path\:inset\(50\%\)\]:is(:where(.tw\:group):is(.is-ready) *) {
    clip-path: inset(50%);
  }
  .tw\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .tw\:after\:top-3\.75::after {
    content: var(--tw-content);
    top: calc(var(--tw-spacing) * 3.75);
  }
  .tw\:after\:right-3::after {
    content: var(--tw-content);
    right: calc(var(--tw-spacing) * 3);
  }
  .tw\:after\:left-11::after {
    content: var(--tw-content);
    left: calc(var(--tw-spacing) * 11);
  }
  .tw\:after\:h-0\.5::after {
    content: var(--tw-content);
    height: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:after\:\[background\:var\(--green\)\]::after {
    content: var(--tw-content);
    background: var(--green);
  }
  .tw\:after\:\[background\:var\(--line-strong\)\]::after {
    content: var(--tw-content);
    background: var(--line-strong);
  }
  .tw\:first\:pl-0:first-child {
    padding-left: 0px;
  }
  .tw\:last\:after\:hidden:last-child::after {
    content: var(--tw-content);
    display: none;
  }
  .tw\:empty\:hidden:empty {
    display: none;
  }
  .tw\:hover\:border-brand-coral-dark:hover {
    border-color: var(--coral-dark);
  }
  .tw\:hover\:border-brand-green:hover {
    border-color: var(--green);
  }
  .tw\:hover\:border-brand-line-strong:hover {
    border-color: var(--line-strong);
  }
  .tw\:hover\:border-zinc-900:hover {
    border-color: var(--tw-color-zinc-900);
  }
  .tw\:hover\:border-zinc-950:hover {
    border-color: var(--tw-color-zinc-950);
  }
  .tw\:hover\:bg-black:hover {
    background-color: var(--tw-color-black);
  }
  .tw\:hover\:bg-brand-soft:hover {
    background-color: var(--soft);
  }
  .tw\:hover\:bg-white:hover {
    background-color: var(--tw-color-white);
  }
  .tw\:hover\:bg-white\/20:hover {
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
  }
  .tw\:hover\:bg-zinc-100:hover {
    background-color: var(--tw-color-zinc-100);
  }
  .tw\:hover\:bg-zinc-950:hover {
    background-color: var(--tw-color-zinc-950);
  }
  .tw\:hover\:text-black:hover {
    color: var(--tw-color-black);
  }
  .tw\:hover\:text-brand-green-dark:hover {
    color: var(--green-dark);
  }
  .tw\:hover\:text-brand-ink:hover {
    color: var(--ink);
  }
  .tw\:hover\:text-white:hover {
    color: var(--tw-color-white);
  }
  .tw\:hover\:text-zinc-900:hover {
    color: var(--tw-color-zinc-900);
  }
  .tw\:hover\:underline:hover {
    text-decoration-line: underline;
  }
  .tw\:hover\:underline-offset-3:hover {
    text-underline-offset: 3px;
  }
  .tw\:hover\:opacity-100:hover {
    opacity: 100%;
  }
  .tw\:hover\:\[box-shadow\:var\(--shadow\)\]:hover {
    box-shadow: var(--shadow);
  }
  .tw\:hover\:\[background\:\#d8e8df\]:hover {
    background: #d8e8df;
  }
  .tw\:hover\:\[background\:\#fff\]:hover {
    background: #fff;
  }
  .tw\:hover\:\[background\:var\(--coral-dark\)\]:hover {
    background: var(--coral-dark);
  }
  .tw\:hover\:\[background\:var\(--soft\)\]:hover {
    background: var(--soft);
  }
  .tw\:focus\:top-3:focus {
    top: calc(var(--tw-spacing) * 3);
  }
  .tw\:focus\:border-brand-green:focus {
    border-color: var(--green);
  }
  .tw\:focus\:\[box-shadow\:0_0_0_3px_rgba\(44\,106\,80\,\.18\)\]:focus {
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
  }
  .tw\:focus\:\[outline\:none\]:focus {
    outline: none;
  }
  .tw\:focus\:\[background\:\#fff\]:focus {
    background: #fff;
  }
  .tw\:focus-visible\:\[outline\:2px_solid_\#f59e0b\]:focus-visible {
    outline: 2px solid #f59e0b;
  }
  .tw\:focus-visible\:\[outline\:2px_solid_var\(--green\)\]:focus-visible {
    outline: 2px solid var(--green);
  }
  .tw\:focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .tw\:focus-visible\:outline-offset-3:focus-visible {
    outline-offset: 3px;
  }
  .tw\: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);
  }
  .tw\:disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .tw\:aria-selected\:text-zinc-900[aria-selected="true"] {
    color: var(--tw-color-zinc-900);
  }
  @media (max-width: 1400px) {
    .tw\:laptop\: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\:laptop\:hidden {
      display: none;
    }
    .tw\:laptop\:h-150 {
      height: calc(var(--tw-spacing) * 150);
    }
    .tw\:laptop\:max-w-\[1280px\] {
      max-width: 1280px;
    }
    .tw\:laptop\:px-28 {
      padding-inline: calc(var(--tw-spacing) * 28);
    }
  }
  @media (max-width: 1240px) {
    .tw\:laptop-sm\:right-0 {
      right: 0px;
    }
    .tw\:laptop-sm\:left-auto {
      left: auto;
    }
    .tw\:laptop-sm\:h-145 {
      height: calc(var(--tw-spacing) * 145);
    }
    .tw\:laptop-sm\:origin-top-right {
      transform-origin: 100% 0;
    }
    .tw\:laptop-sm\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .tw\:laptop-sm\:gap-x-5 {
      column-gap: calc(var(--tw-spacing) * 5);
    }
    .tw\:laptop-sm\:px-24 {
      padding-inline: calc(var(--tw-spacing) * 24);
    }
  }
  @media (max-width: 1100px) {
    .tw\:tablet\:static {
      position: static;
    }
    .tw\:tablet\:mb-1 {
      margin-bottom: var(--tw-spacing);
    }
    .tw\:tablet\:flex {
      display: flex;
    }
    .tw\:tablet\:hidden {
      display: none;
    }
    .tw\:tablet\:w-full {
      width: 100%;
    }
    .tw\:tablet\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .tw\:tablet\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
      grid-template-columns: 220px minmax(0,1fr);
    }
    .tw\:tablet\:flex-wrap {
      flex-wrap: wrap;
    }
    .tw\:tablet\:items-center {
      align-items: center;
    }
    .tw\:tablet\:gap-1 {
      gap: var(--tw-spacing);
    }
    .tw\:tablet\:gap-4 {
      gap: calc(var(--tw-spacing) * 4);
    }
    .tw\:tablet\:gap-5 {
      gap: calc(var(--tw-spacing) * 5);
    }
    .tw\:tablet\:gap-8 {
      gap: calc(var(--tw-spacing) * 8);
    }
    .tw\:tablet\:gap-x-3 {
      column-gap: calc(var(--tw-spacing) * 3);
    }
    .tw\:tablet\:pb-1\.25 {
      padding-bottom: calc(var(--tw-spacing) * 1.25);
    }
    .tw\:tablet\:text-\[15px\] {
      font-size: 15px;
    }
  }
  @media (max-width: 1023px) {
    .tw\:tablet-sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .tw\:tablet-sm\:mt-5 {
      margin-top: calc(var(--tw-spacing) * 5);
    }
    .tw\:tablet-sm\:block {
      display: block;
    }
    .tw\:tablet-sm\:hidden {
      display: none;
    }
    .tw\:tablet-sm\:h-\[clamp\(22rem\,80svh\,48rem\)\] {
      height: clamp(22rem, 80svh, 48rem);
    }
    .tw\:tablet-sm\:w-\[calc\(\(100\%-16px\)\/2\)\] {
      width: calc((100% - 16px) / 2);
    }
    .tw\:tablet-sm\:w-full {
      width: 100%;
    }
    .tw\:tablet-sm\:max-w-none {
      max-width: none;
    }
    .tw\:tablet-sm\:max-w-sm {
      max-width: var(--tw-container-sm);
    }
    .tw\:tablet-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .tw\:tablet-sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tw\:tablet-sm\:items-end {
      align-items: flex-end;
    }
    .tw\:tablet-sm\:px-6 {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
    .tw\:tablet-sm\:px-8 {
      padding-inline: calc(var(--tw-spacing) * 8);
    }
    .tw\:tablet-sm\:py-10 {
      padding-block: calc(var(--tw-spacing) * 10);
    }
    .tw\:tablet-sm\:py-16 {
      padding-block: calc(var(--tw-spacing) * 16);
    }
    .tw\:tablet-sm\:pb-16 {
      padding-bottom: calc(var(--tw-spacing) * 16);
    }
    .tw\:tablet-sm\:text-5xl {
      font-size: var(--tw-text-5xl);
      line-height: var(--tw-leading, var(--tw-text-5xl--line-height));
    }
    .tw\:tablet-sm\:text-\[clamp\(0\.95rem\,3\.8vw\,1\.125rem\)\] {
      font-size: clamp(0.95rem, 3.8vw, 1.125rem);
    }
    .tw\:tablet-sm\:text-\[clamp\(2rem\,8\.5vw\,3\.5rem\)\] {
      font-size: clamp(2rem, 8.5vw, 3.5rem);
    }
  }
  @media (max-width: 900px) {
    .tw\:tablet-nav\:order-3 {
      order: 3;
    }
    .tw\:tablet-nav\:\[margin\:10px_calc\(-1\*clamp\(16px\,4vw\,56px\)\)_0\] {
      margin: 10px calc(-1 * clamp(16px, 4vw, 56px)) 0;
    }
    .tw\:tablet-nav\:min-h-0 {
      min-height: 0px;
    }
    .tw\:tablet-nav\:min-h-11\.5 {
      min-height: calc(var(--tw-spacing) * 11.5);
    }
    .tw\:tablet-nav\:w-\[calc\(100\%\+2\*clamp\(16px\,4vw\,56px\)\)\] {
      width: calc(100% + 2 * clamp(16px, 4vw, 56px));
    }
    .tw\:tablet-nav\:flex-wrap {
      flex-wrap: wrap;
    }
    .tw\:tablet-nav\:gap-x-5 {
      column-gap: calc(var(--tw-spacing) * 5);
    }
    .tw\:tablet-nav\:gap-y-0 {
      row-gap: 0px;
    }
    .tw\:tablet-nav\:overflow-x-auto {
      overflow-x: auto;
    }
    .tw\:tablet-nav\:overflow-y-hidden {
      overflow-y: hidden;
    }
    .tw\:tablet-nav\:px-2 {
      padding-inline: calc(var(--tw-spacing) * 2);
    }
    .tw\:tablet-nav\:py-0 {
      padding-block: 0px;
    }
    .tw\:tablet-nav\:pt-2\.5 {
      padding-top: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:tablet-nav\:\[border-top\:1px_solid_var\(--line\)\] {
      border-top: 1px solid var(--line);
    }
  }
  @media (max-width: 860px) {
    .tw\:tablet-portrait\:static {
      position: static;
    }
    .tw\:tablet-portrait\:ml-0 {
      margin-left: 0px;
    }
    .tw\:tablet-portrait\:hidden {
      display: none;
    }
    .tw\:tablet-portrait\:h-\[clamp\(240px\,45vh\,100vw\)\] {
      height: clamp(240px, 45vh, 100vw);
    }
    .tw\:tablet-portrait\:max-w-140 {
      max-width: calc(var(--tw-spacing) * 140);
    }
    .tw\:tablet-portrait\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .tw\:tablet-portrait\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .tw\:tablet-portrait\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
    .tw\:tablet-portrait\:\[place-items\:start_center\] {
      place-items: start center;
    }
    .tw\:tablet-portrait\:justify-center {
      justify-content: center;
    }
    .tw\:tablet-portrait\:gap-5\.5 {
      gap: calc(var(--tw-spacing) * 5.5);
    }
    .tw\:tablet-portrait\:px-5 {
      padding-inline: calc(var(--tw-spacing) * 5);
    }
    .tw\:tablet-portrait\:px-6 {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
    .tw\:tablet-portrait\:pt-8 {
      padding-top: calc(var(--tw-spacing) * 8);
    }
    .tw\:tablet-portrait\:pb-10 {
      padding-bottom: calc(var(--tw-spacing) * 10);
    }
    .tw\:tablet-portrait\:text-3xl {
      font-size: var(--tw-text-3xl);
      line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
    }
    .tw\:tablet-portrait\:text-\[14px\] {
      font-size: 14px;
    }
    .tw\:tablet-portrait\:text-\[24px\] {
      font-size: 24px;
    }
    .tw\:tablet-portrait\:\[border-bottom\:1px_solid_var\(--line\)\] {
      border-bottom: 1px solid var(--line);
    }
    .tw\:tablet-portrait\:\[border-right\:0\] {
      border-right: 0;
    }
  }
  @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:filter-drawer\:invisible {
      visibility: hidden;
    }
    .tw\:filter-drawer\:fixed {
      position: fixed;
    }
    .tw\:filter-drawer\:top-0 {
      top: 0px;
    }
    .tw\:filter-drawer\:bottom-0 {
      bottom: 0px;
    }
    .tw\:filter-drawer\:left-0 {
      left: 0px;
    }
    .tw\:filter-drawer\:z-60 {
      z-index: 60;
    }
    .tw\:filter-drawer\:flex {
      display: flex;
    }
    .tw\:filter-drawer\:inline-flex {
      display: inline-flex;
    }
    .tw\:filter-drawer\:inline-grid {
      display: inline-grid;
    }
    .tw\:filter-drawer\:max-h-none {
      max-height: none;
    }
    .tw\:filter-drawer\:min-h-0 {
      min-height: 0px;
    }
    .tw\:filter-drawer\:w-\[min\(480px\,calc\(100vw-40px\)\)\] {
      width: min(480px, calc(100vw - 40px));
    }
    .tw\:filter-drawer\:flex-1 {
      flex: 1;
    }
    .tw\:filter-drawer\:flex-none {
      flex: none;
    }
    .tw\:filter-drawer\:\[transform\:translateX\(-105\%\)\] {
      transform: translateX(-105%);
    }
    .tw\:filter-drawer\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
    .tw\:filter-drawer\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
      grid-template-columns: minmax(0,1fr) auto auto;
    }
    .tw\:filter-drawer\:flex-col {
      flex-direction: column;
    }
    .tw\:filter-drawer\:content-start {
      align-content: flex-start;
    }
    .tw\:filter-drawer\:gap-0 {
      gap: 0px;
    }
    .tw\:filter-drawer\:overflow-hidden {
      overflow: hidden;
    }
    .tw\:filter-drawer\:overflow-y-auto {
      overflow-y: auto;
    }
    .tw\:filter-drawer\:overscroll-contain {
      overscroll-behavior: contain;
    }
    .tw\:filter-drawer\:rounded-none {
      border-radius: 0;
    }
    .tw\:filter-drawer\:\[border-width\:0_1px_0_0\] {
      border-width: 0 1px 0 0;
    }
    .tw\:filter-drawer\:\[padding\:10px_10px_10px_16px\] {
      padding: 10px 10px 10px 16px;
    }
    .tw\:filter-drawer\:pb-\[max\(14px\,env\(safe-area-inset-bottom\)\)\] {
      padding-bottom: max(14px, env(safe-area-inset-bottom));
    }
    .tw\:filter-drawer\:text-\[17px\] {
      font-size: 17px;
    }
    .tw\:filter-drawer\:\[box-shadow\:var\(--shadow\)\] {
      box-shadow: var(--shadow);
    }
    .tw\:filter-drawer\:\[transition\:transform_\.25s_ease\,visibility_\.25s\] {
      transition: transform .25s ease,visibility .25s;
    }
  }
  @media (max-width: 700px) {
    .tw\:phone\:not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
    .tw\:phone\:right-5 {
      right: calc(var(--tw-spacing) * 5);
    }
    .tw\:phone\:right-auto {
      right: auto;
    }
    .tw\:phone\:bottom-1\.5 {
      bottom: calc(var(--tw-spacing) * 1.5);
    }
    .tw\:phone\:bottom-4 {
      bottom: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:bottom-5 {
      bottom: calc(var(--tw-spacing) * 5);
    }
    .tw\:phone\:left-0 {
      left: 0px;
    }
    .tw\:phone\:left-1\.5 {
      left: calc(var(--tw-spacing) * 1.5);
    }
    .tw\:phone\:col-\[1\] {
      grid-column: 1;
    }
    .tw\:phone\:col-\[2\] {
      grid-column: 2;
    }
    .tw\:phone\:row-\[1\/span_2\] {
      grid-row: 1/span 2;
    }
    .tw\:phone\:row-\[1\] {
      grid-row: 1;
    }
    .tw\:phone\:row-\[2\] {
      grid-row: 2;
    }
    .tw\:phone\:\[margin\:0_-4px\] {
      margin: 0 -4px;
    }
    .tw\:phone\:\[margin\:8px_-16px_0\] {
      margin: 8px -16px 0;
    }
    .tw\:phone\:\[margin\:10px_-10px_0\] {
      margin: 10px -10px 0;
    }
    .tw\:phone\:mx-0 {
      margin-inline: 0px;
    }
    .tw\:phone\:my-1\.25 {
      margin-block: calc(var(--tw-spacing) * 1.25);
    }
    .tw\:phone\:mb-3 {
      margin-bottom: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:mb-5 {
      margin-bottom: calc(var(--tw-spacing) * 5);
    }
    .tw\:phone\:mb-6 {
      margin-bottom: calc(var(--tw-spacing) * 6);
    }
    .tw\:phone\:block {
      display: block;
    }
    .tw\:phone\:grid {
      display: grid;
    }
    .tw\:phone\:hidden {
      display: none;
    }
    .tw\:phone\:h-5\.5 {
      height: calc(var(--tw-spacing) * 5.5);
    }
    .tw\:phone\:h-8 {
      height: calc(var(--tw-spacing) * 8);
    }
    .tw\:phone\:h-8\.5 {
      height: calc(var(--tw-spacing) * 8.5);
    }
    .tw\:phone\:h-\[clamp\(20rem\,80svh\,44rem\)\] {
      height: clamp(20rem, 80svh, 44rem);
    }
    .tw\:phone\:min-h-10 {
      min-height: calc(var(--tw-spacing) * 10);
    }
    .tw\:phone\:w-5\.5 {
      width: calc(var(--tw-spacing) * 5.5);
    }
    .tw\:phone\:w-8 {
      width: calc(var(--tw-spacing) * 8);
    }
    .tw\:phone\:w-\[calc\(100\%\+32px\)\] {
      width: calc(100% + 32px);
    }
    .tw\:phone\:w-full {
      width: 100%;
    }
    .tw\:phone\:max-w-xs {
      max-width: var(--tw-container-xs);
    }
    .tw\:phone\:min-w-6 {
      min-width: calc(var(--tw-spacing) * 6);
    }
    .tw\:phone\:\[flex\:1_1_auto\] {
      flex: 1 1 auto;
    }
    .tw\:phone\:snap-center {
      scroll-snap-align: center;
    }
    .tw\:phone\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .tw\:phone\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tw\:phone\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .tw\:phone\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
    .tw\:phone\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) auto;
    }
    .tw\:phone\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .tw\:phone\:flex-col {
      flex-direction: column;
    }
    .tw\:phone\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .tw\:phone\:flex-row {
      flex-direction: row;
    }
    .tw\:phone\:items-center {
      align-items: center;
    }
    .tw\:phone\:items-start {
      align-items: flex-start;
    }
    .tw\:phone\:\[justify-content\:stretch\] {
      justify-content: stretch;
    }
    .tw\:phone\:justify-center {
      justify-content: center;
    }
    .tw\:phone\:justify-items-start {
      justify-items: start;
    }
    .tw\:phone\:gap-0 {
      gap: 0px;
    }
    .tw\:phone\:gap-0\.5 {
      gap: calc(var(--tw-spacing) * 0.5);
    }
    .tw\:phone\:gap-1 {
      gap: var(--tw-spacing);
    }
    .tw\:phone\:gap-2\.5 {
      gap: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:phone\:gap-3 {
      gap: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:gap-3\.5 {
      gap: calc(var(--tw-spacing) * 3.5);
    }
    .tw\:phone\:gap-4 {
      gap: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:gap-x-3 {
      column-gap: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:gap-x-4 {
      column-gap: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:gap-y-1\.5 {
      row-gap: calc(var(--tw-spacing) * 1.5);
    }
    .tw\:phone\:gap-y-2\.5 {
      row-gap: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:phone\:bg-size-\[8px_1px\] {
      background-size: 8px 1px;
    }
    .tw\:phone\:p-0 {
      padding: 0px;
    }
    .tw\:phone\:p-2\.5 {
      padding: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:phone\:p-3\.5 {
      padding: calc(var(--tw-spacing) * 3.5);
    }
    .tw\:phone\:p-4 {
      padding: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:px-0\.5 {
      padding-inline: calc(var(--tw-spacing) * 0.5);
    }
    .tw\:phone\:px-2\.5 {
      padding-inline: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:phone\:px-4 {
      padding-inline: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:px-4\.5 {
      padding-inline: calc(var(--tw-spacing) * 4.5);
    }
    .tw\:phone\:px-5 {
      padding-inline: calc(var(--tw-spacing) * 5);
    }
    .tw\:phone\:px-5\.5 {
      padding-inline: calc(var(--tw-spacing) * 5.5);
    }
    .tw\:phone\:py-1\.5 {
      padding-block: calc(var(--tw-spacing) * 1.5);
    }
    .tw\:phone\:py-2\.25 {
      padding-block: calc(var(--tw-spacing) * 2.25);
    }
    .tw\:phone\:py-3 {
      padding-block: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:py-6 {
      padding-block: calc(var(--tw-spacing) * 6);
    }
    .tw\:phone\:py-7 {
      padding-block: calc(var(--tw-spacing) * 7);
    }
    .tw\:phone\:py-8 {
      padding-block: calc(var(--tw-spacing) * 8);
    }
    .tw\:phone\:pt-1\.25 {
      padding-top: calc(var(--tw-spacing) * 1.25);
    }
    .tw\:phone\:pt-2\.5 {
      padding-top: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:phone\:pt-5 {
      padding-top: calc(var(--tw-spacing) * 5);
    }
    .tw\:phone\:pt-12 {
      padding-top: calc(var(--tw-spacing) * 12);
    }
    .tw\:phone\:pr-0 {
      padding-right: 0px;
    }
    .tw\:phone\:pb-1 {
      padding-bottom: var(--tw-spacing);
    }
    .tw\:phone\:pb-14 {
      padding-bottom: calc(var(--tw-spacing) * 14);
    }
    .tw\:phone\:pl-3 {
      padding-left: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:text-center {
      text-align: center;
    }
    .tw\:phone\:text-2xl {
      font-size: var(--tw-text-2xl);
      line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
    }
    .tw\:phone\:text-\[10\.5px\] {
      font-size: 10.5px;
    }
    .tw\:phone\:text-\[10px\] {
      font-size: 10px;
    }
    .tw\:phone\:text-\[11px\] {
      font-size: 11px;
    }
    .tw\:phone\:text-\[12px\] {
      font-size: 12px;
    }
    .tw\:phone\:text-\[13px\] {
      font-size: 13px;
    }
    .tw\:phone\:text-\[21px\] {
      font-size: 21px;
    }
    .tw\:phone\:text-\[24px\] {
      font-size: 24px;
    }
    .tw\:phone\:leading-\[1\.2\] {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
    .tw\:phone\:whitespace-normal {
      white-space: normal;
    }
    .tw\:phone\:\[border-bottom\:1px_solid_var\(--line\)\] {
      border-bottom: 1px solid var(--line);
    }
    .tw\:phone\:\[border\:0\] {
      border: 0;
    }
    .tw\:phone\:after\:top-8\.5::after {
      content: var(--tw-content);
      top: calc(var(--tw-spacing) * 8.5);
    }
    .tw\:phone\:after\:right-auto::after {
      content: var(--tw-content);
      right: auto;
    }
    .tw\:phone\:after\:-bottom-3\.5::after {
      content: var(--tw-content);
      bottom: calc(var(--tw-spacing) * -3.5);
    }
    .tw\:phone\:after\:left-3\.75::after {
      content: var(--tw-content);
      left: calc(var(--tw-spacing) * 3.75);
    }
    .tw\:phone\:after\:h-auto::after {
      content: var(--tw-content);
      height: auto;
    }
    .tw\:phone\:after\:w-0\.5::after {
      content: var(--tw-content);
      width: calc(var(--tw-spacing) * 0.5);
    }
    .tw\:phone\:last\:\[border-bottom\:0\]:last-child {
      border-bottom: 0;
    }
  }
  @media (max-width: 700px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:drawer\:invisible {
      visibility: hidden;
    }
    .tw\:drawer\:absolute {
      position: absolute;
    }
    .tw\:drawer\:fixed {
      position: fixed;
    }
    .tw\:drawer\:inset-0 {
      inset: 0px;
    }
    .tw\:drawer\:top-0 {
      top: 0px;
    }
    .tw\:drawer\:top-2\.5 {
      top: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:drawer\:right-2\.5 {
      right: calc(var(--tw-spacing) * 2.5);
    }
    .tw\:drawer\:bottom-0 {
      bottom: 0px;
    }
    .tw\:drawer\:left-0 {
      left: 0px;
    }
    .tw\:drawer\:z-55 {
      z-index: 55;
    }
    .tw\:drawer\:z-60 {
      z-index: 60;
    }
    .tw\:drawer\:\[margin\:9px_52px_18px_9px\] {
      margin: 9px 52px 18px 9px;
    }
    .tw\:drawer\:block {
      display: block;
    }
    .tw\:drawer\:flex {
      display: flex;
    }
    .tw\:drawer\:inline-flex {
      display: inline-flex;
    }
    .tw\:drawer\:inline-grid {
      display: inline-grid;
    }
    .tw\:drawer\:h-auto {
      height: auto;
    }
    .tw\:drawer\:min-h-11 {
      min-height: calc(var(--tw-spacing) * 11);
    }
    .tw\:drawer\:w-\[min\(300px\,86vw\)\] {
      width: min(300px, 86vw);
    }
    .tw\:drawer\:w-auto {
      width: auto;
    }
    .tw\:drawer\:\[transform\:translateX\(-105\%\)\] {
      transform: translateX(-105%);
    }
    .tw\:drawer\:items-center {
      align-items: center;
    }
    .tw\:drawer\:gap-4 {
      gap: calc(var(--tw-spacing) * 4);
    }
    .tw\:drawer\:\[justify-self\:start\] {
      justify-self: start;
    }
    .tw\:drawer\:overflow-y-auto {
      overflow-y: auto;
    }
    .tw\:drawer\:overscroll-contain {
      overscroll-behavior: contain;
    }
    .tw\:drawer\:rounded-none {
      border-radius: 0;
    }
    .tw\:drawer\:text-\[14px\] {
      font-size: 14px;
    }
    .tw\:drawer\:text-brand-muted {
      color: var(--muted);
    }
    .tw\:drawer\:\[box-shadow\:var\(--shadow\)\] {
      box-shadow: var(--shadow);
    }
    .tw\:drawer\:\[background\:rgba\(20\,24\,21\,\.4\)\] {
      background: rgba(20,24,21,.4);
    }
    .tw\:drawer\:\[transition\:transform_\.25s_ease\,visibility_\.25s\] {
      transition: transform .25s ease,visibility .25s;
    }
    .tw\:drawer\:hover\:text-brand-ink:hover {
      color: var(--ink);
    }
    .tw\:drawer\:hover\:\[background\:var\(--soft\)\]:hover {
      background: var(--soft);
    }
  }
  @media (max-width: 380px) {
    .tw\:phone-sm\:hidden {
      display: none;
    }
    .tw\:phone-sm\:gap-2 {
      gap: calc(var(--tw-spacing) * 2);
    }
    .tw\:phone-sm\:px-4 {
      padding-inline: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone-sm\:text-\[10px\] {
      font-size: 10px;
    }
  }
  @media (max-width: 340px) {
    .tw\:phone-xs\:whitespace-normal {
      white-space: normal;
    }
  }
  @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .filters-open .tw\:filter-drawer\:filters-open\:visible {
      visibility: visible;
    }
    .filters-open .tw\:filter-drawer\:filters-open\:block {
      display: block;
    }
    .filters-open .tw\:filter-drawer\:filters-open\:\[transform\:none\] {
      transform: none;
    }
    .filters-open .tw\:filter-drawer\:filters-open\:\[transition\:transform_\.25s_ease\] {
      transition: transform .25s ease;
    }
  }
  @media (max-width: 700px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .admin-nav-open .tw\:drawer\:admin-nav-open\:visible {
      visibility: visible;
    }
    .admin-nav-open .tw\:drawer\:admin-nav-open\:block {
      display: block;
    }
    .admin-nav-open .tw\:drawer\:admin-nav-open\:\[transform\:none\] {
      transform: none;
    }
    .admin-nav-open .tw\:drawer\:admin-nav-open\:\[transition\:transform_\.25s_ease\] {
      transition: transform .25s ease;
    }
  }
  .tw\:list-view\:w-40:where([data-view="list"], [data-view="list"] *) {
    width: calc(var(--tw-spacing) * 40);
  }
  .tw\:list-view\:flex-none:where([data-view="list"], [data-view="list"] *) {
    flex: none;
  }
  .tw\:list-view\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\]:where([data-view="list"], [data-view="list"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tw\:list-view\:flex-row:where([data-view="list"], [data-view="list"] *) {
    flex-direction: row;
  }
  .tw\:list-view\:gap-4:where([data-view="list"], [data-view="list"] *) {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:list-view\:self-start:where([data-view="list"], [data-view="list"] *) {
    align-self: flex-start;
  }
  .tw\:list-view\:text-\[16px\]:where([data-view="list"], [data-view="list"] *) {
    font-size: 16px;
  }
  .tw\:list-view\:\[border-left\:1px_solid_var\(--line\)\]:where([data-view="list"], [data-view="list"] *) {
    border-left: 1px solid var(--line);
  }
  @media (max-width: 1240px) {
    .tw\:laptop-sm\:list-view\:grid-cols-\[minmax\(0\,1fr\)\]:where([data-view="list"], [data-view="list"] *) {
      grid-template-columns: minmax(0,1fr);
    }
  }
  @media (max-width: 860px) {
    .tw\:tablet-portrait\:list-view\:w-32:where([data-view="list"], [data-view="list"] *) {
      width: calc(var(--tw-spacing) * 32);
    }
  }
  @media (max-width: 700px) {
    .tw\:phone\:list-view\:\[margin\:12px_-14px_0\]:where([data-view="list"], [data-view="list"] *) {
      margin: 12px -14px 0;
    }
    .tw\:phone\:list-view\:w-full:where([data-view="list"], [data-view="list"] *) {
      width: 100%;
    }
    .tw\:phone\:list-view\:flex-col:where([data-view="list"], [data-view="list"] *) {
      flex-direction: column;
    }
    .tw\:phone\:list-view\:gap-1\.5:where([data-view="list"], [data-view="list"] *) {
      gap: calc(var(--tw-spacing) * 1.5);
    }
    .tw\:phone\:list-view\:gap-4:where([data-view="list"], [data-view="list"] *) {
      gap: calc(var(--tw-spacing) * 4);
    }
    .tw\:phone\:list-view\:self-stretch:where([data-view="list"], [data-view="list"] *) {
      align-self: stretch;
    }
    .tw\:phone\:list-view\:px-3\.5:where([data-view="list"], [data-view="list"] *) {
      padding-inline: calc(var(--tw-spacing) * 3.5);
    }
    .tw\:phone\:list-view\:py-3:where([data-view="list"], [data-view="list"] *) {
      padding-block: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:list-view\:pt-3:where([data-view="list"], [data-view="list"] *) {
      padding-top: calc(var(--tw-spacing) * 3);
    }
    .tw\:phone\:list-view\:text-\[13px\]:where([data-view="list"], [data-view="list"] *) {
      font-size: 13px;
    }
    .tw\:phone\:list-view\:text-\[15px\]:where([data-view="list"], [data-view="list"] *) {
      font-size: 15px;
    }
    .tw\:phone\:list-view\:\[border-left\:0\]:where([data-view="list"], [data-view="list"] *) {
      border-left: 0;
    }
  }
  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .tw\:zoom-hover\:group-hover\:translate-x-0\.5:is(:where(.tw\:group):hover *) {
      --tw-translate-x: calc(var(--tw-spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tw\:zoom-hover\:group-hover\:scale-105:is(:where(.tw\:group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .tw\:zoom-hover\:group-hover\:scale-110:is(:where(.tw\:group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .tw\:zoom-hover\:group-hover\:\[transform\:scale\(1\.07\)\]:is(:where(.tw\:group):hover *) {
      transform: scale(1.07);
    }
    .tw\:zoom-hover\:hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--tw-spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tw\:zoom-hover\:hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--tw-spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tw\:\[\&_\.badge\]\:\[padding\:6px_12px_6px_10px\] .badge {
    padding: 6px 12px 6px 10px;
  }
  .tw\:\[\&_\.badge\]\:text-\[12px\] .badge {
    font-size: 12px;
  }
  .tw\:\[\&_\.btn\]\:min-h-10 .btn {
    min-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:\[\&_\.btn\]\:min-h-11\.5 .btn {
    min-height: calc(var(--tw-spacing) * 11.5);
  }
  .tw\:\[\&_\.btn\]\:\[flex\:1_1_200px\] .btn {
    flex: 1 1 200px;
  }
  .tw\:\[\&_\.btn\]\:text-\[15px\] .btn {
    font-size: 15px;
  }
  @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:filter-drawer\:\[\&_\.btn\]\:min-h-12 .btn {
      min-height: calc(var(--tw-spacing) * 12);
    }
  }
  @media (max-width: 700px) {
    .tw\:phone\:\[\&_\.btn\]\:w-full .btn {
      width: 100%;
    }
  }
  .tw\:\[\&_\.btn\:first-child\]\:\[flex\:1\.4_1_220px\] .btn:first-child {
    flex: 1.4 1 220px;
  }
  .tw\:\[\&_\.form-control\]\:min-h-10 .form-control {
    min-height: calc(var(--tw-spacing) * 10);
  }
  .tw\:\[\&_\.form-control\]\:min-h-12 .form-control {
    min-height: calc(var(--tw-spacing) * 12);
  }
  .tw\:\[\&_\.form-control\]\:pt-2 .form-control {
    padding-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:\[\&_\.form-control\]\:pr-8\.5 .form-control {
    padding-right: calc(var(--tw-spacing) * 8.5);
  }
  .tw\:\[\&_\.form-control\]\:pb-2 .form-control {
    padding-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:\[\&_\.form-control\]\:text-\[13px\] .form-control {
    font-size: 13px;
  }
  @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:filter-drawer\:\[\&_\.form-control\]\:min-h-11\.5 .form-control {
      min-height: calc(var(--tw-spacing) * 11.5);
    }
    .tw\:filter-drawer\:\[\&_\.form-control\]\:text-\[15px\] .form-control {
      font-size: 15px;
    }
  }
  .tw\:\[\&_\.gallery-video-thumb\]\:text-\[9px\] .gallery-video-thumb {
    font-size: 9px;
  }
  .tw\:\[\&_\.gallery-video-thumb_\.icon\]\:h-5 .gallery-video-thumb .icon {
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:\[\&_\.gallery-video-thumb_\.icon\]\:w-5 .gallery-video-thumb .icon {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:\[\&_\.icon\]\:text-brand-green .icon {
    color: var(--green);
  }
  .tw\:\[\&_\.label\]\:mb-1 .label {
    margin-bottom: var(--tw-spacing);
  }
  .tw\:\[\&_\.label\]\:text-\[12px\] .label {
    font-size: 12px;
  }
  .tw\:\[\&_\.p-badge\]\:px-2\.5 .p-badge {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:\[\&_\.p-badge\]\:py-1\.25 .p-badge {
    padding-block: calc(var(--tw-spacing) * 1.25);
  }
  .tw\:\[\&_\.p-badge\]\:text-\[11px\] .p-badge {
    font-size: 11px;
  }
  .tw\:\[\&_\.p-badges\]\:top-3\.5 .p-badges {
    top: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:\[\&_\.p-badges\]\:right-3\.5 .p-badges {
    right: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:\[\&_\.p-badges\]\:gap-1\.5 .p-badges {
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:\[\&_a\]\:h-20 a {
    height: calc(var(--tw-spacing) * 20);
  }
  .tw\:\[\&_a\]\:w-16 a {
    width: calc(var(--tw-spacing) * 16);
  }
  .tw\:\[\&_a\]\:flex-none a {
    flex: none;
  }
  .tw\:\[\&_a\]\:snap-start a {
    scroll-snap-align: start;
  }
  .tw\:\[\&_a\]\:overflow-hidden a {
    overflow: hidden;
  }
  .tw\:\[\&_a\]\:rounded-\[6px\] a {
    border-radius: 6px;
  }
  .tw\:\[\&_a\]\:\[background\:var\(--card\)\] a {
    background: var(--card);
  }
  .tw\:\[\&_a\]\:\[border\:1px_solid_var\(--line-strong\)\] a {
    border: 1px solid var(--line-strong);
  }
  .tw\:\[\&_a\]\:\[transition\:border-color_\.15s\,box-shadow_\.15s\] a {
    transition: border-color .15s,box-shadow .15s;
  }
  @media (max-width: 700px) {
    .tw\:phone\:\[\&_a\]\:h-17\.5 a {
      height: calc(var(--tw-spacing) * 17.5);
    }
    .tw\:phone\:\[\&_a\]\:w-14 a {
      width: calc(var(--tw-spacing) * 14);
    }
  }
  .tw\:\[\&_a\.is-active\]\:border-brand-green a.is-active {
    border-color: var(--green);
  }
  .tw\:\[\&_a\.is-active\]\:\[box-shadow\:0_0_0_1px_var\(--green\)\] a.is-active {
    box-shadow: 0 0 0 1px var(--green);
  }
  .tw\:\[\&_a\:hover\]\:border-brand-muted a:hover {
    border-color: var(--muted);
  }
  .tw\:\[\&_img\]\:block img {
    display: block;
  }
  .tw\:\[\&_img\]\:h-full img {
    height: 100%;
  }
  .tw\:\[\&_img\]\:w-full img {
    width: 100%;
  }
  .tw\:\[\&_img\]\:object-contain img {
    object-fit: contain;
  }
  @media (max-width: 1400px) {
    .tw\:laptop\:\[\&_nav_a\>\.icon\]\:hidden nav a > .icon {
      display: none;
    }
  }
  @media (max-width: 900px) {
    .tw\:tablet-nav\:\[\&_nav_a\>\.icon\]\:inline nav a > .icon {
      display: inline;
    }
  }
  .tw\:\[\&_p\]\:m-0 p {
    margin: 0px;
  }
  .tw\:\[\&_svg\]\:h-4\.5 svg {
    height: calc(var(--tw-spacing) * 4.5);
  }
  .tw\:\[\&_svg\]\:w-4\.5 svg {
    width: calc(var(--tw-spacing) * 4.5);
  }
  @media (max-width: 700px) {
    .tw\:phone\:\[\&_tbody\]\:block tbody {
      display: block;
    }
    .tw\:phone\:\[\&_tr\]\:px-4\.5 tr {
      padding-inline: calc(var(--tw-spacing) * 4.5);
    }
  }
  .tw\:\[\&_ul\]\:m-0 ul {
    margin: 0px;
  }
  .tw\:\[\&_ul\]\:pl-4\.5 ul {
    padding-left: calc(var(--tw-spacing) * 4.5);
  }
  @media (max-width: 700px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:drawer\:\[\&\.admin-nav-open\]\:overflow-hidden.admin-nav-open {
      overflow: hidden;
    }
  }
  @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .tw\:filter-drawer\:\[\&\.filters-open\]\:overflow-hidden.filters-open {
      overflow: hidden;
    }
  }
  .tw\:\[\&\.is-attention\]\:border-brand-green.is-attention {
    border-color: var(--green);
  }
  .tw\:\[\&\.is-attention\]\:text-brand-green-dark.is-attention {
    color: var(--green-dark);
  }
  .tw\:\[\&\.is-attention\]\:\[box-shadow\:0_0_0_3px_rgba\(44\,106\,80\,\.15\)\].is-attention {
    box-shadow: 0 0 0 3px rgba(44,106,80,.15);
  }
  .tw\:\[\&\.is-busy\>summary\]\:cursor-progress.is-busy > summary {
    cursor: progress;
  }
  .tw\:\[\&\.is-busy\>summary\]\:opacity-60.is-busy > summary {
    opacity: 60%;
  }
  .tw\:\[\&\.is-empty\]\:text-brand-muted.is-empty {
    color: var(--muted);
  }
  .tw\:\[\&\.is-empty\]\:\[background\:var\(--soft\)\].is-empty {
    background: var(--soft);
  }
  .tw\:\[\&\.is-hidden\]\:\[transform\:translateY\(-100\%\)\].is-hidden {
    transform: translateY(-100%);
  }
  .tw\:\[\&\.is-open\]\:visible.is-open {
    visibility: visible;
  }
  .tw\:\[\&\.is-open\]\:translate-y-0.is-open {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:\[\&\.is-open\]\:scale-100.is-open {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:\[\&\.is-open\]\:opacity-100.is-open {
    opacity: 100%;
  }
  .tw\:\[\&\.is-open\]\:\[transition\:opacity_\.2s\,transform_\.2s\,visibility_0s\].is-open {
    transition: opacity .2s,transform .2s,visibility 0s;
  }
  .tw\:\[\&\.is-open\]\:\[transition\:opacity_\.2s\,visibility_0s\].is-open {
    transition: opacity .2s,visibility 0s;
  }
  .tw\:\[\&\.is-over\]\:border-brand-coral.is-over {
    border-color: var(--coral);
  }
  .tw\:\[\&\.is-over\]\:\[background\:\#fbf6f2\].is-over {
    background: #fbf6f2;
  }
  .tw\:\[\&\.is-ready\]\:cursor-pointer.is-ready {
    cursor: pointer;
  }
  .tw\:\[\&\.is-ready\:hover\]\:border-brand-coral.is-ready:hover {
    border-color: var(--coral);
  }
  .tw\:\[\&\.is-ready\:hover\]\:\[background\:\#fbf6f2\].is-ready:hover {
    background: #fbf6f2;
  }
  .tw\:\[\&\.is-scrolled\]\:\[box-shadow\:var\(--shadow-sm\)\].is-scrolled {
    box-shadow: var(--shadow-sm);
  }
  .tw\:\[\&\.is-scrolled\]\:backdrop-blur-md.is-scrolled {
    --tw-backdrop-blur: blur(var(--tw-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,);
  }
  .tw\:\[\&\.is-scrolled\]\:\[background\:rgba\(255\,255\,255\,\.95\)\].is-scrolled {
    background: rgba(255,255,255,.95);
  }
  .tw\:\[\&\.is-set\]\:font-bold.is-set {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:\[\&\.is-set\]\:text-brand-green-dark.is-set {
    color: var(--green-dark);
  }
  .tw\:\[\&\.is-set\]\:before\:content-\[\"✓_\"\].is-set::before {
    --tw-content: "✓ ";
    content: var(--tw-content);
  }
  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .tw\:zoom-hover\:\[\&\:hover\>img\]\:\[transform\:scale\(1\.07\)\]:hover > img {
      transform: scale(1.07);
    }
  }
  .tw\:\[\&\>img\]\:block > img {
    display: block;
  }
  .tw\:\[\&\>img\]\:h-full > img {
    height: 100%;
  }
  .tw\:\[\&\>img\]\:w-full > img {
    width: 100%;
  }
  .tw\:\[\&\>img\]\:object-contain > img {
    object-fit: contain;
  }
  .tw\:\[\&\>img\]\:\[transition\:transform_300ms_ease\] > img {
    transition: transform 300ms ease;
  }
  .tw\:\[\&\>span\]\:text-\[13px\] > span {
    font-size: 13px;
  }
  .tw\:\[\&\>span\]\:text-brand-muted > span {
    color: var(--muted);
  }
  .tw\:\[\&\>strong\]\:text-\[28px\] > strong {
    font-size: 28px;
  }
  .tw\:\[\&\>strong\]\:font-bold > strong {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:\[\&\>strong\]\:tracking-\[-\.01em\] > strong {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }
  .tw\:\[\&\>summary\]\:cursor-pointer > summary {
    cursor: pointer;
  }
  .tw\:\[\&\>summary\]\:select-none > summary {
    -webkit-user-select: none;
    user-select: none;
  }
  .tw\:\[\&\>summary\]\:\[list-style\:none\] > summary {
    list-style: none;
  }
  .tw\:\[\&\>summary\:\:-webkit-details-marker\]\:hidden > summary::-webkit-details-marker {
    display: none;
  }
  .tw\:\[\&\[aria-expanded\=false\]_\.icon\]\:rotate-180[aria-expanded=false] .icon {
    rotate: 180deg;
  }
  .home-js .tw\:\[\.home-js_\&\]\:flex {
    display: flex;
  }
  .home-js .tw\:\[\.home-js_\&\]\:grid {
    display: grid;
  }
  .home-js .tw\:\[\.home-js_\&\.can-scroll\]\:grid.can-scroll {
    display: grid;
  }
  .is-playing .tw\:\[\.is-playing_\&\]\:block {
    display: block;
  }
  .is-playing .tw\:\[\.is-playing_\&\]\:hidden {
    display: none;
  }
  .is-playing .tw\:\[\.is-playing_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .is-playing .tw\:\[\.is-playing_\&\]\:opacity-100 {
    opacity: 100%;
  }
  .is-playing .tw\:\[\.is-playing_\&\]\:group-hover\:opacity-100:is(:where(.tw\:group):hover *) {
    opacity: 100%;
  }
  [aria-expanded=true] > .tw\:\[\[aria-expanded\=true\]\>\&\]\:rotate-180 {
    rotate: 180deg;
  }
}
@layer base {
  :root {
    --ink: #0f1111;
    --ink-2: #333838;
    --muted: #565959;
    --faint: #767979;
    --line: #e3e6e6;
    --line-strong: #c9cdcd;
    --field-line: #a2a6a6;
    --field: #f3f4f4;
    --paper: #fff;
    --card: #fff;
    --soft: #f3f4f4;
    --green: #2c6a50;
    --green-dark: #1f513c;
    --green-soft: #e6f0eb;
    --green-line: #b8d3c5;
    --coral: #c86a51;
    --coral-dark: #9b4935;
    --coral-soft: #fbede7;
    --accent: var(--coral);
    --accent-dark: var(--coral-dark);
    --red: #a63d36;
    --red-soft: #f9e6e3;
    --amber: #8f5410;
    --amber-soft: #fbf1de;
    --blue: #2f5a8c;
    --blue-soft: #e5edf7;
    --radius: 24px;
    --radius-sm: 6px;
    --shadow-sm: 0 1px 2px rgba(15, 17, 17, .06);
    --shadow: 0 4px 16px rgba(15, 17, 17, .12);
    --shadow-pop: 0 2px 8px rgba(15, 17, 17, .10);
    --sans: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  }
  * {
    box-sizing: border-box;
  }
  [hidden] {
    display: none !important;
  }
  html {
    -webkit-text-size-adjust: var(--havva-text-size-adjust,100%);
  }
  body {
    margin: 0px;
    font-family: var(--sans);
    font-size: 14px;
    --tw-leading: 1.45;
    line-height: 1.45;
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    background: var(--paper);
    @media (max-width: 700px) {
      font-size: 15px;
    }
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button, input, select, textarea {
    color: inherit;
    font: inherit;
  }
  button {
    cursor: pointer;
  }
  button:disabled {
    cursor: not-allowed;
  }
  img {
    max-width: 100%;
  }
  code {
    border-radius: 4px;
    padding-inline: calc(var(--tw-spacing) * 1.25);
    padding-block: calc(var(--tw-spacing) * 0.25);
    font-size: 12px;
    background: var(--soft);
  }
  h1, h2, h3 {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
    text-wrap: balance;
  }
  p {
    text-wrap: var(--havva-text-wrap,pretty);
  }
  h3 {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * 6);
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  :focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 2px;
  }
  @keyframes flash-in {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    * {
      transition: none !important;
    }
  }
}
@layer components {
  .sr-only {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
  }
  .link {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--green-dark);
    text-decoration-line: underline;
    text-underline-offset: 3px;
    &:hover {
      color: var(--green);
    }
  }
  .icon {
    height: calc(var(--tw-spacing) * 4.5);
    width: calc(var(--tw-spacing) * 4.5);
    flex: none;
    fill: none;
    stroke: currentcolor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .flash {
    position: fixed;
    top: calc(var(--tw-spacing) * 21);
    right: calc(var(--tw-spacing) * 6);
    z-index: 40;
    display: flex;
    max-width: min(460px, calc(100vw - 32px));
    animation: flash-in .25s ease-out;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 3);
    border-radius: var(--radius-sm);
    padding-top: calc(var(--tw-spacing) * 3.5);
    padding-right: calc(var(--tw-spacing) * 3.5);
    padding-bottom: calc(var(--tw-spacing) * 3.5);
    padding-left: calc(var(--tw-spacing) * 4);
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
    color: var(--tw-color-white);
    box-shadow: var(--shadow);
    background: var(--ink);
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
    &::before {
      display: grid;
      height: calc(var(--tw-spacing) * 5.5);
      width: calc(var(--tw-spacing) * 5.5);
      flex: none;
      place-items: center;
      border-radius: 50%;
      font-size: 13px;
      --tw-font-weight: var(--tw-font-weight-bold);
      font-weight: var(--tw-font-weight-bold);
      --tw-content: 'i';
      content: var(--tw-content);
      background: rgba(255,255,255,.2);
    }
    &.success {
      background: var(--green-dark);
    }
    &.success::before {
      --tw-content: '✓';
      content: var(--tw-content);
    }
    &.error {
      background: var(--red);
    }
    &.error::before {
      --tw-content: '!';
      content: var(--tw-content);
    }
    & > span {
      flex: 1;
      padding-top: calc(var(--tw-spacing) * 0.25);
    }
  }
  .flash-close {
    background-color: transparent;
    background-image: none;
    padding-inline: var(--tw-spacing);
    padding-block: 0px;
    font-size: 22px;
    --tw-leading: 1;
    line-height: 1;
    color: inherit;
    opacity: 85%;
    border: 0;
  }
  .alert {
    margin-inline: 0px;
    margin-block: calc(var(--tw-spacing) * 3.5);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    font-size: 13px;
  }
  .alert.error {
    color: var(--red);
    background: var(--red-soft);
  }
  .notice {
    margin-inline: 0px;
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 3);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    font-size: 13px;
    color: var(--ink-2);
    background: var(--soft);
  }
  .notice .icon {
    margin-top: calc(var(--tw-spacing) * 0.25);
  }
  .notice.warn {
    color: var(--amber);
    background: var(--amber-soft);
  }
  .problem {
    margin-top: var(--tw-spacing);
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.25);
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--red);
  }
  .problem .icon {
    height: calc(var(--tw-spacing) * 3.5);
    width: calc(var(--tw-spacing) * 3.5);
  }
  tr.has-problem td {
    background: #fdf3f1;
  }
  .eyebrow {
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    --tw-tracking: .06em;
    letter-spacing: .06em;
    color: var(--muted);
    text-transform: uppercase;
  }
  .page-heading {
    margin-inline: 0px;
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 5);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 5);
    padding-bottom: calc(var(--tw-spacing) * 4);
    border-bottom: 1px solid var(--line);
  }
  .page-heading h1 {
    margin-inline: 0px;
    margin-top: var(--tw-spacing);
    margin-bottom: 0px;
    font: 700 28px/1.2 var(--sans);
  }
  .page-heading p {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * 1.5);
    margin-bottom: 0px;
    max-width: 680px;
    font-size: 14px;
    color: var(--muted);
  }
  .section-title {
    margin-inline: 0px;
    margin-top: var(--tw-spacing);
    margin-bottom: 0px;
    font: 700 21px/1.25 var(--sans);
  }
  .section-title.large {
    margin-top: calc(var(--tw-spacing) * 2);
    font-size: 28px;
  }
  .helper {
    font-size: 12px;
    color: var(--muted);
  }
  .helper .icon {
    margin-right: var(--tw-spacing);
    height: calc(var(--tw-spacing) * 3.75);
    width: calc(var(--tw-spacing) * 3.75);
    vertical-align: -3px;
  }
  .label {
    margin-bottom: calc(var(--tw-spacing) * 1.5);
    display: block;
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--muted);
  }
  .subhead {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * 4.5);
    margin-bottom: calc(var(--tw-spacing) * 2.5);
    font-size: 14px;
  }
  .btn {
    display: inline-flex;
    min-height: calc(var(--tw-spacing) * 11);
    align-items: center;
    justify-content: center;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: 999px;
    padding-inline: calc(var(--tw-spacing) * 4.5);
    padding-block: calc(var(--tw-spacing) * 2.5);
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--tw-color-white);
    background: var(--green);
    border: 1px solid var(--green);
    transition: background .15s,border-color .15s,color .15s;
  }
  .btn:hover {
    border-color: var(--green-dark);
    color: var(--tw-color-white);
    background: var(--green-dark);
  }
  .btn:disabled, .btn.is-disabled {
    cursor: not-allowed;
    border-color: #c9ccc9;
    color: var(--tw-color-white);
    background: #c9ccc9;
  }
  .btn.secondary {
    border-color: var(--line-strong);
    color: var(--ink);
    box-shadow: 0 2px 5px rgba(15,17,17,.08);
    background: var(--card);
  }
  .btn.secondary:hover {
    border-color: var(--field-line);
    color: var(--ink);
    background: #f7fafa;
  }
  .btn.secondary:disabled, .btn.secondary.is-disabled {
    border-color: var(--line);
    color: #b2b6b3;
    box-shadow: none;
    background: var(--card);
  }
  .btn.ghost {
    border-color: transparent;
    background-color: transparent;
    padding-right: calc(var(--tw-spacing) * 2);
    padding-left: calc(var(--tw-spacing) * 2);
    color: var(--green-dark);
  }
  .btn.ghost:hover {
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .btn.danger {
    border-color: var(--red);
    background: var(--red);
  }
  .btn.danger:hover {
    border-color: #87302a;
    background: #87302a;
  }
  .btn.ghost.danger-text {
    color: var(--red);
  }
  .btn.ghost.danger-text:hover {
    background: var(--red-soft);
  }
  .btn-lg {
    min-height: calc(var(--tw-spacing) * 13);
    padding-inline: calc(var(--tw-spacing) * 5.5);
    padding-block: calc(var(--tw-spacing) * 3);
    font-size: 15px;
  }
  .btn.block {
    width: 100%;
  }
  .btn .icon {
    height: calc(var(--tw-spacing) * 4.25);
    width: calc(var(--tw-spacing) * 4.25);
  }
  .icon-button {
    display: inline-grid;
    height: calc(var(--tw-spacing) * 10);
    width: calc(var(--tw-spacing) * 10);
    place-items: center;
    border-radius: var(--radius-sm);
    background-color: transparent;
    background-image: none;
    color: var(--muted);
    border: 1px solid transparent;
  }
  .icon-button:hover {
    color: var(--ink);
    background: var(--soft);
  }
  .button-row {
    margin-top: calc(var(--tw-spacing) * 3.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2.5);
  }
  .button-row.centered {
    justify-content: center;
  }
  .heading-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inline-form {
    margin: 0px;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .form-stack {
    display: grid;
    gap: calc(var(--tw-spacing) * 4);
  }
  .form-control {
    min-height: calc(var(--tw-spacing) * 11);
    width: 100%;
    border-radius: var(--radius-sm);
    background-color: var(--field);
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2.5);
    color: var(--ink);
    border: 1px solid var(--field-line);
    transition: border-color .15s,box-shadow .15s;
  }
  .form-control:hover {
    border-color: var(--muted);
  }
  .form-control:focus {
    border-color: var(--green);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
    outline: none;
  }
  .form-control.is-invalid {
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(166,61,54,.12);
  }
  .form-control.compact {
    min-height: calc(var(--tw-spacing) * 9);
    width: auto;
    min-width: calc(var(--tw-spacing) * 30);
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  select.form-control, summary.form-control {
    appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
    background-size: 5px 5px;
    background-position: calc(100% - 17px) 52%,calc(100% - 12px) 52%;
    background-repeat: no-repeat;
    padding-right: calc(var(--tw-spacing) * 8.5);
  }
  textarea.form-control {
    min-height: calc(var(--tw-spacing) * 22);
    resize: vertical;
  }
  .field-error {
    margin-top: calc(var(--tw-spacing) * 1.5);
    display: block;
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--red);
  }
  .checkbox {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    font-size: 13px;
    color: var(--ink-2);
  }
  .checkbox input {
    height: calc(var(--tw-spacing) * 4.25);
    width: calc(var(--tw-spacing) * 4.25);
    accent-color: var(--green);
  }
  .quantity-input {
    min-height: calc(var(--tw-spacing) * 10);
    width: calc(var(--tw-spacing) * 21);
    border-radius: var(--radius-sm);
    background-color: var(--field);
    padding: calc(var(--tw-spacing) * 2);
    text-align: center;
    border: 1px solid var(--field-line);
  }
  .quantity-input:focus {
    border-color: var(--green);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
    outline: none;
  }
  .quantity-input.low {
    border-color: #e2b9a7;
    background: #fdf4ef;
  }
  .req {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--coral-dark);
  }
  .optional {
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
    color: var(--muted);
  }
  .field {
    display: block;
  }
  .field.narrow {
    max-width: calc(var(--tw-spacing) * 60);
  }
  .password-field {
    position: relative;
    display: block;
  }
  .password-field .form-control {
    padding-right: calc(var(--tw-spacing) * 12);
  }
  .password-toggle {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    display: grid;
    width: calc(var(--tw-spacing) * 11);
    place-items: center;
    border-radius: var(--radius-sm);
    background-color: transparent;
    background-image: none;
    color: var(--muted);
    border: 0;
  }
  .password-toggle:hover, .password-toggle[aria-pressed="true"] {
    color: var(--green-dark);
  }
  .form-section {
    margin: 0px;
    display: grid;
    min-width: 0px;
    gap: calc(var(--tw-spacing) * 3.5);
    border-width: 0 0 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor var(--line);
    padding-inline: 0px;
    padding-block: calc(var(--tw-spacing) * 5);
  }
  .form-section legend {
    float: left;
    margin-inline: 0px;
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 3.5);
    width: 100%;
    padding: 0px;
    font-size: 16px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .form-section legend + * {
    clear: both;
  }
  .p-badges {
    pointer-events: none;
    position: absolute;
    top: calc(var(--tw-spacing) * 2.5);
    right: calc(var(--tw-spacing) * 2.5);
    z-index: 1;
    display: flex;
    max-width: calc(100% - 20px);
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--tw-spacing) * 1.25);
  }
  .p-badge {
    display: inline-block;
    border-radius: 6px;
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: var(--tw-spacing);
    font-size: 10px;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    --tw-tracking: .08em;
    letter-spacing: .08em;
    white-space: nowrap;
    color: var(--tw-color-white);
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0,0,0,.14);
  }
  .p-badge.is-new {
    background: var(--coral-dark);
  }
  .p-badge.is-top {
    background: var(--green-dark);
  }
  .p-badges.is-inline {
    position: static;
    max-width: none;
    min-width: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
  }
  .p-badges.is-inline .p-badge {
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: none;
  }
  .product-price {
    font-size: 20px;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--ink);
    font-variant-numeric: tabular-nums;
  }
  .product-price small {
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
    color: var(--muted);
  }
  .product-price .warn {
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--amber);
  }
  .empty-state {
    display: grid;
    justify-items: center;
    gap: var(--tw-spacing);
    border-radius: var(--radius);
    padding-inline: calc(var(--tw-spacing) * 6);
    padding-block: calc(var(--tw-spacing) * 14);
    text-align: center;
    color: var(--muted);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .empty-state h2 {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * 2);
    margin-bottom: 0px;
    color: var(--ink);
    font: 700 21px/1.25 var(--sans);
  }
  .empty-state p {
    margin-inline: 0px;
    margin-top: var(--tw-spacing);
    margin-bottom: calc(var(--tw-spacing) * 4);
    max-width: calc(var(--tw-spacing) * 115);
    font-size: 15px;
  }
  .empty-icon {
    margin-bottom: var(--tw-spacing);
    display: grid;
    height: calc(var(--tw-spacing) * 14);
    width: calc(var(--tw-spacing) * 14);
    place-items: center;
    border-radius: 50%;
    color: var(--ink-2);
    background: var(--soft);
  }
  .empty-icon .icon {
    height: calc(var(--tw-spacing) * 6);
    width: calc(var(--tw-spacing) * 6);
  }
  .option {
    position: relative;
  }
  .option input {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0%;
  }
  .option > span {
    display: flex;
    min-height: calc(var(--tw-spacing) * 11.5);
    min-width: calc(var(--tw-spacing) * 14);
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 1.5);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    background: #fff;
    border: 1.5px solid var(--line-strong);
    transition: border-color .15s,background .15s;
  }
  .option > span small {
    margin-top: calc(var(--tw-spacing) * 0.5);
    font-size: 10.5px;
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
    white-space: nowrap;
    color: var(--muted);
  }
  .option > span small:empty {
    display: none;
  }
  .option:hover > span {
    border-color: var(--ink-2);
  }
  .option input:checked + span {
    border-color: var(--green);
    color: var(--green-dark);
    box-shadow: inset 0 0 0 1px var(--green);
    background: var(--green-soft);
  }
  .option input:checked + span small {
    color: var(--green-dark);
  }
  .option input:focus-visible + span {
    outline: 2px solid var(--green);
    outline-offset: 2px;
  }
  .option input:disabled + span {
    cursor: not-allowed;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--line-strong);
    color: #a9a49e;
    box-shadow: none;
    background: repeating-linear-gradient(135deg,#fafafa 0 6px,#f0f2f2 6px 12px);
  }
  .option input:disabled + span > :first-child {
    text-decoration-line: line-through;
  }
  .size-prices {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * -2);
    margin-bottom: calc(var(--tw-spacing) * 4);
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    column-gap: calc(var(--tw-spacing) * 4);
    row-gap: calc(var(--tw-spacing) * 1.5);
    padding: 0px;
    font-size: 13px;
    color: var(--muted);
  }
  .size-prices strong {
    margin-right: var(--tw-spacing);
    color: var(--ink);
  }
  .qty-input {
    width: calc(var(--tw-spacing) * 22);
    text-align: center;
    font-size: 16px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .stepper {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--field);
    border: 1px solid var(--field-line);
  }
  .stepper .form-control {
    min-height: calc(var(--tw-spacing) * 11.5);
    width: calc(var(--tw-spacing) * 16);
    border-radius: 0;
    box-shadow: none;
    -moz-appearance: textfield;
    border: 0;
  }
  .stepper .form-control::-webkit-inner-spin-button, .stepper .form-control::-webkit-outer-spin-button {
    margin: 0px;
    -webkit-appearance: none;
  }
  .stepper:focus-within {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
    background: #fff;
  }
  .stepper button {
    width: calc(var(--tw-spacing) * 11.5);
    font-size: 20px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink-2);
    background: var(--soft);
    border: 0;
  }
  .stepper button:hover:not(:disabled) {
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .stepper button:disabled {
    color: #c3c0bb;
  }
  .stock-table {
    margin-inline: 0px;
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 2.5);
    width: 100%;
    border-collapse: collapse;
    background: var(--card);
  }
  .stock-table th, .stock-table td {
    padding-inline: calc(var(--tw-spacing) * 2.25);
    padding-block: calc(var(--tw-spacing) * 2.5);
    text-align: left;
    font-size: 13px;
    border-bottom: 1px solid var(--line);
  }
  .stock-table thead th {
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--muted);
  }
  .matrix td, .matrix thead th:not(:first-child) {
    text-align: center;
  }
  .available {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--green);
  }
  .stock-ok {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--green);
  }
  .stock-low {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--amber);
  }
  .checkout-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 380px;
    align-items: start;
    gap: calc(var(--tw-spacing) * 6);
  }
  .stack {
    display: grid;
    min-width: 0px;
    gap: calc(var(--tw-spacing) * 4.5);
  }
  .stack > .panel {
    margin: 0px;
  }
  .summary-card {
    position: sticky;
    top: calc(var(--tw-spacing) * 23);
    display: grid;
    gap: calc(var(--tw-spacing) * 3.5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 5.5);
    box-shadow: var(--shadow-sm);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .summary-card.plain {
    position: static;
    box-shadow: none;
  }
  .summary-card h2 {
    margin: 0px;
    font-size: 18px;
  }
  .summary-card > .helper, .summary-card .helper {
    margin: 0px;
  }
  .summary-count {
    margin: 0px;
    color: var(--muted);
  }
  .summary-count strong {
    color: var(--ink);
  }
  .price-line {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 4);
    padding-inline: 0px;
    padding-block: calc(var(--tw-spacing) * 1.75);
    font-size: 14px;
    color: var(--ink-2);
  }
  .price-line strong {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--ink);
  }
  .price-total {
    margin-top: calc(var(--tw-spacing) * 1.5);
    padding-top: calc(var(--tw-spacing) * 3.5);
    font-size: 15px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--ink);
    border-top: 1px solid var(--line-strong);
  }
  .price-total strong {
    font-size: 24px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    font-variant-numeric: tabular-nums;
  }
  .cart-table, .bundle-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--card);
  }
  .cart-table th, .cart-table td, .bundle-table th, .bundle-table td {
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 1px solid var(--line);
  }
  .cart-table thead th, .bundle-table thead th {
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--muted);
  }
  .bundle-table.data-table td {
    white-space: normal;
  }
  tr.bundle-head td {
    padding-top: calc(var(--tw-spacing) * 3);
    padding-bottom: calc(var(--tw-spacing) * 3);
    background: var(--soft);
  }
  .line-product {
    display: flex;
    min-width: 0px;
    align-items: center;
    gap: calc(var(--tw-spacing) * 3);
  }
  a.line-product:hover .line-name {
    text-decoration-line: underline;
    text-underline-offset: 3px;
  }
  .line-thumb {
    display: block;
    height: calc(var(--tw-spacing) * 13.75);
    width: calc(var(--tw-spacing) * 11);
    flex: none;
    border-radius: 6px;
    object-fit: contain;
    background: var(--card);
    border: 1px solid var(--line);
  }
  .line-thumb.small {
    height: calc(var(--tw-spacing) * 12.5);
    width: calc(var(--tw-spacing) * 10);
  }
  .line-name {
    display: block;
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .line-meta {
    display: block;
    font-size: 12px;
    color: var(--muted);
  }
  .line-meta b {
    color: var(--ink-2);
  }
  .size-tag {
    display: inline-grid;
    height: calc(var(--tw-spacing) * 7.5);
    min-width: calc(var(--tw-spacing) * 9.5);
    place-items: center;
    border-radius: 6px;
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: 0px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    border: 1px solid var(--line-strong);
  }
  tr.bundle-total td {
    padding-top: calc(var(--tw-spacing) * 2);
    padding-bottom: calc(var(--tw-spacing) * 2);
    text-align: right;
    font-size: 12px;
    color: var(--muted);
  }
  tr.bundle-total strong {
    font-size: 13px;
    color: var(--ink);
  }
  .bundle-table tfoot th {
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    text-align: right;
    font-size: 13px;
  }
  .cart-table tr.size-row td {
    padding-block: calc(var(--tw-spacing) * 2.5);
  }
  .cart-table .col-money {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .cart-table td.col-total {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--ink);
  }
  .cart-table .col-remove {
    width: calc(var(--tw-spacing) * 14);
    padding-right: calc(var(--tw-spacing) * 2);
    padding-left: var(--tw-spacing);
    text-align: center;
  }
  .cart-table td.col-remove .inline-form {
    display: inline-flex;
    vertical-align: middle;
  }
  .cart-stock {
    margin-left: calc(var(--tw-spacing) * 2);
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--amber);
  }
  .info-list {
    margin: 0px;
    display: grid;
  }
  .info-list > div {
    display: grid;
    grid-template-columns: 130px minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 3);
    padding-inline: 0px;
    padding-block: calc(var(--tw-spacing) * 2.5);
    border-bottom: 1px solid var(--line);
  }
  .info-list > div:last-child {
    border-bottom: 0;
  }
  .info-list dt {
    font-size: 13px;
    color: var(--muted);
  }
  .info-list dd {
    margin: 0px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .data-table td.sku {
    white-space: nowrap;
  }
  .attachment-list {
    margin-bottom: calc(var(--tw-spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--tw-spacing) * 2);
  }
  .attachment-item {
    margin: 0px;
    display: grid;
    justify-items: start;
    gap: var(--tw-spacing);
  }
  .attachment-item .btn.ghost {
    min-height: calc(var(--tw-spacing) * 8);
    padding-inline: calc(var(--tw-spacing) * 1.5);
    padding-block: 0px;
  }
  a.attachment-item img {
    border-radius: 6px;
  }
  .status-tabs {
    margin-bottom: calc(var(--tw-spacing) * 3.5);
    display: flex;
    scrollbar-width: none;
    gap: var(--tw-spacing);
    overflow-x: auto;
    border-bottom: 1px solid var(--line);
  }
  .status-tabs a {
    margin-bottom: -1px;
    display: inline-flex;
    min-height: calc(var(--tw-spacing) * 11);
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 2.5);
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--muted);
    border-bottom: 2px solid transparent;
  }
  .status-tabs a:hover {
    color: var(--ink);
  }
  .status-tabs a.active {
    border-color: var(--green);
    color: var(--ink);
  }
  .status-dot {
    height: calc(var(--tw-spacing) * 2);
    width: calc(var(--tw-spacing) * 2);
    border-radius: 50%;
    background-color: currentcolor;
  }
  .status-dot.status-pending {
    color: #c48a1d;
  }
  .status-dot.status-confirmed {
    color: var(--blue);
  }
  .status-dot.status-completed {
    color: var(--green);
  }
  .status-dot.status-cancelled {
    color: var(--red);
  }
  .status-dot.status-approved {
    color: var(--green);
  }
  .status-dot.status-rejected {
    color: var(--red);
  }
  .panel.flush {
    overflow: hidden;
    padding: 0px;
  }
  .panel-heading.padded {
    margin-bottom: calc(var(--tw-spacing) * 2);
    padding-inline: calc(var(--tw-spacing) * 4.5);
    padding-top: calc(var(--tw-spacing) * 4);
    padding-bottom: 0px;
  }
  .orders-table td .helper {
    display: block;
  }
  .data-table.orders-table th, .data-table.orders-table td {
    padding-inline: calc(var(--tw-spacing) * 2);
    &:first-child {
      padding-left: calc(var(--tw-spacing) * 3);
    }
    &:last-child {
      padding-right: calc(var(--tw-spacing) * 3);
    }
    @media (max-width: 700px) {
      padding-inline: 0px;
    }
    @media (max-width: 700px) {
      &:first-child {
        padding-left: 0px;
      }
    }
    @media (max-width: 700px) {
      &:last-child {
        padding-right: 0px;
      }
    }
  }
  .orders-table .row-action .btn {
    padding-inline: calc(var(--tw-spacing) * 3.5);
  }
  .orders-table tbody tr[data-href] {
    cursor: pointer;
  }
  .orders-table tbody tr[data-href]:hover td {
    background: #f7fafa;
  }
  .row-action {
    text-align: right;
  }
  .row-action .btn {
    min-height: calc(var(--tw-spacing) * 9.5);
  }
  .bulk-bar {
    margin-bottom: calc(var(--tw-spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2.5);
    background: var(--soft);
  }
  .panel.flush .bulk-bar {
    margin-inline: calc(var(--tw-spacing) * 3);
    margin-top: var(--tw-spacing);
  }
  .bulk-count {
    margin-right: auto;
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink-2);
  }
  .bulk-bar .btn {
    min-height: calc(var(--tw-spacing) * 9.5);
  }
  .bulk-bar .btn:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
  .bulk-field {
    display: inline-flex;
    align-items: center;
  }
  .data-table th.col-select, .data-table td.col-select {
    width: calc(var(--tw-spacing) * 8);
    padding-right: 0px;
  }
  .col-select input {
    height: calc(var(--tw-spacing) * 4.5);
    width: calc(var(--tw-spacing) * 4.5);
    cursor: pointer;
    accent-color: var(--green);
  }
  .stats {
    margin-inline: 0px;
    margin-block: calc(var(--tw-spacing) * 6);
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: calc(var(--tw-spacing) * 3);
  }
  .stat-card, .panel {
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 5);
    background: var(--card);
    border: 1px solid var(--line);
  }
  a.stat-card:hover {
    border-color: var(--green);
  }
  .stat-card small {
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--muted);
  }
  .stat-card strong {
    margin-top: calc(var(--tw-spacing) * 1.5);
    display: block;
    font-variant-numeric: tabular-nums;
    font: 700 28px/1.15 var(--sans);
  }
  .panel {
    margin-bottom: calc(var(--tw-spacing) * 4.5);
    min-width: 0px;
  }
  .panel-heading {
    margin-bottom: calc(var(--tw-spacing) * 3.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
  }
  .panel-heading h2 {
    margin: 0px;
    font-size: 18px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .panel-heading h2 .helper {
    margin-left: calc(var(--tw-spacing) * 1.5);
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .toolbar {
    margin-bottom: calc(var(--tw-spacing) * 4.5);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 3.5);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .toolbar label {
    flex: 1 1 170px;
  }
  .toolbar label.grow {
    flex: 2 1 260px;
  }
  .toolbar label.date {
    flex: 1 1 150px;
  }
  .toolbar .multiselect-field {
    flex: 1 1 170px;
  }
  .toolbar.compact {
    margin-bottom: calc(var(--tw-spacing) * 3);
    background-color: transparent;
    background-image: none;
    padding: 0px;
    border: 0;
  }
  .toolbar .checkbox {
    flex: 0 0 auto;
    padding-bottom: calc(var(--tw-spacing) * 3);
  }
  summary.form-control {
    display: flex;
    cursor: pointer;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    list-style: none;
  }
  summary.form-control::-webkit-details-marker {
    display: none;
  }
  summary.form-control > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .multiselect {
    position: relative;
  }
  .multiselect[open] > summary.form-control {
    border-color: var(--green);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
  }
  .multiselect > summary.form-control {
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 2.5);
    background-image: none;
    padding-right: calc(var(--tw-spacing) * 3);
  }
  .multiselect > summary.form-control::after {
    margin-top: calc(var(--tw-spacing) * -1);
    margin-right: calc(var(--tw-spacing) * 0.5);
    height: calc(var(--tw-spacing) * 2);
    width: calc(var(--tw-spacing) * 2);
    flex: none;
    transform: rotate(45deg);
    --tw-content: '';
    content: var(--tw-content);
    border-bottom: 1.5px solid var(--muted);
    border-right: 1.5px solid var(--muted);
    transition: transform .2s;
  }
  .multiselect[open] > summary.form-control::after {
    margin-top: var(--tw-spacing);
    transform: rotate(-135deg);
  }
  .multiselect-panel {
    position: absolute;
    top: calc(100% + 4px);
    left: 0px;
    z-index: 30;
    display: grid;
    max-height: min(440px, 70vh);
    width: min(340px, calc(100vw - 32px));
    gap: calc(var(--tw-spacing) * 3);
    overflow-y: auto;
    border-radius: var(--radius-sm);
    padding: calc(var(--tw-spacing) * 3.5);
    box-shadow: var(--shadow);
    background: var(--card);
    border: 1px solid var(--line-strong);
  }
  .multiselect-panel .checkbox {
    min-height: calc(var(--tw-spacing) * 8);
    flex: none;
    padding-bottom: 0px;
    font-size: 13px;
  }
  .multiselect-panel .multiselect-all {
    padding-bottom: calc(var(--tw-spacing) * 2);
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    border-bottom: 1px solid var(--line);
  }
  .multiselect-group {
    display: grid;
    gap: var(--tw-spacing);
  }
  .multiselect-group h4 {
    margin: 0px;
    font-size: 11px;
    --tw-tracking: .06em;
    letter-spacing: .06em;
    color: var(--muted);
    text-transform: uppercase;
  }
  .multiselect-options {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: calc(var(--tw-spacing) * 2);
    row-gap: calc(var(--tw-spacing) * 0.5);
  }
  .multiselect-actions {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--tw-spacing) * 2);
    padding-top: calc(var(--tw-spacing) * 2.5);
    border-top: 1px solid var(--line);
  }
  .multiselect-actions .btn {
    min-height: calc(var(--tw-spacing) * 9);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .multiselect-field.is-inline .multiselect-panel {
    position: static;
    margin-top: calc(var(--tw-spacing) * 2);
    margin-bottom: var(--tw-spacing);
    max-height: none;
    width: 100%;
    padding: calc(var(--tw-spacing) * 3);
    box-shadow: var(--shadow-pop);
  }
  .cselect {
    display: grid;
  }
  .cselect-trigger {
    display: flex;
    min-height: calc(var(--tw-spacing) * 10);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius-sm);
    background-color: var(--field);
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2);
    text-align: left;
    font-size: 13px;
    color: var(--ink);
    border: 1px solid var(--field-line);
    transition: border-color .15s,box-shadow .15s,background-color .15s;
    @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
      min-height: calc(var(--tw-spacing) * 11);
    }
    @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
      font-size: 14px;
    }
  }
  .cselect-trigger::after {
    margin-top: calc(var(--tw-spacing) * -1);
    margin-right: calc(var(--tw-spacing) * 0.5);
    height: calc(var(--tw-spacing) * 2);
    width: calc(var(--tw-spacing) * 2);
    flex: none;
    transform: rotate(45deg);
    --tw-content: '';
    content: var(--tw-content);
    border-bottom: 1.5px solid var(--muted);
    border-right: 1.5px solid var(--muted);
    transition: transform .2s;
  }
  .cselect-trigger:hover {
    border-color: var(--muted);
  }
  .cselect-trigger:focus-visible, .cselect.is-open .cselect-trigger {
    border-color: var(--green);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(44,106,80,.18);
    outline: none;
  }
  .cselect.is-open .cselect-trigger::after {
    margin-top: var(--tw-spacing);
    transform: rotate(-135deg);
  }
  .cselect.has-value .cselect-trigger {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .cselect-value {
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cselect-list {
    margin-inline: 0px;
    margin-top: calc(var(--tw-spacing) * 2);
    margin-bottom: var(--tw-spacing);
    display: grid;
    max-height: calc(var(--tw-spacing) * 66);
    scrollbar-width: thin;
    list-style-type: none;
    gap: calc(var(--tw-spacing) * 0.5);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--radius-sm);
    padding: calc(var(--tw-spacing) * 1.5);
    box-shadow: var(--shadow-pop);
    background: var(--card);
    border: 1px solid var(--line-strong);
    &:focus {
      outline: none;
    }
  }
  .cselect-list [role="option"] {
    display: flex;
    min-height: calc(var(--tw-spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
    border-radius: 4px;
    padding-inline: calc(var(--tw-spacing) * 2.5);
    padding-block: calc(var(--tw-spacing) * 2);
    font-size: 13px;
    color: var(--ink-2);
    -webkit-user-select: none;
    user-select: none;
    @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
      min-height: calc(var(--tw-spacing) * 11);
    }
    @media (max-width: 860px), (orientation: portrait) and (max-width: 1100px), (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
      font-size: 14px;
    }
  }
  .cselect-list [role="option"].is-active {
    color: var(--ink);
    background: var(--soft);
  }
  .cselect-list [role="option"][aria-selected="true"] {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--green-dark);
  }
  .cselect-list [role="option"][aria-selected="true"]::after {
    margin-top: calc(var(--tw-spacing) * -1);
    margin-right: calc(var(--tw-spacing) * 0.5);
    height: calc(var(--tw-spacing) * 1.5);
    width: calc(var(--tw-spacing) * 2.5);
    flex: none;
    transform: rotate(-45deg);
    --tw-content: '';
    content: var(--tw-content);
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
  }
  .multiselect-field.is-inline .multiselect-options {
    grid-template-columns: repeat(3,minmax(0,1fr));
    @media (max-width: 860px) {
      grid-template-columns: repeat(4,minmax(0,1fr));
    }
  }
  .toolbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .table-wrap {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .data-table {
    width: 100%;
    border-collapse: collapse;
  }
  .data-table th, .data-table td {
    padding: calc(var(--tw-spacing) * 3);
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 1px solid var(--line);
  }
  .data-table thead th {
    border-bottom-color: var(--line-strong);
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    white-space: nowrap;
    color: var(--muted);
    background: var(--card);
  }
  .data-table tbody tr:last-child > * {
    border-bottom: 0;
  }
  .break-code {
    word-break: break-all;
  }
  .import-problems td, .import-products td, .interests-table td {
    vertical-align: top;
  }
  @media (max-width: 700px) {
    .import-problems thead, .import-products thead, .interests-table thead {
      display: none;
    }
    .import-problems tr, .import-products tr, .interests-table tr {
      display: block;
      padding-block: calc(var(--tw-spacing) * 2);
      border-bottom: 1px solid var(--line);
    }
    .import-problems td, .import-products td, .interests-table td {
      display: block;
      padding-inline: 0px;
      padding-block: var(--tw-spacing);
      border: 0;
    }
    .import-problems, .import-products, .import-problems tbody, .import-products tbody, .interests-table, .interests-table tbody {
      display: block;
    }
  }
  .data-table.import-problems td, .data-table.import-products td, .data-table.interests-table td {
    white-space: normal;
  }
  @media (max-width: 700px) {
    .import-problems td::before, .import-products td::before, .interests-table td::before {
      display: block;
      font-size: 11px;
      --tw-font-weight: var(--tw-font-weight-semibold);
      font-weight: var(--tw-font-weight-semibold);
      color: var(--muted);
      --tw-content: attr(data-label);
      content: var(--tw-content);
    }
  }
  .import-drop {
    display: grid;
    flex: 2 1 260px;
    gap: calc(var(--tw-spacing) * 1.5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 3);
    background: var(--card);
    border: 2px dashed var(--line);
    transition: border-color .15s,background .15s;
  }
  .import-drop.is-over {
    border-color: var(--coral);
    background: #fbf6f2;
  }
  .import-drop.is-disabled {
    opacity: 60%;
  }
  .import-media {
    margin-top: calc(var(--tw-spacing) * 2);
    margin-bottom: 0px;
    display: grid;
    gap: var(--tw-spacing);
    padding-left: calc(var(--tw-spacing) * 5);
    font-size: 12px;
  }
  .import-steps {
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 3.5);
    display: grid;
    gap: calc(var(--tw-spacing) * 2.5);
    padding-left: calc(var(--tw-spacing) * 5);
    font-size: 13px;
  }
  .import-steps .btn {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .import-created {
    display: grid;
    gap: var(--tw-spacing);
    padding-left: calc(var(--tw-spacing) * 5);
    font-size: 13px;
  }
  .gallery-video-thumb {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--tw-spacing);
    font-size: 10px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-white);
    background: var(--ink) !important;
  }
  .gallery-video-thumb .icon {
    height: calc(var(--tw-spacing) * 6);
    width: calc(var(--tw-spacing) * 6);
  }
  .gallery-frame {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    border: 0;
  }
  .can-enlarge {
    cursor: zoom-in;
  }
  html.lightbox-open {
    overflow: hidden;
  }
  .lightbox {
    position: fixed;
    inset: 0px;
    z-index: 90;
    display: grid;
    animation: lightbox-in .2s ease-out;
    grid-template-rows: auto minmax(0,1fr);
    overscroll-behavior: contain;
    color: var(--tw-color-white);
    background: rgba(12,12,12,.94);
  }
  .lightbox-bar {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: calc(var(--tw-spacing) * 14);
    align-items: center;
    justify-content: space-between;
    padding-right: calc(var(--tw-spacing) * 1.5);
    padding-left: calc(var(--tw-spacing) * 4);
  }
  .lightbox-count {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    --tw-tracking: .04em;
    letter-spacing: .04em;
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 80%, transparent);
    }
    font-variant-numeric: tabular-nums;
  }
  .lightbox-tools {
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .lightbox-tool {
    display: grid;
    height: calc(var(--tw-spacing) * 11);
    width: calc(var(--tw-spacing) * 11);
    place-items: center;
    border-radius: 6px;
    background-color: transparent;
    padding: 0px;
    color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white) 80%, transparent);
    }
    border: 0;
    transition: background .15s,color .15s;
    &:hover {
      color: var(--tw-color-white);
    }
    &:hover {
      background: rgba(255,255,255,.12);
    }
    &:focus-visible {
      outline: 2px solid #fff;
    }
    &:focus-visible {
      outline-offset: -2px;
    }
  }
  .lightbox-tool .icon, .lightbox-arrow .icon {
    height: calc(var(--tw-spacing) * 5);
    width: calc(var(--tw-spacing) * 5);
  }
  .lightbox-tool[aria-pressed="true"] {
    color: var(--tw-color-white);
    background: rgba(255,255,255,.16);
  }
  .lightbox-stage {
    position: relative;
    display: grid;
    touch-action: none;
    place-items: center;
    overflow: hidden;
    padding-inline: calc(var(--tw-spacing) * 18);
    padding-bottom: calc(var(--tw-spacing) * 6);
    -webkit-user-select: none;
    user-select: none;
    @media (max-width: 700px) {
      padding-inline: 0px;
    }
    @media (max-width: 700px) {
      padding-bottom: 0px;
    }
  }
  .lightbox-image {
    display: block;
    max-height: calc(100dvh - 80px);
    max-width: calc(100vw - 144px);
    cursor: zoom-in;
    object-fit: contain;
    box-shadow: 0 12px 48px rgba(0,0,0,.45);
    transition: transform .25s ease;
    @media (max-width: 700px) {
      max-height: calc(100dvh - 56px);
    }
    @media (max-width: 700px) {
      max-width: 100%;
    }
  }
  .lightbox.is-zoomed .lightbox-image {
    cursor: grab;
  }
  .lightbox.is-panning .lightbox-image {
    cursor: grabbing;
    transition: none;
  }
  .lightbox-arrow {
    position: absolute;
    top: calc(1 / 2 * 100%);
    z-index: 2;
    margin-top: calc(var(--tw-spacing) * -1);
    display: grid;
    height: calc(var(--tw-spacing) * 11);
    width: calc(var(--tw-spacing) * 11);
    place-items: center;
    border-radius: 6px;
    padding: 0px;
    color: var(--tw-color-white);
    background: rgba(0,0,0,.55);
    border: 0;
    transition: background .15s;
    &:hover {
      background: #000;
    }
    &:focus-visible {
      outline: 2px solid #fff;
    }
    @media (max-width: 700px) {
      height: calc(var(--tw-spacing) * 10);
    }
    @media (max-width: 700px) {
      width: calc(var(--tw-spacing) * 10);
    }
    @media (max-width: 700px) {
      background: rgba(0,0,0,.4);
    }
  }
  .lightbox-arrow.is-prev {
    left: calc(var(--tw-spacing) * 3);
    @media (max-width: 700px) {
      left: calc(var(--tw-spacing) * 1.5);
    }
  }
  .lightbox-arrow.is-next {
    right: calc(var(--tw-spacing) * 3);
    @media (max-width: 700px) {
      right: calc(var(--tw-spacing) * 1.5);
    }
  }
  @keyframes lightbox-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .data-table tfoot th {
    border-bottom: 0;
    border-top: 2px solid var(--line);
  }
  .data-table tr.editing td {
    background: #f7fafa;
  }
  .data-table .actions {
    white-space: nowrap;
  }
  .data-table .actions > * {
    margin-inline: 0px;
    margin-block: calc(var(--tw-spacing) * 0.5);
  }
  .products-table .btn, .inventory-table .btn {
    min-height: calc(var(--tw-spacing) * 9);
    padding-inline: calc(var(--tw-spacing) * 2.5);
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .products-table td:nth-child(3), .inventory-table td:nth-child(2) {
    min-width: calc(var(--tw-spacing) * 35);
  }
  .products-table td:nth-child(4), .products-table td:nth-child(5) {
    min-width: calc(var(--tw-spacing) * 24);
  }
  .products-table .actions {
    min-width: calc(var(--tw-spacing) * 44);
    white-space: normal;
  }
  .inventory-table .form-control.compact {
    width: calc(var(--tw-spacing) * 31);
    min-width: 0px;
  }
  .inventory-table .barcode-value {
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
    word-break: break-all;
  }
  .inventory-table .quantity-input {
    width: calc(var(--tw-spacing) * 20);
  }
  .stock-grid th[scope="row"] {
    white-space: nowrap;
  }
  .stock-grid td, .stock-grid thead th:not(:first-child) {
    text-align: center;
  }
  .stock-grid .quantity-input {
    width: calc(var(--tw-spacing) * 18);
    text-align: center;
  }
  .thumb {
    display: block;
    height: calc(var(--tw-spacing) * 13);
    width: calc(var(--tw-spacing) * 11);
    max-width: none;
    border-radius: 4px;
    object-fit: contain;
    background: var(--card);
    border: 1px solid var(--line);
  }
  .thumb.large {
    height: calc(var(--tw-spacing) * 29);
    width: calc(var(--tw-spacing) * 24);
  }
  .product-images-head h3 {
    margin-inline: 0px;
    margin-top: 0px;
    margin-bottom: calc(var(--tw-spacing) * 0.5);
    font: 700 18px/1.3 var(--sans);
  }
  .product-images-head p {
    margin: 0px;
  }
  .image-item {
    margin: 0px;
    display: grid;
    width: calc(var(--tw-spacing) * 28);
    align-content: start;
    justify-items: start;
    gap: calc(var(--tw-spacing) * 1.25);
  }
  .image-thumb {
    position: relative;
    height: calc(var(--tw-spacing) * 33.5);
    width: calc(var(--tw-spacing) * 28);
    overflow: hidden;
    border-radius: 6px;
    background: var(--card);
    border: 2px solid var(--line);
  }
  .image-thumb img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .view-toggle {
    display: inline-grid;
    height: calc(var(--tw-spacing) * 9);
    width: calc(var(--tw-spacing) * 9);
    cursor: pointer;
    place-items: center;
    border-radius: var(--radius-sm);
    padding: 0px;
    color: var(--muted);
    background: var(--card);
    border: 1px solid var(--line-strong);
    transition: background .15s,border-color .15s,color .15s;
    @media (max-width: 700px) {
      height: calc(var(--tw-spacing) * 11);
    }
    @media (max-width: 700px) {
      width: calc(var(--tw-spacing) * 11);
    }
  }
  .view-toggle .icon {
    height: calc(var(--tw-spacing) * 4.5);
    width: calc(var(--tw-spacing) * 4.5);
  }
  .view-toggle:hover {
    border-color: var(--green);
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .view-toggle:active {
    transform: scale(.96);
  }
  .view-toggle:focus-visible {
    outline: 2px solid var(--coral);
    outline-offset: 2px;
  }
  .view-toggle[aria-pressed="true"] {
    border-color: var(--green);
    color: var(--tw-color-white);
    background: var(--green);
  }
  .image-main-badge, .image-new-badge {
    position: absolute;
    top: calc(var(--tw-spacing) * 1.5);
    left: calc(var(--tw-spacing) * 1.5);
  }
  .image-item .image-main-badge {
    display: none;
  }
  .image-new-badge {
    right: calc(var(--tw-spacing) * 1.5);
    left: auto;
    color: var(--muted);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .image-item.is-main .image-thumb {
    border-color: var(--ink);
  }
  .image-item.is-main .image-main-badge {
    display: inline-block;
  }
  .image-item.is-removing .image-thumb {
    --tw-border-style: dashed;
    border-style: dashed;
    opacity: 35%;
  }
  .image-item .checkbox {
    font-size: 12px;
  }
  .image-item .btn.ghost {
    min-height: calc(var(--tw-spacing) * 7);
    padding: 0px;
  }
  .image-item figcaption {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-form .image-more {
    display: grid;
    height: calc(var(--tw-spacing) * 33.5);
    width: calc(var(--tw-spacing) * 28);
    place-content: center;
    justify-items: center;
    gap: var(--tw-spacing);
    border-radius: 6px;
    padding: calc(var(--tw-spacing) * 2);
    text-align: center;
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--coral-dark);
    background: var(--card);
    border: 2px dashed var(--coral);
  }
  .image-more span {
    font-size: 26px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
  }
  .image-more:hover {
    background: var(--soft);
  }
  .admin-form {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: end;
    gap: calc(var(--tw-spacing) * 3.5);
  }
  .admin-form.three {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .admin-form .full {
    grid-column: 1/-1;
  }
  .admin-form .btn {
    width: max-content;
  }
  .size-group {
    display: grid;
    min-width: 0px;
    align-content: start;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .size-group-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--tw-spacing) * 3);
    row-gap: var(--tw-spacing);
    padding-bottom: calc(var(--tw-spacing) * 2);
    border-bottom: 1px solid var(--line);
  }
  .size-group-head h4 {
    margin: 0px;
    flex: 1 1 auto;
    font-size: 14px;
  }
  .size-group-head .size-group-all {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  div.size-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--tw-spacing) * 4);
    row-gap: calc(var(--tw-spacing) * 2);
  }
  .size-row .size-kind-head {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--tw-spacing) * 3);
    row-gap: var(--tw-spacing);
  }
  .size-row .size-kind {
    flex: 1 1 auto;
    font-size: 11px;
    --tw-tracking: .04em;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .size-row .size-kind-all {
    font-size: 12px;
  }
  .variant-grid .form-control.compact {
    width: 100%;
    min-width: calc(var(--tw-spacing) * 37.5);
  }
  .variant-grid .form-control.compact.wsp-input, .variant-grid .form-control.compact.price-input {
    max-width: calc(var(--tw-spacing) * 35);
    min-width: calc(var(--tw-spacing) * 24);
  }
  .variant-grid .form-control.compact.tag-input {
    max-width: calc(var(--tw-spacing) * 40);
    min-width: calc(var(--tw-spacing) * 28);
  }
  .variant-grid .form-control.compact.weight-input {
    max-width: calc(var(--tw-spacing) * 30);
    min-width: calc(var(--tw-spacing) * 22);
  }
  .variant-grid td, .variant-grid th {
    vertical-align: middle;
  }
  .variant-grid [data-grid-state] {
    font-size: 12px;
    color: var(--muted);
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    border-radius: 999px;
    padding-top: var(--tw-spacing);
    padding-right: calc(var(--tw-spacing) * 2.5);
    padding-bottom: var(--tw-spacing);
    padding-left: calc(var(--tw-spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    --tw-tracking: .04em;
    letter-spacing: .04em;
    white-space: nowrap;
    color: var(--muted);
    text-transform: uppercase;
    background: var(--soft);
  }
  .badge::before {
    height: calc(var(--tw-spacing) * 1.5);
    width: calc(var(--tw-spacing) * 1.5);
    border-radius: 50%;
    background-color: currentcolor;
    --tw-content: '';
    content: var(--tw-content);
  }
  .badge.on {
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .badge.off {
    color: var(--red);
    background: var(--red-soft);
  }
  .badge.status-pending {
    color: var(--amber);
    background: var(--amber-soft);
  }
  .badge.status-confirmed {
    color: var(--blue);
    background: var(--blue-soft);
  }
  .badge.status-completed {
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .badge.status-cancelled {
    color: var(--red);
    background: var(--red-soft);
  }
  .badge.status-approved {
    color: var(--green-dark);
    background: var(--green-soft);
  }
  .badge.status-rejected {
    color: var(--red);
    background: var(--red-soft);
  }
  .image-main-badge::before, .image-new-badge::before {
    display: none;
  }
  body.admin-full-page {
    background: #f4f5f5;
  }
  .hp-bar {
    position: sticky;
    top: 0px;
    z-index: 20;
    background: var(--card);
    border-bottom: 1px solid var(--line);
  }
  .hp-bar-inner {
    margin-inline: auto;
    display: flex;
    max-width: 912px;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 4);
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .hp-bar h1 {
    margin: 0px;
    font-size: 17px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .hp-bar p {
    margin: 0px;
    font-size: 12px;
    color: var(--muted);
  }
  .hp-bar-tools {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--tw-spacing);
  }
  .hp-bar-button {
    display: grid;
    height: calc(var(--tw-spacing) * 9);
    width: calc(var(--tw-spacing) * 9);
    place-items: center;
    border-radius: 6px;
    color: var(--muted);
    &:hover {
      color: var(--ink);
    }
    &:hover {
      background: var(--soft);
    }
  }
  .hp-bar-button .icon {
    height: calc(var(--tw-spacing) * 4.5);
    width: calc(var(--tw-spacing) * 4.5);
  }
  .hp-page {
    margin-inline: auto;
    max-width: 912px;
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-top: calc(var(--tw-spacing) * 5);
    padding-bottom: calc(var(--tw-spacing) * 10);
    @media (max-width: 700px) {
      padding-top: calc(var(--tw-spacing) * 4);
    }
  }
  .hp-page .hp-form {
    max-width: none;
  }
  .hp-head-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-head {
    margin-bottom: calc(var(--tw-spacing) * 5);
    display: grid;
    gap: var(--tw-spacing);
  }
  .hp-back {
    margin-bottom: var(--tw-spacing);
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: var(--tw-spacing);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--muted);
    &:hover {
      color: var(--ink);
    }
  }
  .hp-back .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .hp-head h2 {
    margin: 0px;
    font-size: 22px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .hp-head p {
    margin: 0px;
    font-size: 14px;
    color: var(--muted);
  }
  .hp-form {
    display: grid;
    max-width: 880px;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 4);
  }
  .hp-card {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 5);
    box-shadow: var(--shadow-sm);
    background: var(--card);
    border: 1px solid var(--line);
    @media (max-width: 700px) {
      padding: calc(var(--tw-spacing) * 4);
    }
  }
  .hp-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-card-head h3 {
    margin: 0px;
    font-size: 16px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .hp-card-head p {
    margin-top: calc(var(--tw-spacing) * 0.5);
    margin-bottom: 0px;
    font-size: 13px;
    color: var(--muted);
  }
  .hp-kicker {
    margin: 0px;
    font-size: 11px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    --tw-tracking: .08em;
    letter-spacing: .08em;
    color: var(--muted);
    text-transform: uppercase;
  }
  .hp-list-head {
    margin-top: calc(var(--tw-spacing) * 2);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
    font-size: 12px;
    color: var(--muted);
  }
  .hp-group {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 4);
    padding-top: calc(var(--tw-spacing) * 4);
    border-top: 1px solid var(--line);
  }
  .hp-card-head + .hp-group {
    padding-top: 0px;
    border-top: 0;
  }
  .hp-sub {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 3);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 4);
    background: var(--soft);
  }
  .hp-row {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
    gap: calc(var(--tw-spacing) * 4);
  }
  .hp-field {
    display: grid;
    min-width: 0px;
    grid-template-columns: minmax(0,1fr);
    align-content: start;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .hp-narrow {
    max-width: calc(var(--tw-spacing) * 60);
  }
  .hp-label {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink);
  }
  .hp-label .optional {
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
    color: var(--faint);
  }
  .hp-help {
    display: flex;
    min-width: 0px;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
    font-size: 12px;
    --tw-leading: 1.45;
    line-height: 1.45;
    overflow-wrap: anywhere;
    color: var(--muted);
  }
  .hp-help > span:empty {
    flex: 1;
  }
  .hp-count {
    flex: none;
    color: var(--faint);
    font-variant-numeric: tabular-nums;
  }
  .hp-count.is-full {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--amber);
  }
  .hp-meta {
    margin: 0px;
    font-size: 12px;
    color: var(--muted);
  }
  .hp-note {
    margin: 0px;
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    font-size: 13px;
    color: var(--ink-2);
    background: var(--soft);
  }
  .hp-note .icon {
    margin-top: 1px;
    color: var(--muted);
  }
  .hp-switch {
    display: flex;
    width: max-content;
    max-width: 100%;
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-switch input, .hp-toggle input {
    margin: 0px;
    height: calc(var(--tw-spacing) * 6);
    width: calc(var(--tw-spacing) * 10);
    flex: none;
    cursor: pointer;
    appearance: none;
    border-radius: 999px;
    background: var(--line-strong) radial-gradient(circle,#fff 8.5px,transparent 9.5px) left center/24px 24px no-repeat;
    transition: background-color .2s,background-position .2s;
  }
  .hp-switch input:checked, .hp-toggle input:checked {
    background-color: var(--green);
    background-position: right center;
  }
  .hp-switch input:focus-visible, .hp-toggle input:focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 2px;
  }
  .hp-toggle {
    display: inline-flex;
    flex: none;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2.5);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--muted);
  }
  .hp-toggle:has(input:checked) .hp-toggle-off, .hp-toggle:not(:has(input:checked)) .hp-toggle-on {
    display: none;
  }
  .hp-toggle:has(input:checked) {
    color: var(--green-dark);
  }
  .hp-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-when-on {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 4);
  }
  .hp-group:has(> .hp-group-head input:checked) > .hp-when-off, .hp-group:not(:has(> .hp-group-head input:checked)) > .hp-when-on {
    display: none;
  }
  .hp-switch > span {
    display: grid;
    gap: calc(var(--tw-spacing) * 0.5);
    padding-top: calc(var(--tw-spacing) * 0.5);
  }
  .hp-switch b {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .hp-switch small {
    font-size: 12px;
    color: var(--muted);
  }
  .hp-choice {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-choice label {
    display: flex;
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 3);
    border-radius: var(--radius-sm);
    padding: calc(var(--tw-spacing) * 3.5);
    background: var(--card);
    border: 1px solid var(--line-strong);
    transition: border-color .15s,background .15s;
    &:hover {
      border-color: var(--muted);
    }
  }
  .hp-choice label:has(input:checked) {
    border-color: var(--green);
    box-shadow: inset 0 0 0 1px var(--green);
    background: var(--green-soft);
  }
  .hp-choice input {
    margin-inline: 0px;
    margin-top: 1px;
    height: calc(var(--tw-spacing) * 4.5);
    width: calc(var(--tw-spacing) * 4.5);
    flex: none;
    accent-color: var(--green);
  }
  .hp-choice span {
    display: grid;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .hp-choice b {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .hp-choice small {
    font-size: 12px;
    color: var(--muted);
  }
  .hp-colour {
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .hp-colour input[type="color"] {
    height: calc(var(--tw-spacing) * 11);
    width: calc(var(--tw-spacing) * 11);
    flex: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
    padding: var(--tw-spacing);
    background: var(--card);
    border: 1px solid var(--field-line);
  }
  .hp-colour .form-control {
    min-width: 0px;
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size: 13px;
    text-transform: uppercase;
  }
  .hp-upload {
    gap: calc(var(--tw-spacing) * 2.5);
  }
  .hp-required {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    --tw-tracking: var(--tw-tracking-normal);
    letter-spacing: var(--tw-tracking-normal);
    color: var(--red);
    text-transform: none;
  }
  .hp-upload.has-asset > .hp-drop {
    display: none;
  }
  .hp-asset {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 5);
    @media (max-width: 700px) {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .hp-asset.is-chosen {
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 3);
    background: #fbfdfc;
    border: 1px dashed var(--green-line);
  }
  .hp-upload.is-over .hp-asset {
    border-radius: var(--radius);
    outline: 2px dashed var(--green);
    outline-offset: 4px;
  }
  .hp-preview {
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 6px;
    color: var(--faint);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .hp-preview img, .hp-preview video {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .hp-preview .icon {
    height: calc(var(--tw-spacing) * 7);
    width: calc(var(--tw-spacing) * 7);
  }
  .hp-preview.is-wide {
    aspect-ratio: 16/7;
    width: calc(var(--tw-spacing) * 60);
    @media (max-width: 700px) {
      width: 100%;
    }
  }
  .hp-preview.is-tall {
    aspect-ratio: 9/16;
    width: calc(var(--tw-spacing) * 36);
  }
  .hp-preview.is-square {
    aspect-ratio: 1 / 1;
    width: calc(var(--tw-spacing) * 40);
  }
  .hp-asset-side {
    display: grid;
    min-width: 0px;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-asset-name {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .hp-facts {
    margin: 0px;
    display: grid;
    gap: 0px;
    font-size: 12px;
  }
  .hp-facts div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 6);
    padding-block: calc(var(--tw-spacing) * 1.5);
    border-bottom: 1px solid var(--line);
    &:last-child {
      border-bottom: 0;
    }
  }
  .hp-facts dt {
    color: var(--muted);
  }
  .hp-facts dd {
    margin: 0px;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink);
    font-variant-numeric: tabular-nums;
  }
  .hp-facts dd.is-off {
    color: var(--amber);
  }
  .hp-ok {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--green);
  }
  .hp-bad {
    display: grid;
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
    place-items: center;
    border-radius: 50%;
    font-size: 10px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-white);
    background: var(--amber);
  }
  .hp-asset-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .hp-asset-actions .btn {
    min-height: calc(var(--tw-spacing) * 9);
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 1.5);
    font-size: 13px;
  }
  .hp-asset-actions .btn .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .btn.hp-remove {
    border-color: transparent;
    color: var(--red);
    background: var(--red-soft);
    &:hover {
      border-color: transparent;
    }
    &:hover {
      color: var(--red);
    }
    &:hover {
      background: #f6d6d1;
    }
  }
  .hp-tip {
    margin: 0px;
    font-size: 12px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--amber);
  }
  .hp-tip.is-ready {
    color: var(--green-dark);
  }
  .hp-drop {
    position: relative;
    display: grid;
    cursor: pointer;
    justify-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    border-radius: var(--radius);
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-block: calc(var(--tw-spacing) * 7);
    text-align: center;
    background: var(--card);
    border: 1.5px dashed var(--line-strong);
    transition: border-color .15s,background .15s;
  }
  .hp-drop:hover, .hp-drop.is-over {
    border-color: var(--green);
    background: #f6faf8;
  }
  .hp-drop:focus-within {
    outline: 2px solid var(--green);
    outline-offset: 2px;
  }
  .hp-drop input {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0%;
  }
  .hp-drop-icon {
    display: grid;
    height: calc(var(--tw-spacing) * 10);
    width: calc(var(--tw-spacing) * 10);
    place-items: center;
    border-radius: 50%;
    color: var(--muted);
    background: var(--soft);
  }
  .hp-drop-icon .icon {
    height: calc(var(--tw-spacing) * 5);
    width: calc(var(--tw-spacing) * 5);
  }
  .hp-drop b {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink);
  }
  .hp-drop u {
    color: var(--green-dark);
    text-underline-offset: 2px;
  }
  .hp-drop small {
    max-width: calc(var(--tw-spacing) * 120);
    font-size: 12px;
    color: var(--faint);
  }
  .hp-icons {
    margin: 0px;
    min-width: 0px;
    padding: 0px;
    border: 0;
  }
  .hp-icons legend {
    margin-bottom: calc(var(--tw-spacing) * 1.5);
    padding: 0px;
  }
  .hp-icon-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    justify-items: center;
    column-gap: calc(var(--tw-spacing) * 2);
    row-gap: calc(var(--tw-spacing) * 3);
  }
  .hp-icon-option {
    position: relative;
    display: grid;
    height: calc(var(--tw-spacing) * 9);
    width: calc(var(--tw-spacing) * 9);
    cursor: pointer;
    place-items: center;
    border-radius: 8px;
    color: var(--ink-2);
    background: var(--card);
    border: 1px solid var(--line-strong);
    transition: border-color .15s,background .15s,color .15s;
    &:hover {
      border-color: var(--muted);
    }
    &:hover {
      color: var(--ink);
    }
  }
  .hp-icon-option input {
    position: absolute;
    inset: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0%;
  }
  .hp-icon-option .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .hp-icon-option:has(input:checked) {
    border-color: var(--ink);
    color: var(--tw-color-white);
    background: var(--ink);
  }
  .hp-icon-option:has(input:focus-visible) {
    outline: 2px solid var(--green);
    outline-offset: 2px;
  }
  .hp-item-thumb.is-icon {
    height: calc(var(--tw-spacing) * 8);
    width: calc(var(--tw-spacing) * 8);
    border-radius: 8px;
  }
  .hp-item-thumb > .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
    color: var(--ink-2);
  }
  .hp-group.is-plain {
    padding-top: 0px;
    border-top: 0;
  }
  .hp-list-head .hp-meta {
    margin-top: var(--tw-spacing);
  }
  .hp-list-head > span {
    flex: none;
    white-space: nowrap;
  }
  .hp-live-bar {
    overflow: hidden;
    border-radius: 12px;
  }
  .hp-live-bar.home-marquee {
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .hp-live-bar.home-ribbon {
    display: flex;
    min-height: calc(var(--tw-spacing) * 11);
    align-items: center;
    padding-inline: calc(var(--tw-spacing) * 4);
    font-family: var(--home-font);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .hp-live.is-off .hp-live-bar {
    opacity: 45%;
  }
  .hp-live-ribbon {
    margin: 0px;
    display: flex;
    min-width: 0px;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--tw-spacing) * 6);
    overflow: hidden;
    padding: 0px;
  }
  .hp-live-ribbon li {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    white-space: nowrap;
  }
  .hp-live-ribbon .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
    color: var(--ribbon-accent);
  }
  .hp-live-pill {
    border-radius: 999px;
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: calc(var(--tw-spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    --tw-tracking: var(--tw-tracking-wide);
    letter-spacing: var(--tw-tracking-wide);
    color: var(--ribbon-bg);
    background: var(--ribbon-accent);
  }
  .hp-live-empty {
    margin: 0px;
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-block: calc(var(--tw-spacing) * 2.5);
    font-size: 13px;
    opacity: 75%;
  }
  .hp-video-preview {
    aspect-ratio: 9/16;
    width: calc(var(--tw-spacing) * 56);
    overflow: hidden;
    border-radius: 12px;
    background: #000;
  }
  .hp-video-preview.is-wide {
    aspect-ratio: var(--tw-aspect-video);
    width: 100%;
    max-width: 440px;
  }
  .hp-video-preview.is-message {
    aspect-ratio: auto;
    width: auto;
    padding-inline: calc(var(--tw-spacing) * 3.5);
    padding-block: calc(var(--tw-spacing) * 3);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--amber);
    background: var(--amber-soft);
  }
  .hp-video-preview video, .hp-video-preview iframe {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: 0;
  }
  .form-control.is-invalid:not(:focus) {
    border-color: var(--red);
  }
  .hp-position {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--ink-2);
  }
  .hp-position .form-control {
    min-height: calc(var(--tw-spacing) * 9);
    width: calc(var(--tw-spacing) * 20);
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .hp-delete {
    position: relative;
    display: inline-flex;
    min-height: calc(var(--tw-spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    border-radius: 999px;
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 1.5);
    font-size: 13px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--red);
    border: 1px solid #ecc3be;
    transition: background .15s,color .15s;
    &:hover {
      background: var(--red-soft);
    }
  }
  .hp-delete input {
    position: absolute;
    inset: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0%;
  }
  .hp-delete .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .hp-delete:has(input:checked) {
    border-color: var(--red);
    color: var(--tw-color-white);
    background: var(--red);
  }
  .hp-delete:has(input:focus-visible) {
    outline: 2px solid var(--red);
    outline-offset: 2px;
  }
  .hp-list-wrap {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 3);
  }
  .hp-item {
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .hp-item:not(.is-collapsed) {
    box-shadow: var(--shadow-sm);
  }
  .hp-item.is-collapsed > .hp-item-body {
    display: none;
  }
  .hp-item-head {
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    padding-block: calc(var(--tw-spacing) * 2);
    padding-right: calc(var(--tw-spacing) * 3);
    padding-left: calc(var(--tw-spacing) * 2);
    @media (max-width: 700px) {
      flex-wrap: wrap;
    }
    @media (max-width: 700px) {
      padding-right: calc(var(--tw-spacing) * 2);
    }
  }
  .hp-item-toggle {
    display: flex;
    min-width: 0px;
    flex: 1;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tw-spacing) * 3);
    border-radius: 6px;
    background-color: transparent;
    padding: calc(var(--tw-spacing) * 1.5);
    text-align: left;
    color: inherit;
    border: 0;
    &:hover {
      background: #fafafa;
    }
  }
  .hp-item-thumb {
    display: grid;
    height: calc(var(--tw-spacing) * 10);
    width: calc(var(--tw-spacing) * 17);
    flex: none;
    place-items: center;
    overflow: hidden;
    border-radius: 4px;
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--line);
  }
  .hp-item.is-new .hp-item-thumb {
    border-style: dashed;
    background: var(--card);
  }
  .hp-item-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .hp-item-thumb small {
    font-size: 9px;
    color: var(--faint);
  }
  .hp-item-title {
    display: grid;
    min-width: 0px;
    flex: 1;
  }
  .hp-item-title b {
    font-size: 14px;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .hp-item-title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--muted);
  }
  .hp-item-tools {
    display: flex;
    flex: none;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    @media (max-width: 700px) {
      width: 100%;
    }
    @media (max-width: 700px) {
      justify-content: flex-end;
    }
  }
  .hp-item-tools .badge {
    margin-right: var(--tw-spacing);
  }
  .badge.new {
    color: var(--blue);
    background: var(--blue-soft);
  }
  .hp-tool {
    display: grid;
    height: calc(var(--tw-spacing) * 8);
    width: calc(var(--tw-spacing) * 8);
    cursor: pointer;
    place-items: center;
    border-radius: 6px;
    padding: 0px;
    color: var(--ink-2);
    background: var(--card);
    border: 1px solid var(--line-strong);
    &:hover {
      border-color: var(--muted);
    }
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 35%;
    }
    &:disabled {
      &:hover {
        border-color: var(--line-strong);
      }
    }
  }
  .hp-tool .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .hp-chevron {
    border-color: transparent;
    &:hover {
      background: var(--soft);
    }
  }
  .hp-chevron::after {
    margin-top: var(--tw-spacing);
    height: calc(var(--tw-spacing) * 2);
    width: calc(var(--tw-spacing) * 2);
    transform: rotate(-135deg);
    --tw-content: '';
    content: var(--tw-content);
    border-bottom: 1.5px solid var(--muted);
    border-right: 1.5px solid var(--muted);
    transition: transform .2s;
  }
  .hp-item.is-collapsed .hp-chevron::after {
    margin-top: calc(var(--tw-spacing) * -1);
    transform: rotate(45deg);
  }
  .hp-move {
    display: inline-flex;
    gap: var(--tw-spacing);
  }
  .hp-switch.is-bare {
    margin-inline: var(--tw-spacing);
    align-items: center;
  }
  .hp-trash {
    position: relative;
    display: grid;
    height: calc(var(--tw-spacing) * 8);
    width: calc(var(--tw-spacing) * 8);
    cursor: pointer;
    place-items: center;
    border-radius: 6px;
    padding: 0px;
    color: var(--red);
    background: var(--red-soft);
    border: 0;
    &:hover {
      background: #f6d6d1;
    }
  }
  .hp-trash .icon {
    height: calc(var(--tw-spacing) * 4);
    width: calc(var(--tw-spacing) * 4);
  }
  .hp-trash input {
    position: absolute;
    inset: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0%;
  }
  .hp-trash:has(input:checked) {
    color: var(--tw-color-white);
    background: var(--red);
  }
  .hp-trash:has(input:focus-visible) {
    outline: 2px solid var(--red);
    outline-offset: 2px;
  }
  .hp-item:has(> .hp-item-head .hp-trash input:checked) .hp-item-toggle {
    opacity: 55%;
    & b {
      text-decoration-line: line-through;
    }
  }
  .hp-item-body {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 5);
    padding: calc(var(--tw-spacing) * 5);
    border-top: 1px solid var(--line);
    @media (max-width: 700px) {
      padding: calc(var(--tw-spacing) * 4);
    }
  }
  .hp-add-row {
    display: flex;
  }
  .hp-add {
    min-height: calc(var(--tw-spacing) * 10);
    border-radius: var(--radius-sm);
  }
  .hp-empty {
    margin: 0px;
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 5);
    text-align: center;
    font-size: 13px;
    color: var(--muted);
    border: 1px dashed var(--line-strong);
  }
  .hp-info {
    display: grid;
    gap: calc(var(--tw-spacing) * 1.5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 4);
    background: var(--card);
    border: 1px solid var(--line);
  }
  .hp-info h4 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .hp-info h4 .icon {
    height: calc(var(--tw-spacing) * 3.5);
    width: calc(var(--tw-spacing) * 3.5);
  }
  .hp-info p {
    margin: 0px;
    font-size: 13px;
    color: var(--ink-2);
  }
  .hp-info p.hp-meta {
    font-size: 12px;
    color: var(--muted);
  }
  .hp-note.is-warning {
    color: var(--amber);
    background: var(--amber-soft);
    border: 1px solid #f0dcb4;
  }
  .hp-note.is-warning .icon {
    color: var(--amber);
  }
  .hp-actions {
    position: sticky;
    bottom: 0px;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--tw-spacing) * 2.5);
    border-radius: var(--radius);
    padding: calc(var(--tw-spacing) * 3.5);
    box-shadow: 0 -4px 16px rgba(15,17,17,.08);
    --tw-backdrop-blur: blur(var(--tw-blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background: rgba(255,255,255,.96);
    border: 1px solid var(--line);
    @media (max-width: 700px) {
      flex-wrap: wrap;
    }
    @media (max-width: 700px) {
      & .btn {
        flex: 1;
      }
    }
  }
  .hp-reset {
    order: 1;
  }
  .hp-draft, .hp-unpublish {
    order: 2;
  }
  .hp-primary {
    order: 3;
  }
  .hp-list {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: calc(var(--tw-spacing) * 3);
  }
  @media (max-width: 1400px) {
    .products-table th, .products-table td, .inventory-table th, .inventory-table td {
      padding-right: calc(var(--tw-spacing) * 2);
      padding-left: calc(var(--tw-spacing) * 2);
    }
    .products-table td:nth-child(4), .products-table td:nth-child(5) {
      min-width: calc(var(--tw-spacing) * 18);
    }
    .products-table .actions {
      min-width: calc(var(--tw-spacing) * 41.5);
    }
    .inventory-table .inline-form {
      display: inline-grid;
      gap: var(--tw-spacing);
    }
  }
  @media (max-width: 1100px) {
    .stats {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .checkout-grid {
      grid-template-columns: 1fr;
    }
    .summary-card {
      position: static;
    }
    .admin-form.three {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width: 1023px) {
    .products-table, .products-table tbody, .inventory-table, .inventory-table tbody {
      display: block;
    }
    .products-table thead, .inventory-table thead {
      display: none;
    }
    .products-table tbody tr, .inventory-table tbody tr {
      display: grid;
      align-items: start;
      column-gap: calc(var(--tw-spacing) * 3);
      row-gap: calc(var(--tw-spacing) * 2.5);
      padding-inline: 0px;
      padding-block: calc(var(--tw-spacing) * 3.5);
      border-bottom: 1px solid var(--line);
    }
    .products-table tbody tr:last-child, .inventory-table tbody tr:last-child {
      border-bottom: 0;
    }
    table.products-table tbody td, table.inventory-table tbody td {
      display: block;
      padding: 0px;
      overflow-wrap: anywhere;
      white-space: normal;
      border: 0;
    }
    .products-table td:nth-child(n), .inventory-table td:nth-child(n) {
      min-width: 0px;
    }
    .products-table td::before, .inventory-table td::before {
      margin-bottom: calc(var(--tw-spacing) * 0.5);
      display: block;
      font-size: 11px;
      --tw-font-weight: var(--tw-font-weight-semibold);
      font-weight: var(--tw-font-weight-semibold);
      color: var(--muted);
    }
    .products-table tbody tr {
      grid-template-columns: 44px repeat(3,minmax(0,1.4fr)) repeat(2,minmax(0,.6fr));
    }
    .products-table td.col-select {
      grid-column: 1;
      grid-row: 1;
      width: auto;
    }
    .products-table td:nth-child(2) {
      grid-column: 1;
      grid-row: 2/span 4;
    }
    .products-table td:nth-child(3) {
      grid-column: 2/-3;
      grid-row: 1;
    }
    .products-table td:nth-child(9) {
      grid-column: -3/-1;
      grid-row: 1;
      justify-self: end;
    }
    .products-table td:nth-child(4)::before {
      --tw-content: 'Category';
      content: var(--tw-content);
    }
    .products-table td:nth-child(5)::before {
      --tw-content: 'Statuses';
      content: var(--tw-content);
    }
    .products-table td:nth-child(6)::before {
      --tw-content: 'WSP';
      content: var(--tw-content);
    }
    .products-table td:nth-child(7)::before {
      --tw-content: 'Variants';
      content: var(--tw-content);
    }
    .products-table td:nth-child(8)::before {
      --tw-content: 'Units';
      content: var(--tw-content);
    }
    .products-table td.actions {
      grid-column: 2/-1;
    }
    .inventory-table tbody tr {
      grid-template-columns: repeat(12,minmax(0,1fr));
    }
    .inventory-table td.col-select {
      grid-column: span 1;
      width: auto;
    }
    .inventory-table td:nth-child(2) {
      grid-column: span 3;
    }
    .inventory-table td:nth-child(3) {
      grid-column: span 2;
    }
    .inventory-table td:nth-child(4) {
      grid-column: span 3;
    }
    .inventory-table td:nth-child(5) {
      grid-column: span 1;
    }
    .inventory-table td:nth-child(9) {
      grid-column: 11/span 2;
      grid-row: 1;
      justify-self: end;
    }
    .inventory-table td:nth-child(6) {
      grid-column: span 5;
    }
    .inventory-table td:nth-child(7) {
      grid-column: span 4;
    }
    .inventory-table td:nth-child(8) {
      grid-column: span 3;
    }
    .inventory-table td:nth-child(3)::before {
      --tw-content: 'Category';
      content: var(--tw-content);
    }
    .inventory-table td:nth-child(4)::before {
      --tw-content: 'Colour';
      content: var(--tw-content);
    }
    .inventory-table td:nth-child(5)::before {
      --tw-content: 'Size';
      content: var(--tw-content);
    }
    .inventory-table td:nth-child(6)::before {
      --tw-content: 'Barcode (SKU)';
      content: var(--tw-content);
    }
    .inventory-table td:nth-child(7)::before {
      --tw-content: 'Units';
      content: var(--tw-content);
    }
    .inventory-table td:nth-child(8)::before {
      --tw-content: 'Updated';
      content: var(--tw-content);
    }
    .inventory-table .inline-form {
      display: inline-flex;
    }
  }
  @media (max-width: 700px) {
    .flash {
      top: calc(var(--tw-spacing) * 3);
      right: calc(var(--tw-spacing) * 3);
      left: calc(var(--tw-spacing) * 3);
      max-width: none;
    }
    .page-heading {
      margin-bottom: calc(var(--tw-spacing) * 4.5);
      flex-direction: column;
      align-items: stretch;
    }
    .page-heading h1, .section-title.large {
      font-size: 24px;
    }
    .page-heading p {
      font-size: 14px;
    }
    .checkout-heading {
      margin-bottom: calc(var(--tw-spacing) * 3.5);
      gap: calc(var(--tw-spacing) * 2.5);
    }
    .checkout-heading h1 {
      font-size: 22px;
    }
    .checkout-heading p {
      margin-top: var(--tw-spacing);
      font-size: 13px;
    }
    .checkout-heading > .btn {
      min-height: calc(var(--tw-spacing) * 9);
      align-self: flex-start;
      padding-inline: calc(var(--tw-spacing) * 3);
      padding-block: calc(var(--tw-spacing) * 1.5);
      font-size: 13px;
    }
    .product-price {
      font-size: 16px;
    }
    .product-price:where([data-view="list"], [data-view="list"] *) {
      font-size: 18px;
    }
    .p-badges {
      top: calc(var(--tw-spacing) * 1.5);
      right: calc(var(--tw-spacing) * 1.5);
      max-width: calc(100% - 12px);
      gap: var(--tw-spacing);
    }
    .p-badge {
      padding-inline: calc(var(--tw-spacing) * 1.5);
      padding-block: calc(var(--tw-spacing) * 0.75);
      font-size: 9px;
      --tw-tracking: .06em;
      letter-spacing: .06em;
    }
    .panel {
      padding: calc(var(--tw-spacing) * 4);
    }
    .cart-table th, .cart-table td, .bundle-table th, .bundle-table td {
      padding-inline: calc(var(--tw-spacing) * 2);
      padding-block: calc(var(--tw-spacing) * 2.5);
    }
    .cart-table .col-unit, .cart-table td[data-unit-price], .bundle-table thead th:nth-child(3), .bundle-table .size-row td:nth-child(3) {
      display: none;
    }
    .quantity-input {
      width: calc(var(--tw-spacing) * 17);
    }
    .line-thumb {
      height: calc(var(--tw-spacing) * 12);
      width: calc(var(--tw-spacing) * 9.5);
    }
    .info-list > div {
      grid-template-columns: 1fr;
      gap: calc(var(--tw-spacing) * 0.5);
    }
    .button-row.centered .btn {
      flex: 1 1 100%;
    }
    .toolbar label, .toolbar label.grow, .toolbar .multiselect-field {
      flex-basis: 100%;
    }
  }
  @media (max-width: 860px) {
    .multiselect-panel {
      position: static;
      margin-top: calc(var(--tw-spacing) * 1.5);
      max-height: none;
      width: 100%;
      box-shadow: none;
    }
  }
  @media (max-width: 340px) {
    .multiselect-options {
      grid-template-columns: repeat(3,minmax(0,1fr));
    }
  }
  @media (max-width: 700px) {
    .toolbar label.date {
      flex: 1 1 40%;
    }
    .toolbar-actions {
      width: 100%;
    }
    .toolbar-actions .btn {
      flex: 1 1 auto;
    }
    .orders-table thead {
      display: none;
    }
    .orders-table, .orders-table tbody {
      display: block;
    }
    .orders-table tbody tr {
      display: grid;
      grid-template-columns: minmax(0,1fr) auto;
      column-gap: calc(var(--tw-spacing) * 3);
      row-gap: calc(var(--tw-spacing) * 2);
      padding-inline: calc(var(--tw-spacing) * 4);
      padding-block: calc(var(--tw-spacing) * 3.5);
      border-bottom: 1px solid var(--line);
    }
    .orders-table tbody td {
      display: block;
      padding: 0px;
      white-space: normal;
      border: 0;
    }
    .orders-table td[data-label="Order"] {
      grid-column: 1;
      grid-row: 1;
    }
    .orders-table td[data-label="Status"] {
      grid-column: 2;
      grid-row: 1;
      text-align: right;
    }
    .orders-table td[data-label="Customer"], .orders-table td[data-label="Ordered By"] {
      grid-column: 1/-1;
    }
    .orders-table td[data-label="Items"] {
      grid-column: 1;
    }
    .orders-table td[data-label="Total"] {
      grid-column: 2;
      text-align: right;
    }
    .orders-table td[data-label="WSP"] {
      order: 1;
      grid-column: 1/-1;
    }
    .orders-table td[data-label="Discount"] {
      order: 1;
      grid-column: 1;
    }
    .orders-table td[data-label="GST"] {
      order: 1;
      grid-column: 2;
      text-align: right;
    }
    .orders-table td.row-action {
      order: 2;
      grid-column: 1/-1;
    }
    .orders-table td.row-action .btn {
      width: 100%;
    }
    .stats {
      gap: calc(var(--tw-spacing) * 2);
    }
    .stat-card {
      padding: calc(var(--tw-spacing) * 3.25);
    }
    .stat-card strong {
      font-size: 24px;
    }
    .admin-form, .admin-form.three {
      grid-template-columns: 1fr;
    }
    .admin-form .full {
      grid-column: auto;
    }
    .variant-grid th, .variant-grid td {
      padding-inline: calc(var(--tw-spacing) * 1.5);
      padding-block: calc(var(--tw-spacing) * 2);
    }
    .variant-grid .form-control.compact {
      min-width: calc(var(--tw-spacing) * 30);
    }
    .variant-grid [data-grid-state] {
      display: none;
    }
    .data-table td {
      white-space: nowrap;
    }
    .products-table tbody tr {
      grid-template-columns: 44px repeat(2,minmax(0,1fr));
    }
    .products-table td:nth-child(3) {
      grid-column: 2;
    }
    .products-table td:nth-child(9) {
      grid-column: 3;
    }
    .inventory-table td:nth-child(2) {
      grid-column: span 8;
    }
    .inventory-table td:nth-child(9) {
      grid-column: 10/span 3;
    }
    .inventory-table td:nth-child(3), .inventory-table td:nth-child(4) {
      grid-column: span 4;
    }
    .inventory-table td:nth-child(5) {
      grid-column: span 4;
    }
    .inventory-table td:nth-child(6), .inventory-table td:nth-child(7), .inventory-table td:nth-child(8) {
      grid-column: span 12;
    }
  }
  .home-page {
    --home-font: var(--sans);
    --home-hero-base: #020617;
    --home-ig-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    --home-ease-out: cubic-bezier(.22, 1, .36, 1);
    background: #fff;
    color: #18181b;
    font-family: var(--home-font);
  }
  .home-ribbon {
    --home-font: var(--sans);
    background: var(--ribbon-bg, #171717);
    color: var(--ribbon-text, #d4d4d4);
  }
  .home-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s var(--home-ease-out), transform .6s var(--home-ease-out);
    transition-delay: var(--reveal-delay, 0s);
  }
  .home-reveal.is-fade {
    transform: none;
  }
  .home-reveal.is-in {
    opacity: 1;
    transform: none;
  }
  .home-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(60px);
    transition: opacity .28s cubic-bezier(.25, 1, .5, 1), transform .28s cubic-bezier(.25, 1, .5, 1), visibility 0s linear .28s;
  }
  .home-hero-slide.is-active {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
  }
  .home-hero-slide.is-fallback {
    --hero-title: #fff;
    --hero-highlight: #fbbf24;
    --hero-subtitle: rgba(255, 255, 255, .88);
  }
  .home-js .home-hero-text > * {
    opacity: 0;
    transform: translateY(16px);
  }
  .home-js .home-hero-slide.is-active.is-loaded .home-hero-text > * {
    opacity: 1;
    transform: none;
    transition: opacity .32s ease-out, transform .32s ease-out;
  }
  .home-js .home-hero-slide.is-loaded .home-hero-text > :nth-child(2) {
    transition-delay: .07s;
  }
  .home-js .home-hero-slide.is-loaded .home-hero-text > :nth-child(3) {
    transition-delay: .14s;
  }
  .home-hero-cta {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 28px;
    border-radius: 999px;
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .04em;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    transition: transform .3s, box-shadow .3s;
  }
  .home-hero-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f5f5f5;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease-out;
  }
  .home-hero-cta > * {
    position: relative;
  }
  .home-hero-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);
  }
  .home-hero-cta:hover::before {
    transform: scaleX(1);
  }
  .home-hero-cta:active {
    transform: scale(.98);
  }
  .home-marquee {
    background: var(--marquee-bg, #111);
    color: var(--marquee-text, #fff);
  }
  .home-marquee-track {
    display: flex;
    width: max-content;
    animation: home-marquee-rtl var(--marquee-speed, 7s) linear infinite;
  }
  .home-marquee.is-ltr .home-marquee-track {
    animation-name: home-marquee-ltr;
  }
  .home-marquee:hover .home-marquee-track {
    animation-play-state: paused;
  }
  @keyframes home-marquee-rtl {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-50%, 0, 0);
    }
  }
  @keyframes home-marquee-ltr {
    from {
      transform: translate3d(-50%, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .home-campus-frame {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
  }
  .home-campus-frame iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316%;
    height: 100%;
    border: 0;
    transform: translate(-50%, -50%);
  }
  .home-campus-frame.is-short iframe, .home-campus-frame.is-instagram iframe {
    width: 100%;
  }
  .home-campus-frame.is-instagram {
    background: #fff;
  }
  .home-campus-frame.is-instagram:empty {
    display: none;
  }
  .is-embed .home-campus-frame.is-instagram {
    pointer-events: auto;
  }
  .is-embed [data-campus-play] {
    display: none !important;
  }
  .home-campus-instagram {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045);
    cursor: pointer;
  }
  .home-campus-instagram .icon {
    transform: translateY(-72px);
    opacity: .9;
  }
  .home-campus-error {
    position: absolute;
    inset: 40% 1rem auto;
    margin: 0;
    padding: .6rem .8rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    font-size: 13px;
    text-align: center;
  }
  .is-unavailable [data-campus-play] {
    display: none !important;
  }
  .home-track {
    scrollbar-width: none;
  }
  .home-track::-webkit-scrollbar {
    display: none;
  }
  .home-tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    height: 2px;
    width: 0;
    background: #ea580c;
    transition: width .3s;
  }
  .home-tab[aria-selected="true"]::after, .home-tab:hover::after {
    width: 100%;
  }
  .home-to-top {
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    transition: opacity .3s, transform .3s;
  }
  .home-to-top.is-visible {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  .home-wall {
    --wall-ink: #000;
    --wall-ink-soft: #141414;
    --wall-paper: #fff;
    --wall-line: #fff;
    --wall-gray: #666;
    --wall-gray-dim: #8f8f8f;
    position: relative;
    overflow: hidden;
    padding: 5.5rem 0 6rem;
    background: var(--wall-paper);
    color: var(--wall-ink);
    font-family: inherit;
  }
  .home-wall-inner {
    max-width: 76rem;
    margin: 0 auto;
    padding: 0 1.25rem;
  }
  .home-wall-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
  }
  .home-wall-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--wall-gray);
  }
  .home-wall-eyebrow .icon {
    width: 14px;
    height: 14px;
  }
  .home-wall-title {
    margin: .5rem 0 0;
    font: 600 clamp(2.4rem, 6vw, 4.4rem)/1 var(--home-font);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .home-wall-title span {
    color: transparent;
    -webkit-text-stroke: 1.5px var(--wall-ink);
  }
  .home-wall-sub {
    margin: .9rem 0 0;
    max-width: 28rem;
    color: var(--wall-gray);
    font-size: 15px;
  }
  .home-wall-cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 48px;
    padding: 0 1.5rem;
    border-radius: 999px;
    background: var(--wall-ink);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    transition: transform .25s, box-shadow .25s, background .25s;
  }
  .home-wall-cta:hover {
    background: var(--home-ig-gradient);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(220, 39, 67, .3);
    color: #fff;
  }
  .home-wall-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 130px;
    grid-auto-flow: dense;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .home-wall-cell.shape-big {
    grid-column: span 2;
    grid-row: span 3;
  }
  .home-wall-cell.shape-tall {
    grid-row: span 3;
  }
  .home-wall-cell.shape-square {
    grid-row: span 2;
  }
  .home-wall-cell.shape-wide {
    grid-column: span 2;
    grid-row: span 2;
  }
  .home-wall-card {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--wall-line);
    background: var(--wall-ink-soft);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
    transition: box-shadow .3s, transform .2s ease-out;
    transform-style: preserve-3d;
  }
  .home-wall-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  }
  .home-wall-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: filter .5s, transform .6s var(--home-ease-out);
  }
  .home-wall-card:hover img, .home-wall-card:focus-visible img {
    filter: grayscale(.2);
    transform: scale(1.045);
  }
  .home-wall-sheen {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .35), transparent 55%);
    transition: opacity .3s;
  }
  .home-wall-card:hover .home-wall-sheen {
    opacity: 1;
  }
  .home-wall-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: var(--wall-ink);
  }
  .home-wall-badge .icon {
    width: 16px;
    height: 16px;
  }
  .home-wall-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
  }
  .home-wall-play .icon {
    fill: currentColor;
  }
  .home-wall-cell.will-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s var(--home-ease-out), transform .6s var(--home-ease-out);
    transition-delay: var(--stagger, 0ms);
  }
  .home-wall-cell.will-reveal.is-in {
    opacity: 1;
    transform: none;
  }
  .home-wall-ribbon {
    margin: 3.5rem -2rem 0;
    padding: .9rem 0;
    overflow: hidden;
    background: var(--home-ig-gradient);
    color: #fff;
    transform: rotate(-1.4deg);
  }
  .home-wall-ribbon-track {
    display: flex;
    width: max-content;
    gap: 2rem;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2em;
    white-space: nowrap;
    animation: home-wall-marquee 22s linear infinite;
  }
  .home-wall-ribbon-track span {
    padding-right: 2rem;
  }
  .home-wall-ribbon:hover .home-wall-ribbon-track {
    animation-play-state: paused;
  }
  @keyframes home-wall-marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-50%, 0, 0);
    }
  }
  @media (max-width: 860px) {
    .home-wall-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: 160px;
    }
    .home-wall-cell.shape-big, .home-wall-cell.shape-wide {
      grid-column: span 2;
      grid-row: span 2;
    }
  }
  @media (max-width: 700px) {
    .home-wall {
      padding: 3.5rem 0 4rem;
    }
    .home-wall-grid {
      display: block;
      columns: 2;
      column-gap: 10px;
    }
    .home-wall-cell {
      break-inside: avoid;
      margin-bottom: 10px;
      aspect-ratio: 4 / 5;
    }
    .home-wall-cell:nth-child(even) {
      aspect-ratio: 1;
    }
    .home-wall-badge {
      width: 26px;
      height: 26px;
    }
    .home-wall-ribbon-track {
      font-size: 11px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .home-marquee-track {
      animation-duration: 30s;
    }
    .home-wall-ribbon-track {
      animation: none;
    }
    .home-wall-card img {
      transform: none !important;
    }
  }
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}